body {
	background-color: #ecf0f5;
	font-family: Arial, Verdana, "Microsoft JhengHei";
}
body, .form-control, .btn, .dropdown-menu {
	font-size: 16px;
}
.required, .error {
	color: #d9534f;
}
.main-header {
    margin-bottom: 20px;
}
.main-header .logo {
    font-size: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;

}
.box-header, .box-body, .box-footer {
	padding: 20px;
}
.main_wrapper {
    padding-top: 3rem;
    padding-bottom: 5rem;
}
footer {
	background-color: #222d32;
	padding: 25px 0;
	color: #fff;
}
.login-page{
  /* background: url(../img/bg.jpg) top center no-repeat; */
  background-size: cover;
}
.login-box {
	margin: 7% auto 15%;
}
.navbar-nav>.user-menu .user-image{
    width: 40px;
    height: 40px;
    margin-top: 0px;
}
@media (max-width: 768px) {
	.login-box, .register-box  {
		margin-top: 10%;
	}
	.register-box {
		margin-bottom: 15%;
    }
    #empty_nav {
        display: none;
    }
    .navbar-custom-menu>.navbar-nav>li{
        line-height: 50px;
    }
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        line-height: 50px;
    }
    .main-header .logo {
        width: 400px;
    }
    .main-header .navbar {
        margin-left: 400px;
    }
    .navbar-nav>.user-menu .user-image{
        margin-top: 20px;
    }
}
.seat_area {
    position: relative;
    max-width: 414px;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.seat, .photo {
    display: inline-block;
    width: 10%;
    height: 14%;
    /* border: 1px solid red; */
    border-radius: 50%;
    position: absolute;
}
.seat_9_1, .photo_9_1, .photo_6_1, .photo_7_1 {
    top: 14%;
    left: 68%;
}
.seat_9_2, .photo_9_2, .photo_6_2, .photo_7_2 {
    top: 32%;
    left: 88%;
}
.seat_9_3, .photo_9_3, .photo_6_3, .photo_7_3 {
    top: 66%;
    left: 88%;
}
.seat_9_4, .photo_9_4, .photo_6_4, .photo_7_4 {
    top: 84%;
    left: 69%;
}
.seat_9_5, .photo_9_5, .photo_6_5, .photo_7_5 {
    top: 85%;
    left: 45%;
}
.seat_9_6, .photo_9_6, .photo_6_6, .photo_7_6 {
    top: 84%;
    left: 21%;
}
.seat_9_7, .photo_9_7, .photo_6_7, .photo_7_7 {
    top: 67%;
    left: 2%;
}
.seat_9_8, .photo_9_8, .photo_6_8, .photo_7_8 {
    top: 32%;
    left: 2%;
}
.seat_9_9, .photo_9_9, .photo_6_9, .photo_7_9 {
    top: 14%;
    left: 22%;
}
.seat_10_1, .photo_10_1 {
    top: 14%;
    left: 68%;
}
.seat_10_2, .photo_10_2 {
    top: 26%;
    left: 85%;
}
.seat_10_3, .photo_10_3 {
    top: 54%;
    left: 90%;
}
.seat_10_4, .photo_10_4 {
    top: 79%;
    left: 79%;
}
.seat_10_5, .photo_10_5 {
    top: 84%;
    left: 57%;
}
.seat_10_6, .photo_10_6 {
    top: 84%;
    left: 34%;
}
.seat_10_7, .photo_10_7 {
    top: 79%;
    left: 11%;
}
.seat_10_8, .photo_10_8 {
    top: 54%;
    left: 0%;
}
.seat_10_9, .photo_10_9 {
    top: 26%;
    left: 5%;
}
.seat_10_10, .photo_10_10 {
    top: 14%;
    left: 22%;
}