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

	#mybook {
		background: #FFF;
		padding: 10px;
		box-sizing: border-box;
	}

	.img_box img {
		width: 100%;
		height: auto;
	}

	.maga_edit_box {
		padding: 15px 15px 30px 15px;
		width: 100%;
		height: auto;
		margin: 0 0 15px 0;
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		box-sizing: border-box;
		overflow: hidden;
		font-size:18px;
	}

	.maga_left_st {
		height: 3px;
		text-indent: -9999px;
	}
    /*style_Cover*/
    .style_Cover div.maga_edit_box{
        padding:0;
        width:100%;
        height:auto;
    }
	/*style_zero*/
	.style_zero div.maga_edit_box{		
		width:100%;
		height:auto;
	}
	/*style_one*/
	.style_one div.maga_edit_box {
		width: 100%;
		height: auto;
		padding: 0 0 30px 0;
	}
		.style_one div.maga_edit_box h1 {	
			font-size: 31px;
			font-weight: normal;
		}
		.style_one div.maga_edit_box #maga_sText {
			font-size: 18px;
		}
	/*style_two*/
	.style_two div.maga_edit_box {
		width: 100%;
		height: auto;
		padding: 0 0 30px 0;
		font-size:18px;
	}
	/*style_three*/
	.style_three .maga_dText {
		float: none;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
	}

	.style_three .maga_dTitle {
		float: none;
		font-size: 31px;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		color: #17852e;
		font-weight: normal;
	}

	.style_three .maga_din {
		float: none;
		width: 100%;
		padding: 0;
		font-weight: normal;
		box-sizing: border-box;
	}

	.style_three .img_text {
		font-size: 15px;
		margin: 0 0 25px 0;
		color: #808080;
	}

		.style_three .img_text .name {
			font-size: 18px;
			border-bottom: 1px solid #CCC;
			font-weight: normal;
			padding: 5px 0;
			margin: 0 0 5px 0;
			color: #17852e;
		}
	/*style_four*/
	.style_four .maga_middle .box {
		width: 100%;
		height: auto;
		float: none;
		padding: 0;
		box-sizing: border-box;
	}

	.style_four .img_text {
		font-size: 15px;
		margin: 0 0 25px 0;
		color: #808080;
	}

		.style_four .img_text .name {
			font-size: 18px;
			border-bottom: 1px solid #CCC;
			font-weight: normal;
			padding: 5px 0;
			margin: 0 0 5px 0;
			color: #17852e;
		}

	.style_four .maga_middle .box:first-child {
		padding: 0;
	}

	.style_four .maga_middle .box:nth-child(2) {
		padding: 0;
	}

	.style_four .maga_middle .box:nth-child(3) {
		padding: 0;
	}

	.style_four .maga_middle .box:nth-child(2) .name, .maga_middle .box:nth-child(3) .name {
		color: #e5a900;
	}
	/*style_five*/
	.style_five .maga_slogn {
		text-align: center;
		font-size: 21px;
		padding: 50px 0;
	}

		.style_five .maga_slogn span {
			display: block;
			font-size: 35px;
			color: #54c3f1;
			font-weight: normal;
		}
	/*style_six*/
	.style_six {
		display: none;
	}

	.maga_slogn2 {
		text-align: center;
		font-size: 18px;
		padding: 0;
	}
	/*style_seven*/
	.style_seven div.maga_edit_box {
		width: 100%;
		height: auto;
		padding: 0 0 30px 0;
	}

	.style_seven #maga_Hotel_title {
		font-weight: normal;
		font-size: 31px;
		line-height: 1.2;
		padding: 8px 0;
		border-bottom: 1px dashed #CCC;
		margin: 0 18px 12px 18px;
		color: #54c3f1;
	}

	.style_seven #maga_Hotel_stext {
		font-size: 15px;
		line-height: 1.8;
		background-size: 60px;
		padding: 0 15px 15px 15px;
		text-align: center;
		height: auto;
		clear: both;
	}

		.style_seven #maga_Hotel_stext img {
			width: 100%;
			height:auto;
			margin: 0 0 10px 0;
			float: none;
		}
	/*style_eight*/
	.style_eight div.maga_edit_box {
		width: 100%;
		height: auto;
		padding: 0 0 30px 0;
	}

	.style_eight .Hotel_text img {
		float: none;
		width: 100%;
	}

	.style_eight .Hotel_data {
		width: 100%;
		float: none;
		padding: 0 0 15px 0;
		text-align:center;
	}

		.style_eight .Hotel_data img {
			width: 100%;
			height: auto;
		}

	.style_eight > div > div:first-child > div:first-child {
		display: none;
	}
	/*style_night*/
	.maga_hotel_img div {
		width: 50%;
	}

	/*style_ten*/
	/*style_eleven*/
	/*style_twelve*/
	/*style_thirteen*/
	.maga_hotel_in .title {
		font-size: 21px;
		font-weight: normal;
		border-bottom: 1px dashed #CCC;
		margin: 0 0 5px 0;
		padding: 8px 0;
		text-align: center;
		clear: both;
	}

	.maga_hotel_in.room .title {
		padding: 0 0 8px 0;
	}

	.maga_hotel_in.view .title {
		color: #17852e;
	}

	.maga_hotel_in.food .title {
		color: #ff0036;
	}

	.maga_hotel_in.room .title {
		color: #ff7800;
	}

	.maga_hotel_in .title i {
		font-size: 17px;
		padding: 0 5px 0 0;
	}

	.style_thirteen table {
		font-size: 13px;
		margin: 0 0 5px 0;
	}

		.style_thirteen table tr {
		}

			.style_thirteen table tr td {
				padding: 3px 5px;
				text-align: center;
				border: 1px solid #CCC;
			}

			.style_thirteen table tr:first-child td {
				color: #FFF;
				border: none;
			}

	.style_thirteen .stext {
		font-size: 15px;
		margin: 0 0 25px 0;
		color: #808080;
	}

		.style_thirteen .stext span {
			font-weight: normal;
			color: #313131;
		}
	/*style_fourteen*/
	.style_fourteen .room_if {
		padding: 0 0 15px 0;
		overflow: hidden;
	}

		.style_fourteen .room_if img {
			padding: 0 15px 0 0;
			width: 100%;
			height: auto;
		}

	.style_fourteen > div > div div {
		float: none;
		margin: 0 0 10px 0;
	}
	/*style_fifteen*/
	.style_fifteen .Back_cover img{
		width:100%;
		height:auto;
	}
}