@font-face {
    font-family: 'kanitregular';
    src: url('../font/kanitregular/kanit-regular.woff2') format('woff2'),
         url('../font/kanitregular/kanit-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanitlight';
    src: url('../font/kanitlight/kanit-light.woff2') format('woff2'),
         url('../font/kanitlight/kanit-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'zawgyi-one';
  src: url('../font/zawgyi/zawgyi-one.eot') format('embedded-opentype'),
	   url('../font/zawgyi/zawgyi-one.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

a {
	transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -webkit-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out; 
}
.register {
	max-width:1000px;
	height:auto;
	/*padding: 15px;*/
	box-sizing:border-box;
	/*border:1px solid #ccc;*/
}
.register .bg {
	border-bottom:1px solid #13a156;
}
.register h1 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;

}
.register h2 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;
}
.register p {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
}
.register p.intro{
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:40px 0 0 0;
}
.register p.notop{
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:0;
}
.register p.intro-success{
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:20px 0;
}
.register p.intro-green{
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;
	margin:5px 0 20px;
}
.register p span{
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:10px 0;
	float:left;
}
.register ul,
.register ul li{
	float:left;
	width:100%;
}
.register ul.right-side {
	float:right;
	width:90%;
	padding:0 0 20px 0;
}
.register ul.right-side-login {
	float:right;
	width:90%;
	margin:22px 0 0 0;
}
.register ul li {
	padding:5px 0;
	margin:15px 0 0 0;
	position:relative;
}
.register ul li.no-form{
	margin:10px 0 0 0;
}
.register ul li .txtbox {
	border:none;
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	width:80%;
	height:30px;
}
.register p.detail {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
}
.register a {
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
}
.register a:hover {
	color:#252525;
	text-decoration:none;
}
.register a.fb {
	color:#FFFFFF;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 30px;
	background:#0c4da2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	width:250px;
	height:40px;
	text-align:center;
	padding:4px 0;
}
.register a.fb:hover {
	color:#ECDBAB;
	text-decoration:none;
}
.register a.forgot {
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	display:inline-block;
	margin:10px 0 0 0;
}
.register a.forgot:hover {
	color:#252525;
}
.register a.fb img {
	margin:-3px 5px 0 0;
}
.register .code {
	width:30%;
	float:left;
}
.register .text-wrap {
	width:70%;
	height:40px;
	float:left;
}
.register .text-wrap .txtbox {
	margin:8px 0 0 0;
}
.register .alt-checkbox {
	float:left;
}
.register label {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	font-weight:normal;
	margin:-5px 0 0 0;
	float:left;
}
.register input[type="radio"], 
.register input[type="checkbox"] {
	margin:2px 0 0 10px;
}
.register .btn-register {
	width:180px;
	height:40px;
	float:left;
	color:#FFFFFF;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	text-align:center;
	font-weight:bold;
	background:#13a156;
	border:none;
	margin:0 20px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.register .btn-register:hover{
	color:#252525;
	transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -webkit-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out; 
}
.register .check-wrap {
	float:left;
	margin:10px 20px;
}
.register .terms-wrapper {
	width:100%;
	height:490px;
	overflow-y:scroll;
	float:left;
	margin:20px 0;
}
.register .terms-wrapper p {
	width:95%;
	margin:10px 0;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	float:left;
}
.register .terms-wrapper ul {
	float:left;
	margin:0 0 0 30px;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	color:#636363;
	width:90%;
}
.register .terms-wrapper ul li {
	background:url(../images/icon-privacy.png) no-repeat left 7px;
	padding:0 0 0 20px;
}
.register .download-wrapper {
	width:100%;
}
.register .download-wrapper img{
	float:left;
}
.register .download-wrapper .download {
	float:left;
	width:70%;
}
.register .download-wrapper .download p{
	font-size:32px;
	line-height:32px;
	color:#464646;
	 font-family: 'db_helvethaica_x_regular';
	margin:20px 0 10px 15px;
}
.register .download-wrapper .download p {
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	color:#464646;
	margin:20px 0 0 15px;
}
.register .download-wrapper .download p span{
	 font-family: 'db_helvethaica_x_regular';
	 font-weight: bold;
}
.register .download-wrapper .download a.app-store {
	width:129px;
	height:43px;
	background:url(../images/icon-appstore.png) no-repeat top left;
	display:block;
	float:left;
	margin:0 10px 0 15px;
	text-indent:-99999px;
	
	transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out; 
}
.register .download-wrapper .download a.google-play{
	width:126px;
	height:43px;
	background:url(../images/icon-googleplay.png) no-repeat top left;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-indent:-99999px;
	
	transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out; 
}
.register .download-wrapper .download a:hover {
	opacity:0.8;
}

.change-country h1 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;
}
.change-country p {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
.change-country ul {
	margin:20px 0;
	padding:0;
	float:left;
}
.change-country ul li{
	width:100%;
	float:left;
	padding:0;
	margin:0 0 8px 15px;
}
.change-country ul li input[type="radio"] {
	float:left;
	margin:7px 5px 0 0;
	cursor:pointer;
}
.change-country ul li label {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
.change-country ul li label.active,
.change-country ul li label:hover {
	color:#13a156;
	float:left;
}