/* box */
.ub
{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
}

.ub-rev
{
	-webkit-box-direction:reverse;
	box-direction:reverse;
}

.ub-fh
{
	width:100%;
}

.ub-fv
{
	height:100%;
}

.ub-con
{
	position:absolute;
	width:100%;
	height:100%;
}

.ub-ac
{
	-webkit-box-align:left;
	box-align:center;
}
.ub-ae
{
	-webkit-box-align:end;
	box-align:end;
}

.ub-pc
{
	-webkit-box-pack:center;
	box-pack:center;
}
.ub-pe
{
	-webkit-box-pack:end;
	box-pack:end;
}
.ub-pj
{
	-webkit-box-pack:justify;
	box-pack:justify;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;
}

.ub-f1
{
	position:relative;
	-webkit-box-flex: 1; 
	box-flex: 1;
}

.ub-f2
{
	position:relative;
	-webkit-box-flex: 2;
	box-flex: 2; 
}

.ub-f3
{
	position:relative;
	-webkit-box-flex: 3;
	box-flex: 3;
}

.ub-f4
{
	position:relative;
	-webkit-box-flex: 4;
	box-flex: 4;
}

.ub-img
{
	-webkit-background-size:contain;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.ub-img1
{	
	-webkit-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img2
{
	background-repeat:repeat-x;
	background-size:auto 100%
}
.ub-img3
{
	background-repeat:repeat-y;
	background-size:100% auto
}

.ub-img4
{
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
}
.ub-img5
{
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}

.ub-img6
{
	background-repeat:no-repeat;
	background-position:center;
}

/* tab */
.tab2
{
	height:3em;padding:0.2em 0.1em
}

input[type="radio"]:checked + div.tab-act
{
	background-color:rgba(255,255,255,0.1) !important;
	border-radius:0.3em;
	border: 0px;
	background-image: none;
}

 

/* @media */
@media all
{
	html
	{
		font-size:16px;
	}
}
@media all and (min-width:140px) and (min-height:220px)
{
	html
	{
		font-size:9px;
	}
}

@media all and (min-width: 220px) and  (min-height: 140px){
	html {
		font-size: 9px;
	}
}
@media all and (min-width:210px) and (min-height:280px),(min-width:280px) and (min-height:210px),(min-width:280px) and (min-height:280px)
{
	html
	{
		font-size:14px;
	}
}

@media all and (min-width:300px) and (min-height:460px),(min-width:460px) and (min-height:300px)
{
	html
	{
		font-size:16px;
	}
}

@media all and (min-width:340px) and (min-height:620px),(min-width:620px) and (min-height:340px)
{
	html
	{
		font-size:20px;
	}
}

@media all and (min-width:420px) and (min-height:760px) and (max-height:900px),
			   (min-width:760px) and (max-width:900px) and (min-height:420px)
{
	html
	{
		font-size:24px;
	}
}
@media all and (min-width:500px) and (min-height:900px) ,(min-width:900px) and (min-height:500px)
{
	html
	{
		font-size:28px;
	}
}
@media all and (min-width:1000px) and (min-height:740px),(min-width:740px) and (min-height:1000px)
{
	html
	{
		font-size:20px;
	}
}

@media all and (min-width:1200px) and (min-height:600px),(min-width:600px) and (min-height:1200px)
{
	html
	{
		font-size:32px;
	}
}

@media all and (device-width:1024px) ,(device-width:768px)
{
	html
	{
		font-size:20px;
	}
}

@media all and (device-width:960px) and (device-height:640px),(device-width:640px) and (device-height:960px)
{
	html
	{
		font-size:32px;
	}
}

@media all and (device-width:480px) and (min-device-height:800px) and (max-device-height:900px),
			   (min-device-width:800px) and (max-device-width:900px) and (device-height:480px)
{
	html
	{
		font-size:24px;
	}
}

@media all and (device-width:360px) and (device-height:640px),(device-width:640px) and (device-height:360px)
{
	html
	{
		font-size:20px;
	}
}

@media all and (device-width:320px) and (device-height:480px),(device-width:480px) and (device-height:320px)
{
	html
	{
		font-size:16px;
	}
}

@media all and (device-width:240px) and (device-height:320px),(device-width:320px) and (device-height:240px),(device-width:320px) and (device-height:320px)
{
	html
	{
		font-size:14px;
	}
} 

/* btn */
.uh .btn-l,.uf .btn-l {
	position: absolute;
	left: 10px;
	top: .55em
}

.uh .btn-r,.uf .btn-r {
	position: absolute;
	right: 10px;
	top: .55em
}


.uh .btn,.uf .btn{
	display: inline-block;
	font-size: .8125em;
	margin: 0
}

.btn
{
	font-size: 0.8em;
	text-align:center;
}

.btn-act
{
	box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
}

.btn-act1
{
	opacity:0.4
}

.btn-a
{
	background-image:url('../images/app-btn-l.png'),url('../images/app-btn-c.png'),url('../images/app-btn-r.png');
	background-repeat:no-repeat,repeat,no-repeat;
	-webkit-background-clip: padding-box,content-box,padding-box;
	background-clip: padding-box,content-box,padding-box;
	-webkit-background-size:1.2em 100%,auto 100%,0.5em 100%;
	background-size:1.2em 100%,auto 100%,0.5em 100%;
	background-position:left,center,right;
	padding:0 0.5em 0 1.2em;
	min-height:2.2em;
}

.btn-n
{
	background-image:url('../images/app-rbt-l.png'),url('../images/app-btn-c.png'),url('../images/app-btn-r.png');
	background-repeat:no-repeat,repeat,no-repeat;
	-webkit-background-clip: padding-box,content-box,padding-box;
	background-clip: padding-box,content-box,padding-box;
	-webkit-background-size:0.4em 100%,auto 100%,0.4em 100%;
	background-size:0.4em 100%,auto 100%,0.4em 100%;
	background-position:left,center,right;
	padding:0 0.4em;
	min-height:2.2em;
}

/* iphone */
.ui-bar-iphone {
	border-bottom: 1px solid rgba(0,0,0,0.9);
	border-top: 1px solid rgba(255,255,255,0.5);
	background: #6f85a3;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000;
}

.ui-btn-iphone
{
	border:1px solid rgba(0,0,0,0);
	
}
.ui-btn-iphone .ui-btn-inner
{
	padding-top:0.6em !important;
}

.ui-btn-iphone:hover,.ui-btn-iphone:focus
{
	opacity:1;
	-webkit-animation-name: btn_bg; 
  	-webkit-animation-duration: .6s; 
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-timing-function: ease-in;	
}

.ui-btn-iphone:active
{
	opacity:1;
	-webkit-animation-name: btn_bg_act; 
  	-webkit-animation-duration: .6s; 
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-timing-function: ease-in;	
}

.ui-btn-apple-al
{
	padding:0px 0em 0px 1.2em;
	background-image:url('res-apple/app-btn-l.png');
	background-repeat:no-repeat;
	-webkit-background-size:1.2em 100%;
	background-size:1.2em 100%
}

.ui-btn-apple-ar
{
	padding:0px 0.5em 0px 0em;
	background-image:url('res-apple/app-btn-r.png');
	background-repeat:no-repeat;
	-webkit-background-size:0.5em 100%;
	background-size:0.5em 100%;
	background-position:right;
}

.ui-btn-apple-ac
{
	background-image:url('res-apple/app-btn-c.png');
	background-repeat:repeat;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
}

.ui-btn-apple-nl
{
	padding:0px 0em 0px 0.4em;
	background-image:url('res-apple/app-rbt-l.png');
	background-repeat:no-repeat;
	-webkit-background-size:0.4em 100%;
	background-size:0.4em 100%
}

.ui-btn-apple-nr
{
	padding:0px 0.4em 0px 0em;
	background-image:url('res-apple/app-bnt-r.png');
	background-repeat:no-repeat;
	-webkit-background-size:0.4em 100%;
	background-size:0.4em 100%;
	background-position:right;
}
.ui-btn-apple-nc
{
	background-image:url('res-apple/app-bnt-c.png');
	background-repeat:repeat;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
}

.ui-nav-iphone
{
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ui-nav-iphone .ui-btn 
{
	margin:0.2em !important;
}
.ui-nav-iphone .ui-btn-active
{
	background-color:rgba(255,255,255,0.25) !important;
	border-radius:0.6em;
	border: 0px;
	background-image: none;
}


.ui-nav-iphone .ui-btn .ui-btn-inner {
padding-top: 2.6em !important;
padding-bottom: 0.2em !important;
}


.ui-nav-iphone .ui-btn .ui-icon {
width: 2.6em!important;
height: 2.6em!important;
margin-left: -1.3em !important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
-webkit-border-radius: none !important;
border-radius: none !important;
}

.ui-nav-iphone .ui-btn-text
{
	font-size:0.8em
}

.ui-nav-iphone input[type="radio"]:checked + label
{
	background-color:rgba(255,255,255,0.25) !important;
	border-radius:0.6em;
	border: 0px;
	background-image: none;
}

input[type="radio"] + label>span.ui-pic-info{
	background: url(res-apple/info.png) 50% 50% no-repeat;
}

input[type="radio"]:checked + label>span.ui-pic-info{
	background: url(res-apple/info-act.png) 50% 50% no-repeat;
}

input[type="radio"] + label>span.ui-pic-menu{
	background: url(res-apple/menu.png) 50% 50% no-repeat;
}

input[type="radio"]:checked + label>span.ui-pic-menu{
	background: url(res-apple/menu-act.png) 50% 50% no-repeat;
}

input[type="radio"] + label>span.ui-pic-home{
	background: url(res-apple/home.png) 50% 50% no-repeat;
}

input[type="radio"]:checked + label>span.ui-pic-home{
	background: url(res-apple/home-act.png) 50% 50% no-repeat;
}

input[type="radio"] + label>span.ui-pic-set{
	background: url(res-apple/set.png) 50% 50% no-repeat;
}

input[type="radio"]:checked + label>span.ui-pic-set{
	background: url(res-apple/set-act.png) 50% 50% no-repeat;
}

input[type="radio"] + label>span.ui-pic-shop{
	background: url(res-apple/shop.png) 50% 50% no-repeat;
}

input[type="radio"]:checked + label>span.ui-pic-shop{
	background: url(res-apple/shop-act.png) 50% 50% no-repeat;
}

input[type="radio"] + label>span.ui-pic-talk{
	background: url(res-apple/talk.png) 50% 50% no-repeat;
}

input[type="radio"]:checked + label>span.ui-pic-talk{
	background: url(res-apple/talk-act.png) 50% 50% no-repeat;
}

.ui-nav-iphone span.ui-icon {
-webkit-background-size: 2.6em 2.6em;
background-size: 2.6em 2.6em;
}



.ui-btn-iphone-c .ui-btn-inner 
{
	padding: .65em 0.13em .65em 0.0em
}