
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*.main {
	width: 100%;
	padding: 0 2em 3em;
	max-width: 100em;
}*/
.form2,.cbp-mc-form1 {
	position: relative;
	
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.form1:before,.form1:after,.form2:before,.form2:after { 
	content: " "; display: table; 
}

.form1:after,.form2:after { 
	clear: both; 
}
.column100 {
	width: 100%;
	padding: 10px 30px;
	float: left;
}
.column {
	width: 50%;
	padding: 10px 30px;
	float: left;
}

.column2 {
	width: 33%;
	/*padding: 5px 0px 0px;;*/
	padding-right:10px;
	padding-bottom:30px;
	float: left;
}
.column3 {
	width: 45%;
	padding-top:20px;
	margin-right:5%;
	float: left;
}
.column4 {
	width: 33%;
	padding-top:15px;
	padding-right:5%;
	float: left;
}
.column20 {
	width: 20%;
	padding-right:2%;
	padding-left:2%;
	float: left;
}
.column20bt {
	width: 20%;
	/*padding: 5px 0px 0px;;*/
	padding-right:10px;
	padding-bottom:10px;
	float: left;
}
.column-check {
	width: 30%;
	padding-right:2%;
	padding-left:0%;
	float: left;
}
.column-name {
	width: 36%;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: "caviardreams";
	font-size:24px;
	color:#072D66;
	margin-top:16px;
	/*
	padding-right:2%;
	padding-left:2%;
	*/
	float: left;
}
/*form lyout*/
.column-detail { width:100%; float:left;}
.column-total {width:40%; float:left; text-align:right; }
.column-resort {width: 45%;padding-top:20px;margin-right:5%;float: left;}

.form1 label {
	display: block;
	padding: 40px 5px 5px 2px;
	font-size: 1.1em;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	cursor: pointer;
}

.form1 input[type=text],
.form1 textarea {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.5;
	font-size: 1.4em;
	padding: 3px 3px;
	color: #666;
	display: block;
	width: 100%;
	background: #fff;
}
.form1 select {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.5;
	font-size: 1.4em;
	padding: 6px 3px;
	color: #666;
	display: block;
	width: 100%;
	background: #fff;
}
select option {
    background:#fff;
    color:#666;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
	padding-left:5px;
}
.form1 input[type=text],
.form1 textarea,
.form1 select {
	border: 1px solid #ccc;
}

.form1 textarea {
	min-height: 150px;
}

input[type="radio"] { width:30px;}


.form1 input[type=text]:focus,
.form1 textarea:focus,
.form1 label:active + input[type="text"],
.form1 label:active + textarea {
	outline: none;
	border: 1px solid #ccc;
}

.form1 select:focus {
	outline: none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
    font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccca;
    font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc;
    font-style: italic;
}

.cbp-mc-submit-wrap {
	text-align: center;
	padding-top: 40px;
	clear: both;
}

.form1 input.cbp-mc-submit {
	background: #ff9933;
	border: none;
	color: #fff;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
	padding: 15px 30px;
	font-size: 1.1em;
	border-radius: 2px;
	letter-spacing: 1px;
}

.form1 input.cbp-mc-submit:hover {
	background: #f9c088;
}

/*new form */
.form2 label {
	display: block;
	padding: 7px 5px 5px 2px;
	font-size: 1.1em;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	cursor: pointer;
}
.form2 input[type=text],
.form2 textarea
/*.cbp-mc-form select */{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.5;
	font-size: 1.4em;
	padding: 3px 3px;
	color: #666;
	display: block;
	width: 100%;
	background: #fff;
}
.form2 select {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	line-height: 1.5;
	font-size: 1.4em;
	padding: 6px 3px;
	color: #666;
	display: block;
	width: 100%;
	background: #fff;
}
.form2 input[type=text],
.form2 textarea,
.form2 select {
	border: 1px solid #ccc;
}

.form2 textarea {
	min-height: 150px;
}



.form2 input[type=text]:focus,
.form2 textarea:focus,
.form2 label:active + input[type="text"],
.form2 label:active + textarea {
	outline: none;
	border: 1px solid #ccc;
}

.form2 select:focus {
	outline: none;
}
.form2 input.cbp-mc-submit {
	background: #ff9933;
	border: none;
	color: #fff;
	width: auto;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
	padding: 11px 30px;
	font-size: 1.1em;
	border-radius: 2px;
	letter-spacing: 1px;
	margin-top:29px;
}

.form2 input.cbp-mc-submit:hover {
	background: #f9c088;
}
/*bt*/
input.bt-cancal { background: #F00; border: none; color: #fff; width: auto; cursor: pointer; display: inline-block; padding: 10px 15px; font-size: 1.1em; border-radius: 2px; letter-spacing: 1px; margin-top:29px; }
input.bt-cancal:hover {background: #FD9F99;}

input.bt-submit { background: #ff9933; border: none; color: #fff; width: auto; cursor: pointer; display: inline-block; padding: 10px 15px; font-size: 1.1em; border-radius: 2px; letter-spacing: 1px; margin-top:29px;}
input.bt-submit:hover {background: #f9c088; }
/*table*/
.tddetal { width:90%;}
.tdtotal { width:10%;}

@media screen and (max-width: 70em) {
	.column {width: 50%; }
	/*.column:nth-child(3) {width: 100%;}*/
	.column-check {width: 25%;}
	.column-name { width:50%; font-size:24px;}
	.tddetal { width:80%;}
	.tdtotal { width:20%;}
}

@media screen and (max-width: 48em) {
	.column,.column100 {width: 100%;padding: 5px; font-size:105%;}
	.column-resort {width:100%;}
	.main {width: 100%;padding: 0em; max-width: 100em;}
	.column-detail,.column-total { width:100%; }
	.column-total { margin-top:20px; margin-bottom:20px;}
	.column20 { width:25%; padding-right:1%; padding-left:1%; }
	.column20bt { width:100%;}
	.column-check {width: 50%;}
	.column-name {width:100%; text-align:center; font-size:18px; margin-bottom:5px; margin-top:0px;}
	.form2 input.cbp-mc-submit { text-transform: uppercase;padding: 15px 30px;font-size: 1.1em;letter-spacing: 1px; width:50%; margin:20px 25% 0;}
	
	.tddetal { width:75%;}
	.tdtotal { width:25%;}
	input.bt-cancal {padding: 8px 15px; font-size: 1em; margin-top:27px;}
	input.bt-submit {padding: 8px 15px; font-size: 1em; margin-top:10px;}
}
