@charset "utf-8";
/* CSS Document */
.simRight p{ margin-bottom:1em;}
.leftBox { margin: 20px 0; background: #027684; color: #FFF; padding: 15px; width: 160px; }
.leftBox strong { width: 25px; float: left; font-size: 24px; }
.leftBox p { width: 135px; float: right; }
.leftBox div { margin-bottom:1.25em; }
/**/
.graybg.blog{ margin-top:1.5em;}
.graybg{ background-color:#f5f5f5; border:1px solid #e3e1e1; padding:0.625em; margin-bottom:3em;}
.graybg h3{ margin-bottom:0;}
.relateblogpost a.fl img{ max-width:100%; height:auto; }
.relateblogpost .excerpt p{ display:inline;}
.relateblogpost{ margin-bottom:0.625em; padding-top:0.625em;border-top:1px dashed #e3e1e1;}
.relateblogpost.frist{ border-top:none;}
.relateblogpost.last{ margin-bottom:0;}
.relateblogpost a.fl{ width:200px; display:block;padding:1px; border:1px solid #e3e1e1;}
.relateblogpost div.fr{ margin-left:225px; float:none;}
.blogtitle a{font-size:1em; margin-bottom:0.5em;}
.blogtitle a:hover{ color:#be140d;}
.relateblogpost .blogtitle{ margin-bottom:0.5em;}
/*haniotext */
.haniotext{ padding-top:1em;} 
.haniotext .fl{ width:35%; max-width:330px;}
.haniotext .fr{ margin-left:37%; float:none;}
.haniotext .graybg.imglist{ padding:2px; margin-bottom:25px;}
.haniotext .graybg.imglist p{ height:2em; line-height:2em; text-align:center; font-size:0.8125em; color:#000; margin:0;}
.haniotext .fr p{ margin:0 0 1.5em;}
.haniotext .fr h3{ margin-bottom:0.75em; font-size:1.5em;}
.haniotext .fr h4{ margin-bottom:0; font-size:1.1875em;}
/*recommened*/
a.viewtour{ font-size: 1em; padding: 0.35em 0.7em; color: #fff; background-color: #be140d; display:inline-block;  text-align: center;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;}
a.viewtour:hover{ background-color: #9c0b05; }
.relateroute .price b,.yulanli .price b{ font-size: 14px; }
.relateroute img{ width:151px; height:82px; padding:1px; border:1px solid #e3e1e1; float:left;}
.relateroute div.fr{position:relative; margin-left:170px; float:none;}
.relateroute div.fr h4{ font-size:1.2em; color:#000000; margin-bottom:8px;}
.relateroute div.fr a:hover h4{ color:#be140d;}
.relateroute div.fr p{ font-size:0.875em;}
.relateroute li{padding-top: 1em;margin-top: 1em;border-top: 1px dashed #e3e1e1;padding-bottom: 0.5em;}
.relateroute li.frist{ margin-top:0; border-top:none;}
/*travelicon */
.trabigli li{ height:123px;}
.trabigli li,.trasmallli li{ float:left; width:80px; margin-left:34px;}
.trabigli li.frist,.trasmallli li.frist{ margin-left:0;}
.trabigli li span,.trasmallli li span{ display:block; text-align:center; font-size:15px; color:#000;}
.trabigli li a{ display:block;}
.trabigli li a:hover .travelicon,.trasmallli li a:hover .travelicon{ width:78px; height:78px; border:1px solid #be140d;}
.trabigli li a:hover span,.trasmallli li a:hover span{ color:#be140d}
.travelicon{ display:block; background:#ccc url(https://www.indochinatour.com/img/TravelGuide/travelguide.png) no-repeat 0px 0px; width:80px; height:80px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:1px 1px 3px #ccc; -moz-box-shadow:1px 1px 3px #ccc;box-shadow:1px 1px 3px #ccc; margin-bottom:5px; border:1px solid transparent}
.trabigli .Attractions{ background-position:12px 9px;}
.trabigli .Drinks{ background-position:12px -72px;}
.trabigli .Shopping { background-position:12px -150px;}
.trabigli .Hotels{ background-position:12px -231px;}
.trabigli .Visa{ background-position:5px -305px;}
.trabigli .Climate{ background-position:12px -383px;}
.trabigli .Transport{ background-position:17px -467px;}
.trabigli .Practical{ background-position:18px -564px;}
/*trasmallli*/
.trasmallli li{ width:48px; margin-left:14px;}
.trasmallli li a:hover .travelicon{ width:46px; height:46px;}
.trasmallli li span{ font-size:12px; line-height:14px;}
.trasmallli .travelicon{ width:48px; height:48px;}
.trasmallli .Attractions{ background-position:-87px -6px;}
.trasmallli .Drinks{ background-position:-84px -90px;}
.trasmallli .Shopping { background-position:-85px -169px;}
.trasmallli .Hotels{ background-position:-85px -247px;}
.trasmallli .Visa{ background-position:-79px -322px;}
.trasmallli .Climate{ background-position:-77px -396px;}
.trasmallli .Transport{ background-position:-75px -484px;}
.trasmallli .Practical{ background-position:-78px -582px;}
/*vietnamli*/
.vietnamli{ margin-bottom:20px;}
.vietnamli li{ float:left; width:170px; margin-right:31px; margin-bottom:30px;}
.vietnamli li a{ display:block; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; background-color:#efefef; -webkit-box-shadow:1px 1px 4px #ccc; -moz-box-shadow:1px 1px 4px #ccc;box-shadow:1px 1px 4px #ccc;}
.vietnamli li.nrm{ margin-right:0;}
.vietnamli li span{ display:block; text-align:center; font-size:15px; color:#010101; padding:7px 0;}
.vietnamli li a:hover span{ color:#be140d;}
.vietnamli li a:hover img,.subvietnam4 .vietnam4div a:hover img{ -webkit-opacity:0.8; -moz-opacity:0.8; opacity:0.8;filter:Alpha(opacity=80);}
/*yulanli*/
.yulanli{ position:relative; padding:15px; height:403px; overflow:hidden; margin:35px 0 50px; background-color:#edede9; border:1px solid #e2e2e2; -webkit-box-shadow:1px 1px 4px #ccc; -moz-box-shadow:1px 1px 4px #ccc;box-shadow:1px 1px 4px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.yulanli .yulandiv{ width:545px; display:none; height:392px; position:absolute; top:15px; right:15px; padding:5px; background-color:#fff;}
.yulanli .yulandiv img{ width:545px; height:275px; margin-bottom:6px;}
.yulanli .yulandiv .viewtour{ position:absolute; right:6px; bottom:6px;}
.yulanli li.current .yulandiv{ display:block;}
.yulanli .atitle{ width:135px; display:block; height:46px; line-height:46px; color:#fff; font-size:16px; font-weight:bold; padding-left:15px; background:url(https://www.indochinatour.com/img/TravelGuide/tg_3.png) no-repeat 0px 0px;_background:url(https://www.indochinatour.com/img/TravelGuide/tg_3_8.png) no-repeat 0px 0px; margin-bottom:5px;}
.yulanli li.current .atitle{ width:180px; background-position:0px -46px; position:relative; z-index:999;}
/*vietnam4li*/
.vietnam4li li{ float:left; margin-left:27px; padding:3px; width:98px; border:1px solid #ccc; background-color:#efefef;-webkit-box-shadow:1px 1px 4px #ccc; -moz-box-shadow:1px 1px 4px #ccc;box-shadow:1px 1px 4px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px}
.vietnam4li li.first{ margin-left:0;}
.vietnam4li{ margin:20px 0 30px;}
.vietnam4li li img{ width:98px; height:71px;}
.vietnam4li li span{ display:block; text-align:center; font-size:15px; font-weight:bold; color:#000;}
.vietnam4li li.current{ background-color:#ad2147;}
.vietnam4li li.current span{ color:#fff;}
.subvietnam4{ margin-bottom:50px;}
.subvietnam4 .vietnam4div{ display:none}
.subvietnam4 .vietnam4div.current{ display:block;}
.subvietnam4 .vietnam4div .fr{ width:483px; height:245px; position:relative;}
.subvietnam4 .vietnam4div .fr .viewtour{ position:absolute; bottom:0; right:0;}
.subvietnam4 .vietnam4div .fr h4{ margin-bottom:8px; color:#901039; font-size:22px;}
.subvietnam4 .vietnam4div .fr p{ line-height:16px; margin-bottom:20px;}
.subvietnam4 .vietnam4div .fl img{ width:268px; height:241px; padding:1px; border:1px solid #ccc;}
/*travel guide xiugai */
.homtitishow .itishowinner{ text-align:center;}
.travelatta2015 li{ height:auto;}
.travelatta2015{ text-align:left;}
.travelguide2015 h3.tg_in_h3{ margin:2em 0 1em;}
.travelguide2015 .destinations img.fl{ margin-right:2em;}
.travelguide2015 .destinations .tg_in_fr{ margin-left:370px;}
.travelguide2015 .hotelnew2015{ margin-bottom:1.5em;}
.hotelh4inner{ font-size:1.0625em; margin-bottom:1em;}
@media screen and (max-width:1169px) {
.hometop { padding-top: 10%; }
.trabigli li,.trabigli li.frist{ margin:0 1em 1em;}
}

@media screen and (max-width:980px) {
	.readmoredes li,.readmoredes li.nrm,.deshotellist li,.deshotellist li.nrm{ width:23%; margin:0 1% 1em;}
	.desmenu .bigpicCommonBtn{ float:none; margin-bottom:1em;}
	.desmenu li.current span.sanjiaoxing{ display:none;}
}

@media screen and (max-width:800px) {
.homeitilist li{ width:30%; margin:1.5%;}
.aboutusdes .fl,.aboutusdes .fr{ width:100%; float:none; margin-bottom:1.5em;}
#tripadvisorMain{ padding-left:0;}
.deshotellist li,.deshotellist li.nrm{ width:31%;}
.desmenu li a{ padding:0 0.4em;}
.hotellist ul.tripadhotel li .fl{ margin:1em auto; float:none;}
.hotellist ul.tripadhotel li .hotelinfoli{ margin:0 auto 1em;}
.hotellist ul.tripadhotel li{ padding: 0 1em 1em;}
.travelguide2015 .destinations .tg_in_fr{ margin-left:0;}
}

@media screen and (max-width:640px) {
.opactionDes h1,.desmenu h1{ font-size:2.25em;}
.descontent div.z{ display:none;}
.descontent .destopintro{ margin:1em;}
.homeitilist li{ width:46%; margin:2%;}
.blogposts li,.blogposts li.nrm{ width:90%; float:none; margin:0 auto 1.5em;}
.readmoredes li,.readmoredes li.nrm{ width:31%;}
.allvietnam div.y{ float:none; margin:0 1em 1em; width:auto;}
.allvietnam div.y li{ display:inline-block; margin:0 1em 1em 0;}
.allvietnam.descontent .destopintro{ margin:0 1em 1em;}
.deshotellist li,.deshotellist li.nrm{ width:48%;}
}

@media screen and (max-width:480px) {
	.opactionDes h1,.desmenu h1{ font-size:1.5em;}
	li.nrm{ margin-right:auto !important;}
.hometop { padding-top: 15%; }
h1, .hometitle { font-size: 2.5em; color: #000; }
.bigpictext .bigpictextnomarl { font-size: 2em; }
.bigpictext .bigpictexttitle { font-size: 2.4em; margin-bottom: 0.5em; }
.rightdiv { width: 90%; margin: auto; float: none; text-align: right; padding-top: 20%; }
.rightdiv .bigpicCommonBtn { font-size: 1.5em; }
.homeitilist li { width: 90%; float: none; margin: 0 auto 2em; }
.homeitilist li.centerli { margin: 0 auto 2em; }
.formul li { width: 100%; *width:99%;
}
.formul li.formcenter { margin: 0 0 1em;}
.intfreeInquiry .freeInquiryInner { padding: 1.3em; }
.readmoredes li,.readmoredes li.nrm,.aboutusdes .fl,.aboutusdes .fr,.aboutusdes .fl .z,.aboutusdes .fl .aboutusmain,.deshotellist li,.deshotellist li.nrm,.haniotext .fl,.haniotext .fr{ width:90%; margin:0 auto 1em; float:none;}
.desmenu li{ width:50%; padding:0;}
.desmenu .y{ float:none; margin-bottom:1em;}
.desmenustatic{ text-align:center;}
.desmenu li span,.desmenu li.destination span.sanjiaoxing,.desmenu li.current span.sanjiaoxing{ display:none;}
.desmenu li a{ display:block;}
.desmenu li.current a{ background-color:#f39c12; color:#fff;}
.relateblogpost a.fl,.relateroute img.fl{ float:none; margin:0 auto 1em;}
.relateblogpost div.fr,.relateroute div.fr{ margin:0 1em 1em;}
.travelguide2015 .destinations img.fl{ margin-bottom:1em;}
}