@charset "utf-8";
@import "base.css";


.func {
	overflow:hidden;
	text-align:center;
	margin:20px 0px;
}

.func1 {
	overflow:hidden;
	text-align:center;
	margin:20px 0px;
}
.func1 a:first-child{
	margin-right:20px;
}

.left { float:left; }
.right { float:right; }

.func.func-line {
	padding-top:20px;
	border-top:2px solid #626262;
}



/* button
--------------------------------------------------------------- */
[class*=button] {
	display: inline-block; *display: inline; *zoom:1; line-height: 1.5; vertical-align: middle; cursor: pointer;
}
[class*=button]:hover {
	text-decoration: none;
}


.button {
	padding: 10px 40px 10px 40px;
	border:1px solid #60656e;
	border-radius: 20px;
	background: #628fbe;
	color: #fff;
	font-size: 14px;
	line-height:1.2;
	text-align:center;
	vertical-align:middle;
}
button.button {
	vertical-align:top;
}
.button-em {
	border:1px solid #4c739b;
	background-color:#628fbe;
	background-position: 0 -50px; 
}

.button1 {
	padding: 10px 40px 10px 40px;
	border:1px solid #626262;
	border-radius: 20px;
	background: #626262;
	color: #fff;
	font-size: 14px;
	line-height:1.2;
	text-align:center;
	vertical-align:middle;
}
.button-em1 {
	border:1px solid #626262;
	background-color:#626262;
	background-position: 0 -50px; 
}

.button-gm {
	width:135px;
	margin:0 5px;
	padding: 10px 0 18px 0;
	border:1px solid #5a4741;
	border-radius: 10px;
	background-color:#88756c;
	background-position: 0 -300px; 
}
.button-gm strong {
	display:block;
	width:80%;
	margin:18px auto 0 auto;
	padding-top:10px;
	font-size:20px;
	color:#FFF;
	border-top:1px solid #6c5b53;
}
.button-sub {
	font-size: 12px;
	padding: 4px 10px 6px 10px;
	border:1px solid #4c4f54;
	background-color:#d7d7d8;
	background-position: 0 -200px; 
	color: #666;
}

.button i {
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:5px;
	background-image:url(../images/icon_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.button-bb i {
	display:block;
	margin:0 auto 10px auto;
}



/* text-list
**************************************************************/
ul.text-list {
	overflow:hidden;
	margin:15px 0 15px 0;
	padding: 15px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background:#fbfbfb;
}
ul.text-list li {
	padding-left:10px;
	background:url(../images/icon_dot.gif) 0 8px no-repeat;
}
ul.text-list li u {
	color:#df3b3b;
	font-weight: normal;
	text-decoration:none;
}

/* text
**************************************************************/
.blue{color:#4999c3; font-weight:bold;}
.bold{font-weight:bold;}

.title{border-left:5px solid #55a6c3; padding:0px 0px 0px 5px;}
.t1{color:#55a6c3;}

.top_list{float:left; width:100%;}
.top_list li{width:23%; height:50px;float:left; padding-left:4px; border:1px solid #c5c5c5; border-right:none;}
.top_list li:last-child{border-right:1px solid #c5c5c5;}
.top_list li span{font-size:18px;}

.top_list1{float:left; width:100%;}
.top_list1 li{width:48%; height:50px;float:left; padding-left:4px; border:1px solid #c5c5c5;}
.top_list1 li span{font-size:18px;}


ul.txt-list{border-top:2px solid #55a6c3; padding:10px 5px 10px 5px; border-bottom:1px solid #dfdfdf;}
ul.txt-list li{
  padding-left:10px;
	background:url(../images/icon_dot.gif) 0 8px no-repeat;
}

ul.txt-list0 li{
  padding-left:10px;
	background:url(../images/icon_dot.gif) 0 8px no-repeat;
}

/* head-section
**************************************************************/
.head-section {
	margin:15px 0 20px 0;
}
.head-section h1 {
	font-size: 30px;
	color: #222;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: -2px;
}
.head-section p {
	font-size: 12px;
	margin: 15px 0 0 0;
}


/* cont-section
**************************************************************/
.wapper-all{
  padding:0px 15px;
}
.cont-header h2 {
	font-size:20px;
	color:#55a6c3;
	margin-bottom: 10px;
	font-weight:bold;
}
.cont-header h2 p {
	font-size:12px;
	color:#888;
	margin: 5px 0 0 0;
}

.cont-section {
	overflow: hidden;
	margin-top: 20px;
}
.cont-section h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
.cont-section h3 p {
	font-size:12px;
	color:#888;
	font-weight:normal;
	margin: 5px 0 0 0;
}


/* online
**************************************************************/
.online-box {
	overflow: hidden;
	padding: 20px 10px;
	margin-bottom: 20px;
	background:#f1f7ff;
	border-top:2px solid #55a6c3;
}
.online-box.center {
	text-align: center;
}
.online-box.center input {
	width:130px;
	height:35px;
	font-size:24px;
	line-height:1.2;
	text-align: left;;
	vertical-align:top;
	font-weight: bold;
	color: #df3b3b;
	border:0;
	background:#f1f7ff;
}
.online-box .img {
	float:left;
	width:28%;
	text-align: center;
	margin-bottom:20px;
}
.online-box .cont {
	float:right;
	width:72%;
	margin-bottom:20px;
}
.online-box h3 {
	font-size: 20px;
	font-weight: bold;
	color: #222;
}
.online-box h2 b {
	font-weight: bold;
	color: #df3b3b;
}
.online-box p {
	color: #666;
	letter-spacing: -2px;
	margin: 0;
	font-size:16px;
}
.online-box .func {
	clear:both;
	padding: 20px;
}
.online-box .common {
	clear:both;
	padding-top: 10px;

}


/* board-agree
*****************************************************************/
.board-agree {
	overflow:hidden;
	margin-top:20px;
	margin-bottom:30px;
	border-top:1px solid #666666;
	border-bottom:1px solid #dedede;
}
.board-agree h3 {
	font-size:14px;
	padding:10px 0;
	margin:0;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
}
.board-agree .agree-cont {

	font-size:12px;
	background:#f1f3f8;
	padding:10px;

}
.board-agree .agree-check {
	color:#767676;
	padding:10px 0;
}
.board-agree .agree-check label {
	margin-right:30px;
}


/* board-write
*****************************************************************/
div.board-write {
	overflow:hidden;
	margin-bottom:30px;
}
div.board-write ul {
	border-top:2px solid #55a6c3;";
}
div.board-write ul li {
	position:relative;
	text-align:left;
	font-size:12px;
	padding: 8px 8px 8px 100px;
	border-bottom:1px solid #dedede;
}
div.board-write ul li.text-line {
	padding-top: 13px;
	padding-bottom: 13px;
}
div.board-write ul li.text-line span {
	margin-right:20px;
}
div.board-write ul li .label {
	position:absolute;
	top: 13px;
	left:10px;
	color:#222;
	vertical-align:top;
}
div.board-write input.text,
div.board-write select.text,
div.board-write textarea.text {
	height:30px;
	background-color:#f6f8fa;
}
div.board-write input.text {
	width:98%;
}
div.board-write select.text {
	width:98.5%;
}
div.board-write textarea.text {
	width:96%;
	height:150px;
}
div.board-write input.text-m,
div.board-write select.text-m {
	width:185px;
}
div.board-write input.text-ms,
div.board-write select.text-ms {
	width:86px;
}
div.board-write input.text-s,
div.board-write select.text-s {
	width:53px;
}
div.board-write input.email,
div.board-write select.email {
	width:44.5%;
}
div.board-write li .radio-block { 
	display:block; 
	margin-top: .3em; 
	margin-left: -20px; 
}
div.board-write li em {
	display:block;
	color:#df3b3b;
	margin: 5px 0 0 0;
}
div.board-write li p {
	display:block;
	color:#5f79b5;
	margin: 5px 0 0 0;
}
div.board-write li strong {
	display:inline-block;
	width:50px;
	color:#222;
	margin: 5px 0;
}
div.board-write li hr.hr-line {
	position:static;
	display:block;
	margin: 4px 0;
	border:0;
}











/* choose
**************************************************************/
.choose-booking {
	
}
.choose-booking .bookdate {
  border: 1px solid #77ccea;
	padding: 2% 10.3333%;
}
.choose-booking .book-coment {
	text-align: center;
	font-size: 13px;
	color: #888;
	margin-top: 20px;
}
.choose-booking .book-coment i {
	display: inline-block;
	width:13px;
	height: 13px;
	background: #cdcdcd;
	margin: 1.3333%;
	vertical-align: middle;
}
.choose-booking .book-coment i.re-on {
	background: #72bad4;
}
.choose-booking .book-coment span:last-child {
	color: #3f8198;
}
.choose-booking .bookdate-choose {
	text-align: center;
	font-size: 28px;
	color: #204392;
}
.choose-booking .book-table th {
	padding: 2.3333%;
	color: #4b4b4b;
	font-weight: normal;
}
.choose-booking .book-table td {
	text-align: center;
	background: #eaeaea;
	color: #888;
	height:32px;
	text-decoration: none;
	border: 1px solid #fff;
}
.choose-booking .book-table td a {
	text-decoration: none;
	display: block;
	padding: 7px 0;
}
.choose-booking .book-table td.on {
	background: #72bad4;
}
.choose-booking .book-table td.on a {
	color: #fff;
}
.choose-booking .booktime-choose {
	padding:20px 0 20px 0;
	border:1px solid #dfdfdf;
	}
.choose-booking h4 {
	position:relative;
	font-size: 18px;
	color: #fff;
	text-align:center;
	font-weight: normal;
	padding: 10px 0 10px 0;
	background: #72bad4;
}
.choose-booking h4 .arr {
	position:absolute;
	top:10px;
	font-size: 25px;
	line-height:1.0;
	color: #fff;
	text-decoration:none;
}
.choose-booking h4 .prev {
	left:12%;
}
.choose-booking h4 .next {
	right:12%;
}
.choose-booking .radio-block {
	overflow:hidden;
	width:270px;
	margin:0 auto;
}
.choose-booking .radio-block li {
	float:left;
	width:50%;
}
.choose-booking .radio-block li h3 {
	display:none;
}
.choose-booking .radio-block span {
	margin-bottom: 10px;
	display: block;
	text-align:center;
	font-size: 16px;
	color: #3f8198;
}
.choose-booking .radio-block span i {
	color: #999;
	padding-left:16px;
}
.choose-booking .radio-block input {
	vertical-align: baseline;
}

.booktime-choose p.res_loading {
	text-align: center;
	font-size: 12px;
	color: #676767;
	font-weight: normal;
}
.booktime-choose p.res_loading img{
	display: block;
	margin: 0 auto 20px;
}
.choose-booking textarea.text {
	width:94%;
	min-height:auto;
	height:60px;
	border-color:#cbcbcb;
}
.textarea-box {
	border:0;
}
.pop_header {
	text-align: center;
	padding: 30px 0 0 0;
}