@charset "utf-8";
/* CSS Document */
#tourform {width: 900px;left: 50%; margin-left:-45%;position: fixed; z-index: 10000;border: 5px solid #f39c12; background: #FFF; display: none;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;behavior: url(https://www.indochinatour.com/css/css/pie/PIE.htc);top:10%; height:600px; max-height:600px; margin:0 auto;}
#tourform form{ position: relative;padding: 2em;max-width:900px; margin:auto;}
#tourform form .formcont { overflow-x: hidden; overflow-y: scroll; max-height:540px;padding-right:1em; }
#tourform .closeform { background: url('https://www.indochinatour.com/images/commonPic/close.png') no-repeat; width: 25px; height: 25px; display: block; position: absolute; right: -10px; top: -14px; cursor: pointer; }
#tourform .box-cont { border: 1px solid #b2b2b2; margin-bottom: 20px; padding-bottom: 15px; }
.box-cont h3 { color: #FFFFFF; background-color:#be140d; height:1.85em; line-height:1.85em; padding-left: 25px; overflow:hidden;   font-size: 1.1875em;}
#tourform p{ font-size:0.875em;}
#tourform textarea{ width:98%; min-height:120px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #7F9DB9; padding:1%; }
#tourform #requirements {margin: 0.8em 0.5em; width:60%; height:120px;}
.tour-intro-common{ border-bottom:1px dashed #ccc; padding:1.5em;}
.customizeinfo{ display:none;}
.form-info img{ width:10em; max-width:10em;}
.form-info .form-tourinfo{ margin-left:11em;}
.tour-intro-common p b{ font-size:1.0714em;margin-right:0.5em;} 
.tour-intro dd{ float:left;}
.tour-intro .travel-date { width: 30%; }
.tour-intro .travel-person { width:20%;}
.tour-intro .addtour{ width:50%;  color: #f00;}
#tourform .tour-intro-common input,#tourform .tour-intro-common select{ margin-left:0;}
.cusinfosubmit label {display: inline-block;line-height: 25px; margin: 5px 0; text-align: right; width:200px; font-size:1em;  }
#tourform input,#tourform select{ border: 1px solid #7F9DB9;height:19px; margin:0.8em 0.5em; padding:2px 3px; font-size:1em; }
#tourform select{ height:25px; font-size:0.8em;}
#tourform #nameprev{width: 53px;margin-right:0;}
#tourform select.hotelclass { width: 357px; }
#tourform span.rommnumber { margin-left: 50px; }
#tourform .w300 { font-size: 12px; margin-top: 10px; width: 350px; }
#tourform p.ptextcenter{ text-align:center; line-height:normal; padding:1em 0;}
p.ptextcenter a { padding: 0.5em 1.5em; font-size: 1.11764em; background-image: none; }
p.ptextcenter a:hover { color: #fff; }
#greybackground { background: none repeat scroll 0 0 #000000; display: block; left: 0; position: fixed; top: 0; width: 100%; height: 100%; z-index: 1000; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; filter:(alpha=50);}
@media screen and (max-width:800px){
	#tourform{ position:static; width:95%; border:2px solid #486a8d; margin:1em auto 1em auto; top:auto; left:auto; display:block; height:auto; max-height:none;}
	#tourform form{ padding:1em;}
	#tourform form .formcont{ height:auto;overflow:hidden; max-height:none;}
	#tourform .closeform,#tourform .introbox{ display:none;}
	.cusinfosubmit label{ width:160px;}
	.tour-intro .travel-date,.tour-intro .travel-person{ width:50%;}
	.tour-intro .addtour{ width:100%;}
	#tourform span.rommnumber{ display:inline-block; margin-left:0;}
}
@media screen and (max-width:480px){
	.tour-intro-common{ padding:0.5em;}
	.form-info div.z{ width:100%; float:none;}
	.form-info div.z img{ width:auto; max-width:none;}
	.form-info .form-tourinfo{ margin-left:0; margin-top:1em;}
	.tour-intro .travel-date,.tour-intro .travel-person{ width:100%;}
	.cusinfosubmit label{ width:100%;text-align: left;margin-left: 0.5em; margin-bottom:0;}
	#tourform input,#tourform select{ margin-top:0;}
	#tourform select.hotelclass{ width:100%; max-width:360px;}
	#tourform #requirements{ width:90%;}
	
}