@media only screen and (min-width: 1550px) and (max-width: 1600px) {
	header > .container {
		width: 1300px;
	}

}
@media only screen and (max-width: 1200px) {
	.section1_title h3{
		font-size: 34px;
		color:#fff0f0;
		font-weight: bold;
	}
}

@media only screen and (min-width: 992px) {
	.top{
		min-width:inherit;
	}
	.side_bar, .logo-mobile, nav, .search_m{
		display: none;
	}
	.time_bg{
		width:70%;
		/*margin-top: -10px;*/
	}
	#menu{
		display: none;
	}
	header.mm-sticky{
		z-index:1
	}
}

@media only screen and (max-width: 991px) {
	h1,h2,h3,h4,h5,h6 {
		line-height: normal;
	}
	.wrapper{
		background-image:none;
	}
	header {
		padding: 29px 0;
		background-image:none;
		background-color: #f4f9fd;

	}
	header > .container {
		display: none;
	}
	header.index {
		position: fixed;
		top:0;
		display: flex;
		padding: 0;
		height: 58px;
		background-color: #6a0d06;
		/* Old browsers */
		background: -moz-linear-gradient(top,#6a0d06 0%, #a72316 25%, #a72316 70%, #6a0d06 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, #6a0d06 0%,#a72316 25%,#a72316 70%,#6a0d06 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #6a0d06 0%,#a72316 25%,#a72316 70%,#6a0d06 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a0d06', endColorstr='#6a0d06',GradientType=0 );
		/* IE6-9 */
	}
	header.index.active {
		height: 100%;
		background-color:transparent;
	}

	/* Logo */
	header .logo-mobile{
		text-align: center;
		display: inline-block;
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left:-90px;
	}
	header .logo-mobile img{
		max-width: 190px;
		width:80%;
	}


	/* Logo on the mobile's menu */
	.mobile-menu .logo {
		display:none;
	}

	/* mobile brands's menu 的小漢堡 */
	.mobile-menu-brand-btn{
		display:inline-block;
	}
	header .side_bar{
		font-size: 25px;
		color:#ffd89b;
		text-decoration: none;
	}
	header .search_m{
		text-decoration: none;
	}

	/* mobile brands's menu */
	#menu-brand {
		display:block;
	}
	#menu-brand .slideOUT {
		-webkit-transition:all 0.3s ease-out;
		-webkit-transform: translate3d(550px,0px,0px);
		transform: translate3d(550px,0px,0px);
	}
	.section_1{
		padding-top: 60px;
	}
	.time_bg{
		width: 100%;
	}

	.item .inside {
		top: 8.5%;
	}

	.events .info-events {
		margin-bottom: 50px;
	}
	.form-group input{
		width:120px;
	}
	.juhd span{
		width:72px;
		height:72px;
		line-height:72px;
		font-size:32px;
		color:#fff;
	}
	.juhd em{
		font-size: 1.5rem;
	}
	.section1_title{
		top:16%;
	}
	.section1_title h3{
		font-size: 24px;
	}
	.last_time{
		top:52%;
	}
	.last_time h4{
		font-size: 2.1rem;
	}
	.wheel_section{
		background-size: 100%;
		margin-top: -2px;
	}
	.banner{
		width:90%;
	}
	.winlist{
		height: 38px;
	}

	.winlist ul li{
		font-size: 1.2rem;
		height: 30px;
		line-height: 30px;
	}
	.codeRight, .codeLeft{
		display:none;
	}
	footer{
	    position: absolute;
	    left: 0;
	  	bottom: 0;
	    width: 100%;
	    color: white;
	    text-align: center;
	}
	.events{
	/*	min-height:calc(100vh - 53.5013333333vw);*/
		min-height:calc(100vh - 165.6346666667vw);
		position: relative;
	}
	.events .container{
		margin-bottom: 20px;
	}
	footer .container{
		margin-bottom:60px;
	}
}

@media only screen and (max-width: 768px) {
	html, body {
		overflow-x:hidden;
	}

	.item .inside {
		width: 100%;
		top:6.5%;
	}
	.item .inside p {
		font-size: 11px;
	}
	.title-head {
		font-size: 30px;
		line-height: normal;
		margin-bottom: 30px;
	}

	.info-events {
		padding: 50px 30px 20px 30px;
	}
	.info-events ul .custom-btn {
		padding: 10px 20px;
		font-size: 16px;
	}
	.info-events ul li {
		background-size: 7%;
	}
	.info-events ul.right .button {
		text-align:center;
		margin-left: -16px;
	}

	.inside h4{
		font-size: 18px;
	}
	/*
	body.modal-open {
    position: fixed;
	}
*/
	.con1{
		background-size:100%;
		height: 86px;
	}
	.winlist{
		margin-top: 28px;
	}
	.modal-content .modal-header{
		background-size: 100% 76%;
	}

	.modal-dialog {
		width: auto;
		margin: 10px 20px;
		margin-top: 15vh;
	}
	#reward .modal-content img{
		width: 90%;
	}
	.btn_nav li{
		width: 33%;
	}
	.push_button{
		line-height: 22px;
		margin: .6rem;
		font-size: 1rem;
	}
}

@media only screen and (max-width: 700px) {
	.juhd span{
		width:64px;
		height:64px;
		line-height:64px;
		font-size:28px;
	}

}
@media only screen and (max-width: 650px) {
	.juhd span{
		width:56px;
		height:56px;
		line-height:56px;
		font-size:26px;
	}
	.juhd em{
		font-size:1.3rem;
	}
	.last_time{
		top:51.5%;
	}
	.last_time h4{
		font-size: 2rem;
	}
}
@media only screen and (max-width: 600px) {
	.juhd span{
		width:52px;
		height:52px;
		line-height:52px;
		font-size:24px;
	}
	.juhd em{
		font-size:1.3rem;
	}
	.section1_title h3{
		font-size: 20px
	}

}
@media only screen and (max-width: 550px) {
	.juhd span{
		width:44px;
		height:44px;
		line-height:44px;
		font-size:20px;
	}
	.juhd em{
		font-size:1.1rem;
		padding:3px;
	}
	.section1_title h3{
		font-size: 18px;
	}

	.last_time h4{
		font-size: 1.8rem;
	}
}
@media only screen and (max-width: 500px) {
	.juhd span{
		width:44px;
		height:44px;
		line-height:44px;
		font-size:22px;
	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}
	.section1_title h3{
		font-size: 18px
	}
}
/*iphone5*/
@media only screen
and (min-device-width : 320px) and (max-device-width : 321px){
	.section1_title{
		top:20%;
	}
	.section1_title h3{
		font-size: 12px;
		letter-spacing:0;
	}
	.juhd{
		font-size: inherit;
	}
	.juhd span{
		width:28px;
		height: 28px;
		line-height: 28px;
		font-size: 13px
	}
	.juhd em{
		padding:1px;
		font-size: .7rem
	}
	.time{
		top:51%;
	}
	.time_section img{
		margin-top: 8%;
		width:150%;
		margin-left:-25%;
	}
	.last_time h4{
		font-size: 1rem;
	}
	.winlist{
		height: 42px;
	}
	.winlist ul{
		width: 100%
	}
	.winlist ul li{
		width: 80%;
		font-size: .6rem;
		height: 27px;
		line-height: 27px;
	}

}
/*iphone6,7,8*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
	.section1_title{
		top:17%;
	}
	.section1_title h3{
		font-size: 12px;
		letter-spacing: 0;
	}
	.juhd span{
		width:28px;
		height: 28px;
		line-height: 28px;
		font-size: 13px
	}
	.juhd em{
		padding:1px;
		font-size: .7rem;
	}
	.time_section img{
		margin-top:4%;
		width: 100%;
	}
	.time{
		top:45%;
	}
	.last_time{
		top:50.5%;
	}
	.last_time h4{
		font-size: 1.2rem;
	}
	.winlist{
		width: 100%;
	}
	.winlist ul{
		width: 100%
	}
	.winlist ul li{
		width: 100%;
		font-size: .8rem;
		height: 50px;
	}

}
@media only screen
and (min-device-width : 375px) {

}

/*iphone6,7,8 PLUS*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
	.section1_title{
		top:30%;
	}
	.section1_title h3{
		font-size: 18px
	}
	.juhd span{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
	}
	.juhd em{
		font-size: 1.2rem;
	}
	.time{
		top:59%;
	}

}
@media only screen
and (max-device-width : 414px) {
	.last_time{
		top:51.6%;
	}
	.last_time h4{
		font-size: 1.4rem
	}
}
@media only screen
and (min-device-width : 411px)
and (max-device-width : 823px) {
	.section1_title{
		top:18%;
	}
	.section1_title h3{
		font-size: 14px;
		letter-spacing: 0;
	}
	.juhd span{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 15px;
	}
	.juhd em{
		font-size: .8rem;
	}
	.time{
		top:49%;
	}

}
@media only screen
and (max-device-width : 411px)  {
	.last_time{
		top:50.5%;
	}
}

@media only screen
and (min-device-width : 360px) and (max-device-width : 361px){
	.section1_title{
		top:18%;
	}
	.section1_title h3{
		font-size: 16px;
		letter-spacing:0;
	}
	.juhd{
		font-size: inherit;
	}
	.juhd span{
		width:38px;
		height: 38px;
		line-height: 38px;
		font-size: 18px
	}
	.juhd em{
		padding:2px;
		font-size: .9rem
	}
	.time{
		top:51%;
	}
	.time_section img{
		margin-top: 8%;
		width:150%;
		margin-left:-25%;
	}
	.last_time{
		top:51%;
	}
	.last_time h4{
		font-size: 1.2rem;
	}
	.winlist{
		width:100%;
	}
	.winlist ul li{
		font-size: .75rem;
		width: 80%;
		margin:0 auto;
	}

}


@media only screen and (max-device-width : 320px) {

	.modal-dialog {
		width: auto;
		margin: 10px 20px;
		margin-top: 4vh;
	}
	.modal-content .modal-header{
		background-size: 100% 70%;
	}
}
@media only screen and (min-width: 1320px) {
	header > .container,
	.service-page header .container {
		width: 1050px;

	}
}
@media only screen and (min-width: 1200px) {
	.container {
		width: 1050px;
	}
	.container.small {
		width: 1020px;
	}
	.mobile-aside-menu{display:none;}
	#TOP h3{display:none;}
	#MENU{display:none;}
}

@media only screen and (max-width: 480px) {
	html, body {
		overflow-x:hidden;
	}

	.item .inside {
		margin-top: -15px;
		top:7.5%;
	}
	.item .inside p {
		line-height: 15px;
		margin-bottom: 10px;
	}
	.base-slider h2 {
		font-size: 13px;
		letter-spacing:normal;
	}
	.base-slider .custom-btn {
		font-size: 12px;
		padding: 11px 22px;
	}
	.title-head {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.events h2 {
		font-size: 24px;
	}
	.info-events {
		padding: 10px 15px 10px 15px;
	}
	.info-events ul {
		width: 100%;
		float: none;
	}
	.info-events ul.right {
		padding-left: 0;
	}
	.info-events ul li {
		background-size: 8%;
	}
	.events {
		margin-bottom: 0;
	}
	.post .top-post a {
		font-size: 18px;
		line-height: 26px;
	}


	.time_section .col-xs-12{
		margin-top: -18%;
	}

}