@charset "utf-8";
@font-face {
	font-family:chagaan;
	src: url("mchagaan.woff") format("woff"),
		url('mchagaan.ttf') format("truetype");
}

#mbox {
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;

	-ms-transform-origin:right top;
	-ms-transform:translate(-100%, 0px) rotate(270deg);
	-moz-transform-origin: right top;
	-moz-transform:translate(-100%, 0px) rotate(270deg);
	-o-transform-orign:right top;
	-o-transform: translate(-100%, 0px) rotate(270deg);
	-webkit-transform-origin: right top;
	-webkit-transform: translate(-100%, 0px) rotate(270deg);
}

#mbox * {
	unicode-bidi: bidi-override;
	direction: rtl;
	word-break:keep-all; 
	letter-spacing:-0.015em;
	font-family:chagaan;
}

#mbox .vimg {
	-ms-transform-origin:left top;
	-ms-transform:translate(100%, 0px) rotate(90deg) translate(0px, 0px);
	-moz-transform-origin: left top;
	-moz-transform:translate(100%, 0px) rotate(90deg) translate(0px, 0px);
	-o-transform-orign:left top;
	-o-transform: translate(100%, 0px) rotate(90deg) translate(0px, 0px);
	-webkit-transform-origin: left top;
	-webkit-transform: translate(100%, 0px) rotate(90deg) translate(0px, 0px);
}
#mbox .vvideo{
	-ms-transform-origin:left top;
	-ms-transform:translate(100%, 0px) rotate(90deg) translate(0px, -28px);
	-moz-transform-origin: left top;
	-moz-transform:translate(100%, 0px) rotate(90deg) translate(-250px, 0px);
	-o-transform-orign:left top;
	-o-transform: translate(100%, 0px) rotate(90deg) translate(0px, -28px);
	-webkit-transform-origin: left top;
	-webkit-transform: translate(100%, 0px) rotate(90deg) translate(-250px, 0px);
}

.vot {
	-ms-transform-origin:left top;
	-ms-transform:translate(100%, 0px) rotate(90deg) translate(0px, -28px);
	-moz-transform-origin: left top;
	-moz-transform:translate(100%, 0px) rotate(90deg) translate(0px, -28px);
	-o-transform-orign:left top;
	-o-transform: translate(100%, 0px) rotate(90deg) translate(0px, -28px);
	-webkit-transform-origin: left top;
	-webkit-transform: translate(100%, 0px) rotate(90deg) translate(0px, -28px);
}

.wappic img{
    -webkit-transform: translate(100%, 0px) rotate(90deg) translate(0px, 0px);
    -webkit-transform-origin: left top;
    -ms-transform-origin:left top;
    -ms-transform:translate(100%, 0px) rotate(90deg) translate(0px, 0px);
    -moz-transform-origin: left top;
    -moz-transform:translate(100%, 0px) rotate(90deg) translate(0px, 0px);
    -o-transform-orign:left top;
    -o-transform: translate(100%, 0px) rotate(90deg) translate(0px, 0px);
}


/*     */
.mfont span{
	display: block;
	-ms-transform-origin: right top;
	-ms-transform: translate(-100%, 0px) rotate(270deg);
	-moz-transform-origin: right top;
	-moz-transform: translate(-100%, 0px) rotate(270deg);
	-o-transform-orign: right top;
	-o-transform: translate(-100%, 0px) rotate(270deg);
	-webkit-transform-origin: right top;
	-webkit-transform: translate(-100%, 0px) rotate(270deg);
	unicode-bidi: bidi-override;
	direction: rtl;
	word-break: keep-all;
	letter-spacing: -0.015em;
	font-family: chagaan;
	}
	
	
/*content css
#hbox {
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}

#hbox * {
	unicode-bidi: bidi-override;
	direction: rtl;
	word-break:keep-all; 
	letter-spacing:-0.015em;
	font-family:chagaan;
}

#hbox img,#hbox iframe,#hbox object{
	-ms-transform-origin:left top;
	-ms-transform:translate(100%, 0px) rotate(90deg) translate(0px, 0px);
	-moz-transform-origin: left top;
	-moz-transform:translate(100%, 0px) rotate(90deg) translate(0px, 0px);
	-o-transform-orign:left top;
	-o-transform: translate(100%, 0px) rotate(90deg) translate(0px, 0px);
	-webkit-transform-origin: left top;
	-webkit-transform: translate(100%, 0px) rotate(90deg) translate(0px, 0px);
}*/