html, body{
    font-family: 'Open Sans', "微軟正黑體", sans-serif;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', "微軟正黑體", sans-serif;
}

.livespace{
	margin-top: 10px;
}

.logo{
	font-weight: 700;
	font-size: 3em;
}

.nav > li > a {
	padding: 1.8em 1.3em;
	font-size: 1em;
	font-weight: 400;
	line-height: 40px;
}

.navbar-header {
	margin-top: 10px;
	margin-left: 15px !important;
}

.navbar-right {
	margin-top: 0px;
	padding-right: 0px;
	margin-right: -30px;
}
a.nav-menu:hover {
	background: url(../images/border-top.png) no-repeat 50% 0px;
	color: #fff;
}

.apple{
	width: 214px;
	height: 66px;
	display: inline-block;
	background: url(../images/download-btns.png) no-repeat 0px 0px;
	margin-right:1em;
}
.play-btn{
	width: 214px;
	height: 66px;
	display: inline-block;
	background: url(../images/download-btns.png) no-repeat -237px 0px;
}

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}

.logo-ez-style {
	color:#8fc31f;
}
.logo-hair-style {
	color:#dae000;
}

/*------start-features----*/
.features {
	background: #6b8e00;
}
.features h3{
	color: #fff;
	font-size:3em;
	font-weight:700;
}
.features p {
	color: #fff;
}

.features p span {
	display:block;
	font-weight:700;
}

.features2 h1{
	font-weight:700;
}
/*----------*/

/*------start-dwall----*/
.dwall h1 {
	color: #8fc320;
	font-size: 3em;
	font-weight: 700;
}
/*----------*/

/*------start-qrcode----*/
.qrcode h1 {
	color: #8fc320;
	font-size: 3em;
	font-weight: 700;
}
.qrcode p {
	color: #666666;
}
/*----------*/

/*活動頁面*/
.navbar a#pull {
	display: none;
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    /*background-image: url(../images/event_banner1.jpg);*/
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #f05f40;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

.event1p img ,.event2p img,.event3p img,.event4p img{
	border: 0px;
	display: inline;
}

.enent_20151126 {
	width:100%;
	height:auto;
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
        font-weight: 900;
        color: #f05f40;
        text-shadow: 1px 1px 0px #aaaaaa;
    }
}

@media (max-width:480px){
	.logo{
		font-size: 2.5em;
	}
	.events .content {
	    margin-top: 0em;
	}
	header {
	    min-height: 200px;
	}
	.navbar-brand {
	    padding: 15px 0px;
	}
	.event1p img ,.event2p img,.event3p img,.event4p img{
		width: 290px;
	}
}

#mainNav {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	background-color: transparent;
}
.navbar .navbar-nav li.active a {
    background-color: transparent !important;
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
		float:none;
	}
	nav ul {
		display: none;
		height: auto;
		margin:0;
		background: #fff;
	}
	nav a#pull {
		display: block;
		position: relative;
		color: #F26D7D;
		text-align: right;
		position: absolute;
		top:20px;
	}
	nav a#pull:after {
		content:"";
		/*background: url(../images/nav-icon.png) no-repeat;*/
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull img{
		margin-right:2%;
	}
	.top-nav ul li a {
		color: #2C3E50;
		padding: 0em 0;
	}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav {
		float:none;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}