@charset "utf-8";
/* CSS Document */
#itileft{ width:880px; float:left;}
#itiright{ width:270px; float:right; max-width:270px; position:relative;}
.redsolid{ height:3px; background:url(https://www.indochinatour.com/images/commonPic/redsolid.gif) repeat-x center center;}
.bread{ height:2.0625em; line-height:2.0625em;}
.bread a{ font-size:0.9375em;}
.bread .breadpipe{ padding:0 0.25em; color:#073488;}
h1{ color:#3b3b3b; font-size:1.9375em; padding:0.5em 0; font-weight:normal;    max-width: 880px;}
.maincontent{ margin-bottom:2em;}
.maincontent h3{ color:#272727; font-size:1.5em; font-weight:normal; margin:1em 0 0.7em;}
.maincontent h3.ntm{ margin-top:0;}
#itileft .itiinfo p{margin:0.5em 0 1em; color:#1d1d1d;}
#itileft .itiinfo p.itirelinfo{ color:#717171; font-size:0.9375em;}
.itirelinfo span{ display:inline-block; width:9em; height:2em; float:left;}
.itisubmenu{ margin-top:1.5em;}
.itisubmenu li{ display:inline-block; margin-right:0.1em; font-size:1em; font-weight:bold; padding:0.5em 1em; border:1px solid #d4d4d4; border-bottom:none; background-color:#dcdcdc; cursor:pointer;}
.bottommenu{ text-align:center;}
.bottommenu li{border-bottom:1px solid #d4d4d4;}
.itisubmenu li.current{ background-color:#fff;}
.itimaindetail{border:1px solid #d4d4d4; padding:1.5em;}
.highlights li{ font-size:1.0625em; background:url(https://www.indochinatour.com/images/commonPic/reddotted.png) no-repeat left 4px; padding-left:1.3em; margin-bottom:0.7em;}
.itidetailtop p span.des{ display:inline-block; width:10em; font-size:1em;}
.itidetailtop p span.staytime{ color:#676767;font-size:1em;}
.itidetailtop .z{ width:58%;}
.itidetailtop .y{ width:40.7%}
/*--------day by day---------*/
.itidaybyday{ margin-top:0.75em;}
.daybydaypic { width:47.5%; max-width:400px; display:inline-block; position:relative; right:-1.5em; margin-bottom:1em;}
.daybydaypic img{ display:block;}
.daybydaypic div.clearfix{ margin:0.9375em 0;}
.daybydaypic .z{ width:49%; text-align:left; display:block;}
.daybydaypic .y{ width:49%; text-align:right; display:block;}
.daybydayinfo h4{ font-size:1.0625em; color:#272727; margin:1em 0; background:url(https://www.indochinatour.com/images/commonPic/daybyday.png) no-repeat left 4px; padding-left:1.5em;}
.daybydayinfo  p{ padding-left:1.5em;}
.daybydayinfo  p.daybydaymeal{ color:#676767;}
.itimaindetail .itidetailtop p{ margin-bottom:0.5em;}
.itimaindetail p{ margin-bottom:1em;}
.resavertrip{ padding:1.5em 0; text-align:center; background-color:#f6f7f0; border-top:1px solid #e3e3e3; margin:2em 0 1em;}
.resavertrip a{ display:inline-block; margin:0 1em; font-size:1.0625em; font-weight:bold;}
/*-- right --*/
.printthistrip{ position:absolute; font-size:1.0625em; padding-left:1.5em; background: url(https://www.indochinatour.com/images/commonPic/itidayandprint.png) no-repeat left -20px; display:block; top:-2.3em; right:3em; height:2em; line-height:2em; font-weight:bold;}
.inquireTrip a{ font-size:1.0625em; font-weight:bold; padding:0.6em; display:block; text-align:center;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;position: relative; behavior: url(https://www.indochinatour.com/css/css/pie/PIE.htc); }
.rightcomdiv{ padding:0.8125em; background-color:#f6f7f0; border:1px solid #e6e6e6; margin:1em 0;}
.trippdf .z{ display:block; width:80px; height:80px; background:url(https://www.indochinatour.com/images/commonPic/pdf.png) no-repeat center center;}
.trippdf .y{ width:150px; font-size:1.0625em;line-height:1.23529em;}
.trippdf .y p{ font-size:1em;}
.trippdf .y p a{ font-size:0.9375em; color:#da261e; background:url(https://www.indochinatour.com/images/commonPic/nextgo.png) no-repeat left 8px; padding-left:1em;}
.trippdf .y p a:hover{ color:#9c0b05;}
.tailorthistrip .intcommonBtn{ font-size:1.0625em; margin:1em 0; display:inline-block; }
/* iti right form*/
.tailorthistrip input[type="text"],.tailorthistrip li label.selectlabel{ padding:0.2em; border:none;font-size:0.9375em; color:#1d1d1d; border:1px solid #eee;}
.tailorthistrip li label.selectlabel{ background-color:#fff; display:block;}
.tailorthistrip li label.selectlabel span{ display:block; background:#fff url(https://www.indochinatour.com/images/commonPic/selectxiala.png) no-repeat right center; font-size:1em;}
.tailorthistrip textarea{ width:94%; height:95px;padding:3%; color:#717171; font-size:0.9375em;}
.tailorthistrip li input[name="FullName"]{ width:130px;}
.tailorthistrip li label.nametitle{ width:40px; display:inline-block; vertical-align:middle;}
.tailorthistrip li{ float:left; width:140px;max-width:340px; position:relative; margin-bottom:1em;}
.tailorthistrip li.widthfull{ width:100%; height:auto; max-width:100%;}
.tailorthistrip li.ititime{ width:130px; margin-right:1em;}
.tailorthistrip li.itidura{ width:94px; margin-right:0;}
.tailorthistrip li.itihotel{ margin-right:0; width:100%;}
.tailorthistrip li.itipnum{ margin-right:0; width:50%;}
.tailorthistrip li.itifname{ margin-right:0;width:100%;}
.tailorthistrip li.itiemail{ margin-right:0;width:100%;}
.tailorthistrip li.itiphone{ margin-right:0;width:100%;}
.tailorthistrip li.formcenter{ margin:0 60px 1em;}
.inquiretitle{ margin:0.3em 0 0.5em; font-size:1.3125em;}
.nametitle{ width:48px;}
.duration{ width:80px;}
.numberpeople{ width:80px;}
.formitem.duration{ width:89px;}
.formitem.hotel{ width:100%; overflow:hidden;}
.formitem.nametitle{ overflow:hidden; max-height:300px;}
.formitem{ display:none; position:absolute; z-index:-1; top:3.5em; background-color:#fff; max-height:120px; overflow-y:scroll; overflow-x: hidden;
border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom: 1px solid #000; border-right:1px solid #000; border-radius:3px;}
.tailorthistrip .formitem li{ float:none; width:100%; cursor:pointer; height:1.5em; margin-bottom:0; line-height:1.5em;font-size:0.9375em; padding:0 0.3em; overflow:hidden;}
.tailorthistrip .formitem li:hover{ background-color:#be140d; color:#fff;}
#travelDate,.tourDate{ background:#fff url(https://www.indochinatour.com/images/homeBigPic/dateicon.png) no-repeat 96px center; width:110px;}
.tailorthistrip li p{ line-height:1.8em;}
.tailorthistrip p.textcenter{ text-align:center; font-size:1em;}
.tailorthistrip p.textcenter .intcommonBtn{margin:0.5em 0;padding:0.7em 1.5em; font-size:1.1875em;}
.ititripadviser{ border:3px solid #589442; padding:0.625em;}
.ititripadviser .ititriptop .icon{ display:block; padding:0.3em 0 0.3em 3.4em; font-size:1.375em; color:#272727; background:url(https://www.indochinatour.com/images/itiPic/ta_logo.gif) no-repeat left center;}
.ititriphr{ padding:0.5em 0; border-top:1px dashed #589442; border-bottom:1px dashed #589442; margin:0.625em 0;}
.ititripmain{ display:none;}
#mainreviews .reviewtop img{ margin-right:1em;}
.overrating{ margin:0.5em 0 0.3em; font-size:0.9375em;}
.overrating .ratname{ color:#2666B8;}
.overrating .ratnum{ font-size:1.1875em; color:#589442; margin: 0 0.2em; font-family: Arial,Helvetica,sans-serif; font-weight:bold;}
.rate{ margin:0.5em 0;}
.rate i{ background:url(https://www.indochinatour.com/images/commonPic/triprating.png) no-repeat 0 -16px;height:16px; width:80px;display:inline-block; vertical-align:middle;margin-right:0.5em;}
.rate span{background:url(https://www.indochinatour.com/images/commonPic/triprating.png) no-repeat 0 0px;height:16px; display:block;}
.rate span.sr5{ width:80px;}
.rate span.sr4{ width:64px;}
.rate span.sr3{ width:48px;}
.rate span.sr2{ width:32px;}
.rate span.sr1{ width:16px;}
.rtext{ font-size:0.9375em;}
.rtitle{ margin-top:0.5em;}
.tripreviewnext{ position:relative; height:47px;}
.tripreviewnext .nextbtn{ width:40px; position:absolute; right:-10px; top:0;}
.nextbtn a{ width:34px; height:22px; display:block; background:url(https://www.indochinatour.com/images/commonPic/ta_ctrl.gif) no-repeat  left top;} 
.nextbtn a.aprev{background-position: -36px -24px; margin-bottom:3px;}
.nextbtn a.aprev.noprev{ background-position: 0 0;}
.nextbtn a.anext{ background-position: 0 -24px; }
.nextbtn a.anext.nonext{ background-position: -36px 0;}
/*price guide*/
.priceguidehotel{ margin-bottom:1.5em;}
.priceguidehotel li{ float:left; width:24%; margin-bottom:1em; position:relative; padding:1%; text-align:center; background-color:#f2f2f2; cursor:pointer;}
.priceguidehotel li p{ margin-bottom:1.5em;}
.priceguidehotel li .pricepp{ font-size:1.75em; color:#be140d; margin:1em 0 0;}
.priceguidehotel li.licenter{ margin:0 11% 1em;}
.priceguidehotel li.current{ background-color:#be140d; color:#fff;}
.priceguidehotel li.current .pricepp{ color:#fff;}
.priceguidehotel li.current span{ display:block; width:0; height:0; border-right:15px solid transparent;border-left:15px solid transparent;border-top:12px solid #be140d; bottom:-12px; right:50%; position:absolute; margin-right:-15px;}
.hotellist .hoteldetail{ padding:1em 1.5em; background-color:#f2f2f2; margin-bottom:1.5em;}
.hotellist .hoteldetail .ptitlehotel{ text-align:center; color:#000; font-size:1.3125em; margin-bottom:0.5em;}
.hotellist .hoteldetail p{ font-size:0.9375em; margin-bottom:1.5em;}
.hotelsheshi li{ float:left; width:23%; margin-right:2%;}
.hotellist .hoteldetail .hotelsheshi li p{ font-style:italic; text-align:center; margin-bottom:0.8em;}

.priceguideclude div{ width:50%;}
.priceguideclude div.z ul{ padding-right:2em;}
.priceguideclude div li{ background:url(https://www.indochinatour.com/images/itiPic/include.png) no-repeat 2px 3px; padding-left:1.8em; margin:1em 0; font-size:0.9375em;}
.priceguideclude div.y ul{ padding-left:2em;}
.priceguideclude div.y h3{ padding-left:1.4em;}
.priceguideclude div.y li{background:url(https://www.indochinatour.com/images/itiPic/noinclude.png) no-repeat 2px 7px;}
/*how to book*/
.itimaindetail .howtobook,.itimaindetail .howtobookstep .stepnumber{ font-size:1.5625em; color:#1d1d1d; text-align:center;}
.itimaindetail .howtobookstep p{ font-size:0.9375em;}
.howtobookstep li{ width:45%; float:left; margin-bottom:1em;}
.howtobookstep li.right{ float:right;}
.itimaindetail .howtobookstep .stepname{ background:url(https://www.indochinatour.com/images/itiPic/itihowtobook.png) no-repeat 0 0; width:13.75em; height:5.9375em; margin:0 auto 1em; font-size:1em;}
.itimaindetail .howtobookstep .submitstep{ background-position:0 0;}
.itimaindetail .howtobookstep .speakstep{ background-position:60px -112px;}
.itimaindetail .howtobookstep .planstep{ background-position:-190px -4px;}
.itimaindetail .howtobookstep .enjoystep{ background-position:-190px -116px;}
.itimaindetail .howtobookstep .stepnumber{ text-align:left; margin-bottom:0.5em;}
.itimaindetail .stepnumber span{ font-style:italic; color:#fff; background-color:#be140d; border-radius:1.8em; display:inline-block; width:1.8em; height:1.8em; line-height:1.8em; text-align:center;margin-right:0.5em;}
/*customserver*/
.iticoustomserver{ text-align:center;}
.customserver { margin: 2em 0; text-align:center;}
.customserver li { display: inline-block; *display:inline;*zoom:1;margin: 0 0.2em 1em; width: 114px; vertical-align: top; position: relative; }
.customserver li.nlm{ margin-left:0;}
.customserver li img { display: block; }
.customserver li a { display: block; }
.customserver li a:hover img{ -webkit-opacity:0.8; -moz-opacity:0.8; opacity:0.8;}
.customserver li p.taname { position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,0.5) none repeat scroll 0 0 !important; filter: Alpha(opacity=50); background: #000; height: 26px; line-height: 26px; margin-bottom: 0; color: #fff; text-align: center; }
#nocustom .intcommonBtn{font-size: 1.1875em;padding: 0.5em 1em;}
#nocustom{text-align:center; margin:2em 0;}
/*relativeRoute*/
.relativeRoute { text-align: left; padding: 1.5em 0 1em; }
.relativeRoute h3{ font-weight:normal; margin-bottom:0.5em;}
.relativeRoute li { float: left; max-width: 368px; width: 24%; margin-right: 1.33333%; }
.relativeRoute li.nrm { margin-right: 0; }
.itishowinner a { font-size: 1.0625em; color: #0252ad; }
.itishowinner a:hover { color: #be140d; }
.homtitishow .itishowinner{ padding:0.7em; min-height:140px;background-color:#f5f5f5;border: 1px solid #ccc; border-top: none; }
.itishowinner a.itiatitle{ display:block;}
.itishowinner p { font-size: 0.9375em; line-height: 1.3em; word-break:break-all;}
.relativeRoute li img { vertical-align: top; display: block }
/* media home */
@media screen and (max-width:1599px){
}
@media screen and (max-width:1169px){
	#itileft{ width:72%;}
#itiright{ width:27%;}
}
@media screen and (max-width:980px){
		#itileft{ width:69%;}
#itiright{ width:30%;}
.rightcomdiv{ padding:0.5em;}
.trippdf .y{ width:140px;}
}
@media screen and (max-width:800px){
	#itileft{ width:65%;}
	.inqubox{display:block !important;}
#itiright{ width:33%;}
.rightcomdiv{ padding:1em; display:none;}
.inquireTrip{ margin-bottom:1.5em;}

}
@media screen and (max-width:640px){
#itileft,#itiright{ width:98%; float:none; margin:auto; max-width:600px;}
#itiright{ margin-top:3em;}
.resavertrip a{ margin:0.5em;}
	.tour-intro-common img{max-width:100% !important;}
.inquireTrip a{ max-width:240px; margin:auto;}
.itidetailtop p span.des{ width:auto; margin-right:1em;}
.itidetailtop .z,.itidetailtop .y{ width:90%; float:none; margin:0 auto 2em;}
.daybydaypic{ float:none; width:90%; margin:auto;}
h1{ font-size:1.0625em; font-weight:bold; padding: 0.5em 1em;}
#itileft .itiinfo p,.itimaindetail p{ font-size:0.9375em;}
.itiinfo{ padding:1em;}
}
@media screen and (max-width:480px){
	.itisubmenu li{ padding:0.5em; margin-right:0; font-size:0.875em;}
	.resavertrip a{ margin-bottom:2em; width:200px;}
	.bread{ display:none;}
	.relativeRoute li{ width:100%; float:none; margin:0 auto 2em;}
}
@media screen and (max-width:340px){
	.itisubmenu li{ padding:0.5em 0.2em; margin-right:0; font-size:0.75em;}
}