@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-black {
		background-image: url('/common/images/icons-36-black.png');
		-moz-background-size:864px 18px;
		-o-background-size:864px 18px;
		-webkit-background-size:864px 18px;
		background-size:864px 18px;
	}
	.ui-icon-white {
		background-image: url('/common/images/icons-36-white.png');
		-moz-background-size:864px 18px;
		-o-background-size:864px 18px;
		-webkit-background-size:864px 18px;
		background-size:864px 18px;		
	}	
}

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
	position:relative;	
}

div {
	font-family:"Heiti TC";
}

#headerContainer .headerTC {
	margin:auto;
	width:254px; height:80px;
	background: 0px 15px url('/site/common/images/register/name-register-lang1.png') no-repeat;	
}
#headerContainer .headerSC {
	margin:auto;
	width:254px; height:80px;
	background: 0px 15px url('/site/common/images/register/name-register-lang2.png') no-repeat !important;	
}
#headerContainer .headerEN {
	margin:auto;
	width:488px; height:80px;
	background: 0px 22px url('/site/common/images/register/name-register-lang0.png') no-repeat !important;	
}

#socialWidgets .btn_login {
	display:none;
}
#socialWidgets .btn_signUp {
	display:none;
}


#theForm {
	background:#deddff;
	border:1px solid #A080F8;
}
#theForm #logo {
	float:left;
	width:113px;
	height:71px;
}
#theForm #header {
	margin:auto;
	height:45px;
	width:460px;
	margin-top:10px;
}
#theForm #formHeader {
	float:left;
	width:100%;

	margin-left:20px;
	margin-bottom:10px;

	font-size:18px;
	line-height:20px;
}

#theForm #langSelect {
	float:right;
	margin-top:5px;
	margin-right:5px;
	width:137px; height:33px;
	background:#E6E6FD;
	border:1px solid #A080F8;
}

#theForm #langSelect .lang {
	float:left;
	width:68px; height:33px;
	color: #A080F8;
	text-align:center;
	font-size:15px;
	line-height:20px;
	margin-top:6px;
}

#theForm #buttons {
	margin:auto;
	width:240px; height:60px;
}

#registerForm {
	margin:auto;
	width:90%;
}

.inputNoBorder,.inputNoBorder:focus {
    display: inline-block;
    width: 50%!important;
    height: 35px;
    font-size: 15px;
    line-height: 15px;
    border:none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    margin: 0!important;
    padding: 0!important;
}

.inputBox,.inputBox:focus {
    width: 100%!important;
    padding-left: 10px!important;
    height: 45px;
    font-size: 15px;
    line-height: 15px;
    background-color: transparent!important;
    margin: 0!important;
    outline: none;
    box-shadow: none;
}

label.error {
    float: right;
    display: inline-block;
    text-align: right;
    margin-top: -15px;
    margin-right:40px;
    color:red;
}

.password-meter {
	width: auto;
	margin-right:0px;
}

.password-meter-message {
	color:red;
}
.password-meter-message-pwd_weak,.password-meter-message-pwd_good, .password-meter-message-pwd_strong {
	margin-right:40px;
}

.labelBlk {
    float: left;
    display: inline-block;
    width: 90px;
    padding-top: 8px;	
}
.ui-controlgroup-label {
    float: left;
    display: inline-block;
    width: 50px!important;
    padding-top: 8px;
}

.email-exist {
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0!important;
    margin-top:-15px;
    margin-right:40px;    
}
.pwd2-same {
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0!important;
    margin-top:-15px;
    margin-right:40px;    
}
.TnC-accept {
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0!important;
    margin-right:40px;
}
.email-exist-message,.TnC-accept-message, .pwd2-same-message {
    text-align: right;
    font-weight: 700;
    color: red;
}

.familyRole {
    width: 180px!important;
}
.familyRole-select {
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0!important;
    margin-top:25px;
    margin-right:40px;   
}

.familyRole-select-message {
    text-align: right;
    font-weight: 700;
    color: red;
}
.ui-checkbox .ui-btn-corner-all {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 0 !important; 
  background-color: transparent;
}

.ui-checkbox .ui-btn-inner {
	border-top:0 !important;
	border-color: transparent;
}

.ui-checkbox .ui-btn-up-c, .ui-checkbox .ui-btn-hover-c, .ui-checkbox .ui-btn-down-c {
	background-image: none;
	border: 0;
	font-weight: normal;
}

.ui-checkbox .ui-icon {
	border:1px solid black;	
	background-color:#ffffff;
}

.ui-checkbox .ui-icon-shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-checkbox .ui-focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}


.ui-btn-up-c {
	border:1px inset #BFADFA;
	background:#E4E6FD;
}

::-webkit-input-placeholder { color:#000000; }
::-moz-placeholder { color:#000000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000000; } /* ie */
input:-moz-placeholder { color:#000000; }


#buttons .ui-btn-up-c, #buttons .ui-shadow, #buttons .ui-btn-hidden, #buttons .ui-btn-inner {
	margin:0px; padding:0px;
	border:none;
	background:transparent;
	box-shadow:none;
}

.customcheckbox_element {

}
.customcheckbox {
	float:left;
	margin-left:31px;
    background: url('/app_parentCafe/common/images/buttons/cus_checkbox.png') no-repeat -32px 0px;
    width:32px;
    height:31px;
    border:1px solid #898989;
    margin-right:10px;
    margin-top:-4px;
    display:block;
}
.checked {
    background-position:0px 0px;
}
* {
	outline:none;
	outline-offset:0px;
}

div.ui-input-has-clear {
	padding:0px;
}

.ui-body-c, .ui-overlay-c {
	border:none;
	background:transparent;
}

.ui-shadow-inset {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.ui-input-text.ui-focus {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.ui-dialog-contain {
	width: 900px !important; 
	max-width:900px;
	padding: 0;
	position: relative;
	top: -15px;
	background:#ffffff;
    font-family: "Heiti TC", PMingLiu, Simhei;
    font-size:12px;
    line-height:20px;
    color: #737373;	
}
.ui-body-a, .ui-overlay-a {
	background: rgb(204,241,244,0.5) !important;
}
#TnCContent {
	text-shadow:none;
	color:white;
	line-height:20px;
	word-spacing:2px;
}
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text {
}
.ui-popup-screen.in {
	opacity:0.8;
}