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

.clear::after {
    clear: both;
    content: "";
    display: block;
}

ul {
    list-style-type: none;
    margin: 10px 0 10px 10px;
}

.current-page{
	margin:0 0 20px 20px;
	padding:0;
}
.current-page li{
	float:left;
	padding:0 40px 0 0;
	margin:0 0x 0 0;
	}
.current-page li span{
	display:block;
	border:1px solid #CCC;
	padding:10px 20px;
	border-radius:3px;
}
.current-page li.page1,
.current-page li.page2{
	background:url(../imgs/bg_current.png) no-repeat 90% ;
	background-size:14px 10px;
}
.page1 span,
.page2 span,
.page3 span{
	background:#EFEFEF;
}

.page1.on-page span{
	background:#E8E35C;
}
.page2.on-page span{
	background:#F0955E;
}
.page3.on-page span{
	background:#EC3538;
	color:#FFF;
}

a.form-btn{
	border:1px solid #CCC;
	background:#FFF;
	text-decoration:none;
	padding:5px 10px;
	color:#333;
}
a.form-btn:hover{
	background:#efefef;
}

.input-whole {
    display: table;
    margin: 0 auto;
    text-align: center;
}

.input-btn {
	display: table-row;
}

.input-btn a{
    float: left;
    padding: 8px 24px;
}

.input-btn input {
    float: left;
    margin-left: 10px;
    padding: 11px 24px;
}

.input-btn a,
.input-btn input
 {
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(226,226,226,1) 50%, rgba(226,226,226,1) 51%, rgba(208,208,208,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(50%,rgba(226,226,226,1)), color-stop(51%,rgba(226,226,226,1)), color-stop(100%,rgba(208,208,208,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(226,226,226,1) 50%,rgba(226,226,226,1) 51%,rgba(208,208,208,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(226,226,226,1) 50%,rgba(226,226,226,1) 51%,rgba(208,208,208,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(226,226,226,1) 50%,rgba(226,226,226,1) 51%,rgba(208,208,208,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(226,226,226,1) 50%,rgba(226,226,226,1) 51%,rgba(208,208,208,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
    border: 1px solid #747474;
    border-radius: 4px;
    color: #000 !important;
    text-decoration: none;
}
.hato .form-table{
	width:100%;
	border:0;
	border-top:1px dotted #CCC;
}
.hato .form-table th{
	background:none;
	border:0;
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}
.hato .form-table td{
	background:none;
	border:0;
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}
.check-privacy{
	overflow:scroll;
	height:150px;
}

.input-label {
	float: left;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}

.form-control{
	width: 80% !important;
}
.form-text{
  width:95%;
}
@media screen and (max-width: 480px){
	.current-page li span {
      padding: 0px ;
	}
	.current-page li {
    float: left;
    padding: 10px ;
	}
}