a {text-decoration:none !important; color:#333;}

header {background-color: rgba(0, 0, 0, 0.8); color: #fff; padding:20px 0; margin-bottom:50px;}
header a {color:#fff !important;}
header ul {margin:0;}

footer {margin-top:30px; padding-bottom:10px;}
.datepicker {width:100px; text-align:center;}
.recode {padding:6px; font: 11px tahoma;}
.bold {font-weight:bold;}

/*** maskimg ***/
.maskimg {background-size:cover; background-position:center;}

/*** page-navigator-horizon ***/
.page-navigator-horizon {text-align:center; margin:25px 0 25px;}
.page-number {font-size:0;}
.page-navigator-horizon a {font-size:12px; margin-left:3px; padding:8px 10px; color:#888; line-height:1; border:1px solid #ddd;}
.page-navigator-horizon a.active {background:#000; border-color:#000; color:#fff;}

/*** mypage ***/
article h2 {font-size:16px; font-weight:bold; margin-top:35px;}
article h2:first-child {margin-top:0;}
article .table-form {border-bottom:1px solid #ddd; margin-bottom:40px;}
article .table-form th {width:200px;}
article .table-item {border-bottom:1px solid #ddd;}
article .table-item tbody>tr>th, article .table-item tbody>tr>td {vertical-align: inherit; text-align:center;}
article .table-item tbody>tr>td.text-left {text-align:left;}

article ul.items {margin:0; padding:0; list-style:none;}
article ul.items h6 {font-weight:bold;}

/*** layout ***/
aside {   
    float: left;
    width: 180px;
}
article {
	float: left;
	width: 100%;
}
article.aside {
	float: right;
	width: calc(100% - 200px);
}

.spinner {
    width: 50px;
}
.spinner input {
    text-align: right;
    height: 24px;
	width:40px;
}

/*** item - caption ***/
.caption .goodsnm {
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 
	word-wrap: break-word; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	height: 40px;
}

/*** color ***/
.gray	{color: gray;}
.lightgray {color:#cdcdcd;}
.red	{color: #e44c4c;}
.blue	{color: #006594;}
.green	{color: #008000;}
.white	{color: #ffffff !important;}
.sky	{color: #7dd0fa;}
.pink   {color: #f86790;}
.purple {color: #70005d;}

/*** table ***/
/*
.table tbody tr th, .table tbody tr td {vertical-align:middle; font-family:tahoma;}
.table tbody tr td {background:#fff;}
*/

/*.table-list th {background:#dfeaf1;}*/
.table-list th, .table-list td {text-align:center;}
.table-list td.text-left {text-align:left;}
.table-list>tbody>tr>th {border-top:1px solid #333;}
.table-list>tbody {border-bottom:1px solid #ddd;}
/*.table-list tr th {background-color: #eee;}*/
/*.table-list, .table-list tr th, .table-list tr td {border: 1px solid #dddddd;}*/

.table-form {margin-bottom:20px;}
.table-form tbody tr th {width:150px; padding-left:20px; background:#f7f7f7;}
.table-form tr th, .table-form tr td {border: 1px solid #dddddd;}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}