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

	.section1_title{
		margin-top:8%;
	}
	.section1_title h3{
		font-size: 24px;
	}
	.egg_section{
		margin:-4% auto 0;
	}
	.eggList li{
		width: 20%;
		height: 234px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:90%;
		height: 100%;
	}
}

@media only screen and (max-width: 1519px) and (min-width: 1320px){
	.container1{
		margin-top:-35%;
	}
	.section1_title{
		margin-top:8%;
	}
	.section1_title h3{
		font-size: 1.7rem;
	}
	.egg_section{
		width: 100%;
		margin:-5% auto 0;
	}
	.egg{
		width: 800px;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:90%;
		width: 100%
	}
	.eggList li.curr span{
		background-size:90%;
	}
}

@media only screen and (max-width: 1319px) and (min-width: 1201px) {
	.section1_title .col-xs-12{
		margin-top: 17%;
	}

	.section1_title h3{
		font-size: 1.5rem;
	}
	.juhd{
		font-size: 1.2rem;
	}
	.container1{
		margin-top:-35%;
	}
	.section1_title{
		margin-top: 30px;
	}
	.egg_section{
		margin:-6% auto 0;
	}
	.egg{
		width: 800px;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}

	.egg1{
		margin-top: 30px
	}
	.egg2{
		margin-top: 50px
	}
}


@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) {
	.side_bar, .logo-mobile, nav, .search_m{
		display: none;
	}

	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:90%;
		width: 100%
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:90%;
		width: 100%;
	}
}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {

	.section1_title h3{
		font-size: 1.5rem;
	}
	.egg_section{
		margin:-9% auto 0;
	}
	.egg{
		width: 800px;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}

	.egg1{
		margin-top:30px;
	}
	.egg2{
		margin-top: 45px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
	.container1{
		margin-top:-33%;
	}
	.section1_title h3{
		font-size: 1.5rem;
	}
	.juhd span{

		font-size:1.7rem;
	}
	.juhd em{
		padding:1px;
		font-size: 1.2rem;
	}
	.egg_section{
		margin:-11% auto 0;
	}
	.egg{
		width: 800px;
	}
	.eggList{
		width: 88%;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:90%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:90%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 100%;
		top: -80px;
		left: -34px;
	}

	.egg1{
		margin-top:30px;
	}
	.egg2{
		margin-top: 45px;
	}
}


@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;
	}
	.section_1 img{
		margin-top: 0px;
	}
	.time_bg{
		width: 100%;
	}

	.item .inside {
		top: 8.5%;
	}

	.events .info-events {
		margin-bottom: 50px;
	}
	.form-group input{
		width:120px;
	}

	.codeRight, .codeLeft{
		display:none;
	}

	.section1_title{
		margin-top:5px;
	}

	.last_time{
		top:52%;
	}
	.last_time h4{
		font-size: 2.1rem;
	}
	.wheel_section{
		background-size: 100%;
		margin-top: -2px;
	}
	.banner{
		width:90%;
	}
	.section1_title h3{
		font-size: 1.2rem;
	}
	.juhd span{
		font-size:1.7rem;
	}
	.juhd em{
		padding:1px;
		font-size: 1.2rem;
	}
	.container1{
		margin-top:-32%;
	}
	.egg_section{
		margin:-12% auto 0;
	}
	.eggList{
		width: 76%;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:90%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:90%;
		width: 100%;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -80px;
		left: -26px;
	}

	.egg1{
		margin-top: 30px
	}
	.egg2{
		margin-top: 35px
	}
	.w100{
		height: 30px
	}
	.winlist{
		margin-top:47px;
		height: 27px;
	}

	.winlist ul li{
		font-size: 1.2rem;
		height: 22px;
		line-height: 22px;

	}

	.last_time_text h4{
		font-size: 1rem;
	}

	footer{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		color: white;
		text-align: center;
	}
	.events{
		min-height:calc(100vh - 74.2vw + 16vw);
		position: relative;
	}
	.events .container{
		margin-bottom:20px;
	}
	footer .container{
		margin-bottom:16vw;
	}
}

@media only screen and (max-width: 830px) {
	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;
	}

	.juhd span{
		min-width:52px;
		height:52px;
		line-height:52px;
		font-size:1.5rem;
		-moz-background-size:100% 52px;
		-webkit-background-size:100% 52px;
		-o-background-size:100% 52px;
		background-size:100% 52px;
	}
	.juhd em{
		font-size:1.1rem;
		padding:3px;
	}
	.egg_section{
		margin:-14% auto 0;
	}
	.eggList{
		width: 62%;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -76px;
		left: -43px;
	}
	.hammer{
		top:50px;
		left:60px;
	}
}

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

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width:42px;
		height:42px;
		line-height:42px;
		font-size:1.2rem;
		-moz-background-size:100% 42px;
		-webkit-background-size:100% 42px;
		-o-background-size:100% 42px;
		background-size:100% 42px;
	}
	.juhd em{
		font-size:1.1rem;
		padding:3px;
	}
	.egg_section{
		margin:-16% auto 0;
	}
	.egg{
		width: 700px;
	}
	.eggList{
		width: 67%;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -22px;
		left: -64px;
	}
	.egg1{
		margin-top: 20px
	}
	.egg2{
		margin-top: 35px
	}
	.hammer{
		background-size: 75%;
		top:70px;
	}
	.frame img{
		width: 70%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 650px) {


	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width: 42px;
		height:42px;
		line-height:42px;
		font-size:1.2rem;
		-moz-background-size:100% 42px;
		-webkit-background-size:100% 42px;
		-o-background-size:100% 42px;
		background-size:100% 42px;
	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}
	.egg_section{
		margin:-16% auto 0;
	}

	.eggList{
		width: 67%;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -22px;
		left: -64px;
	}
	.egg1{
		margin-top: 10px
	}
	.egg2{
		margin-top: 20px
	}
}
@media only screen and (max-width: 600px) {

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width:36px;
		height:36px;
		line-height:36px;
		font-size:1.2rem;
		-moz-background-size:100% 36px;
		-webkit-background-size:100% 36px;
		-o-background-size:100% 36px;
		background-size:100% 36px;

	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}
	.egg_section{
		margin:-16% auto 0;
	}
	.eggList{
		width: 62%;
	}
	.eggList li {
		width: 20%;
		height: 200px;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -22px;
		left: -64px;
	}
	.egg1{
		margin-top: 10px
	}
	.egg2{
		margin-top: 20px
	}

}
@media only screen and (max-width: 550px) {

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width:36px;
		height:36px;
		line-height:36px;
		font-size:1.2rem;
		-moz-background-size:100% 36px;
		-webkit-background-size:100% 36px;
		-o-background-size:100% 36px;
		background-size:100% 36px;

	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}

	.egg_section{
		margin:-16% auto 0;
	}
	.eggList{
		width: 62%;
	}
	.eggList li {
		width: 20%;
		height: 200px;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -22px;
		left: -62px;
	}
	.egg1{
		margin-top: 10px
	}
	.egg2{
		margin-top: 20px
	}
}
@media only screen and (max-width: 500px) {

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width:36px;
		height:36px;
		line-height:36px;
		font-size:1.2rem;
		-moz-background-size:100% 36px;
		-webkit-background-size:100% 36px;
		-o-background-size:100% 36px;
		background-size:100% 36px;

	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}

	.egg_section{
		margin:-18% auto 0;
	}
	.eggList{
		width: 58%;
	}
	.eggList li {
		width: 20%;
		height: 200px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 80%;
		top: 42px;
		left: -48px;
	}
	.egg1{
		margin-top: 10px
	}
	.egg2{
		margin-top: 20px
	}

	.con1{
		height:59px;
	}
	.w100{
		height: 30px
	}
	.winlist{
		margin-top:15px;
		height: 20px;
	}
	.winlist ul{
		width: 100%
	}
	.winlist ul li{
		width: 80%;
		font-size: .8rem;
		height: 20px;
		line-height: 20px;
		margin:0 auto;
	}
}
/*iphone5*/
@media only screen
and (min-device-width : 320px) and (max-device-width : 321px){

	.section1_title{
		margin-top: 2px;
	}
	.section1_title h3{
		font-size: .75rem;
	}
	.time{
		margin-top: -5px;
	}
	.juhd span{
		min-width:20px;
		height:20px;
		line-height:20px;
		font-size:.75rem;
		-moz-background-size:100% 20px;
		-webkit-background-size:100% 20px;
		-o-background-size:100% 20px;
		background-size:100% 20px;
	}
	.juhd em{
		font-size:.75rem;
		padding:3px;
	}
	.egg_section{
		margin:-20% auto 0;
	}
	.eggList{
		width: 34%;
	}
	.eggList li {
		width: 20%;
		height: 200px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 30%;
		top: 142px;
		left: -9px;
	}
	.egg1{
		margin-top: 5px
	}
	.egg2{
		margin-top: 10px
	}
	.con1{
		height:59px;
	}
	.w100{
		height: 30px
	}
	.winlist{
		margin-top:20px;
		height: 16px;
	}
	.winlist ul{
		width: 100%
	}
	.winlist ul li{
		width: 80%;
		font-size: .7rem;
		height: 18px;
		line-height: 18px;
		margin:initial;
	}
	.hammer{
		background-size: 100%;
		top:128px;
		left: 30px;
		width: 50px;
		height: 38px;

	}
}
/*iphone6,7,8*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: .8rem;
	}
	.juhd span{
		min-width:30px;
		height:30px;
		line-height:30px;
		font-size:1rem;
		-moz-background-size:100% 30px;
		-webkit-background-size:100% 30px;
		-o-background-size:100% 30px;
		background-size:100% 30px;
	}
	.juhd em{
		font-size:.8rem;
		padding:3px;
	}

	.egg_section{
		margin:-19.3% auto 0;
	}
	.eggList{
		width: 42%;
	}
	.eggList li {
		width: 20%;
		height: 200px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:75%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:75%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 38%;
		top: 119px;
		left: -13px;
	}
	.egg1{
		margin-top: 5px
	}
	.egg2{
		margin-top: 10px
	}
	.w100{
		height: 30px
	}

	.winlist{
		width: 100%;
		margin-top: 20px;
		height: 16px;
	}
	.winlist ul{
		width: 100%
	}
	.winlist ul li{
		width: 100%;
		font-size: .8rem;
		height: 18px;
		line-height: 18px;
	}
	.hammer{
		background-size: 100%;
		top:80px;
		left: 70px;
		width: 50px;
		height: 38px;

	}

}
@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{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width:30px;
		height:30px;
		line-height:30px;
		font-size:1rem;
		-moz-background-size:100% 30px;
		-webkit-background-size:100% 30px;
		-o-background-size:100% 30px;
		background-size:100% 30px;
	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}

	.egg_section{
		margin:-19% auto 0;
	}
	.eggList{
		width: 48%;
	}
	.eggList li {
		width: 20%;
		height: 200px;
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 100%;
		top: 7px;
		left: -74px;
	}
	.egg1{
		margin-top: 5px
	}
	.egg2{
		margin-top: 10px
	}

}
@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 : 414px)
and (max-device-width : 500px) {

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: 1rem;
	}
	.juhd span{
		min-width:30px;
		height:30px;
		line-height:30px;
		font-size:1rem;
		-moz-background-size:100% 30px;
		-webkit-background-size:100% 30px;
		-o-background-size:100% 30px;
		background-size:100% 30px;
	}
	.juhd em{
		font-size:1rem;
		padding:3px;
	}

	.egg_section{
		margin:0;
	}
	.eggList{
		width: 48%;
	}
	.eggList li {
		width: 20%;
		/*height: 200px;*/
		height:93px;
	}

	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:75%;
		width: 100%;
		height:100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:75%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 40%;
		top: -53px;
		left: 6px;
	}
	.eggList li:nth-child(2), .eggList li:nth-child(3){
		width:30%;
		margin:0 ;
	}
	.eggList li:nth-child(2){
		margin-left:20%;
	}
	.eggList li:nth-child(4), .eggList li:nth-child(5), .eggList li:nth-child(6){
		width:30%;
		margin:0 ;
	}
	.eggList li:nth-child(4){
		margin-left:5%;
	}
	.clear{
		clear:both;
	}
	.egg{
		margin:0;
	}
	.eggList{
		margin-left: 6%;
		margin-top:1.3rem;
	}
	.container1{
		margin-top: -27%;
	}

}
@media only screen
and (max-device-width : 411px)  {
	.last_time{
		top:50.5%;
	}
}
@media only screen
and (min-device-width : 390px)
and (max-device-width : 413px){
	.eggList{
		margin-left: 6%;
		width: 48%;
	}
	.eggList li {
		width: 20%;
		/*height: 200px;*/
		height:93px;
	}

	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:75%;
		width: 100%;
		height:100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:75%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 40%;
		top: -53px;
		left: 6px;
	}
	.eggList li:nth-child(2), .eggList li:nth-child(3){
		width:30%;
		margin:0 ;
	}
	.eggList li:nth-child(2){
		margin-left:17%;
	}
	.eggList li:nth-child(4), .eggList li:nth-child(5), .eggList li:nth-child(6){
		width:30%;
		margin:0 ;
	}
	.eggList li:nth-child(4){
		margin-left:3%;
	}
	.clear{
		clear:both;
	}
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 389px){
	.eggList{
		margin-left: 6%;
		width: 48%;
	}
	.eggList li {
		width: 20%;
		/*height: 200px;*/
		height:93px;
	}

	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:75%;
		width: 100%;
		height:100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:75%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 40%;
		top: -53px;
		left: 6px;
	}
	.eggList li:nth-child(2), .eggList li:nth-child(3){
		width:30%;
		margin:0 ;
	}
	.eggList li:nth-child(2){
		margin-left:19%;
	}
	.eggList li:nth-child(4), .eggList li:nth-child(5), .eggList li:nth-child(6){
		width:30%;
		margin:0 ;
	}
	.eggList li:nth-child(4){
		margin-left:3%;
	}
	.clear{
		clear:both;
	}
}

@media only screen
and (min-device-width : 360px) and (max-device-width : 361px){

	.section1_title{
		margin-top: 0
	}
	.section1_title h3{
		font-size: .8rem;
	}
	.juhd span{
		min-width:30px;
		height:30px;
		line-height:30px;
		font-size:1rem;
		-moz-background-size:100% 30px;
		-webkit-background-size:100% 30px;
		-o-background-size:100% 30px;
		background-size:100% 30px;
	}
	.juhd em{
		font-size:.8rem;
		padding:3px;
	}
	.hammer{
		background-size: 55%;
		top:128px;
		left: 20px;
	}
	.egg_section{
		margin:-19.5% auto 0;
	}
	.eggList{
		width: 42%;
	}

	.eggList li {
		width: 20%;
		/*height: 200px;*/
	}
	.eggList li span.e1, .eggList li span.e2, .eggList li span.e3, .eggList li span.e4, .eggList li span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr span.e1, .eggList li.curr span.e2, .eggList li.curr span.e3, .eggList li.curr span.e4, .eggList li.curr span.e5{
		background-size:80%;
		width: 100%;
	}
	.eggList li.curr sup{
		background-size: 40%;
		top: 118px;
		left: -15px;
	}
	.egg1{
		margin-top: 5px
	}
	.egg2{
		margin-top: 10px
	}
	.winlist{
		width: 100%;
		margin-top:20px;
		height:16px;
	}
	.winlist ul{
		width: 100%
	}
	.winlist ul li{
		width: 100%;
		font-size: .8rem;
		height: 18px;
		line-height: 18px;
	}
	.hammer{
		background-size: 100%;
		top:128px;
		left: 30px;
		width: 50px;
		height: 38px;

	}
}


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

	.modal-dialog {
		width: auto;
		margin: 10px 20px;
		margin-top: 4vh;
	}

}
@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;
		padding:0;
	}
	.post .top-post a {
		font-size: 18px;
		line-height: 26px;
	}
	.modal-dialog {
		width: auto;
		margin: 10px 20px;
		margin-top: 15vh;
	}
	.modal-body{
		padding:15px 2px;
	}

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

}
/*ipad*/
/*ipad*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

	.section1_title h3{
		font-size: 1.2rem;
	}
	.juhd span{
		min-width:60px;
		height:60px;
		line-height:60px;
		font-size:1.5rem;
		-moz-background-size:100% 60px;
		-webkit-background-size:100% 60px;
		-o-background-size:100% 60px;
		background-size:100% 60px;
	}
	.juhd em{
		font-size:1.1rem;
		padding:3px;
	}
	.egg_section{
		margin:-14% auto 0;
	}
	.eggList{
		width: 62%;
	}
	.eggList li {
		width: 20%;
		height: 234px;
	}

	.eggList li.curr sup{
		background-size: 100%;
		top: -59px;
		left: -50px;
	}

}