/* pre-set */

html { 
	min-height: 110%; 
	width:100%; overflow-x: hidden;
	/*-webkit-touch-callout:none;
    -webkit-user-select:none;*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    font-family: Arial, Helvetica, sans-serif;
}

body {  margin: 0; padding: 0; width:100%; overflow: hidden; }

a { text-decoration: none; }

p { color: #333; line-height: 1.4em; font-size: 0.9em; margin: 0; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.ui-body { width:100%; overflow-x: hidden; }

/* layouts */

h1 { margin:40px 20px 10px; padding-bottom:10px; border-bottom:1.5px solid #3585d2; display: block; position: relative; color: #555; font-size: 2em; line-height: 1em; }

h1 span.samsung { position: absolute; right:-5px; top:-25px; width:30%; max-width:90px; display: block; }

h1 span.samsung img { width:100%; height: auto; }

h1 span.xpress {font-style: italic; font-weight: bold;}

h1 span.x {font-size: 1.2em;}

.model { color: #7ea2cc; font-weight: bold; font-size: 1.2em; margin: 0 21px; text-align:right;}

.imgWrap { width:50%; margin: 40px auto; max-width: 300px; }

.imgWrap img { width:100%; height: auto; }

.copyright { font-size: .65em; color: #999; text-align: center; padding:25px 0 10px; }

.buttonWrap {  max-width: 300px; }

.button {
	display: block; 
	text-align: center; 
	cursor: pointer; 
	position: relative; 
	margin: .5em 0; 
	padding: 0; 
	-webkit-background-clip: padding;
	background-clip: padding-box; 
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	text-decoration: none;
	border:1px solid #0681b7; 
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 1px 1px #0681b7;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #339ee1), to( #1788d3));
	background-image: -webkit-linear-gradient( #339ee1, #1788d3);
	background-image: -moz-linear-gradient( #339ee1, #1788d3);
	background-image: -ms-linear-gradient( #339ee1, #1788d3);
	background-image: -o-linear-gradient( #339ee1, #1788d3);
	background-image: linear-gradient( #339ee1, #1788d3);

}

.button span {
	-webkit-border-radius: inherit;
	border-radius: inherit;
	font-size: 1.2em;
	padding: .6em 30px;
	min-width: .75em;
	display: block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	zoom: 1;
	font-weight: bold;
	border-top:1px solid rgba(255,255,255,.4);

}

.language_select { width:80%; margin: 20px auto 0; max-width: 300px; }

.selectLanguage { padding:10px; border-bottom:1px solid #ddd; }
.selectLanguage.on { border-bottom:none; }
.selectLanguage a { color: #666; font-weight: bold; background: url(../images/main_world.png) left no-repeat; padding-left: 25px; background-size: 18px; display: block; position: relative;  }
.selectLanguage a span { width:20px; height: 10px; display: block; position: absolute; background: url(../images/main_open.png) no-repeat; margin-top: -5px; background-size: 20px 10px; top:50%; right:0px; opacity: .8;  }
.selectLanguage a span.on { background: url(../images/main_close.png) no-repeat; background-size: 20px 10px; }  
.language_list { display: none;  width: 100%; padding:0 10px; margin-left: -10px;  background: #eee; box-shadow: inset 0px 2px 5px rgba(0,0,0,.3); }
.language_list .selector { margin: 0; padding: 0; } 
.language_list .selector li { display: block; width:50%; float:left; margin: 0; padding: 0; }
.language_list .selector li a { display: block; padding: 10px 10px 10px 20px; color: #333; border:1px solid #ccc; border-top:1px solid #fff;  border-left:1px solid #fff; text-shadow: 0 1px 2px rgba(255,255,255,1;); } 
.language_list .selector li.on a { color:#1788d3; font-weight: bold; }
.language_list .selector li:first-child a, .language_list .selector li:nth-child(2) a { border-top:none; }
/* Portrait */

@media (orientation: portrait) {
	
	
}

/* Landscape */

@media (orientation: landscape) {
	 body { 
  }
	
}

/* HD/retina */

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
	
	
}