@media screen and (max-width: 480px) {

}

@charset "UTF-8";

html,body,div,ul,li,img,a {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: arial,sans-serif;
}

ul {
    list-style-type: none;
}

body.desktop {
    background: url(../images/bg-chinh.jpg) repeat;
}
body.mobile {
	background: transparent url("../images/bg.jpg") no-repeat;
	background-size: 100% 100%;
	min-height: 100vh;
}

#wrapper {
    width: 450px;
    margin: 0 auto;
    padding-top: 18px;
}

#facebook {
    padding: 0 165px 0 165px ;
    margin-bottom: 30px;
    margin-top: 10px;

	transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	-moz-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
}

#facebook iframe {
    text-align: center;
}

#background {
    width: 321px;
    background: url("../images/bg-phone.png") no-repeat transparent;
    margin: 0 auto;
    padding: 120px 30px;
}


#primary {
    background-size: 100% 100%;
    text-align: center;
	border: none;
	padding: 70px 30px;
}
body.desktop #primary {
	background: transparent url("../images/bg.jpg") no-repeat;
	background-size: 100% 100%;
	width: 261px;
	height: 429px;
}

#title {
    padding-bottom: 25px;
}


#content {
	overflow: hidden;
    width: 100%;
    text-align: left;
    border-radius: 6px;
    background:url("../images/bg_transparency.png") repeat scroll 0 0 transparent;


}

ul.info li.box1 {
   padding: 10px;
}

ul.info li.box1 select {
    font-size: 12px;
    font-family: arial,sans-serif;
    font-weight: bold;
    border: none;
    overflow: hidden;
    background: transparent;
	padding: 3px 1px;
}

.kh{
    display: inline-block;
    padding-bottom: 1.5px;
}




ul.info li.box1 select option {
    font-size: 11px;
    line-height: 11px;
    font-family: arial,sans-serif;
}

ul.info li a img.delete {
    display: none;
}

li.box1:hover {
    background: #437a95;
}

.box2 {
    margin-top: 10px;
    padding: 0 13px;
}

.box2 input {
    width: 100%;
    height: 31px;
	padding-right: 3px;
	padding-left: 3px;
    color: #ff0000;
    font-size: 16px;
    font-family: arial,sans-serif;
    line-height: 15px;
    text-align: right;
	font-weight: bold;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

#add {
    text-align: right;
    padding-bottom: 10px;
    padding-right: 16px;
    margin-top: 10px;
}

#contact-us {
    text-align: right;
	margin-right: -172px;
}

#contact-us a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
}

/*start menu2*/
#menu2 {
    text-align: center;
    margin-top: 35px;
}

#menu2 #app {
    margin-right: 30px;
}

/*end menu2*/

#footer {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 15px;
	font-size: 12px;
	color: #fff;
}

.delete {
    float: right;
    margin-top: -4px;
    margin-right: 10px;
}