﻿
/* CSS Document */
#bread { width: 100%; color: #fff; position: absolute; top: 0; left: 0; font-size: 0.875em; }
.themePic { position: relative; }
#bread a { font-size: 1em; color: #fff; }
.textshadow #bread { -webkit-text-shadow: 2px 2px 2px #333; -moz-text-shadow: 2px 2px 2px #333; text-shadow: 2px 2px 2px #333; }
#bread a:hover { text-decoration: underline; }
.themePic img { display: block; margin: 0 auto; }
h3 { font-size: 1.25em; color: #1b1b1b; font-weight: normal; margin: 1em 0 0.3em; }
.contentBox li { margin-bottom: 1em; padding-left: 1.5em; background: url(../image/squareli.png) no-repeat 0 10px; }
.contentBox li div.y { margin: 0 0 0 1em; position: relative; }
.contentBox li div.y span { display: block; width: 27px; height: 43px; background: url(../image/imgTag.png); left:0; top:0; position:absolute; color: #FFF; font-size:1.25em; font-weight: bold; text-align: center; line-height: 30px; }
.opactionBg { background: rgba(0,0,0,0.5) none repeat scroll 0 0 !important; filter: Alpha(opacity=50); background: #000; width: 100%; bottom: 0; position: absolute; padding:1em 0; }
.opactionBg h1 { color: #fff; font-size:1.75em; position: relative; text-align:left; }
.content>div.clearfix { margin-top: 1.5em; }
.content img.fr { margin-left: 1em; margin-bottom: 1em;}
.ie6 .content img.fr{ width:320px;}
.destop{ font-size:1em; margin-top:2em;}

/*ourteam*/
.ourteam{ background:url(../image/myanmar-2048.jpg) no-repeat; background-attachment:fixed; position:relative; background-size:cover; padding:2em 0 5.5em;}
.ourteam .aboutusdes h3{ color:#fff;}
.ourteam h1{ text-align:center; color:#fff;-webkit-text-shadow:3px 3px 3px #333; -moz-text-shadow:3px 3px 3px #333; text-shadow:3px 3px 3px #333; margin-bottom:1em;}
.ourteam li{ float:left; width:32%; margin-right:2%; background-color:#fff; overflow:hidden; margin-bottom:2em; max-width: 375px;}
.ourteam li.nrm{ margin-right:0;}
.ourteam li .topimg{ position:relative;*zoom:1;}
.ourteam li .topimg img{ display:block;}
.ourteam li .topimg p{ width:100%; position:absolute; bottom:0; left:0;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#000; padding:0.4em 1.5em; font-size:1.0625em; color:#fff;_width:95%; _padding:0.4em 2.4%;}
.ourteam li .topimg p span{ font-size:1.4117em;}
.ourteam li .bottomtext{ padding:1.5em;}
.ourteam li .bottomtext p{ margin-bottom:1em;}
.ourteam li .bottomtext img{ vertical-align:middle; margin-right:1em;}
.ourteam li .bottomtext p a{ text-decoration:underline;}

/*aboutus*/
.whyus h3{ font-size:2.5em; text-align:center; margin-top:1em;}
.whyus .themePic{ position:relative;}
.whyus .themePic .textcontent{ position:absolute; height:100%; width:100%; top:0;left:0; color:#fff;}
.whyus .themePic p{ margin-bottom:1em;font-size:1.25em; text-align:center; line-height:1.5em;}
.whyus .themePic h1{ -moz-text-shadow:3px 3px 3px #333;-webkit-text-shadow:3px 3px 3px #333; text-shadow:3px 3px 3px #333; margin-bottom:1em; color:#fff; padding-top:2em;text-align:center;}
.comintro p{ text-align:center;}
.aboutvideoandlise div{ width:48%;}
.aboutvideoandlise{ margin:2em 0;}
.fengesolid{ margin-bottom:2em;}
.fengesolid h3{ color:#000; background-color:transparent; display:inline-block; padding:0 4px; vertical-align:middle; margin:0;}
.fengesolid span{ display:inline-block;border-top:1px solid #000; vertical-align:middle;}
.whitesolid h3{ color:#fff;}
.whitesolid span{ border-color:#fff;}
.meetourteam{ background:url(../image/intaboutus1.jpg) no-repeat center center; background-size:cover; padding-top:2.5em;}
.meetourteam li p{ text-align:center;}
.meetourteam li.nrm{ margin-right:0;}
.meetourteam li img{ display:block;}
.meetourteam ul{ text-align:center;}
.meetourteam li{ display:inline-block; *display:inline;*zoom:1; width:32%; max-width:370px; margin-right:2%;background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#fff; vertical-align:top;}
.meetourteam li .topimg{ position:relative;}
.meetourteam li .topimg img{ display:block;}
.meetourteam li .topimg p{ width:100%; position:absolute; bottom:0; left:0;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#000; font-size:1.0625em; color:#fff;}
.meetourteam li .topimg p span{ font-size:1.4117em;}
.meetourteam li .bottomtext{ padding:1.5em;}
.meetourteam li .bottomtext p{ margin-bottom:1em;}
.meetourteam li .bottomtext img{ vertical-align:middle; margin-right:1em;}
.meetourteam li .bottomtext p a{ text-decoration:underline;}
.meetourteam .textcenter{ padding:1em 0; text-align:center;}
/*--people say--*/
.peoplesay{ margin:1em 0 3em;}
.peoplesay li{ width:32%; margin-right:2%; float:left; margin-bottom:1em;}
.peoplesay li.nrm{ margin-right:0;}
.peoplesay li p{ line-height:1.6em;}
.peoplesay li p.innsm{  color: #858383;font-size: 0.75em; line-height:1.6em; margin-top:1em;}


/*right*/
.muti-pagelist{ margin-bottom:2em;}
.muti-pagelist h4{ border-top:3px solid #da251d; font-size:1.125em; color:#000; background-color:#d5dcec;  padding: 0.5em 0 0.5em 1.2em;}
.muti-pagelist li a{ display:block; color:#000; padding:0.6em 1.5em; margin-top:1px; background-color:#d5dcec}
.muti-pagelist li a span{ display:block; float:right; color:#fff;}
.muti-pagelist li a:hover{ color:#da251d; background-color:#fff;}
.muti-pagelist li a:hover span{color:#da251d; }
.desquickForm{padding: 0.75em 1.75em 1.75em; background-color:#fde29d;}
.desquickForm h4{ color:#000; font-size:1.5em;}
.desquickForm p.replay{ color:#939393;}
.bookformul li{ margin:0.4em 0 0; float:left; width:50%;}
.bookformul li.choseli{ margin-top:0;}
.bookformul li.fullwidth{ width:100%;}
.bookformul li label{ text-align:left;padding:0.5em 0; font-size:0.8125em; display:block;}
.bookformul li.choseli .chosediv label{ display:inline-block; width:31%;}
.bookformul li.choseli .chosediv input{ display:inline-block; width:auto;  width: 17px;height: 17px;margin-right: 5px;vertical-align: middle;}
.bookformul li .redstar{ color:#f00;margin-right: 0.5em;}
.bookformul li select{ padding:0.5em; background-color:#fff; border:none;-webkit-box-shadow: 2px 2px 4px #ccc; -moz-box-shadow: 2px 2px 4px #ccc;box-shadow: 2px 2px 4px #ccc; width:100%;font-size:0.8125em;}
.bookformul li .peoplenum{width:84%;}
.bookformul li input{ width:94%; padding:0.5em 3%; font-size:0.8125em; color:#000;}
.bookformul li textarea{ width:94%; padding:3%; height:200px; color:#939393; background-color:#fff; font-size:0.8125em;}
#traveldate{ background:#fff url(../image/traveldate.gif) 90% center no-repeat;width:84%;}
.bookformul li.lisubmit{ text-align:center; margin: 2em 0 1em;}
#itiFormSubmit{ font-size:1.125em; padding:0.45em 1.6em;}

.desright .searchform{ text-align:left; padding:1.75em; background-color:#fff;}
.desright .searchform label{ display:inline-block; width:30%; padding:0.5em 0;}
.desright .searchform label input{ width:15px; height:15px; margin-right: 5px;}
.desright .searchform p{ font-size:1.125em; color:#000; font-weight:bold;}
.desright .searchform select{ width:100%; padding:0.45em 0; margin:0.5em 0 1.5em; border:1px solid #ccc;}
.boxshadow .desright .searchform select{ border:none; box-shadow:1px 1px 3px #999;}
.desright .searchform .hycommonBtn{ outline:none; border:none; font-size:1em; padding:0.35em 1.5em; cursor:pointer;}

@media screen and (max-width:860px){
.smallwidth{ width:100%;}
}
@media screen and (max-width:800px) {
.aboutus .contactTEXT h1{ font-size:1.75em;}
.peoplesay .tripadviser{ width:90%; float:none; margin:auto; margin-bottom:2em;}
.peoplesay .tripadvisertext{ width:90%; float:none; margin:0 auto 2em;}

}

@media screen and (max-width:640px) {
	.peoplesay .y .sayinner{ width:90%; float:none; margin:0 auto 2em;border-top: 1px dashed #ccc;padding-top: 1em;}
}

@media screen and (max-width:480px) {
	
	.whyus .themePic .textcontent{ position:static; color:#1d1d1d;}
.whyus .themePic h1,.whyus h3{ font-size:1.25em;}
.whyus .themePic p{ font-size:0.875em;}
.aboutvideoandlise div,.meetourteam li,.meetourteam li.nrm,.peoplesay .tripadviser,.peoplesay .tripadvisertext,.peoplesay li,.peoplesay li.nrm{ width:95%; float:none !important; margin:0 auto 2em;}
}
