.ref-tbox {font-size: 0px;}

.refib {font-size: 14px; display: inline-block; width: 60%; vertical-align: top}
	.refib .refib-l {display: inline-block; vertical-align: top; width: 120px; margin-right: 10px;}
	.refib .refib-r {display: inline-block; width: calc(100% - 135px)}

.reftb {background-color: #111111; display: inline-block; width: 40%; vertical-align: top}
	.reftb .bbb {padding: 8px 15px; border: 1px solid #f0ad4e;}
	.reftb .bbb h4 {margin: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase;}
	.reftb .bbb span {font-size: 18px; color: #f0ad4e}

.ref-dbox {padding-top: 20px;}
.ref-dbox.nopad {padding-top: 0px;}
	.ref-dbox h4 {margin-bottom: 10px; padding: 0px}
	.ref-dbox small {color: #f0ad4e}
	.ref-dbox .ref-dbox-input {font-size: 0px;}
		.ref-dbox .ref-dbox-input .ref-dbox-input-l {display: inline-block; width: 80%; vertical-align: top;}
			.ref-dbox .ref-dbox-input .ref-dbox-input-l .ii {width: calc(50% - 20px); display: inline-block; vertical-align: top; font-size: 14px; color: #000000}
			.ref-dbox .ref-dbox-input .ref-dbox-input-l .ii input {width: 100%; color: #ffffff; background-color: #111111; border: 1px solid #f0ad4e; line-height: 26px; padding: 0px 8px}
			.ref-dbox .ref-dbox-input .ref-dbox-input-l .ii2 {width: 20px; display: inline-block; vertical-align: top; font-size: 14px; color: #ffffff; text-align: center;}
		.ref-dbox .ref-dbox-input .ref-dbox-input-r {display: inline-block; width: 20%; vertical-align: top;}
			.ref-dbox .ref-dbox-input .ref-dbox-input-r a {display: block; font-size: 12px; background-color: #f0ad4e; color: #ffffff; line-height: 28px; text-align: center; border-radius: 3px}

	.ref-dbox .ref-dbox-data {margin-top: 10px}
		.ref-dbox .ref-dbox-data .dd {padding: 6px; background-color: #111111; border: 1px solid #777777; font-size: 12px; line-height: normal; position: relative;}
		.ref-dbox .ref-dbox-data .dd.no { text-align: center; border: 0px}
			.ref-dbox .ref-dbox-data .dd .ddt {cursor: pointer;}
			.ref-dbox .ref-dbox-data .dd .ddb {border-top: 1px solid #f0ad4e; margin-top: 6px;}
			.ref-dbox .ref-dbox-data .dd .dd1 {}
			.ref-dbox .ref-dbox-data .dd .dd2 {position: absolute; padding-right: 13px; right: 6px; top: 6px;}

			.ref-dbox .ref-dbox-data .dd.aaa {background-color: #000000; border-color:#f0ad4e;}
			.ref-dbox .ref-dbox-data .dd table {margin: 6px 0px 0px}

		.ref-dbox .ref-dbox-data table {width: 100%; margin-bottom: 10px; font-size: 12px; border-collapse: collapse; background-color: #000000}
		.ref-dbox .ref-dbox-data table thead {background-color: #222222; font-weight: bold;}
		.ref-dbox .ref-dbox-data table td {padding: 4px 8px; border: 1px solid #777777}

		.ref-dbox .ref-dbox-data .dd .arr {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f0ad4e}
		.ref-dbox .ref-dbox-data .dd.aaa .arr {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #f0ad4e; border-top: 0px}

		.ref-dbox .ref-dbox-data .table-responsive {margin-bottom: 0px; border:0px; text-align: left; line-height: normal;}

.refdd {background-color: #111111; padding: 8px; margin-top: 8px; border: 1px solid #444444; color: #ffffff;}
	.refdd .refdd-t {font-size: 14px; font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #444444; margin-bottom: 8px; line-height: normal;}
	.refdd .refdd-c {}

.ref-dbox .pagi {}
	.ref-dbox .pagi ul {list-style: none; text-align: center; font-size: 0px; display: block;}
	.ref-dbox .pagi ul li {display: inline-block; font-size: 12px; background-color: #666666; width: 18px; line-height: 18px; margin: 0px 1px; padding: 0px; cursor: pointer;}
	.ref-dbox .pagi ul li.aaa, .ref-dbox .pagi ul li:hover {background-color: #f0ad4e; color: #111111;}

@media only screen and (max-width: 768px) {

	.refib {margin-bottom: 15px; width: 100%}
	.reftb {width: 100%}

}