ul.list li{
	padding-bottom: 6px;
}

.mytable td{
	width: 160px;
	padding: 14px 10px;
}

.mytable td .item{
	width: 100%;
	border: 1px solid rgba(0,0,0,0.3);
	background: #FCFCFC;
	padding: 4px;
	position: relative;
}

.mytable .item img{
	width: 100%;
	height: auto;
}

.mytable .item .title{
	font-size: 16px;
	font-weight: 600;
	height: 40px;
	width: 100%;
	display: table;
}

.mytable .item .title > span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 8px;
	
}

.mytable .item .hil-drop-box > box-border{		
	border-width: 1px;
}

.mytable .item .hil-drop-box{		
	position: absolute;
	bottom: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	background-color: transparent;
}

.mytable .hil-drop-box .hil-drag > div{
	position: absolute;
	right: 12px;
	top: 12px;
	padding: 0px 4px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #32271b;
	background-color: #fbd25b;
	border-radius: inherit;
}

.answer-box{
	margin-top: 25px;
	background: #f1f1f1;
	max-width: 620px;
	padding: 12px;
	border: 1px solid #eaeaea;
}

.mytable2 td{
	padding: 9px 11px;
	text-align: center;
}

.mytable2 .hil-drag-box .hil-drag > div{
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #32271b;
	background-color: #fbd25b;
	border-radius: inherit;
	cursor: default;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.mytable2 .hil-drag-box .hil-drag > div > span{
	display: table-cell;
	vertical-align: middle;
}


@media (max-width: 767px) {

	.mytable .item .title{
		height: 50px;
	}
	
	.mytable td{
		padding: 12px 8px;
	}

}