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;
	
	

}
* {
  touch-action: none;
}

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

.-localization {
	pointer-events:none;
}

.rtlroot {
	transform: scaleX(-1);
}
.rtlroot .-localization {
	transform: scaleX(-1) !important;
	transform-origin: 50% 50% !important;
}

.rtlroot .-text {
	transform: scaleX(-1) !important;
	transform-origin: 50% 50% !important;
}

.rtlroot .-image {
	transform: scaleX(-1) !important;
	transform-origin: 50% 50% !important;
}

.rtlroot [style*="text-align:left"] {
	text-align: right !important;
}
.rtlroot [style*="text-align: left"] {
	text-align: right !important;
}

.rtlroot [style*="text-align:right"] {
	text-align: left !important;
}
.rtlroot [style*="text-align: right"] {
	text-align: left !important;
}

.rtlroot img:not([src*="arrow"]) {
	transform: scaleX(-1) !important;
}
.rtlroot [data-image-src] {
	transform: scaleX(-1) !important;
}
.rtlroot [data-localized-image-src] {
	transform: scaleX(-1) !important;
}

div[style*="visibility:hidden"] div {
	background-image: none !important;
}
div[style*="visibility: hidden"] div {
	background-image: none !important;
}


.select {
	width: 100%;
	height: 100%;
}

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

}

.rotated {
	transform: rotate(-90deg);
}

.rtlroot img.rotated {
	transform: scaleX(-1) rotate(90deg) !important;
}
/*.rtlroot img[style*="rotate(-90deg)"] {
	transform: scaleX(-1) rotate(-90deg) !important;
}
.rtlroot img[style*="rotate(180deg)"] {
	transform: scaleX(-1) rotate(180deg) !important;
}
*/


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;
	line-height:100%;
}

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

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

@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);
}


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

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

}

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

.kia-signature-regular {
	font-family:kia-signature-regular;

}

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

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

}
