img svg  {
	position: absolute;
	left:0px;
	top:0px;
}

* {
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Disable selection/copy in UIWebView */
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left:0px;
	top:0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-drag: none;
	-webkit-text-size-adjust: 100%;
	/*-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 10000;*/
}

span {
	position: initial;
	white-space: pre-wrap;
	font-family:kia-medium;
	color:#fff;

}
button {
	position: initial;
	font-family:kia-medium;
	color:#fff;
}

body {
	background:  transparent;
	overflow: hidden !important;

	width: 100%;
	height: 100% !important;	

	margin:0px;
	-webkit-overflow-scrolling : touch !important;
	
	

}


.center {
	position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.-localization {
	pointer-events:none;
}



iframe {
	background:  transparent;
	/*overflow: hidden;*/
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;
	border:none;

}

div {
	white-space: nowrap;
	display:inline;

}

div {
	background-size: contain;
}


svg, svg * {
	-webkit-transform: none;
}

.main {
	position: absolute;
	height: auto;
	max-width:100%;
	min-height:100%;
	max-height:100%;
	 top: 50%;
	 left: 50%;
	 margin-right: -50%;
	-webkit-transform: translate(-50%, -50%)
}

.cropCenterFullScreen {
    position: absolute;
    height: 100%;

    min-height:100%;
    max-height:100%;
     top: 50%;
     left: 50%;
     margin-right: -50%;
    transform: translate(-50%, -50%)

}

.fullscreen {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100vw;height: 100vh;

}


.guided {
	position: absolute;
	left:0px;
	top:0px;
}

.default-image-pressed {
	opacity: .75; -webkit-filter: grayscale(30%);
}

#debugView {
	color : white;
	position: absolute;
	left: 0px;
	top: 100px;

	width : 100%;
	height : auto;
	margin : 0;
	z-index : 100000;
	pointer-events:none;
}

@font-face {
	font-family:kia-medium;
	src:url('Font/KIA_Medium.subset.ttf')
}

.kia-medium {
	font-family:kia-medium;

}

@font-face {
	font-family:kia-light;
	src:url('Font/KIA_Light.subset.ttf') format('truetype'); 
}


.kia-light {
	font-family:kia-light;
}

@font-face {
	font-family:kia-bold;
	src:url('Font/KIA_Bold.subset.ttf') format('truetype');
}

.kia-bold {
	font-family:kia-bold;
}


@font-face {
	font-family: TanseekModernProArabicRegular;
	src:url('Font/TanseekModernProArabic.otf')
}
.TanseekModernProArabicRegular {
	font-family: TanseekModernProArabicRegular;
}

@font-face {
	font-family: TanseekModernProArabicBold;
	src:url('Font/TanseekModernProArabic-Bold.otf')
}
.TanseekModernProArabicBold {
	font-family: TanseekModernProArabicBold;
}

@font-face {
	font-family: TanseekModernProArabicLight;
	src:url('Font/TanseekModernProArabic-Lt.otf')
}
.TanseekModernProArabicLight {
	font-family: TanseekModernProArabic_Light;
}

@font-face {
	font-family: Microsoft-JhengHei-bold;
	src:url('Font/Microsoft-JhengHei-Bold.subset.ttf')  format('truetype');
}
.Microsoft-JhengHei-bold {
	font-family: Microsoft-JhengHei-bold;
}

@font-face {
	font-family: Microsoft-JhengHei-regular;
	src:url('Font/Microsoft-JhengHei.subset.ttf')  format('truetype');
}
.Microsoft-JhengHei-regular {
	font-family: Microsoft-JhengHei-regular;
}

@font-face {
	font-family: FZLanTingHei-B-GBK;
	src:url('Font/FZLanTingHei-B-GBK.subset.ttf')  format('truetype');
}
.FZLanTingHei-B-GBK {
	font-family: FZLanTingHei-B-GBK;
}

@font-face {
	font-family: FZLanTingHei-R-GBK;
	src:url('Font/FZLanTingHei-R-GBK.subset.ttf')  format('truetype');
}
.FZLanTingHei-R-GBK {
	font-family: FZLanTingHei-R-GBK;
}


.normal-text {
	white-space: normal;
	line-height:100%;
	color:#ffffff;
}

.normal-text-desc {
	white-space: normal;
	line-height:120%;
	color:#ffffff;
}

.anim3dParent {
	-webkit-perspective: 300px;
	perspective: 300px;

}

.anim3d {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: transform 0.5s;
}


.shadow1 {
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
}

.Italic , .italic {
	font-style: italic;
}

.shadowTitleA {
text-shadow: 0px 0px 1px rgba(0,0,0, 0.15), 1px 1px 2px rgba(0,0,0, 0.55);
}

.shadowTitleB {
	text-shadow: 0px 0px 2px rgba(0,0,0, 0.25), 3px 3px 3px rgba(0,0,0, 0.30);

}
.shadowTitleC {
	text-shadow: 0px 0px 1px rgba(0,0,0, 0.15), 1px 1px 2px rgba(0,0,0, 0.75);
}


.shadowSubTitle {
	text-shadow: 0px 0px 1px rgba(0,0,0, 0.15), 1px 1px 2px rgba(0,0,0, 0.65);
}

.shadowSubDesc {
	text-shadow: 0px 0px 1px rgba(0,0,0, 0.1), 1px 1px 1px rgba(0,0,0, 0.9);
}

.outline1 {
	text-shadow: 0px 0px 1px rgba(0,0,0, 0.5);
}

.glow1 {
	text-shadow: 0px 0px 8px rgba(255,255,255, 1);
}