.row-18 { margin-left:-9px; margin-right:-9px;}
.col-18 { padding-left:9px; padding-right:9px;}

.customize-box { background:url(/images/form/customize-bg.jpg) no-repeat right top; background-size:cover;background-attachment: fixed; color:#fff; text-align:center; position:relative;}
.inqury-box { background:url(/images/form/reservation-bg.jpg) no-repeat left top; background-size:cover;background-attachment: fixed; color:#fff; text-align:center; position:relative;}
.cityform-box { background:url(/images/form/cityform-bg.jpg) no-repeat left center; background-size:cover;background-attachment: fixed; color:#fff; text-align:center; position:relative; padding-bottom:50px;}

.breadcrumb { margin:10px 90px;}
.formbox { margin:0 90px 90px 90px;background-color:rgba(255,255,255,0.9);filter:Alpha(opacity=90); border-radius:2px; padding:100px 120px 80px; color:#333; font-weight:400; text-align:left;}
.formbox h1 { font-size:48px; font-weight:500; color:#f60;font-family: Roboto;}
h1.customizeh1 {font-family: Caveat; font-size:48px; font-weight:800; color:#000; text-align:center; line-height:50px; letter-spacing:0.1px; margin-top:0;}
.formbox-shadow h1.customizeh1{ margin-top:50px;}
.formbox .form-h h1{ margin-top:0px; letter-spacing:0;}
.formbox .form-h{ font-size:24px; color:#333;border-left: solid 5px #f60;text-align:left; padding-left:25px; line-height:36px; margin-bottom:40px;}
.form-ol { font-size:16px; font-style:italic; margin:30px 0 30px 20px;}
.form-ol li { list-style:decimal; padding-left:10px; margin-bottom:5px; line-height:30px;}
.col-form { padding:0; position:relative; height:40px;}
.col-form:first-child { border-radius:4px 0 0 4px; border-right:0;}
.col-form:nth-child(2) { border-radius: 0; border-right:0;}
.col-form:last-child { border-radius: 0 4px 4px 0; border-right:solid 2px #757575}
label.col-form {border-radius:4px 0 0 4px; border:solid 2px #757575; border-right:0;}
label {font-size:18px; font-weight:400; background:#fff; text-align:center; height:42px; line-height:40px;}
.label-top { position:absolute; top:2px; left:15px; background:none;font-size:16px; font-weight:500; color:#333; z-index:1}
.col-form .label-top { top:0;}
.textarea-label { color:#999; text-align:left; font-size:16px;top:30px;left:30px; right:30px; line-height:30px;}
.textarea-label .form-ol { font-size:14px; margin:15px 0 15px 20px;}
.input-group { position:relative; margin-bottom:30px; line-height:28px;}
.formtext input,.formtext select { height:40px;}
.formtext .block {
	width:100%;
	font-style: normal;
}
.formtext input,.formtext textarea, .formtext select{
	border:solid 2px #757575;
	border-radius:4px;
	padding:5px 10px;
	font-size:18px;
	font-weight:400;
	color:#333;
	letter-spacing:0px;
}
.formtext select { padding-right:28px;}
.formtext .col-form input { height:40px;}
.formtext .col-form input:last-child {border-right:0; border-radius: 0 4px 4px 0 ; }
.formtext textarea {padding:10px 15px; width:100%; line-height:30px;}
input::-webkit-input-placeholder{font-size:18px;color:#333; opacity:1}
input::-moz-placeholder{font-size:18px; color:#333; opacity:1}
input:-moz-placeholder{font-size:18px; color:#333; opacity:1}
input:-ms-input-placeholder{font-size:18px;color:#333; opacity:1}
select::-webkit-select-placeholder{font-size:18px;color:#333; opacity:1}
select::-moz-placeholder{font-size:18px; color:#333; opacity:1}
select:-moz-placeholder{font-size:18px; color:#333; opacity:1}
select:-ms-select-placeholder{font-size:18px;color:#333; opacity:1}
select,select.col-form {outline: none; appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background:url(/images/icon/select-arrow.png) no-repeat scroll right center #fff; padding-left:5px; text-align:center; padding-right:28px; line-height:28px;}
.send-orange {font-family: Roboto, sans-serif;border:solid 2px #fff; background:#EB6100; color:#fff; letter-spacing:1.5px; text-decoration:none;box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.4);border-radius:28px; padding:11px 30px; line-height:30px;display:inline-block; width:50%; text-align:center; margin-top:10px; font-size:20px; font-weight:600;}
.send-orange:hover {
	text-decoration:none;
	box-shadow: 0px 0px 24px rgba(51, 51, 51, 0.4);
	color:#fff;
	font-style: normal;
}
@media (max-width: 992px) {
	.formbox { margin:0 0 90px 0; padding:50px;}	
	.formbox .form-h2{ margin-left:20px; margin-right:20px; }
}
@media (max-width:768px) {
	.send-orange { width:100%;}
	.formbox { padding:30px;}
	.orange-btn { letter-spacing:0.1em; padding:15px 30px;}	
	.formbox .form-h2{ margin-left:0px; margin-right:0px; }
	.textarea-input { min-height:450px;}
	.breadcrumb{ margin:0px;}
}
/*simplecustomize*/

/*forme*/
@keyframes hover-color {
  from {
    border-color: #666666; }
  to {
    border-color: #666666; } }
.magic-radio,.magic-checkbox{ position: absolute;display: none;  top:10px;}
.magic-radio + label,.magic-checkbox + label {
	position: relative;
	display: block;
	background:none;
	padding-left: 30px;
	cursor: pointer;
	vertical-align: middle;
	line-height: 26px;
	height:auto;
	text-align:left;
	color:#000000;
}
.magic-checkbox + label a {color:#333;}
.magic-checkbox + label a:hover {color:#EB6100;}
.magic-radio + label:hover:before,.magic-checkbox + label:hover:before{animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; }
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute; top:6px;left: 0; display: inline-block; width: 20px; height: 20px; content: ''; border: 2px solid #666;background:#fff; }
.magic-radio + label:after,.magic-checkbox + label:after {position: absolute; display: none; content: '';}
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before { animation-name: none;}
.magic-radio:checked + label:before { border: 2px solid #666; }
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after { display: block; }
.magic-radio + label:before { border-radius: 50%; }
.magic-radio + label:after {top: 6px;left: 6px; width: 8px;  height: 8px;  border-radius: 50%;  background: #005393; }
.magic-checkbox + label:after {top:10px;left: 6px;box-sizing: border-box;width: 10px;height: 11px; background: url(/images/form/checkbox-icon.png) no-repeat;}
.magic-checkbox:checked + label:before { border: 2px solid #666;  background: #EB6100; }
.form-type { margin-bottom:15px;}

/*client-ta*/
.clients-content { margin-top:20px;}
.client-photo { float:left; width:200px; text-align:left;}
.client-photo img{ border:solid 6px #e5e5e5; border-radius:50%}
.client-text { position:relative;margin-left:200px;margin-bottom:20px; padding-left:30px; font-family:Roboto; font-size:20px;line-height:30px; font-weight:normal;}
.client-text .top-quotes,.client-text .bottom-quotes { font-size:60px; color:#999999; position:absolute; }
.client-text .top-quotes { left:0; top:60px;}
.client-text .bottom-quotes { bottom:-15px;}
.client-text a { color:#999; margin-left:30px;}
.client-text a:hover { color:#eb6100;}
.client-text p{
	margin-bottom:20px;
	position:relative;
	color: #333333;
}
.client-ta { margin-bottom:20px;}
.ta-5star::before { content: "●●●●●"; font-size:32px; letter-spacing:-6px; color: #eb6100; font-style:normal; margin-top:5px;}
.client-ta img { position:relative;}
@media (max-width:768px){
	.client-photo { float:none; width:100%; margin-bottom:20px; text-align:center;}
	.client-text { margin-left:0px;}
}
/*shadow*/
.formbox-shadow  {border-radius:4px;box-shadow: 0px 0px 6px rgba(54, 54, 54, 0.4); margin:0 90px 18px 90px;background-color:rgba(255,255,255,0.9);filter:Alpha(opacity=90); padding:30px 120px 60px; color:#555; font-weight:400; text-align:left;}
.formbox-shadow select,.formbox-shadow textarea {
	text-align:left;
	color:#666;
	border:solid 2px #999;
}
.formbox-shadow input { color:#666;border:solid 2px #999;}
.formbox-shadow input::-webkit-input-placeholder{color:#666; opacity:1}
.formbox-shadow input::-moz-placeholder{color:#666; opacity:1}
.formbox-shadow input:-moz-placeholder{color:#666; opacity:1}
.formbox-shadow input:-ms-input-placeholder{;color:#666; opacity:1}
.formbox-shadow h3{ color:#666; font-style:normal; margin-top:0px; margin-bottom:20px;}
@media (max-width: 992px) {
	.formbox-shadow { margin:0 0 18px 0; padding:50px;}	
	.formbox-shadow .form-h2{ margin-left:20px; margin-right:20px; }
}
@media (max-width:768px) {
	.formbox-shadow { padding:30px;}
}
.formtext h2 {
	font-family: Roboto, sans-serif;
	font-weight:400;
	font-size:30px;
	line-height:48px;
	letter-spacing:0.2px;
	margin-bottom:30px;
	margin-top:30px;
}
.mbottom28 { margin-bottom:20px;}