.f13	{font-size:13px;}
.f25	{font-size:16px;}
.f35	{font-size:35px;}
.h30	{height:30px;}
.h50	{height:50px;}
.hp10	{height:10%;}
.hp80	{height:80%;}
.hp100	{height:100%;}
.wp30	{width:30%;}
.wp100	{width:100%;}
.l30	{line-height:30px;}
.bd_n	{border:none;}
.ta_c	{text-align:center;}
.ml_10	{margin-left:10px;}.
.mb_5	{margin-bottom:5px;}
.mt_5	{margin-top:5px;}
.mt_10	{margin-top:10px;}
.mt_30	{margin-top:20px;}
.mt_50	{margin-top:50px;}
.f_l	{float:left;}
.b		{font-weight:bold;}
.bc_green10	{background-color:#3ABD0F;}
.bc_blue10	{background-color:#275FB3;}
.bc_gray10	{background-color:#f9f9f9;}
.btn_b	{
	background-color:#275FB3 !important;
	color:#fff !important;
	text-shadow:none !important;000
}
.btn_g	{
	background-color:#3ABD0F !important;
	color:#fff !important;
}

html,body{
	font-size	: 14px;
	margin	: 0px;
	width	: 100%;
	height	: 100%;
	color	: #555;
}	

::-webkit-scrollbar{
	display:none;
}
body,button,span, div, table td{
	font-family:Meiryo,'Segoe UI','Malgun Gothic' ,'留묒� 怨좊뵓',Dotum,Helvetica,'MS PGothic','Apple SD Gothic Neo', Sans-serif !important;
}
input, textarea, select{
	font-family:Meiryo,'Malgun Gothic','Segoe UI' ,'留묒� 怨좊뵓',Dotum,Helvetica,'MS PGothic','Apple SD Gothic Neo', Sans-serif !important;
}


/* =======================input======================= */
input[type="text"], input[type="password"]{
	background:#fff;
	border-radius: 3px;
	border:solid 1px rgb(58, 133, 210);
	width: -moz-calc(100% - 6px);
	width: -webkit-calc(100% - 6px);
	width: calc(100% - 6px);
	height:22px;
    padding: 2px;
}
input[type="checkbox"]{
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin: 3px 0 0 3px;
    padding: 0;
    color: #4C9CD4;
    background-color: #fff;
    border: 3px solid #4C9CD4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-appearance: none;
    font-size	: 17px;
    font-weight	: bold;
}
input[type="checkbox"]:checked{
    background-color: #fff;
    line-height	: 13px;
}
input[type="checkbox"]:checked::before{
    content: "館";
    margin-left:4px;
}
input[type="checkbox"]:focus{
	outline:none;
}
/* =======================combo======================= */
.dhxform_obj_dhx_skyblue {
    font-family: Tahoma;
    float: left;
    line-height: normal;
    background-color: transparent;
    padding:0px;
}
div.dhxcombo_dhx_skyblue{
	border-radius: 3px;
}
.dhxform_obj_dhx_skyblue div.dhxform_item_label_top div.dhxform_control {
	margin-bottom:0px;
}
.dhxform_obj_dhx_skyblue div.dhxform_base {
    padding: 2px 0px 2px 0px;
}
/* =======================select======================= */
select{
	background:#fff;
	border-radius: 3px;
	border:solid 1px rgb(60,165,180);
	width: calc(100% - 10px);
	height:29px;
    padding: 2px;
    margin-left	: 5px;
}
/* =======================search bar======================= */
.search_btn{
	margin:5px;
	margin-left:-2px;
	background: #3A85D2; 
	float: left;
	width: 60px;
	height: 28px;
	display: block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	border:solid 1px rgb(58, 133, 210);
	border-left:0px;
}
.search_btn:hover{
	background: #6EB5FD;
	background-image:url(../imgs/search.png);
	background-size: 20px 20px;                   
    background-repeat:   no-repeat;
    background-position: center center;   
}
.search_btn:active {
	background: #1B5EA2;
}
.search_btn, .search_btn:hover ,.search_btn:active {
	background-image:url(../imgs/main/search.png);
	background-size: 20px 20px;                   
    background-repeat:   no-repeat;
    background-position: center center;   
}
.stock_search_bar{
	width	: 100%;
    height	: 40px; 
	background: #bbbbbb;
}
.search_text{
	float: left;
	margin:5px;
	margin-right:0px;
	width: calc(100% - 80px) !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right:0px !important;
	padding-left:5px;
}
#stock_search_list{
	width:100%;
	background: #999;	
	height: calc(100% - 40px);
	position: absolute;
 	top: 40px;
 	z-index:10000;
 	display:none;
}

.stockItem{
	width: 100%;
	height: 35px;
	border-bottom	: 1px solid #bbb;  
	background-color: #999;
}
.stockCode, .stockName{
	width: 120px;
	height: 35px;
	line-height	: 35px;
	float: left;
	padding-left:5px;
	color:#fff;
	-webkit-touch-callout : none;
	-webkit-user-select	: none;
	user-select : none;
}
.stockName{
	width: calc(100% - 130px);
	overflow	: hidden;
}

/* =======================List row======================= */
.list_box{
	width	: 100%;
	height	: 100%;
	overflow-y 	: auto;
	overflow-x 	: hidden;
}
.list_row div{
	height	: 24px;
	line-height	: 24px;
	-webkit-touch-callout : none;
	-webkit-user-select	: none;
	user-select : none;
}
.list_row{
	width	: 100%;
	border-bottom	: solid 1px rgb(224,224,224);
	display	: table;
}
.list_row:active {
	background: #6EB5FD;
}
.even{
	background: #eee;
}
.up{
	color: #0EB11C;
}
.dw{
	color: #DA2424;
}

.stock_nam{
	width	: calc(75% - 5px);
	margin	: 0px 0px 0px 5px;
	float	: left;
	font-weight	: bold;
	overflow	: hidden;
}
.stock_prc{
	width	: calc(25% - 5px);
	margin	: 0px 5px 0px 0px;
	float	: left;
	font-weight	: bold;
	text-align	: right;
}
.stock_vol{
	width	: calc(40% - 10px);
	margin	: 0px 0px 0px 5px;
	float	: left;
}
.stock_chg{
	width	: 30%;
	float	: left;
	text-align	: right;
}
.stock_rat{
	width	: 30%;
	margin	: 0px 5px 0px 0px;
	float	: left;
	text-align	: right;
}

.contract_tim,.contract_prc,.contract_chg,.contract_vol{
	text-align	: right;
	float	: left;
	width	: 25%;
	height	: 35px !important;
	line-height	: 35px !important;
	border-left	: solid 1px rgb(224,224,224);
}
.contract_tim{
	width	: calc(25% - 13px);
	margin	: 0px 0px 0px 5px;
	text-align	: center;
	border-left	: none;
}
.contract_prc{
}
.contract_chg{
}
.contract_vol{
	margin	: 0px 5px 0px 0px;
}

.order_num,.order_nam,.order_prc,.order_vol,.order_tim{
	text-align	: left;
	margin	: 0px 5px 0px 0px;
	float	: left;
}
.order_prc{
	width	: calc(40% - 5px);
}
.order_vol{
	width	: calc(60% - 5px);
}
.order_num,.order_nam,.order_tim{
	width	: 100%;
}
.hold_nam,.hold_prc,.hold_chg,.hold_tit,.hold_val{
	text-align	: left;
	margin	: 0px 5px 0px 5px;
	float	: left;
	width	: calc(20% - 10px);
}
.hold_nam{
	font-weight	: bold;
	width	: calc(60% - 10px);
	overflow	: hidden;
}
.hold_prc, .hold_chg{
	font-weight	: bold;
	text-align	: right;
}
.hold_tit{
	margin-left	: 85px;
	width	: calc(60% - 10px - 40px);
}
.hold_val{
	text-align	: right;
	width	: calc(40% - 10px - 40px);
}
/* =======================buy sell button======================= */
.buy_btn{
	color: #0EB11C;
	border	: solid 1px rgb(4, 146, 17);
	border-radius	: 2px;
	background	: #0EB11C;
	background	: #CBFFD0;
}
.buy_btn:active {
	background: #90E297;
}
.sell_btn{
	color: #DA2424;
	border	: solid 1px rgb(185, 6, 6);
	border-radius	: 2px;
	background	: #DA2424;
	background	: #FFDFDF;
}	
	
.sell_btn:active {
	background	: #FD8E8E;
}
.modify_btn{
	color: #fff;
    border: solid 1px rgb(25, 75, 100);
    border-radius: 2px;
    background: #267EAB;
}
.modify_btn:active {
	background	: #61B9E6;
}
.rescission_btn{
	color: #fff;
	border: solid 1px rgb(70, 70, 70);
    border-radius: 2px;
    background: #757575;
}
.rescission_btn:active {
	background	: #A5A5A5;
}
.base_btn{
	color: #fff;
    border: solid 1px rgb(144, 144, 144);
    border-radius: 2px;
    background: #B3B3B3;
}
.base_btn:active {
	background	: #d3d3d3;
}

/* ======================= Tab ====================== */
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs{
	border	: solid 1px #fff;
	border-top	: none;
	border-bottom	:  none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab{
	border-top	: 1px solid #233746;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar div.dhx_cell_cont_tabbar{
	border	: none;
}
.dhxtabbar_tabs_line{
	left	: 0px !important;
	height	: 0px !important;
}
.dhxtabbar_base_dhx_skyblue div.dhx_cell_tabbar {
	border	: none;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab {
	height	: 27px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text{
	height	: 27px;
	line-height	: 27px;
	font-size	: 13px;
}
.dhxtabbar_base_dhx_skyblue div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
	background	: #fff;
}