/** Generated by FG **/
@font-face {
	font-family: 'Conv_UTM HelvetIns_0';
	src: url('../fonts/UTM HelvetIns_0.eot');
	src: local('☺'), url('../fonts/UTM HelvetIns_0.woff') format('woff'), url('../fonts/UTM HelvetIns_0.ttf') format('truetype'), url('../fonts/UTM HelvetIns_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_UTM Habano';
	src: url('../fonts/UTM Habano.eot');
	src: local('☺'), url('../fonts/UTM Habano.woff') format('woff'), url('../fonts/UTM Habano.ttf') format('truetype'), url('../fonts/UTM Habano.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	font-family: 'Conv_UTM HelvetIns_0';
	margin: 0 auto;
}
.start {
	width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 1920px;
    margin: auto;
    outline: 0;
    display: inline-block;
    height: auto;
}
/*home*/
.wrap{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-width: 1920px;
    margin: auto;
}
.bg-form{
	margin: 0 auto;
	text-align: center;
}
.bg-form,
.bg-form input{
	color: #005611;
	font-family: 'Conv_UTM HelvetIns_0';
}
.bg-form input{
	border-radius: 10px 10px;
	background: rgba(255,255,255,.8);
}
.bg-form{
	position: relative;
}
.control-label, .form-control{
	display: inline-block;
}
.form-group{
	padding-bottom: 20px;
}
.control-label{

	padding-right: 15px;
	text-align: right;
}
p.btn,
p.btn a{
	position: relative;
	display: block;
}
.controls{
	width: 100%;
    bottom: 90px;
	position: absolute;
}
.controls a{
	display: inline-block;
	position: absolute;
}
.form-card{
	position: relative;
	background: transparent;
	margin: 0 auto;
}
.bx-wrapper .bx-viewport{
	box-shadow: 0 0;
	left: 0!important;
	background: transparent;
	-webkit-box-shadow: 0 0!important;
	-moz-box-shadow: 0 0;
	background: transparent!important;
	border:0!important;
}
.send button{
	border: 0;
}
.control{
	position: relative;
}
@media (max-width: 1920px){
	.start {
		height: 1080px;
		background: url(../images/pc/open-1920.jpg) no-repeat;
	}
	.wrap{
		height: 1080px;
		background: url(../images/pc/form1920.jpg) no-repeat;
	}
	.bg-form{
		background: url(../images/pc/bg-form1920.png) no-repeat;
	}
	.form-info{
		padding-right: 40px;
		max-width: 856px;
	}
	.bg-form input,
	.bg-form{
		font-size: 35px;
	}
	.bg-form{
		left: 150px;
		max-width: 756px;
		height: 687px;
		padding: 70px;
		top: 100px;
	}
	.bg-form p.title{
		padding: 0 50px 60px 50px;
		margin: 0;
	}
	.control-label{
		width: 145px;
	}
	.form-control{
		width: 400px;
		height: 46px;
		padding: 10px;
	}
	.form-group {
	    padding-bottom: 25px;
	}
	p.btn{
		top: 200px;
	}
	.btn a{
		background: url(../images/pc/continue1920.png) no-repeat;
		width: 170px;
		height: 84px;
		left: 300px;
	}
	/*chon thiep*/
	.card{
		background: url(../images/pc/frame-card1920.png) no-repeat;
		width: 1286px;
    	height: 658px;
		position: relative;
		top: 22%;
		left: 28%;
	}
	.prev a,
	.next a{
		width: 151px;
    	height: 92px;
	}
	.prev a{
		left: 145px;
		background: url(../images/pc/prev1680.png) no-repeat;
	}
	.next a{
		right: 145px;
		background: url(../images/pc/next1680.png) no-repeat;
	}
	.form-card{
	    width: 540px;
	    top: 25px;
	    left: -8px;
	    height: 599px;
	}
	.form-card ul li img{
		height: 599px;
	}
	#selectCard{
		background: url(../images/pc/select1680.png) no-repeat;
		width: 172px;
		height: 88px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: center;
	    position: relative;
	    top: 110px;
	    left: -60px;
	}
	.controls{
		bottom: 88px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/pc/thiep1920.png) no-repeat;
		width: 1164px;
    	height: 676px;
		position: relative;
		top: 21%;
		left: 28%;
		padding: 33px 44px;
		position: relative;
	}
	.write-card .thiep{
		width: 1082px;
		height: 604px;
	}
	.book textarea{
	    position: absolute;
	    right: 170px;
	    top: 70px;
	    width: 420px;
	    height: 520px;
	    background: transparent;
	    border: 0;
	    color: #fff;
	    line-height: 43px;
	    font-size: 33px;
	    font-family: 'Conv_UTM Habano';
	}
	.back a,.send button{
		width: 170px;
		height: 87px;
		cursor: pointer;
	}
	.back a{
		display: inline-block;
		position: absolute;
		left: 0;
		background: url(../images/back1920.png) no-repeat;
	}
	.send button{
		background: url(../images/send1920.png) no-repeat;
	}
	.control{
		top: 60px;
		position: relative;
	}
	.control .send{
		position: absolute;
		right: 81px;
	}
}
@media (max-width: 1680px){
	.start {
		max-height: 1050px;
		background: url(../images/pc/open-1680.jpg) no-repeat;
	}
	.wrap{
		max-height: 1050px;
		background: url(../images/pc/form1680.jpg) no-repeat;
	}
	.bg-form{
		background: url(../images/pc/bg-form1680.png) no-repeat;
	}
	.form-info{
		padding-right: 40px;
		max-width: 856px;
	}
	.bg-form input,
	.bg-form{
		font-size: 30px;
	}
	.bg-form{
		left: 165px;
		max-width: 608px;
		height: 581px;
		top: 160px;
	}
	.bg-form p.title{
		padding: 0 0 60px 50px;
		margin: 0;
	}
	.control-label{
		width: 125px;
	}
	.form-control{
		width: 350px;
		height: 36px;
		padding: 10px;
	}
	.form-group {
	    padding-bottom: 25px;
	}
	p.btn{
		top: 145px;
	}
	.btn a{
		background: url(../images/pc/continue1920.png) no-repeat;
		width: 170px;
		height: 84px;
		left: 220px;
	}
	/*chon thiep*/
	.card{
		background: url(../images/pc/frame-card1680.png) no-repeat;
		width: 1126px;
		height: 576px;
		position: relative;
		top: 26%;
		left: 26%;
	}
	.prev a,
	.next a{
		width: 151px;
    	height: 92px;
	}
	.prev a{
		left: 75px;
		background: url(../images/pc/prev1680.png) no-repeat;
	}
	.next a{
		right: 75px;
		background: url(../images/pc/next1680.png) no-repeat;
	}
	.form-card{
		width: 470px;
		top: 15px;
		left: 0;
		height: 520px;
	}
	.form-card ul li img{
		height: 520px;
	}
	#selectCard{
		background: url(../images/pc/select1680.png) no-repeat;
		width: 172px;
		height: 88px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: center;
	    position: relative;
	    top: 105px;
	    left: 7px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/pc/thiep1680.png) no-repeat;
		width: 1092px;
		height: 666px;
		padding: 41px;
	}
	.book textarea{
		font-size: 29px;
		line-height: 40px;
		top:72px;
		width: 400px;
	}
	.write-card .thiep {
	    width: 1006px;
	    height: 565px;
	}
}
@media (max-width: 1366px){
	.start {
		height: 768px;
		background: url(../images/pc/open-1366.jpg) no-repeat;
	}
	.wrap{
		height: 768px;
		background: url(../images/pc/form.jpg) no-repeat;
	}
	.bg-form{
		background: url(../images/pc/bg-form.png) no-repeat;
	}
	.form-info{
		padding-right: 40px;
		max-width: 575px;
	}
	.bg-form input,
	.bg-form{
		font-size: 25px;
	}
	.bg-form{
		left: 90px;
		max-width: 507px;
		height: 437px;
		padding: 70px 50px;
		top: 80px;
	}
	.bg-form p.title{
		padding: 0 0 40px 30px;
		margin: 0;
	}
	.control-label{
		width: 110px;
		padding-right: 15px;
		text-align: right;
	}
	.form-control{
		width: 280px;
		height: 30px;
		padding: 10px;
	}
	p.btn{
		top: 73px;
	}
	.btn a{
		left: 210px;
	}
	/*chon thiep*/
	.card{
		background: url(../images/pc/frame-card1366.png) no-repeat;
		width: 922px;
		height: 476px;
		position: relative;
		top: 18%;
		left: 28%;
	}
	.prev a,
	.next a{
		width: 114px;
		height: 67px;
	}
	.prev a{
		left: 75px;
		background: url(../images/pc/prev.png) no-repeat;
	}
	.next a{
		right: 75px;
		background: url(../images/pc/next.png) no-repeat;
	}
	.form-card{
		width: 383px;
		top: 26px;
		left: -13px;
		height: 426px;
	}
	.form-card ul li img{
		height: 426px;
	}
	#selectCard{
		background: url(../images/pc/select.png) no-repeat;
		width: 131px;
		height: 65px;
		border: 0;
		cursor: pointer;
	}
	.controls{bottom: 77px;}
	.select{
	    text-align: center;
	    position: relative;
	    top: 105px;
	    left: -50px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/pc/thiep1366.png) no-repeat;
		width: 792px;
    	height: 459px;
		position: relative;
		top: 19%;
		left: 28%;
		padding: 22px 29px;
		position: relative;
	}
	.write-card form{
		height: 90%;
	}
	.write-card .book,.thiep{
		height: 100%;
	}
	.write-card .thiep{
		width: 93%;
		height: 100%;
	}
	.book textarea{
	    position: absolute;
	    right: 115px;
	    top: 46px;
	    width: 300px;
	    height: 350px;
	    font-size: 22px;
	    line-height: 29px;
	}
	.back a,.send button{
		width: 129px;
		height: 63px;
	}
	.back a{
		display: inline-block;
		position: absolute;
		left: 0;
		background: url(../images/back1366.png) no-repeat;
	}
	.send button{
		background: url(../images/send1366.png) no-repeat;
	}
	.control{
		top: 25px;
		position: relative;
	}
	.control .send{
		position: absolute;
		right: 55px;
	}
}

@media (max-width: 1280px){
	.start {
		height: 800px;
		background: url(../images/pc/open-1280.jpg) no-repeat;
	}
	.wrap{
		background: url(../images/pc/form1280x800.jpg) no-repeat;
		height: 800px;
	}
	.bg-form{
		background: url(../images/pc/bg-form1280x800.png) no-repeat;
	}
	.bg-form{
		top: 105px;
	}
	.bg-form p.title{
		padding: 0 0 40px 30px;
		margin: 0;
	}
	p.btn{
		top: 75px;
		left: 22px;
	}
	/*chon thiep*/
	.card{
		background: url(../images/pc/frame-card1280.png) no-repeat;
	    width: 935px;
	    height: 581px;
	    top: 12%;
	    left: 24%;
	}
	.prev a,
	.next a{
		width: 114px;
		height: 67px;
	}
	.prev a{
		left: 75px;
		background: url(../images/pc/prev.png) no-repeat;
	}
	.next a{
		right: 75px;
		background: url(../images/pc/next.png) no-repeat;
	}
	.form-card{
	    width: 480px;
	    top: 26px;
	    left: 3px;
	    height: 530px;
	}
	.form-card ul li img{
		height: 530px;
	}
	#selectCard{
		background: url(../images/pc/select.png) no-repeat;
		width: 131px;
		height: 65px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: center;
	    position: relative;
	    top: 65px;
    	left: -22px;
	}
	.controls{
		bottom: 110px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/pc/thiep1280.png) no-repeat;
		width: 860px;
		height: 508px;
		padding: 35px 0 0 26px;
		left: 30%;
	}
	.book textarea {
	    font-size: 25px;
	    line-height: 32px;
	    top: 60px;
	    width: 327px;
	    height: 390px;
	    right: 93px;
	}
	.write-card .thiep {
	    width: 796px;
	    height: 470px;
	}
	.control .send{
		position: absolute;
		right: 65px;
	}
}
/*tablet*/
@media (max-width: 1024px){
	.start {
		height: 768px;
		background: url(../images/pc/open-1024.jpg) no-repeat;
	}
	.wrap{
		background: url(../images/pc/form1024.jpg) no-repeat;
		height: 768px;
	}
	.bg-form{
		background: url(../images/pc/bg-form1024.png) no-repeat;
		left: 90px;
	    max-width: 435px;
	    height: 441px;
	    padding: 45px 50px 35px 50px;
		top: 170px;
	}
	.bg-form p.title{
		padding: 0 0 40px 30px;
		margin: 0;
	}
	p.btn{
		top: 75px;
		left: 22px;
	}
	p.btn{
		top: 100px;
	}
	.bg-form,
	.bg-form input{
		font-size: 22px;
	}
	.control-label {
	    width: 95px;
	}
	.form-control {
	    width: 241px;
	    height: 21px;
	}
	.form-group{
		padding-bottom: 15px;
	}
	.btn a{
		background: url(../images/pc/continue1024.png) no-repeat;
		width: 116px;
		height: 57px;
		left: 0;
		margin: 0 auto;
	}
	/*chon thiep*/
	.card{
		background: url(../images/pc/frame-card1024.png) no-repeat;
	    width: 699px;
	    height: 482px;
	    top: 20%;
    	left: 28%;
	}
	.prev a,
	.next a{
		width: 92px;
		height: 56px;
	}
	.prev a{
		left: 25px;
		background: url(../images/pc/prev1024.png) no-repeat;
	}
	.next a{
		right: 25px;
		background: url(../images/pc/next1024.png) no-repeat;
	}
	.form-card{
        width: 411px;
	    top: 6px;
	    left: -2px;
	    height: 450px;
	}
	.form-card ul li img{
		height: 450px;
	}
	#selectCard{
		background: url(../images/pc/select1024.png) no-repeat;
		width: 118px;
		height: 59px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: center;
	    position: relative;
	    top: 65px;
    	left: 0;
	}
	.controls{
		bottom: 110px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/pc/thiep1024.png) no-repeat;
		width: 706px;
		height: 405px;
		padding: 24px 0 0 26px;
		left: 28%;
	}
	.book textarea {
	    font-size: 21px;
	    line-height: 26px;
	    top: 44px;
	    width: 260px;
	    height: 320px;
	    right: 85px;
	}
	.write-card .thiep {
	    width: 646px;
    	height: 385px;
	}
}
@media (max-width: 768px){
	.start {
		height: 1280px!important;
		background: url(../images/mobile/open-768.jpg) no-repeat;
	}
	.wrap{
		background: url(../images/mobile/form768.jpg) no-repeat;
		height: 1280px;
		max-height: 1280px;
		position: relative;
	}
	.bg-form{
		background: url(../images/mobile/bg-form768.png) no-repeat;
		left: 0;
	    max-width: 675px;
	    height: 950px;
		top: 170px;
	}
	.bg-form p.title{
		padding:10px 130px 30px 100px;
		margin: 0;
	}
	p.btn{
		top: 75px;
		left: 22px;
	}
	p.btn{
		top: 3%;
	}
	.bg-form,
	.bg-form input{
		font-size: 27px;
	}
	.control-label {
	    width: 115px;
	    padding-right: 5px;
	    text-align: left;
	}
	.form-control {
	    width: 250px;
    	height: 36px;
	}
	.form-group{
		padding-bottom: 15px;
	}
	.form-info {
	    padding: 0;
	    max-width: 675px;
	}
	.btn a{
		background: url(../images/pc/continue.png) no-repeat;
		width: 128px;
		height: 60px;
		left: 17%;
		margin: 0 auto;
	}
	/*chon thiep*/
	.card{
		background: url(../images/pc/frame-card768.png) no-repeat;
	    width: 754px;
	    height: 987px;
	    top: 23%;
    	left: 0;
    	margin: 0 auto;
	}
	.prev a,
	.next a{
		width: 93px;
		height: 57px;
	}
	.prev a{
		left: 10px;
		background: url(../images/pc/prev1024.png) no-repeat;
	}
	.next a{
		right: 10px;
		background: url(../images/pc/next1024.png) no-repeat;
	}
	.form-card{
        width: 450px;
	    top: 9px;
	    left: 4px;
	    height: 500px;
	}
	.form-card ul li img{
		height: 500px;
	}
	#selectCard{
		background: url(../images/mobile/select768.png) no-repeat;
		width: 171px;
		height: 85px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: right;
	    padding-right: 20px;
	    position: relative;
	    top: 105px;
    	left: 0;
	}
	.controls{
		bottom: 0;
		top: 205px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/mobile/thiep768.png) no-repeat;
		width: 90%;
		height: 456px;
		padding: 6.2% 0 0 4%;
		background-size: 103%!important;
		left: 0
	}
	.book textarea {
	    font-size: 21px;
	    line-height: 28px;
	    top: 68px;
	    width: 290px;
	    height: 340px;
	    right: 3%;
	}
	.write-card .thiep {
	    width: 100%;
    	height: 400px;
	}
	.flowers {
	    background: url(../images/mobile/flower768.png) no-repeat;
	    width: 300px;
	    height: 472px;
	    position: absolute;
	    bottom: 0;
	}
	.control .send {
	    position: absolute;
	    right: 0px;
	}
}
/*mobile*/
@media (max-width: 640px){
	.start {
		height: 960px;
		background: url(../images/mobile/open-640.jpg) no-repeat;
	}
	.wrap{
		background: url(../images/mobile/form640.jpg) no-repeat;
		height: 960px;
		
	}
	.bg-form{
		background: url(../images/mobile/bg-form640.png) no-repeat;
		left: 0;
	    max-width: 548px;
	    height: 691px;
	    padding: 45px 0 35px 0;
		top: 180px;
		margin: 0;
	}
	.bg-form p.title{
		padding: 0 50px 30px 50px;
		margin: 0;
	}
	p.btn{
		top: 20px;
	}
	.bg-form,
	.bg-form input{
		font-size: 21px;
	}
	.bg-form input{
		border-radius: 5px;
	}
	.control-label {
	    width: 90px;
	    text-align: left;
	}
	.form-control {
	    width: 236px;
	    height: 18px;
	}
	.form-group{
		padding-bottom: 15px;
	}
	.btn a{
		background: url(../images/mobile/continue640.png) no-repeat;
		width: 124px;
		height: 64px;
		left: 130px;
		margin: 0 auto;
	}
	.form-info{padding-right: 0;padding-left: 50px;}
	/*chon thiep*/
	.card{
		background: url(../images/mobile/frame-card640.png) no-repeat;
	    width: 100%;
	    height: auto;
	    top: 18%;
    	left: 0;
    	margin: 0 auto;
	}
	.prev a,
	.next a{
		width: 92px;
		height: 56px;
	}
	.prev a{
		left: 5px;
		background: url(../images/pc/prev1024.png) no-repeat;
	}
	.next a{
		right: 5px;
		background: url(../images/pc/next1024.png) no-repeat;
	}
	.form-card{
        width: 414px;
	    top: 14px;
	    left: 3;
	    height: 462px;
	}
	.form-card ul li img{
		height: 462px;
	}
	#selectCard{
		background: url(../images/mobile/select640.png) no-repeat;
		width: 130px;
		height: 62px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: right;
	    padding-right: 74px;
	    position: relative;
	    top: 55px;
    	left: 0;
	}
	.controls{
		bottom: 0;
		top: 390px;
	}
	.flower{
		width: 41%;
		max-height: auto;
		background: url(../images/mobile/flower.png) no-repeat;
		position: absolute;
	    bottom: 0;
	    left: 10px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/mobile/thiep640.png) no-repeat;
		height: 376px;
		padding: 24px 0 0 28px;
		left: 0
	}
	.book textarea {
	    font-size: 18px;
	    line-height: 23px;
	    top: 42px;
	    width: 235px;
	    height: 285px;
	    right: 20px;
	}
	.write-card .thiep {
    	height: 400px;
	}
	.flowers {
	    background: url(../images/mobile/flower.png) no-repeat;
	    width: 200px;
	    height: 368px;
	}
	.back a, .send button{
		width: 131px;
		height: 67px;
	}
	.back a {
	    background: url(../images/mobile/back640.png) no-repeat;
	}
	.send button {
	    background: url(../images/mobile/send640.png) no-repeat;
	}
	.control .send{
		right: 0;
	}
}
@media (max-width: 480px){
	.start {
		height: 800px;
		background: url(../images/mobile/open-480.jpg) no-repeat;
	}
	.wrap{
		background: url(../images/mobile/form480.jpg) no-repeat;
		height: 800px;
	}
	.bg-form{
		background: url(../images/mobile/bg-form480.png) no-repeat;
		left: 0;
	    max-width: 434px;
	    height: 540px;
	    padding: 45px 0 35px 0;
		top: 165px;
		margin: 0 auto;
	}
	.bg-form p.title{
		padding: 0 50px 30px 50px;
		margin: 0;
	}
	p.btn{
		top: 1%;
	}
	.bg-form,
	.bg-form input{
		font-size: 19px;
	}
	.control-label {
	    width: 90px;
	    text-align: left;
	}
	.form-control {
        width: 213px;
	    height: 30px;
	    padding: 5px 0;
	}
	.form-group{
		padding-bottom: 15px;
	}
	.btn a{
		background: url(../images/mobile/continue480.png) no-repeat;
		width: 108px;
		height: 56px;
		left: 88px;
		margin: 0 auto;
	}
	.bg-form input {
		padding: 0;
	    border-radius: 5px 5px;
	}
	.form-info{padding-right: 0;padding-left: 0;}
	/*chon thiep*/
	.card{
		background: url(../images/mobile/frame-card480.png) no-repeat;
	    width: 100%;
	    max-height: auto;
	    top: 16%;
    	left: 0;
    	padding-top: 8px;
    	margin: 0 auto;
    	background-size: 100%;
    	height: 386px;
	}
	.prev a,
	.next a{
		width: 71px;
		height: 42px;
	}
	.prev a{
		left: 5px;
		background: url(../images/mobile/prev480.png) no-repeat;
	}
	.next a{
		right: 5px;
		background: url(../images/mobile/next480.png) no-repeat;
	}
	.form-card{
        width: 60.2%;
	    top: 0;
	    left: .4%;
	    height: 85%;
	}
	.form-card ul li img{
		height: 327px;
	}
	#selectCard{
		background: url(../images/mobile/select480.png) no-repeat;
		width: 106px;
		height: 52px;
		border: 0;
		cursor: pointer;
	}
	.select{
	    text-align: right;
	    padding-right: 14px;
	    position: relative;
	    top: 64px;
    	left: 0;
	}
	.controls{
		bottom: 0;
		top: 140px;
	}
	.flower{
		width: 200px;
		height: 380px;
		background: url(../images/mobile/flower.png) no-repeat;
		position: absolute;
	    bottom: 0;
	    left: 10px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/mobile/thiep480.png) no-repeat;
		height: 268px;
		z-index: 10;
		padding: 35px 0 0 19px;
		left: 0;
		top: 17%;
	}
	.book textarea {
	    font-size: 13px;
	    line-height: 18px;
	    top: 49px;
	    width: 38%;
	    height: 63%;
	    right: 4%;
	}
	.write-card .thiep {
    	height: 400px;
	}
	.send button,
	.back a {
		width: 111px;
		height: 57px;
	}
	.back a {
	    background: url(../images/mobile/back480.png) no-repeat;
	}
	.send button {
	    background: url(../images/mobile/send480.png) no-repeat;
	}
}
@media (max-width: 320px) and (max-width: 479px){
	.card{padding-top: 0;}
	.bg-form{
		width: 100%;
		background-size: 94%;
		background-position: center;
		top:100px;
	}
	.bg-form, .bg-form input {
	    font-size: 15px;
	}
	.form-control {
	    width: 125px;
	    height: 7px;
	}
	.form-group {
	    padding-bottom: 5px;
	}
	.btn a{
		background-size: 70%;
		left: 67%;
	}
	p.btn{
		top:17px;
		display: inline-block;
	}
	.control-label {
	    width: 65px;
	    padding-right: 5px;
	}
	.form-info{
		padding-top: 70px;
	}
	.bg-form p.title {
	    padding: 0 50px 10px 50px;
	}
	/*chon card*/
	.form-card ul li img{
		height: 224px;
	}
	.controls{top:22%;}
	.select #selectCard,.prev a,.next a{background-size: 100%;width: 60px;}
	.prev a{left: 0;}
	.next a{right: 0;}
	.flower{width: 140px;background-size: 100%;}
	.select{top: 0;}
}
@media (max-width: 320px){
	.start {
		height: 480px;
		background: url(../images/mobile/open-320.jpg) no-repeat;
	}
	.wrap{
		background: url(../images/mobile/form320.jpg) no-repeat;
		height: 480px;
	}
	.bg-form {
	    top: 90px;
	    background: url(../images/mobile/bg-form320.png) no-repeat;
	    width: 100%;
	    height: 382px;
	    padding: 0;
	}
	.form-info {
	    padding-top: 30px;
	}
	.bg-form, .bg-form input {
	    font-size: 12px;
	}
	.bg-form input{
		height: 24px;
		width: 121px;
    	padding: 0 5px;
	}
	.btn a {
	    background: url(../images/mobile/continue320.png) no-repeat;
	    width: 66px;
	    height: 32px;
	    left: 44px;
	    margin: 0 auto;
	}
	.control-label{
		width: 50px;
		padding-right: 0;
	}
	.form-control{
		padding: 0;
		height: 29px;
	}
	/*chon thiep*/
	.card{
		background: url(../images/mobile/frame-card320.png) no-repeat;
	    top: 14%;
    	left: 0;
    	margin: 0 auto;
	}
	.select{
		top:34px;
	}
	.flower{
		background: url(../images/mobile/flower320.png) no-repeat;
		width: 118px;
	    height: 178px;
	    left: 0;
	}
	.controls a{
		top: 10px;
	}
	.prev a{
		left: 0;
		background: url(../images/mobile/prev320.png) no-repeat;
	}
	.next a{
		right: 0;
		background: url(../images/mobile/next320.png) no-repeat;
	}
	.form-card{
		width: 189px;
		left: 0;
	}
	.form-card,
	.form-card img{
		height: 222px;
	}
	/*viet thiep*/
	.write-card{
		background: url(../images/mobile/thiep320.png) no-repeat;
		height: 173px;
		padding: 26px 0 0 12px;
		left: 0;
		top: 17%;
	}
	.book textarea {
	    font-size: 10px;
	    line-height: 11px;
	    top: 35px;
	    width: 38%;
	    height: 53%;
	}
	.write-card .thiep {
    	height: 400px;
	}
	.send button,
	.back a {
		width: 74px;
		height: 38px;
	}
	.back a {
	    background: url(../images/mobile/back320.png) no-repeat;
	}
	.send button {
	    background: url(../images/mobile/send320.png) no-repeat;
	}
	.flowers {
	    background: url(../images/mobile/flower320.png) no-repeat;
	    width: 118px;
	    height: 178px;
	}
}