.List-box {
	clear:both;
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	margin:4px 0px;
	padding:10px 15px;
	background-color:#f9fbfd;
	border:1px solid #d7dce3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.List-box a {
	display:block;
	text-decoration:none;
	cursor:pointer;
}
.List-box > div, .List-box a > div {
	box-sizing:border-box;
	line-height:21px;
}
.List-box ._row {
	clear:both;
	display: inline-block;
	width:100%;
}
.List-box ._row._lineState {
	line-height:21px;
}

.List-box .list-inb {
	float:left;
	display:inline-block;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:8px;
	text-align:left;
	letter-spacing:-0.04rem;
	font-size:15px;
}

.List-box ._State {
	min-width:35px;
	height:21px;
	padding:0 0.3rem;
	line-height:21px;
	text-align:center;
	color:#000;
	background-color:#e9eef2;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.List-box ._State._blue {
	color:#fff;
	background-color:#1c5fe5;
}
.List-box ._State._green {
	color:#fff;
	background-color:#03a831;
}
.List-box ._State._red {
	color:#fff;
	background-color:#ec3f3f;
}
.List-box ._State._gray {
	color:#fff;
	background-color:#959595;
}

.List-box ._Point {
	float:right;
	margin-right:0px;
	font-weight:600;
	color:#000;
}
.List-box ._Point._blue {
	color:#1c5fe5;
}
.List-box ._Point._green {
	color:#03a831;
}
.List-box ._Point._red {
	color:#ff3535;
}
.List-box ._Point._gray {
	color:#959595;
}

._Days {
	padding-left:20px;
	text-align:left;
	font-weight:600;
	color:#1c5fe5;
	background-image:url(/img/icons/i_calendar_blue.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	background-size:16px 16px;
}
._Days._red {
	color:#ff3535;
	background-image:url(/img/icons/i_calendar_red.png);
}

._deMemo {
	clear:both;
	float:none !important;
	margin-right:0px !important;
	line-height:18px !important;
	color:#fd2dfd;
}

._ODnum {
	color:#f80;
}

._Reserv {
	margin-right:0px !important;
	color:#000;
}

._Address {
	clear:both;
	margin-right:0px !important;
	padding-left:20px;
	color:#898989;
	background:url(/img/icons/i_map.png) no-repeat 0% 4px;
	background-size:14px 14px;
}

._Date {
	color:#898989;
}

._Ladderinfo {
	padding:3px 7px;
	font-weight:500;
	color:#000;
	background-color:#c6eaff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
._Cplid {
	float:right !important;
	margin-right:0 !important;
	color:#ff3535;
	word-break:break-all;
}
._Cplid .btn_complate {
	display:inline-block;
	padding:3px 7px;
	margin-right:5px;
	color:#fff;
	background-color:#000;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
._Cplid .btn_cancel {
	display:inline-block;
	padding:3px 7px;
	margin-right:5px;
	color:#fff;
	background-color:#00f;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
._Cplid .btn_rorder {
	display:inline-block;
	padding:3px 7px;
	margin-right:5px;
	color:#fff;
	background-color:#ff3535;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
._Cplid .btn_blue {
	display:inline-block;
	padding:3px 7px;
	margin-right:5px;
	height:30px;
	line-height:15px;
	font-size:15px;
	color:#fff;
	background-color:#ff3535;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

/************************************** POINT *****/
.Point-ment {
	clear:both;
}
.Point-ment h4 {
	clear:both;
	margin-bottom:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.Point-ment ul {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
}
.Point-ment li {
	list-style:none;
	margin:5px 0px;
	padding-left:18px;
	line-height:18px;
	text-align:left;
	background:url(/img/list_icon1.png) no-repeat 0px 3px;
}
.Point-ment .bankinfo {
	clear:both;
	margin:0px 10px;
	text-align:left;
}
.Point-ment .bankinfo li {
	list-style:none;
	margin:8px 0px;
	padding:0;
	line-height:18px;
	text-align:left;
	background:none;
}
.Point-ment .bankinfo li span._holder {
	margin-left:15px;
}
.Point-ment .bankinfo li span._bank {
	display:inline-block;
	width:70px;
	margin-left:0;
	margin-right:15px;
	color:#000;
}

.Point-charge {
	clear:both;
	width:100%;
	margin:30px 0px;
	padding:20px 0px;
	border-top:2px solid #3790f5;
	border-bottom:1px solid #e6e6e6;
}
.Point-charge h3 {
	text-align:left;
	font-size:18px;
	font-weight:600;
	color:#000;
}
.Point-charge .point-memobox {
	clear:both;
	width:100%;
	padding:0.5rem;
	background-color:#e2f4fb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.Point-charge .point-total {
	clear:both;
	margin-top:10px;
	text-align:center;
	font-size:21px;
	color:#000;
}
.Point-charge .point-total span {
	color:#ff3535;
	font-weight:bold;
}
.Point-charge .charge-inner {
	clear:both;
	display:inline-block;
	width:83%;
	margin:0 auto;
}
.Point-charge .charge-inner .col-point {
	float:left;
	width:32%;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:8%;
	line-height:29px;
	text-align:right;
	font-weight:bold;
	color:#3790f5;
}
.Point-charge .charge-inner .col-charge {
	float:left;
	width:60%;
	margin-top:6px;
	margin-bottom:6px;
}
.charge-box {
	width:100%;
	height:29px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.charge-box ._left {
	float:left;
	width:19.5%;
	display:inline-block;
}
.charge-box ._right {
	float:right;
	width:19.5%;
	display:inline-block;
}
.charge-box ._input {
	width:61%;
}

.charge-box button {
	width:100%;
	height:27px;
	border:0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.charge-box button.minus {
	background-image:url(/img/bt/i_minus.png);
	border-right:1px solid #ddd;
}
.charge-box button.plus {
	background-image:url(/img/bt/i_plus.png);
	border-left:1px solid #ddd;
}
.charge-box input {
	width:100%;
	height:27px;
	padding:0 10px;
	text-align:right;
	font-weight:bold;
	color:#000;
	border:0;
	background-color:transparent;
}

.Point-btn {
	clear:both;
	position:relative;
	width:100%;
	box-sizing:border-box;
	margin:20px auto;
	padding:0 12px;
	text-align:center;
}
.Point-btn._linetop:before {
	content:"";
	display:inline-block;
	position:absolute;
	left:6%;
	right:6%;
	top:-9px;
	width:88%;
	border-top:1px dashed #ddd;
}
.Point-btn button {
	width:100%;
	margin: 6px 0px;
}
/********************************** END-POINT *****/
/********************************** View Detail *****/
#View-wrap {
	clear:both;
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	margin:4px 0px;
	padding:10px 15px;
	background-color:#f9fbfd;
	border:1px solid #d7dce3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/***** ORDER *****/
.order-info {
	clear:both;
	display:inline-block;
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #e4e7e9;
}
.order-info._sec2 {
	padding:10px 0px;
	border-bottom:1px solid #e4e7e9;
}
.order-info._sec3 {
	padding:10px 0px;
	border-bottom:0px;
}
.order-info dl {
	clear:both;
	display:inline-block;
	width:100%;
	list-style:none;
	margin:6px 0px;
	padding:0;
}
.order-info dl dt {
	float:left;
	width:35%;
	margin-right:4%;
	vertical-align:top;
	text-align:left;
	font-weight:500;
	color:#000;
}
.order-info dl dd {
	float:left;
	width:61%;
	line-height:18px;
	vertical-align:top;
	text-align:left;
}
.order-info dl dd ._owner, .order-info dl dd ._ownertel {
	display:block;
}

.order-info .order-date {
	clear:both;
	display:inline-block;
	width:100%;
}
.order-info .order-date > div {
	float:left;
	display:inline-block;
	margin-right:8px;
	line-height:21px;
	letter-spacing:-0.04em;
}
.order-info .order-address {
	clear:both;
	margin:5px 0px 10px 0px;
	text-align:left;
	line-height:21px;
}
.order-info .order-ladder {
	clear:both;
	display:inline-block;
	width:100%;
}
.order-info .order-ladder > div {
	float:left;
	display:inline-block;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:8px;
	line-height:21px;
}

.order-map {
	clear:both;
	width:100%;
	height:180px;
	overflow:hidden;
	background-color:#f0f0f0;
}
/************************** //END// View Detail *****/

/********************************** Write Detail *****/
#Write-detail {
	clear:both;
	position:relative;
	width:100%;
}

.wdetail-form {
	clear:both;
}
.wdetail-form dl {
	clear:both;
	display:table;
	width:100%;
	border-bottom:1px solid #e6e6e6;
}
.wdetail-form dl dt {
	display:table-cell;
	float:left;
	box-sizing:border-box;
	width:30%;
	margin-right:5%;
	padding:19px 3px;
	line-height:18px;
	text-align:left;
	font-weight:500;
	color:#000;
}
.wdetail-form dl dd {
	display:table-cell;
	float:left;
	box-sizing:border-box;
	width:65%;
	padding:7px 3px;
	line-height:18px;
	text-align:left;
}
.wdetail-form dl dd._fullcell {
	width:100%;
}
.wdetail-form dl dd.con {
	padding:14px 3px;
}

.wdetail-form input[type=text] ,  input[type=number] ,  input[type=password]  ,  input[type=date] ,  input[type=time] {
	color:#000;
	padding:0 0.3rem;
	border:0px;
	border-color:transparent;
	background-color:#f9f9f9;
	border-radius:4px;
}

.wdetail-form select {
	color:#000;
}
.wdetail-form .reserved > div {
	display:inline-block;
	margin:4px;
}
.wdetail-form .reserved .rsv-date {
	display:block;
	width:225px;
	margin:0 auto;
}
.wdetail-form .reserved .rsv-time {
	width:104px;
}
.wdetail-form .address-text {
	margin-top:7px;
	text-align:left;
}
.wdetail-form .address-map {
	clear:both;
	width:100%;
	height:180px;
	margin:8px 0px;
	text-align:center;
	background-color:#f0f0f0;
}


/************************** //END// Write Detail *****/

.Btn-wrap {
	clear:both;
	display:inline-block;
	width:100%;
	margin:30px 0px 10px 0px;
}
.Btn-wrap ._left {
	float:left;
	width:50%;
	text-align:left;
}
.Btn-wrap ._right {
	float:right;
	width:50%;
	text-align:right;
}
.Btn-wrap ._bt_inblock a {
	display:inline-block;
	margin:2px;
}

.ListSearch-wrap {
	clear:both;
	margin:10px auto;
	text-align:center;
}

@media (min-width:560px) {
.order-info dl dt {
	width:21%;
}
.order-info dl dd {
	width:75%;
}
.order-info dl dd ._owner, .order-info dl dd ._ownertel {
	display: inline-block;
}
.order-info dl dd ._ownertel {
	margin-left:15px;
}


.wdetail-form dl dt {
	width:19%;
}
.wdetail-form dl dd {
	width:76%;
}

.wdetail-form .reserved .rsv-date {
	display:inline-block;
}

}

@media (max-width:320px) {
.wdetail-form .reserved .rsv-date {
	width:73%;
}

}

@media (max-width:300px) {
.List-box ._Point {
	float:left;
}

.Point-ment .bankinfo li span._holder {
	display:block;
	margin-left:85px;
}

.order-info dl dt {
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}
.order-info dl dd {
	float:none;
	width:100%;
}

.wdetail-form .reserved .rsv-date {
	width:95%;
}
.wdetail-form .reserved .rsv-time {
	width:45%;
}

}



.Pagebtn-wrap {
	clear:both;
	display:inline-block;
	width:100%;
	margin:15px 0px;
}
.Pagebtn-wrap .pageL-in {
	float:left;
	width:21%;
	text-align:left;
}
.Pagebtn-wrap .pageR-in {
	float:right;
	width:21%;
	text-align:right;
}
.Pagebtn-wrap .pageC-in {
	float:left;
	width:58%;
	text-align:center;
	padding:0px 8px;
}

/******************************** Board Detail *****/
.Board-List {
	clear:both;
	display:inline-block;
	width:100%;
}
.Board-List .bdList-head {
	display:table;
	width:100%;
	border-top:2px solid #333;
	border-bottom:1px solid #999;
}
.Board-List .bdList-head li {
	padding:0.75rem 0.3rem;
	font-weight:600;
	color:#000;
}
.Board-List .bdList-body {
	display:table;
	width:100%;
}
.Board-List .bdList-body li {
	padding:0.6rem 0.3rem;
	border-bottom:1px solid #e2e2e2;
}
.Board-List ul {
	display: table-row;
}
.Board-List li {
	display: table-cell;
	line-height:21px;
}

.Board-List li._no {
	width:14%;
}
.Board-List li._title {
	width:52%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.Board-List li._name {
	width:20%;
}
.Board-List li._hit {
	width:14%;
}
.Board-List li._listnone {
	width:100%;
	padding:1.5rem 0rem;
}

.Board-View {
	clear:both;
	display:inline-block;
	width:100%;
}
.Board-View._viewde {
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}
.Board-View .Board-input {
	display:table;
	width:100%;
}
.Board-View .Board-input ._inrow {
	display: inline-block;
	width:100%;
	padding:0.6rem 0rem;
	border-bottom:1px solid #e2e2e2;
}
.Board-View .Board-input ._incell {
	float:left;
	display: inline-block;
	padding:0rem 0.2rem;
}
.Board-View .Board-input ._title {
	text-align:left;
	font-weight:600;
	color:#000;
}
.Board-View .Board-input ._name {
	width:70%;
	text-align:left;
}
.Board-View .Board-input ._hit {
	width:30%;
	text-align:right;
	color:#959595;
}

.Board-View .bdView-contents {
	clear:both;
	display:table;
	width:100%;
	height:210px;
	margin-top:10px;
}
.Board-View._viewde .bdView-contents {
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.Board-View .bdView-contents img {
	width:100%;
	height:auto;
}

.Board-Viewfile {
	clear:both;
	display: inline-block;
	width:100%;
	margin-top:10px;
}
.Board-Viewfile._viewde {
	background-color:#f0f6fb;
}
.Board-Viewfile .file-in {
	float:left;
	width:77%;
	margin-right:3%
}
.Board-Viewfile .file-btn {
	float:right;
	width:20%;
	text-align:right;
}
.Board-Viewfile .filelist {
	clear:both;
	width:100%;
	padding:3px;
	text-align:left;
}
.Board-Viewfile .fileistdirect {
	clear:both;
	width:100%;
}
.Board-Viewfile .fileistdirect > div {
	clear:both;
	width:100%;
	margin:4px 0px;
	padding:3px;
	text-align:left;
	border:1px solid #9ec5e6;
}

/************************** //END Board Detail *****/


@media (max-width:320px) {
.Pagebtn-wrap .pageL-in {
	width:27%;
}
.Pagebtn-wrap .pageR-in {
	width:27%;
}
.Pagebtn-wrap .pageC-in {
	width:46%;
}
	
}
@media (min-width:560px) {
.Board-View .bdView-contents img {
	min-width:250px;
	max-width:100%;
	width:auto;
}

.Board-Viewfile .filelist {
	clear:none;
	width:auto;
	float:left;
	margin-right:12px;
}
}