@charset "utf-8";
/* CSS Document */

body, html{
margin:0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background:url(../images/bg-cloud-2.jpg);
width:1024px;
font-family: 'Roboto', sans-serif;
font-size:15px;
line-height:30px;
}

.mainMenu{
	margin-top:50px;
	float:left; width:33.3%; text-align:center; height:550px; z-index:0;
}

.Jpdesti{
margin-top:3px; background-color:rgba(255,255,255,0.2); height:50px; padding-top:20px; padding-left:0px; font-size:1.2em; background-image:url(images/map-pin.png); background-repeat: no-repeat;
border-radius:9px;
}
.Jpdesti:hover{ background-color: rgba(0,0,0,0.10);}

.mainDesti{
	margin-top: 50px;
	background: url(../images/IMG_2492.jpg);
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	clear: both;
	height: 400px;
	z-index:-1;
}
.mainTrans{
	margin-top:50px;
	background: url(../images/transBkg.png);
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	clear: both;
	height:548px;
}

.mainAccess{
	margin-top:50px;
	background:url(../images/world-map.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	float:left;
	height:744px;
}
.visaApp{
	margin-top:50px;
	background:url(../images/IMG_2492.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	float:left;
	height:560px;
}
.hotel{
	background:url(../images/myanmar-map-1.png);
	margin-top:5px;
	background: ;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	float:left;
	height:560px;
}
.lifeStyle{
	margin-top:5px;
	background: url(../images/uPeinBridgeMyanmar.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	float:left;
	height:560px;
}

#wrapper {
  display:table;
  width:1024px;
}
#row {
  display:table-row;
}
#first {
  display:table-cell;
  background-color:red;
  width:341.3px;
  text-align:center;
}
#second {
  display:table-cell;
  background-color:blue;
  width:341.3px;
}
#third {
  display:table-cell;
  background-color:#bada55;
  width:341.3px;
}



.transbox{
	width:20%;
  margin: 20px;
  background-color: rgba(0,0,0,0.3);  
}

.transbox p {
  margin: 5%;
color: #FFFFFF;
}
.transbox a{
	color:rgba(154,0,2,1.00);
		
}
.transbox a:hover{
	color: rgba(255,126,0,1.00);	
}
.transbox h2{  margin: 5%;
  font-weight: bold;
  font-size:1.05em;
  text-align:center;
  text-overflow:ellipsis;}

#primary_nav_wrap
{
	margin:0 auto;
	text-align:center;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin:0 auto;
	padding:0;
}

#primary_nav_wrap ul a
{
	display:block;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	line-height:32px;
	padding:0 15px;
}

#primary_nav_wrap ul li
{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
}



#primary_nav_wrap ul li:hover
{
	background: rgba(163,247,0,0.87);
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: rgba(118,118,118,0.82);
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 0px;
	text-align:left;
	padding-left:5px;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}



a {
color:#8A0000;
text-decoration:none;
font-size:1em;
font-weight:bold;
cursor:pointer;

}
a:hover{
color:rgba(3,65,131,1.00);	
}
.mainContent {
	font-size: 1em;
	max-width: 1024px;
	height: auto;
	box-sizing: border-box;
	margin-top: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1px;
	height: auto;
}
.mainBkg {
	height: auto;
	max-width: 1024px;
	margin:0 auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.visaMain { width: 98%; height:70px; margin: 0 auto;} 
.visaType, .visaFee, .visaRequire, .visaNotice, .visaApply { font-weight:bold; text-align:center; line-height:70px; width: 18%; height:70px; background-color:#FFFFFF; float: left; margin-left:1%; margin-right:1%;	border-radius:5px; border:1px solid #000000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; box-sizing:border-box;}
.visaType:hover, .visaFee:hover, .visaRequire:hover, .visaNotice:hover, .visaApply:hover{border:1px solid #00B0EC; background-color:#CDCDCD;}


header {
	color: #FFFFFF;
	background-color: rgba(211,211,211,0.79);
	text-align: center;
	font-weight: bold;
	width: 100%;
	}


 p{ padding:5px; margin:0 auto;}
 
 h1{
 font-size:1.5em;
 padding:0px;
 margin:0;
 text-align:center;}
 
  h2{
 font-size:1.1em;
 margin:0;}
 

.mainDestiChild1 {
	text-align:left;
	color:#FFFFFF;
	float:left;
	padding:5px;
	width:auto;
	height:auto;
	background: rgba(0,0,0,0.50);
	margin-left:20px;
	margin-top:85px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	z-index:1;

}
.mainDestiChild1 li {
	font-size:1.2em;
	padding-top:4px;
	padding-bottom:4px;	
}
.mainDestiChild1 a:hover li{
	text-align:right;
	font-size:1.2em;
	color: rgba(53,17,15,1.00);
	background-color: rgba(255,255,255,0.85);	
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:10px;
}
.mainDestiChild2 {
	margin-top:10px;
	padding:5px;
	float:right;
	color:rgba(0,0,0,0.82);
	width:50%;
	text-align: inherit;
}
.mainDestiChild3{color:#FFFFFF;float:right;margin-top:390px; z-index:2;}




.mainEvent{
	position:relative;
	width:33%;
	display:block;
	margin:0 auto;
	float:left;
	background-color: rgba(168,168,168,0.81);
	height:200px;
	overflow:hidden;

}
.mainPlan{
	position:relative;
	width:33%;
	display:block;
	margin:0 auto;
	float:left;
	  background:#C04700; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #C04700, #FFFFFF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #C04700, #FFFFFF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #C04700, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #C04700, #FFFFFF); /* Standard syntax */
	height:200px;
	overflow:hidden;
	
}
#contentDiv{width:70%; height:auto; background-color:#FFFFFF; margin:0 auto; float:left;}
.sidebar{width:30%; background-color: rgba(180,180,180,0.70); margin:0 auto; float:right;}
.one{ display:inline-block; position:static; margin:0 auto; background-color:rgba(221,0,0,0.50); width:100%; float:left;}

.two{
	display: inline-block;
	position: static;
	margin: 0 auto;
	background-color: rgba(221,220,0,0.24);	
	width: 100%;
	float: left;
	color: rgba(0,0,0,1.00);
}
.accessImg{float:left;}
.accessImg img{ border-collapse:collapse;
	border:1px solid #a6abc5;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;}
.accesscontent{float:left;
	}


h3{font-size:1.1em; margin:auto; color:rgba(81,81,81,1.00);}
.accesscontent p{font-size:14px; padding:1px; margin:0 auto;}

#submenu {
	text-align: right;
	font-size: 0.9em;
	background-color: rgba(0,0,0,0.32);
	color: rgba(255,255,255,1.00);
}

.access {
	background-color: rgba(208,208,208,0.68);
	padding: 1px;
	width: 30%;
	float: left;
	border: 5px solid #FFFFFF;
	border-collapse:collapse;
	box-sizing:border-box;
}
.destiMap {
	background-color: rgba(255,255,255,0.59);
	color: rgba(0,0,0,1.00);
	width: 70%;
	float: right;
	padding:1px;
	border-collapse:collapse;
	box-sizing:border-box;
	
}

.destiMap img{ border-collapse:collapse;
	border:1px solid #a6abc5;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;}
.clear {
	float: none;
	clear: both;
	display: none;
}
.desti {
	width: 65%;
	display: block;
	margin-top: 1px;
	margin-right:10px;
	position: relative;
	top: 20px;
	float:right;
	text-align:right;
}
.destiCity {
	
}
.destiCity img { border:2px solid rgba(255,255,255,1.00);}







@media only screen and (min-width:50px) and (max-width:800px)
{
.access {width:auto;border-collapse:collapse; float:none; margin:0 auto; padding:0 0 0 0 ;}

.access img{ border-collapse:collapse; border-radius:3px; border:3px solid rgba(155,155,155,1.00);}

.access.one.two.three.four.five{width:50%; float:left; padding-left:200px;}



nav {
	position:static;
	padding:10px 0px 10px 0px;
	background-color: rgba(208,208,208,1.00);
	
}


}