@charset "utf-8";
body { font: normal 15px Tahoma, Geneva, sans-serif; margin: 0; padding: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; color: #f00; }
h1 { font-size: 18px; margin: 20px auto; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
#logo { width: 1002px; margin: 0 auto; padding: 5px 0; }
#logo ul { float: right; margin-top: 15px; }
#logo li { float: left; padding-left: 18px; margin-right: 10px; }
#logo li.tel { background: url(/image/web/button/tel.png) no-repeat 0 50%; }
#logo li.skype { background: url(/image/web/button/skype.png) no-repeat 0 50%; }
#logo li.email { background: url(/image/web/button/email.png) no-repeat 0 2px; }
#cvillogo { width: auto; height: auto; }
#nav { width: 100%; background: #e62329; }
#mainnav { width: 1002px; height: 42px; line-height: 42px; margin: 0 auto; }
#mainnav li { float: left; padding: 0 10px; border-right: 2px solid #fff; }
#mainnav li:first-child { border-left: 2px solid #fff; }
#mainnav li a { font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; }
#mmainnav { display: none; width: 100%; float: left; margin: 0 auto; background: #e62329; }
#mmainnav li { float: left; border-right: 1px solid #fff; }
#mmainnav li a { font-weight: 600; color: #fff; text-decoration: none; line-height: 42px; }
#mmainnav li#menuicon { width: 10%; height: 42px; background: url(/image/web/button/menuicon.png) no-repeat center; border-right: none; cursor: pointer; float: right; padding: 0; }
#msubmainnav { clear: both; display: none; background: #4b9be2; }
#msubmainnav li { padding: 2%; }
#msubmainnav li a { color: #fff; font-weight: 600; text-decoration: none; }
#wrap { clear: both; width: 1002px; margin: 0 auto; }
#flash { width: 100%; }
#voyages { float: left; width: 70%; }
#voyages2 { float: right; width: 69.7%; margin-left: 0.3%; }
#content { float: right; width: 69.5%; margin-top: -10px; margin-left: 0.5%; }
#content2 { float: right; width: 69.7%; margin-left: 0.3%; }
#side { float: left; width: 30%; margin-top: 1px; padding-top: 0; }
#footer { width: 100%; }
#footercontent { width: 1002px; margin: 0 auto; text-align: center; }
#footercontent .navs { margin-bottom: 5px; }
#footercontent .navs li { display: inline; }
#footerlogo span { margin: auto 8px; }
#destnav { margin-top: 5px; margin-bottom: 5px; }
#intro { margin-top: 28px; text-align: justify; }
#circuitnav { margin: 10px 0 10px 0; }
#circuitnav li { float: left; width: 15%; font-weight: bold; text-align: center; margin: 1% 1%; }
#circuitnav li a { display: block; color: #f00; padding: 5px; border: 1px solid #e62329; }
#circuitnav li.active { padding: 5px; border: 1px solid #e62329; color: #fff; background: #e62329; margin-left: 0; }
#detail { clear: both; }
#aqbox { display: none; }
#voyagecircuit { margin-top: 5px; }
#voyagecircuit2 { display: none; }
#trafficsearchbox { padding: 5px; text-align: left; border: 1px solid #e62329; margin: 15px auto 5px auto; }
#trafficsearchbox strong { display: block; text-align: center; color: #fff; padding: 5px 0; background: #e62329; }
#trafficsearchbox .btn { background: #e62329; color: #fff; font-weight: 600; }
.red { color: #f00; }
.blue { color: #0000b8; }
.highlights { color: #f00; font-style: italic; }
.hcolon { font-style: italic; }
.clear { clear: both; }
.italic { font-style: italic; }
.bold { font-weight: 600; }
.block { display: block; }
.flt { float: left; }
.frt { float: right; }
.center { text-align: center; }
.right { text-align: right; }
.justify{text-align:justify;}
.h2 { font-size: 15px; font-weight:600; color:#f00; }
.line { clear: both; border-bottom: 1px dotted #333; padding-top: 10px; margin-bottom: 10px;}
.indexline { clear: both; border-bottom: 1px dotted #333; padding-top: 10px; margin-bottom: 10px; margin-right:10px}
.redline { clear: both; border-bottom: 4px solid #e62329; padding-top: 10px; margin-bottom: 10px; }
.greyline { clear: both; border-bottom: 6px solid #ccc; padding-top: 10px; margin-bottom: 10px; }
.blueborder { border: 1px solid #4b9be2; }
.theme { display: block; color: #4b9be2; margin-bottom: 15px; font-size:16px; }
.odlist li { list-style: upper-alpha; list-style-position: inside; }
.feedbacklist li { list-style: decimal; list-style-position: inside; font-weight: 600; padding: 2px 0 2px 0; }
.feedback { margin-bottom: 10px; padding-top: 10px; }
.feedback strong { display: block; padding-left: 55px; height: 40px; line-height: 40px; background: url(/image/web/button/mail.gif) no-repeat left 50%; }
.feedbackimg, .guideimg { display: block; margin: 0 auto; }
.aboutus { float: left; width: 98%; border: 1px dotted #e62329; padding: 5px; margin: 10px 0 10px 0; }
.aboutus img { float: left; padding: 5px; margin: 0; }
.citylist li { float: left; width: 18.5%; margin: 5px; }
.citylist2 li { float: left; width: 22.5%; margin: 5px; }
.airline li { float: left; width: 30%; padding: 5px; }
.circuitnav { font-weight: 600; color: #fff; padding: 5px 10px; background: #e62329; }
.popqbox { text-align: right; }
.popqbox #mo { display: none; }
.popqbox img#wh { width: 16px; height: 16px; }
.popqbox2 { padding-right: 5px; }
.location { padding: 5px 0; }
.leftside { float: left; width: 67%; }
.rightside { float: left; margin-left: 0.5%; width: 32.5%; }
.touslesjours { float: left; width: 100%; margin-bottom: 8px; }
.touslesjours .jour { font-weight: bold; color: #00008b; }
.touslesjours .desc { float: left; width: 66%; padding-right: 1%; text-align: justify; }
.touslesjours .pic { float: right; width: 32.5%; margin-left: 0.5%; text-align: center; }
.touslesjours .pic img { float: left; width: 320px; height: auto; border: 1px solid #ccc; padding: 5px; }
.prixtab { border-collapse: collapse; margin: 10px 0 20px 0; clear: both; }
.prixtab td { padding: 3px; border: 1px solid #000; text-align: center; }
.obtprix2 { display: none; }
.resvbtn { width: 32%; border: 1px solid #e62329; margin: 10px auto auto auto; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.resvbtn a { display: block; width: 96%; text-align: center; background: #e62329; color: #fff; padding: 5px; font-weight: 600; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.resvbtn a:hover { color: #fff; text-decoration: none; }
.ex li { padding: 5px 0; }
.ex li:last-child { color: #0000b8; font-style: italic }
.sidenavtitle { display: block; background: #4b9be2; font-size: 16px; height: 30px; line-height: 30px; margin: 0; padding-left: 1%; color: #fff; }
.ulstyle { float: left; width: 98.5%; border-left: 1px solid #4b9be2; border-right: 1px solid #4b9be2; border-bottom: 1px solid #4b9be2; padding: 0 0 0 1%; margin-bottom: 5px; }
.ulstyle li { float: left; width: 44%; background: url(/images/button/spot-blue.gif) no-repeat left; padding: 5px 0px 5px 15px; }
.ulstyle li.sp { width: 100%; }
.ulstyle2 { border-left: 1px solid #4b9be2; border-right: 1px solid #4b9be2; border-bottom: 1px solid #4b9be2; padding: 0 0 0 1%; margin-bottom: 5px; }
.ulstyle2 li { background: url(/images/button/spot-blue.gif) no-repeat left; padding: 10px 0px 10px 15px; }
.ulstyle3 { border: 1px solid #e62329; padding: 0 0 0 1%; margin-bottom: 5px; }
.ulstyle3 li { background: url(/images/button/spot-blue.gif) no-repeat left; padding: 10px 0px 10px 15px; }
.ulstyle3 li:first-child { width: 97.5%; background: none; font-size: 16px; font-weight: bold; color: #4b9be2; border-bottom: 5px solid #ccc; padding-left: 5px; }
.promotiondesc { width: 98%; padding: 1%; margin: auto auto 10px auto; border: 1px dotted #e62329; }
.guidetitle { background: url(/image/web/button/title_icon.jpg) left bottom no-repeat; clear: both; color: #e62329; font-size: 15px; font-weight: 600; padding-top: 15px; padding-left: 22px; border-bottom: 1px solid #e62329; }
.guideimglst li { float: left; width: 48%; text-align: center; margin: 1%; }
.guideimglst li img { float: left; width: 98%; height: 240px; border: 1px solid #ccc; padding: 5px; }
.surmesure { clear: both; width: 98%; height: 120px; background: url(/image/web/button/sur-mesure.jpg) no-repeat 10px; margin: 30px auto 20px auto; border: 4px double #e62329; }
.surmesure a { color: #e62329; }
.surmesure p { padding-left: 175px; font-weight: bold; }
.circuits li { padding: 8px 0; }
.circuits a, .circuits .code { font-weight: 600; }
.circuits .prix { color: #f00; }
.circuits .dest { display: block; }
.circuits2 li { padding: 5px 0; }
.circuits2 .desc { float: left; display: block; width: 88%; padding: 5px 0; }
.circuits2 .prix { float: left; display: block; width: 12%; color: #f00; padding: 5px 0; }
.attractions { text-align: center; }
.attractions a { display: block; }
.attractions li { float: left; margin: 11px; width: 30%; }
.attractions li img { float: left; width: 200px; height: 150px; border: 1px solid #ccc; padding: 5px; }
.infolist li { padding: 2px; }
.infolist2 li {float:left;width:48%;padding: 2px;} 
.voyages { width: 100%; }
.voyages .photo { float: left; width: 35%; margin: 0; padding: 0; }
.voyages img { width: 240px; height: 180px; }
.voyages ul { float: left; width: 64%; margin-left: 1%; }
.voyages ul li { padding: 8px 10px 8px 0; }
.voyages ul li:first-child { padding-top: 0; }
.voyages .title a { color: #f00; }
.voyages .title h2 {margin:0;}
.voyages .circuit { clear: both; width: 100%; }
.voyages .circuit a { float: left; display: block; width: 70%; }
.voyages .code { float: left; display: block; width: 10.5%; padding-right: 0.5%; font-style: italic; }
.voyages .prix { float: left; display: block; font-style: italic; color: #f00; }
.voyage { clear: both; width: 99%; margin-left: 1%; }
.voyage strong { display: block; }
.voyage .img { float: left; width: 37%; }
.voyage .img img { width: 240px; height: 180px; border: 1px solid #ccc; padding: 5px; }
.voyage ul { float: left; width: 63%; margin-top: 5px; }
.voyage li { padding: 5px; }
.voyage .prix { font-size: 16px; font-weight: 600; color: #fff; background: #4b9be2; padding: 5px; }
.imgtxt { display: block; position: absolute; font-size: 16px; font-weight: 600; width: 240px; z-index: 100; background: rgba(0, 0, 0, 0.5); background: #000\9; /*background: #4b9be2\9;*/ filter: alpha(opacity=75)\9; color: #fff; padding: 5px 0; text-align: center; }
.imgtxt2 { display: block; position: absolute; font-size: 16px; font-weight: 600; width: 320px; z-index: 100; background: rgba(0, 0, 0, 0.5); background: #000\9; /*background: #4b9be2\9;*/ filter: alpha(opacity=75)\9; color: #fff; padding: 5px 0; text-align: center; }
.datatab { width: 100%; border: 1px solid #000; border-collapse: collapse; }
.datatab th { border: 1px solid #000; padding: 5px; background: #e9e9e9; }
.datatab td { text-align: left; border: 1px solid #000; padding: 5px; }
.guidelst { padding: 5px; margin: 0; border: 1px dotted #4b9ee2; clear: both; }
.guidelst legend { padding: 5px; margin: 5px; font-weight: bold; background: #4b9be2; color: #fff; }
.guidelst dl { clear: both; }
.guidelst dt { float: left; font-weight: bold; padding: 5px 0; }
.guidelst dt a { color: #000; }
.guidelst dd { float: left; padding: 5px 0; margin: auto 12px; }
.guidelst dd.plus { background: url(/image/web/button/plus.gif) no-repeat left center; padding-left: 16px; float: right; }
.basictxt{padding-right: 10px}
/*flash*/
.number, .number_current { padding: 2px 7px; border-left: #ccc 1px solid; text-decoration: none; color: #fff; font-size: 12px; background: #666; }
.number_current { background: #e62329; }
#flashwrapper { overflow: hidden; text-overflow: clip; border-top: 1px solid #fff; }
#pic { border: 0; filter: revealTrans(Duration=2.0, Transition=23); }
#num_nav { filter: alpha(style=1, opacity=10, finishOpacity=80); background: #ccc; text-align: right; /*top: -22px;
	position: relative;*/ height: 20px; padding: 0; margin: 0; border: 0; }
/*flash*/
/*--search box--*/
.searchbox { border: 1px solid #e62329; background: #fff; margin: 5px 0; }
#searchboxfrm { margin: 0; padding: 0; }
.searchbox span { display: block; height: 28px; line-height: 28px; font-weight: 600; background: #e62329 url(/images/button/fdj.gif) no-repeat left 50%; color: #fff; padding-left: 40px; }
.searchbox label { display: block; font-weight: 600; padding: 5px 10px; }
.searchbox ul { margin: 0; padding: 0 0 0 5px; }
.searchbox li { float: left; width: 100px; padding: 2px 0; }
#plusdest { float: left; width: 150px; }
#plusdest a { color: #f00; }
/*--search box--*/
/*how to booking 2*/
.howtobook2 { border-left: 1px solid #e62329; border-right: 1px solid #e62329; border-bottom: 1px solid #e62329; }
.howtobook2 li { padding: 1px 5px; }
.howtobook2 span { font-size: 18px; font-weight: 600; color: #f00; }
.howtobook2 li.title { display: block; font-weight: bold; color: #fff; padding: 10px 2px; text-align: center; background: #e62329; }
.howtobook2 li.arrow { background: url(/image/web/button/red-arrow.png) no-repeat center center; height: 20px; }
/*how to booking 2*/
/*question box 2*/
#questionbox2 * { padding: 3px 2px; text-align: left; }
#questionbox2 { border: 1px solid #e62329; }
#questionbox2 select { border: none; border-bottom: 1px solid #e62329; }
#questionbox2 label { float: left; display: block; width: 32%; }
#questionbox2 span { display: block; clear: both; }
#questionbox2 strong { display: block; text-align: center; background: #e62329; color: #fff; padding: 8px; }
#questionbox2 .tbemail { width: 95%; border: 1px solid #ccc; }
#questionbox2 .tbpax { width: 22px; border: none; border-bottom: 1px solid #e62329; }
#questionbox2 .tbbudget { width: 45px; border: none; border-bottom: 1px solid #e62329; }
#questionbox2 .txtbox { float: left; width: 60%; border: 1px solid #ccc; margin-right: 5px; }
#questionbox2 .textarea { width: 95%; height: 100px; border: 1px solid #ccc; }
/*question box 2*/
/*demandeprix*/
.demandeprix { padding: 3px; text-align: left; border: 1px solid #e62329; }
.demandeprix strong { display: block; border: none; text-align: center; color: #fff; padding: 5px 0; background: #e62329; }
.demandeprix .lab { float: left; width: 180px; }
.demandeprix .btn { background: #e62329; color: #fff; font-weight: 600; padding: 5px 10px; }
/*demandeprix*/
/*voyagesurmesure*/
.surm { display: block; padding: 10px 0 0 5px; color: #4b9be2; font-size: 16px; }
.surmitem { float: left; width: 18.5%; font-weight: 600; text-align: right; padding-right: 1%; }
.ctlst input, .voyagetype input { float: left; width: 20px; height: 20px; }
.ctlst label, .voyagetype label { float: left; }
.ctlst td, .voyagetype td { float: left; width: 24.5%; vertical-align: middle; }
.morect { width: 98%; height: 100px; }
.tbox { width: 345px; }
.tbox1 { width: 338px; }
.tbox2 { width: 286px; }
.tbox3 { width: 172px; }
.drpbox { width: 345px; }
.drpbox1 { width: 112px; }
.drpbox2 { width: 145px; }
.drpbox3 { width: 60.5px; }
.srbtn { background: #e62329; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 20px; }
#vcode { width: 42px; }
/*voyagesurmesure*/
.guidelft{float:left; width:49%; margin-right:2%;}
.guiderit{float:right; width:49%;}
.guideblock .photo{text-align:center}
.guideblock .photo img{border:1px solid #ccc;padding:2%}
.guideblock .title{color:#f00;font-weight:600;padding:1%; text-align:center}
.guideblock .txt{text-align:justify}