@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------
　　trader
--------------------------------------------------------------------*/
 .user-title {
	height:60px;
	margin:0 0 20px 0;
	padding:0 0 0 30px;
	line-height: 60px;
	background: #f0f0f0;
	font-size: 16px;
}
.user-title i {
	margin:0 10px 0 0;
	color: #76a166;
}
.user-info {
	width:100%;
	margin:0 0 15px 0;
	border:1px solid #d8d8d8;
	line-height:1.5;
}
.user-info-btm {
	margin-top:-1px;
	margin-bottom:60px;
}
.user-info th,.user-info td {
	padding:15px 15px;
	border:1px solid #d8d8d8;
}
.user-info th {
	width:215px;
	margin:0 0 0 0;
	background: #f0f0f0 ;
	text-align:left;
	position:relative;
	background-clip:padding-box;
	vertical-align:top;
}
.required {
	padding:5px;
	position:absolute;
	top:10px;
	right:10px;
	background:#e70a3e;
	color:#fff;
	font-size:12px;
	border-radius:5px;
}
.user-info textarea {
	padding:6px 10px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.user-info-name1,.user-info-name2 {
	float:left;
}
.user-info-name1 {
	margin:0 20px 0 0;
}
.user-info-name3 {
	font-size:12px;
	clear:both;
}
.user-info-input {
	padding:1px 0 0 0;
	margin:0 0 10px 0;
	overflow:hidden;
}

td.user-info-adress1,td.user-info-adress2 {
	border-bottom:dotted 1px #d8d8d8 !important;
}
td.user-info-adress2,td.user-info-adress3 {
	border-top:dotted 1px #d8d8d8 !important;
}
.user-info-adress1-1 {
	margin:0 5px 0 0;
	float:left;
}
.user-info-adress1-2 {
	padding:8px 12px;
	text-align:center;
	border-radius: 5px;
	background-color: #0f0f0f;
	border: solid 1px #b0b0b0;
	background-image: linear-gradient(to top, #d5d5d5, #ededed);
	float:left;
	font-size:12px;
}
.user-info-adress1-2 a {
	color:#333;
	text-decoration:none;
	display:block;
}
.user-info-adress2-1 {
	margin:0 0 5px 0;
}
.user-info-adress2-2 {
	font-size:12px;
}
.user-info-adress3-1 {
	margin:0 0 10px 0;
	font-size:12px;
}
.user-info-del {
	margin:0 0 20px 0;
	font-weight:bold;
}

.user-info-tel span {
	font-size:12px;
}

.user-info-mail1 {
	margin:0 0 10px 0;
}
.user-info-mail2-1 {
	margin:0 0 10px 0;
	font-size:12px;
}

.user-info-receipt1 {
	margin:0 0 10px 0;
}
.user-info-receipt2 {
}

.user-info-remarks1-1 {
	margin:0 0 10px 0;
}

.user-info input[type="text"] {
	padding:6px 10px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	-moz-appearance: auto;
	-webkit-appearance:auto;
	appearance: auto;
	box-shadow: inset 0 2px 1px #eeeeee;
}
.user-info input[type="password"] {
	padding:6px 10px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	-moz-appearance: auto;
	-webkit-appearance:auto;
	appearance: auto;
	box-shadow: inset 0 2px 1px #eeeeee;
}
.user-info input[type="number"] {
	padding:6px 10px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	-moz-appearance: auto;
	-webkit-appearance:auto;
	appearance: auto;
	box-shadow: inset 0 2px 1px #eeeeee;
}
.user-info input[type="telephone"] {
	padding:6px 10px;
	border-radius:5px;
	border:1px solid #b0b0b0;
	-moz-appearance: auto;
	-webkit-appearance:auto;
	appearance: auto;
	box-shadow: inset 0 2px 1px #eeeeee;
}

.label-radio{
	cursor: pointer;
	padding-right: 10px;
	background:#fff;
}
@media screen and (max-width:767px){
	.label-radio{
		padding-right: 0;
	}
}
.label-radio .lever:before{
	content:"\f10c";
	font-family: fontAwesome;
	margin-right: 7px;
	color: #ccc;
	font-size: 18px;
	position: relative;
	top: 2px;
}
.label-radio input[type="radio"]:checked + .lever:before{
	content:"\f192";
	font-family: fontAwesome;
	color: #4788bf;
}

/*---------------IE radio---------------------------------*/
@media all and (-ms-high-contrast:none){
  	.label-radio .lever:before{
	  display:none ;
	}
	.label-radio input[type="radio"]:checked + .lever:before{
	  display:none ;
	}
}

@media screen and (max-width:767px){
	.label-radio{
		padding-right: 0;
	}
}
/*--end--*/
.label-check{
	cursor: pointer;
	padding-right: 10px;
	background:#fff;
}
@media screen and (max-width:767px){
	.label-check{
		padding-right: 0;
	}
}
.label-check .lever:before{
	content:"\f096";
	font-family: fontAwesome;
	margin-right: 7px;
	color: #ccc;
	font-size: 18px;
	position: relative;
	top: 2px;
}
.label-check input[type="checkbox"]:checked + .lever:before{
	content:"\f046";
	font-family: fontAwesome;
	color: #4788bf;
}

/*---------------IE check---------------------------------*/
@media all and (-ms-high-contrast:none){
  	.label-check .lever:before{
	  display:none ;
	}
	.label-check input[type="check"]:checked + .lever:before{
	  display:none ;
	}
}

@media screen and (max-width:767px){
	.label-radio{
		padding-right: 0;
	}
}
/*--end--*/
.user-form-btn {
	border-style: none;
	padding:5px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-shadow: 0 -1px rgba(0,0,0,.65);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media screen and (max-width:767px){
	.user-form-btn {
		margin:0 0 40px 0;
	}
}
.user-form-btn-l {
	padding:20px;
	text-align: center;
}
@media screen and (max-width:767px){
	.user-form-btn-l {
		width:100%;
		margin:0 0 10px 0;
	}
}
.user-form-btn-r {
	float:right;
}
@media screen and (max-width:767px){
	.user-form-btn-r {
		width:100%;
	}
}
.user-form-btn button {
	width:410px;
	height:60px;
	padding:8px;
	font-weight:bold;
	font-size:2.0rem;
}
@media screen and (max-width:767px){
	.user-form-btn button {
		width:100%;
		height:50px;
		font-size:1.6rem;
	}
}
.user-record{
        width: 100%;
	padding:5px;
        margin-bottom: 80px;
}
.user-record th{
	padding:5px;
        background-color: #000;
        color: #fff;
	font-weight:bold;
        border: 1px solid #fff;
}
.user-record td{
	padding:8px;
	font-size:1.4rem;
        border: 1px solid #000;
}
.user-record td.cntr{
	padding:8px;
	font-size:1.4rem;
        border: 1px solid #000;
        text-align: center;
}
.user-record td.right{
	padding:8px;
	font-size:1.4rem;
        border: 1px solid #000;
        text-align: right;
}

.trans-info {
	width:100%;
	margin:0 0 25px 0;
	border:1px solid #d8d8d8;
	line-height:1.5;
}
.trans-info th,.trans-info td {
	padding:10px 10px;
	border:1px solid #d8d8d8;
        vertical-align: middle;
}
.trans-info th.ih{
	width:120px;
	margin:0 0 0 0;
	background:#f0f0f0;
	text-align:left;
	position:relative;
	background-clip:padding-box;
	vertical-align:top;
}

.trans-detail-info {
	width:100%;
	margin:5px 0 5px 0;
	border:1px solid #d8d8d8;
	line-height:1.5;
}
.trans-detail-info th,.trans-detail-info td {
	padding:10px 10px;
	border:1px solid #d8d8d8;
        vertical-align: middle;
}
.trans-detail-info th.dh{
	width:80px;
	margin:0 0 0 0;
	background-color: #000;
        color: #fff;
	text-align:left;
	position:relative;
	background-clip:padding-box;
	vertical-align:middle;
}
.trans-detail-info td.nm{
        width: 130px;
}
.trans-detail-info td.price{
        width: 110px;
        text-align: right;
}

ul.check_tab {
	margin-bottom: 20px;
	border-bottom: 2px solid #F87617;
}

ul.check_tab li {
	float: left;
	display: inline;
	margin-left: 3px;
	background: #F0F0F0;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
}

ul.check_tab li.check_tab_first {
	margin-left: 0;
}

ul.check_tab li a {
	text-decoration: none;
	color: #F87617;
	display: block;
	padding: 10px 15px;
}

ul.check_tab li a:hover {
	text-decoration: none;
	color: #F87617;
}

ul.check_tab li.check_tab_o {
	background: #F87617;
}

ul.check_tab li.check_tab_o a {
	color: #fff;
}
.pdf{
    color: blue;
    text-align: right;
    text-decoration: underline;
}