@charset "utf-8";
* { margin: 0; padding: 0; }
* html body { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
body { color: #1d1d1d; text-align: center; font-size: 100%; font-family: Calibri, Helvetica, Arial, sans-serif; }
input, select { font-size: 1.2em; vertical-align: middle; }
p { font-size: 1.0625em; line-height: 1.5em; }
body div { text-align: left; }
textarea, input { padding: 0.1em 0.3em; font-family: Calibri, Helvetica, Arial, sans-serif; }
input[type=text], textarea { -webkit-transition: box-shadow 0.30s ease-in-out; -moz-transition: box-shadow 0.30s ease-in-out; -ms-transition: box-shadow 0.30s ease-in-out; -o-transition: box-shadow 0.30s ease-in-out; outline: none; border: 1px solid #ddd; font-size: 0.9375em; }
input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); }
img { border: 0 none; outline: none; max-width: 100%; }
a {  color: #0252ad; text-decoration: none; outline: none; star:expression(this.onFocus=this.blur());
cursor: pointer; font-family: Calibri, Helvetica, Arial, sans-serif; }
a:hover { color: #be140d; }
ul li { list-style-type: none; }
h1, h2, h3, h4 { font-family: 'Calibri', Helvetica, Arial, sans-serif; color: #1d1d1d; font-weight: normal; }
h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #1d1d1d; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.3125em; }
h3 { font-size: 1.1875em; }
h4 { font-size: 0.9375em; }
h5 { font-size: 0.9375em; }
h6 { font-size: 0.8125em; }
/* -------------------------------------说明通用----------------------------------------------- */
/*  默认p为15px，默认a为12px;   */
/* ------------------------------------通用属性定义---------------------------------------- */
.Arial { font-family: Arial, Helvetica, sans-serif; }
.z, .fl { float: left; }
.y, .fr { float: right; }
.absolute { position: absolute; }
.relative { position: relative; }
.hide { display: none; }
.show { display: block; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom:1;
}
.borderRadius { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(../pie.html); }
/* ----------------------------- INT COMMON STYLE ----------------------------------------------- */
.wordwidth { width: 1170px; margin: auto; }
.smallwidth { width: 860px; margin: auto; }
.bigpicinner { height: 560px; background-size: cover; background-position: 0 0; margin: auto; width: 100%\9; background-repeat: no-repeat; }
.bigpicbgtop630 { height: 630px; }
.bigpictext { color: #fff; }
.textcenter p { text-align: center; }
.textleft p { text-align: left; }
.textright p { text-align: right; }
.bigpictext .bigpictextnomarl { font-size: 1.875em; line-height: 1.2em; }
.bigpictext .bigpictexttitle { font-size: 2.6785em; margin-bottom: 0.5em; -webkit-text-shadow: 3px 3px 3px #333; -moz-text-shadow: 3px 3px 3px #333; text-shadow: 3px 3px 3px #333; position: relative; behavior: url(../pie.html); }
.bigpictext .bigpicbtnp { font-size: 1em; margin-top: 2em; }
.bigpictext .bigpicCommonBtn { padding: 0.65em 0.8em 0.65em 1.3em; font-size: 1.3125em; color: #fff; border: 1px solid #fff; display: inline-block; background-image: url(../png/redjiantou.png); background-position: 10px center; background-repeat: no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(../pie.html); white-space: nowrap; overflow: hidden; max-width: 320px; }
.bigpictext .bigpicCommonBtn:hover { color: #fff; background-color: #be140d; background-image: url(../png/whitejiantou.png); }
.intcommonBtn { padding: 0.35em 1.2em; color: #fff; background-color: #be140d; }
.intcommonBtn:hover { color: #fff; background-color: #9c0b05; }
#header, #main, #footer { min-width: 280px; }
/* -----------------------------  HEADER STYLE  ------------------------------------------------- */
.smallshow { width:50px; height:30px;background:url(../png/mobile-menu.png) no-repeat center center; cursor:pointer;display:inline-block; *display:inline;*zoom:1; vertical-align:middle;}
.smalldivheader{ display: none; padding:0.5em 0;}
.smalldivheader a{ font-size: 1.375em; color: #be140d;display:inline-block; *display:inline;*zoom:1; vertical-align:middle; height:30px; line-height:30px;}
#header .menua { display: block; font-size: 1.125em; padding: 0.7em 1em; color: #323232; }
#header .menua.menuenda { margin-right: 0; }
#header .menua.menfria { margin-left: 0; }
#header .menua.contactusmenu { background-color: #f39c12; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(../pie.html); }
#header .menu { bottom: 0; right: 0; }
#header { margin: 0.8em 0 0; background-color: #fff; width: 100%; }
#header .menu li { position: relative; float: left; }
#fixedheader { display: none; position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; padding: 0.5em 0; -webkit-box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; z-index: 9999; relative;
behavior: url(../pie.html); }
.headfixedp { margin-left: 10em; font-size: 1em; color: #717171; line-height: 40px; }
#header .menudlxiala { position: absolute; background-color: #333333; z-index: 999; width: 10em; display: none; padding: 0.75em 1em; }
#header .menudlxiala a { color: #fff; padding: 0.5em 1em; font-size: 0.9375em; display: block; border: 1px solid transparent; }
#header .menudlxiala a:hover { text-decoration: underline; }
#header .menudlxiala dd.fullwidth { width: 100%; }
#header .menudlxiala dd.halfwidth { width: 50%; }
#header .doublexiala { width: 300px; left: -70px; }
#header .doublexiala dd { width: 50%; float: left; }
#header .tgexiala { width: 475px; left: -115px; }
#header .tgexiala .dd1 { width: 45%; float: left; }
#header .tgexiala .dd2 { width: 55%; float: left; }
#header .tgexiala a.search { background: #be140d url(../png/search.png) no-repeat 8px center; display: inline-block; padding: 0.3em 0.8em 0.3em 1.8em; font-size: 1.1176em; }
#header .tgexiala .searchp { margin: 2em 0 0 1em; }
/*new header menu*/
#header .wordwidth.relative{ margin-bottom:0.8em;}
#header .menubar{ background-color:#343434; width:100%; left:0; top:0; position:static; z-index:9999}
#header .menubar li{ float:left; width:11%;}
#header li.menuli1{ width:7%;}
#header li.menuli2{ width:16%;}
#header li.menuli3{ width:13%;}
#header li.menuli4{ width:11%;}
#header li.menuli5{ width:10%;}
#header li.menuli6{ width:8%;}
#header li.menuli7{ width:11%;}
#header li.menuli8{ width:11%;}
#header li.menuli9{ width:13%; background-color:#f39c12;}
#header .menubar li a{ display:block;   padding: 1em 0em 1em 1.5em; color:#fff; font-size:1em;}
#header li.menuli2 a{ padding-left:1em;}
#header .menubar li a:hover,#header li.hovercur a{ background-color:#4e4e4e;}
#header .menubar li.menuli9 a:hover{background-color:#f1ab3c;}
#header .menubar b{ display:block; font-size:1em;}
#header .menubar li.menuli1 a{ text-align:center; padding:1em 0;}
#header .menubar li a span{ font-size:0.9375em;}
#header .menubar b.homepic{ width:16px; height:18px; background:url(../png/homepic.png) no-repeat center center; margin:0 auto;}
#header .img img{ margin:1em 0 0 5em;}
#header .y p{ text-align:right; font-size:1em;}
#header .y .abtn a{ display:inline-block;*display:inline;*zoom:1; margin:0 0 0 1em; background-color:#f39c12; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;  padding: 0.1em 0.5em; font-weight:bold;font-size: 0.9375em;}
#header .y .abtn a:hover{ background-color:#f1ab3c;}
#header .y p.emailpa{ margin-top:0.5em;}
#header .y p.emailpa a:hover{ text-decoration:underline; color:#0252ad;}
#header li.drowdown{ position: relative;}
#header li.drowdown dl.drowdownmain{ position: absolute;; width:310px; z-index: 10000; background-color: #4e4e4e; display: none;}
#header li.drowdown dl.indotour{left:500px;}
#header li.drowdown dl.indotour a{color:#dbdbdb;}
#header li.drowdown dl.indotour a:hover{color:white !important;}
#header li.drowdown dl.drowdownmain a{ padding:.8em 1em;    border-top: 1px solid #353535;border-bottom: 1px solid #5b5b5b;}
#header li.drowdown dl.drowdownmain a:hover{color:#dedede;}
#header li.drowdown.hovercur dl.drowdownmain{ display: block;; }
.bread span.pipe {margin: 0 5px;}
/* -----------------------------  FOOTER STYLE  ------------------------------------------------- */
.footertop { padding-top: 1.25em; border: 1px solid #e4e4e4; }
.footertopul { text-align: center; }
.footertopul li { display: inline-block;*display:inline;*zoom:1; margin: 0 1.25em; border: 1px solid #c1c1c1; padding: 0.5em; vertical-align: top; margin-bottom: 2em; }
.footertopul li.followus { border: none; position: relative; top: -1em; margin-bottom: 0; }
.footertopul li span.bigspan { display: inline-block;*display:inline;*zoom:1; width: 92px; height: 50px; background: url(../png/bottom.png) no-repeat 0 0; vertical-align: middle; }
.footertopul li b { display: inline-block;*display:inline;*zoom:1; vertical-align: middle; margin-left: 0.6em; text-align: left; font-size: 0.875em; font-weight: normal; }
.footertopul li span.asat { background-position: left top; }
.footertopul li span.cata { background-position: left -51px; }
.footertopul li a span { display: inline-block;*display:inline;*zoom:1; background: url(../png/footericon.png) no-repeat 0 0; width: 32px; height: 32px; margin-right: 2em; }
.footertopul li a span.facebooficon { background-position: 0 0; }
.footertopul li a span.googleplusicon { background-position: -32px 0; }
.footertopul li a span.tripadvisericon { background-position: left bottom; width: 162px; }
.footertopul li.followus p { margin-bottom: 0.5em; color: #010101; font-size: 1.125em; }
.footermain, .footerbot { background-color: #272727; color: #fff; padding: 0.9375em 0; }
.footermainul li { display: inline-block;*display:inline;*zoom:1; width: 24%; max-width: 320px; vertical-align: top; }
.footermainul li dt { font-size: 1.5em; color: #fff; height: 1.5em; }
.footermainul li dd { height: 2.2em; line-height: 2.2em; }
.footermainul li dd a { font-size: 1.0625em; color: #fff; }
.footermainul li dd a:hover { text-decoration: underline; }
.footerbot { color: #b6b6b6; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #1e1e1e; margin-bottom: 3px; }
.footerbot a { color: #b6b6b6; display: inline-block;*display:inline;*zoom:1; margin-left: 4em; font-size: 0.9375em; }
.footerbot a:hover { color: #b6b6b6; }
.fullcolor{}
.footerlist li{ width:25%; float:left;}
.footerlist .borderdiv{ border-right: 1px solid #747477; border-left:1px solid #b5b5b7; padding:1em; text-align:center; height:340px; overflow:hidden;}
.footerlist .borderdiv .imgp{ height:132px; margin-bottom:15px;}
.footerlist .borderdiv h4{ margin:1.5em; font-weight:bold; font-size:1.25em;}

/*video*/
.playbutton { display: block; position: relative }
.playbutton:hover span { display: block; width: 11px; height: 16px; position: absolute; bottom: 10px; left: 17px; background: url(../playhover.html) no-repeat 0px 0px; }
.blackopacity { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; filter: Alpha(opacity=80); background: #000; display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }
.videohuaya { margin: 0 auto; text-align: center; position: relative; }
.videohuaya .closevideo { height: 33px; width:33px; background: url(../close.html) no-repeat 0px 0px; position: absolute; left:50%; top: -20px; cursor: pointer; }
.searchBlackBg { display: none; position: fixed; top: 50%; margin-top: -120px; left: 50%; margin-left: -200px; z-index: 10000; }
/*search form*/
.searchBlackBg .searchform { text-align: left; }
.searchBlackBg .searchtourform { display: inline-block; background-color: #eff2f4; position: relative; padding: 1.5em; padding-right:7em;}
.searchBlackBg .searchlabel { font-size: 1.3125em; color: #be140d; width: 120px; position:static; background-color:transparent; padding:0; }
.searchBlackBg .searchbutton { font-size: 1.3125em; padding: 0.5em 1em; color: #fff; background-color: #f39c12; border: none; outline: none; margin-left: 1em; cursor: pointer; position: absolute; right: 1em; bottom: 1.2em; }
.searchBlackBg .searchtourform .selectlabel { padding: 0.8em 2.2em 0.8em 0.8em; background: #fff url(../gif/select.gif) right center no-repeat; margin:1em 0 0 0; width: 225px; display: block; cursor: pointer; word-break: break-word; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.searchBlackBg .piperight { display: none; }
.searchBlackBg .searchtourform .formitem li, .searchBlackBg .searchtourform .searchDes 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; text-align: left; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.searchBlackBg .searchtourform .formitem li:hover, .searchBlackBg .searchtourform .searchDes li:hover { background-color: #be140d; color: #fff; }
.searchBlackBg .searchtourform .formitem, .searchBlackBg .searchtourform .searchDes { overflow-x: hidden; max-height: none; overflow-y: hidden; display: none; position: absolute; z-index: 10; top: 4em; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #000; border-right: 1px solid #000; border-radius: 3px; }
.searchBlackBg .searchtourform .searchDes li span { display: inline-block; vertical-align: middle; background: url(../png/checkbox.png) no-repeat top center; width: 13px; height: 13px; margin-right: 10px; }
.searchBlackBg .searchtourform .searchDes li.checked span { background-position: bottom center; }
.m-menu-list{
		display:none;
}
@media screen and (max-width:1599px) {
.bigpicinner { width: 100%; }
}

@media screen and (max-width:1169px) {
.wordwidth { width: 100%; }
#header .menubar li a{ padding:1em 0.25em; text-align: center; height:38px;}
#header .menubar li.menuli2 span{ display:none;}
}

@media screen and (max-width:980px) {
.videohuaya { width: 100% !important; }
.videohuaya .closevideo { right: 1% }
#header .menua { margin: 0; }
.headfixedp,#header .img img{ display: none; }

}
@media screen and (max-width:860px) {
	.footerlist li{ width:50%; margin-bottom:1.5em;}
.smallwidth{ width:100%;}
#header .menubar li.menuli9 span{ display:none;}
	
}
@media screen and (max-width:800px) {
.footermainul li { width: 49%; margin-bottom: 1em; }
.wordwidth { overflow: hidden; }
.footerbot .y { float: left; }
.footermain, .footerbot { padding: 1.5em; }
.footerbot .y .fa { margin-left: 0; }
#header .absolute { position: static; margin-top: 1em; }
.videohuaya .closevideo { right: 0% }
#header .menua { font-size: 1em; }
#header #fixedheader .z { float: left; }
#header #fixedheader .y { float: right; margin-top: 0; }
	.main,.head_right{
    padding: 10px !important;
    width: auto !important;
}
}

@media screen and (max-width:640px) {
.videohuaya .closevideo { right: -1% }
#header .menua { font-size: 0.9375em; padding: 0.6em; }
#header .z, #header .y { float: none; }
#header .y { margin-top:1em;}
#header .y p{ text-align:left;}
}

@media screen and (max-width:480px) {
	.toplistnew li{width: 30% !important;
    height: auto !important;
    line-height: 0 !important;}
	.footerlist li{ width:100%; margin-bottom:1.5em;}
	.footerlist .borderdiv{ height:auto;}
.footermainul { text-align: center; }
.footermainul li dt { height: auto; }
.footermainul li { width: 90%; margin: 0 auto 2em; text-align: center; }
.footerbot .z, .footerbot .y { float: none; text-align: center; }
.videohuaya .closevideo { right: -2%; }
#header { position: relative; z-index: 9999; }
#header a.z { display: none; }
#header .smalldivheader { display: block; }
#header .wordwidth { height:210px; padding: 0; display: none; overflow:visible;}
#header .menu { background-color: #272727; position: absolute; top: 0; bottom: auto; left: 0; right: auto; z-index: 999; margin-top: 0; }
#header .menu li { width: 100%; }
#header .menu li a { padding-left: 2em; color: #fff; }
#header .menu li a:hover { text-decoration: underline; }
#header .menu li a.current { background-color: transparent; }
#header .menudlxiala { position: static; width: 100%; display: none; }
#header .doublexiala, #header .tgexiala { width: 100% }
#header .doublexiala dd, #header .tgexiala .dd1, #header .tgexiala .dd2 { width: 100%; float: none; }
#header .menudlxiala a{ padding:0.2em 0 0.2em 2em;}
.searchBlackBg .searchtourform { padding-right:1.5em;}
.searchBlackBg .searchbutton { position:static; margin-left:0; margin-top:1em;}
#header .tgexiala .searchp{ margin:0.2em 0;}
.xbyx_rightside{ display:none !important;}
#header .menubar li{ width:33.333% !important; height:70px;}
	
	
			#header {
	        margin: initial;
		}
		.smalldivheader  .smallshow{
			    width: 60px;
    background-position: 0 2px;
    display: block;
    float: right;
    height: 100%;
    background: #da241c;
    margin-top: 0 !important;
    margin-right: 0;
    height: 56px;
		}
		.smallshow img{
			    width: 25px;
    height: 18px;
    margin: 19px 20px;
		display:block;
		}
		#header .smalldivheader{
    padding: initial;
	    box-shadow: 0 5px 4px -5px #000;
		}
	
	.mobliebox a.tv-phone {
    width: 30px;
    background-position: 5px 0;
	}
		.mobliebox a {
    display: inline-block;
    margin: 0 5px;
    height: 25px;
    vertical-align: middle;
    background: url(../png/indochinatour-header.png) no-repeat;
}
		.mobliebox a {
    margin-top: 15px !important;
}
		.mobliebox a.tv-mail span {
    display: block;
    width: 35px;
    height: 25px;
    background: url(../png/indochinatour-header.png) no-repeat -38px 0;
    margin-left: 10px;
}
		.mobliebox a.tv-mail {
    width: 40px;
    background: none;
    border-left: 1px solid #ccc;
}
.smalldivheader a.tv-logo {
    width: 160px;
    height: 40px;
    background: url(../png/indochinatour-mobile-logo2.png) no-repeat 0 0;
    margin: 5px 10px;
}
.smallshow img{
			display:block;
}
	#header .menubar{
			display:none;
	}
.m-menu-list{
		width:250px;
		background:#343434;
		height:100%;
		position:fixed;
		right:-250px;
		top:0;
		overflow:hidden;
		display:none;
		z-index: 9998;
	}
	
	.m-menu-list .m-list-one li,.m-menu-list .m-list-two li{
	
    border-bottom: 1px solid #343434;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    line-height: 15px;
    color: white;
    background: #343434;
    padding: 10px;
		
	}
	.m-menu-list .m-list-two{
		width:250px;
		height:100%;
		position:fixed;
		right:0;
		top:56px;
		webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
		display:none;
	}
	.m-list-num{
		width:250px;
		position:absolute;
		height: 100%;
      background: #343434;
		webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
		-webkit-transform:  translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform:  translate3d(250px,0,0);
    -o-transform:  translate3d(250px,0,0);
		z-index: 9999;
	}
	.m-list-on{
		-webkit-transform:  translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform:  translate3d(-250px,0,0);
    -o-transform:  translate3d(-250px,0,0);
	}

	 .toback{
		height:56px;
		font-size:1em;
		color:white;
		width:250px;
		line-height:56px;
		padding-left:15px;
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		border-bottom:1px solid #343434;
		-webkit-transform:  translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform:  translate3d(250px,0,0);
    -o-transform:  translate3d(250px,0,0);
	}
	.m-menu-list a{
		display:block;
		width:100%;
		height:100%;
		color:white !important;
	}
	.m-menu-list img{
		width: 15px;
   	   float: right;
    
	}
	.toback img{
	 width: 15px;
    float: left;
    margin: 20px 1px 0 0;
	}	
	
}
@media screen and (max-width:320px) {
	.smalldivheader a.tv-logo {
		width: 140px;
	}
}
.indotitle li{
		width:33%;
		display:inline-block;
		min-height: 105px;
	}
	.indotitle ul{
		list-style:square;
	}
	.indotitle li div.titbox{
		width:94%;
		float:left;
	}
	.indotitle li a{
		color:#0077fc;
		font-size:1.125em;
	
		display:block;
		width:98%;
		float:left;
	}
	.indotitle li span{
		display:block;float:left;
		width:5%;
		margin-right:1%;
		color:#1d1d1d !important;
	}
	.indotitle li em{
		color:#a7a7a7;
		font-size:1em;
	}
	.titleh3{
		font-size:1.2em !important;
		text-align:left !important;
		color:#be140d !important;
		font-weight:bold !important;
	}
.part{
    height: 1.8em;
  }