@charset "utf-8";

.com_tit01-n {
	position: relative;
	display: inline-block;
	font-family: 'eng6', 'comor_c_m', 'swebM';
	font-size: 40px;
	color: #021e2f;
	line-height: 1.3;
	padding: 0 0 10px;
	word-break: keep-all;
}
.com_desc02-n {
    padding: 0px 0 10px 0;
    font-family: 'swebR';
    font-size: 20px;
    color: #555;
}
.com_desc02-n strong {
	font-family: 'swebM';
	color: #007cc6;
}
.tb_cells_inner {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	background-image: inherit;
	background-size: cover;
	background-position: inherit;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.tb_cells_inner.active {
	animation: goAanimation 1s forwards ease;
	-webkit-animation: goAanimation 1s forwards ease;
	-moz-animation: goAanimation 1s forwards ease;
	-o-animation: goAanimation 1s forwards ease;
	-ms-animation: goAanimation 1s forwards ease;
}

.tb_cells_inner>.tb_cells {
	display: inline-block;
	position: absolute;
	background-image: inherit;
	background-position: inherit;
	background-size: inherit;
}

@keyframes goAanimation {
	0% {
		opacity: 0;
	}

	70% {
		opacity: 1;
	}

	100% {
		transform: translate(0) scale(1) rotate(0);
		-webkit-transform: translate(0) scale(1) rotate(0);
		-moz-transform: translate(0) scale(1) rotate(0);
		-o-transform: translate(0) scale(1) rotate(0);
		-ms-transform: translate(0) scale(1) rotate(0);
		opacity: 1;
	}
}

@-webkit-keyframes goAanimation {
	0% {
		opacity: 0;
	}

	70% {
		opacity: 1;
	}

	100% {
		transform: translate(0) scale(1) rotate(0);
		-webkit-transform: translate(0) scale(1) rotate(0);
		-moz-transform: translate(0) scale(1) rotate(0);
		-o-transform: translate(0) scale(1) rotate(0);
		-ms-transform: translate(0) scale(1) rotate(0);
		opacity: 1;
	}
}

a.price_btn {
	display: inline-block;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	background: #007cc6;
	border-radius: 4px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

a.price_btn:hover {
	background: #555;
	color: #fff;
	text-decoration: none;
}

.grid_list_btnbox {
	display: block;
	padding: 0 0 10px 0;
}

.grid_list_btnbox a.active {
	color: #007dc6;
}

.list_linkbox ul.grid_two li {}

.list_linkbox ul li {
	margin-bottom: 10px
}


.list_linkbox ul.grid_two li .thumb {
	float: none;
	width: auto
}

.list_linkbox ul.grid_two li .text {
	float: none;
	width: auto;
	padding: 20px 0 0 0;
	font-size: 14px
}


.grid_list_btnbox a {
	display: inline-block;
	padding: 0 5px;
	font-size: 20px;
}

.view_last .detail_list02 {}

.view_last .detail_list02 li {
	overflow: hidden;
	position: relative;
	float: left;
	width: 20%;
	height: 200px;
	cursor: pointer;
}

.view_last .detail_list02 li:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .3);
}

.view_last .detail_list02 li .thumb {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
}

.view_last .detail_list02 li:hover .thumb {
	transform: scale(1.2) rotate(-0.02deg);
	-webkit-transform: scale(1.2) rotate(-0.02deg);
	-moz-transform: scale(1.2) rotate(-0.02deg);
	-o-transform: scale(1.2) rotate(-0.02deg);
	-ms-transform: scale(1.2) rotate(-0.02deg);
}

.view_last .detail_list02 li .text {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.view_last .detail_list02 li .text .tb_row {
	display: table;
	width: 100%;
	height: 100%;
}

.view_last .detail_list02 li .text .tb_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.view_last .detail_list02 li .text .tb_cell strong {
	display: block;
}

.view_last .detail_list02 li .text .tb_cell p {
	display: inline-block;
	padding: 5px 20px;
	margin-top: 15px;
	border: 1px solid rgba(255, 255, 255, .5);
}

.view_last.pc {
	display: block;
}

.view_last.mobile {
	display: none
}

.color01 {
	color: #007cc6;
}

.pt-bold {
	font-family: 'swebM';
	color: #222;
}

.margin_align {
	margin: 50px -20px 0 -20px;
}

.margin_align img {
	width: 100%;
}

.pen_sub_log {
	position: fixed;
	left: 0%;
	top: 50%;
	z-index: 100;
	width: 100%;
	margin: -50px 0 0 0;
	text-align: center;
	opacity: 1;
}

.pen_sub_log figure {
	display: none;
	width: 100px;
	margin: 0 auto;
}

.pen_sub_log figure img {
	width: 100%
}

.pen_sub_log .txt {
	font-family: 'eng6';
	font-size: 60px;
	margin-top: 40px;
	color: #fff;
}

.detail_infos_t {
	display: none;
	background: #333;
	color: #fff;
}

.int_close {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 25px;
	height: 25px;
	margin: 60px 0 0 -12px;
}

.int_close img {
	width: 100%;
}

.pc_price_tb {
	display: table;
}

.mobile_price_tb {
	display: none;
	border-top: 2px solid #b9b9b9;
}

.msdow {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	animation: msdow 1s linear 0s 1 alternate forwards;
	-webkit-animation: msdow 1s linear 0s 1 alternate forwards;
	-moz-animation: msdow 1s linear 0s 1 alternate forwards;
	-o-animation: msdow 1s linear 0s 1 alternate forwards;
	-ms-animation: msdow 1s linear 0s 1 alternate forwards;
	z-index: -1
}

.ie9 .section {
	-webkit-animation: none !important;
	        animation: none !important;
	-ms-animation: none !important;
	z-index: 100
}

.safari .section {
	-webkit-animation: none !important;
	        animation: none !important;
	-ms-animation: none !important;
	z-index: 100
}

.fake {
	position: absolute;
	left: 0;
	top: 100px;
	width: 1px;
	height: 100%
}

.pohto_capt_t1 {
	display: none
}

.event_pension {
	position: absolute;
	right: 30px;
	top: 115px;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	background: rgba(0, 0, 0, .3)
}

.is-fix .event_pension {
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	opacity: 0;
}

.event_pension a {
	display: block;
	padding: 10px;
}

.event_pension a:hover {
	text-decoration: none;
}

/*.header_wrap.fix .event_pension, .sub .event_pension {top:15px;}*/
.event_content_boxs {
	position: fixed;
	left: 0;
	top: 100px;
	z-index: 1000;
	width: 100%;
	color: #888;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	opacity: 0;
	visibility: hidden;
}

.event_content_boxs.active {
	opacity: 1;
	visibility: visible;
}

.event_content_boxs .cont_boxs1 {
	overflow: scroll;
	position: relative;
	width: 60%;
	height: 400px;
	padding: 0 10px;
	margin: 0 auto;
	transition: .5s .1s;
	-webkit-transition: .5s .1s;
	-moz-transition: .5s .1s;
	-o-transition: .5s .1s;
	-ms-transition: .5s .1s;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	background: #fafafa;
	border-radius: 4px;
}
#eventModal::after {
	position: fixed; left: 0; top: 0; z-index: -1; display: block; width:100%; height:100%; content:''; background:rgba(0, 0, 0, .6);
}
.event_content_boxs.active .cont_boxs1 {
	background: #fafafa;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
}

.event_content_boxs .tit {
	display: block;
	padding: 10px 10px 0 0;
	margin-bottom: 10px;
	font-family: 'eng6';
	font-size: 30px;
	color: #222;
	border-bottom: 1px solid #333;
}

.event_content_boxs .text_wrap {
	padding: 10px;
}

.event_content_boxs .text {
	padding: 0px;
	white-space: pre-wrap;
	font-size: 14px;
	color: #777;
}

.event_content_boxs a {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 20px;
}

.event_content_boxs a img {
	width: 100%;
}

.favorit_box {
	position: fixed;
	top: 50px;
	left: 50%;
	z-index: 9999;
	display: none;
	width: 300px;
	padding: 60px 20px 40px;
	margin-left: -150px;
	border: 1px solid #222;
	background: #FFEB3B;
	text-align: center;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.favorit_box p.text {
	white-space: pre-wrap;
	text-align: left;
}

.favorit_box.active {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.favorit_box a.add_fav {
	display: inline-block;
	height: 40px;
	margin-top: 20px;
	padding: 0 20px;
	line-height: 39px;
	background: #333;
	color: #fff;
}

.favorit_box a.add_fav:hover {
	background: #000;
}

.favorit_box a.add_fav:hover,
.favorit_box a.add_fav:focus {
	text-decoration: none;
}

.favorit_box .cancle_fav {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10000;
}

.favorit_box .cancle_fav .fa {
	font-size: 22px;
}

@keyframes msdow {
	0% {
		transform: perspective(1000px) rotateX(0deg);
		-webkit-transform: perspective(1000px) rotateX(0deg);
		-moz-transform: perspective(1000px) rotateX(0deg);
		-o-transform: perspective(1000px) rotateX(0deg);
		-ms-transform: perspective(1000px) rotateX(0deg);
		opacity: 1
	}

	15% {
		transform: perspective(1000px) rotateX(-10deg);
		-webkit-transform: perspective(1000px) rotateX(-10deg);
		-moz-transform: perspective(1000px) rotateX(-10deg);
		-o-transform: perspective(1000px) rotateX(-10deg);
		-ms-transform: perspective(1000px) rotateX(-10deg)
	}

	80% {
		transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-webkit-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-moz-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-o-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-ms-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px)
	}

	100% {
		transform: perspective(1000px) translateZ(-700px);
		-webkit-transform: perspective(1000px) translateZ(-700px);
		-moz-transform: perspective(1000px) translateZ(-700px);
		-o-transform: perspective(1000px) translateZ(-700px);
		-ms-transform: perspective(1000px) translateZ(-700px);
		opacity: 0
	}
}

@-webkit-keyframes msdow {
	0% {
		transform: perspective(1000px) rotateX(0deg);
		-webkit-transform: perspective(1000px) rotateX(0deg);
		-moz-transform: perspective(1000px) rotateX(0deg);
		-o-transform: perspective(1000px) rotateX(0deg);
		-ms-transform: perspective(1000px) rotateX(0deg);
		opacity: 1
	}

	15% {
		transform: perspective(1000px) rotateX(-10deg);
		-webkit-transform: perspective(1000px) rotateX(-10deg);
		-moz-transform: perspective(1000px) rotateX(-10deg);
		-o-transform: perspective(1000px) rotateX(-10deg);
		-ms-transform: perspective(1000px) rotateX(-10deg)
	}

	80% {
		transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-webkit-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-moz-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-o-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px);
		-ms-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(900px)
	}

	100% {
		transform: perspective(1000px) translateZ(-700px);
		-webkit-transform: perspective(1000px) translateZ(-700px);
		-moz-transform: perspective(1000px) translateZ(-700px);
		-o-transform: perspective(1000px) translateZ(-700px);
		-ms-transform: perspective(1000px) translateZ(-700px);
		opacity: 0
	}
}

.msup {
	position: absolute;
	z-index: -1;
	width: 100%;
	top: 0;
	height: 100%;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	animation: msup 1s linear 0s 1 alternate forwards;
	-webkit-animation: msup 1s linear 0s 1 alternate forwards;
	-moz-animation: msup 1s linear 0s 1 alternate forwards;
	-o-animation: msup 1s linear 0s 1 alternate forwards;
	-ms-animation: msup 1s linear 0s 1 alternate forwards
}

@keyframes msup {
	0% {
		transform: perspective(1000px) rotateX(0deg);
		-webkit-transform: perspective(1000px) rotateX(0deg);
		-moz-transform: perspective(1000px) rotateX(0deg);
		-o-transform: perspective(1000px) rotateX(0deg);
		-ms-transform: perspective(1000px) rotateX(0deg);
		opacity: 1
	}

	15% {
		transform: perspective(1000px) rotateX(10deg);
		-webkit-transform: perspective(1000px) rotateX(10deg);
		-moz-transform: perspective(1000px) rotateX(10deg);
		-o-transform: perspective(1000px) rotateX(10deg);
		-ms-transform: perspective(1000px) rotateX(10deg)
	}

	80% {
		transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-webkit-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-moz-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-o-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-ms-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px)
	}

	100% {
		transform: perspective(1000px) translateZ(-700px);
		-webkit-transform: perspective(1000px) translateZ(-700px);
		-moz-transform: perspective(1000px) translateZ(-700px);
		-o-transform: perspective(1000px) translateZ(-700px);
		-ms-transform: perspective(1000px) translateZ(-700px);
		opacity: 0
	}
}

@-webkit-keyframes msup {
	0% {
		transform: perspective(1000px) rotateX(0deg);
		-webkit-transform: perspective(1000px) rotateX(0deg);
		-moz-transform: perspective(1000px) rotateX(0deg);
		-o-transform: perspective(1000px) rotateX(0deg);
		-ms-transform: perspective(1000px) rotateX(0deg);
		opacity: 1
	}

	15% {
		transform: perspective(1000px) rotateX(10deg);
		-webkit-transform: perspective(1000px) rotateX(10deg);
		-moz-transform: perspective(1000px) rotateX(10deg);
		-o-transform: perspective(1000px) rotateX(10deg);
		-ms-transform: perspective(1000px) rotateX(10deg)
	}

	80% {
		transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-webkit-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-moz-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-o-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px);
		-ms-transform: perspective(1000px) rotateX(0deg) translateZ(-400px) translateY(-900px)
	}

	100% {
		transform: perspective(1000px) translateZ(-700px);
		-webkit-transform: perspective(1000px) translateZ(-700px);
		-moz-transform: perspective(1000px) translateZ(-700px);
		-o-transform: perspective(1000px) translateZ(-700px);
		-ms-transform: perspective(1000px) translateZ(-700px);
		opacity: 0
	}
}

@media only screen and (max-width:2560px) {
	table.def_tb01 {
		margin: 0 0 30px 0;
		text-align: center
	}

	table.def_tb01 th {
		color: #777;
		font-family: 'swebM';
		border: 1px solid #ddd;
		padding: 10px 0;
		background: #fafafa;
		vertical-align: middle
	}

	table.def_tb01 td {
		color: #777;
		border: 1px solid #ddd;
		padding: 10px 5px;
		vertical-align: middle;
		background: #fff
	}
	table.def_tb01 td .str {
		font-family: 'SwebM';
		color: #cf0000;
	}
	table.def_tb01 td.left {
		text-align: left;
	}

	table.def_tb01 td span.ty01 {
		color: #007cc6;
		font-family: 'swebM'
	}

	table.def_tb01 td span.ty02 {
		color: #c60000;
		font-family: 'swebM'
	}

	.reserve_if {
		/* padding-top: 50px; */
		text-align: left
	}

	.reserve_if strong {
		display: inline-block;
		padding-bottom: 10px;
		font-size: 20px;
		font-family: 'swebM'
	}

	.reserve_if .list {
		padding-bottom: 30px
	}

	.reserve_if .list li {
		position: relative;
		padding: 15px 0 15px 32px;
		margin-bottom: 10px;
		background: #fafafa;
		border: 1px solid #ddd;
		border-radius: 4px
	}
	.reserve_if .list li .str {
		font-family: 'SwebM';
		color: #cf0000;
	}
	.reserve_if .list li:after {
		position: absolute;
		left: 20px;
		top: 26px;
		z-index: 10;
		display: block;
		width: 3px;
		height: 3px;
		content: '';
		background: #333
	}

	.reserve_if .list li span.st01 {
		display: block;
		color: #007cc6
	}
	.reserve_if .list li span.st01.inline {
		display: inline;
	}

	.reserve_if .list li span.st02 {
		color: #c60000
	}

	.reserve_if .list.ty02 li {
		background: 0;
		border: 0;
		padding: 0 0 0 14px
	}

	.reserve_if .list.ty02 li:after {
		left: 5px;
		top: 10px
	}

	.sec-mainvis.sub_st01 {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%
	}

	.u_video_box {
		padding: 0 10px
	}

	section.sec-reserve {
		position: relative;
		z-index: 100;
		float: right;
		padding: 100px 100px;
		margin: 80vh 0 0 0;
		background: #fafafa;
		text-align: left
	}

	section.sec-reserve article.article-reserve {
		max-width: 900px
	}

	section.sec-roomview {
		position: relative;
		z-index: 100;
		float: right;
		padding: 100px 100px;
		margin: 80vh 0 0 0;
		background: #fafafa;
		text-align: left
	}

	section.sec-roomview article.article-roomview {
		max-width: 760px
	}

	.quic_roomview {
		position: absolute;
		top: 80vh;
		right: 970px;
		z-index: 1000;
		width: 280px;
	}

	.quic_roomview ul li {
		margin-bottom: 10px;
	}

	.quic_roomview ul li a {
		display: block;
		padding: 10px 10px;
		margin: 0 5px;
		font-family: 'swebR', 'comor_sb', 'comor_c_sb';
		font-size: 14px;
		background: #fafafa;
		-webkit-transition: .2s;
		transition: .2s;
		text-align: center;
		border: 1px solid #ddd;
		white-space: nowrap;
	}

	.quic_roomview ul li a:hover {
		background: #cdcbcb;
		text-decoration: none
	}

	.quic_roomview ul li a.active {
		background: #0674ff;
		color: #fff;
		border-color: #0674ff
	}

	.overflow-disable {
		overflow: visible
	}

	.full_screen {
		position: absolute;
		top: 38px;
		right: 200px;
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
		background-image: url('../images/common/full_s_white.gif');
		background-repeat: no-repeat;
		cursor: pointer
	}

	.full_screen p {
		display: block;
		position: absolute;
		left: -77px;
		top: 80px;
		width: 180px;
		height: 43px;
		font-size: 12px;
		color: #333;
		background: rgba(255, 255, 255, .7);
		border-radius: 4px
	}

	.full_screen p:after,
	.full_screen p:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none
	}

	.full_screen p:after {
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: rgba(255, 255, 255, .7);
		border-width: 13px;
		margin-left: -13px
	}

	.full_screen p:before {
		border-width: 15px;
		margin-left: -15px
	}

	.full_screen p span {
		vertical-align: middle
	}

	.full_screen:hover p {
		display: block;
		color: #777
	}

	.full_screen.active p {
		display: none
	}

	.music_control {
		position: absolute;
		top: 38px;
		right: 125px;
		width: 25px;
		height: 25px;
		background-image: url('../images/common/music_play_white.png');
		background-size: 25px 25px;
		background-repeat: no-repeat;
		cursor: pointer
	}
	.sub .music_control {
		display: none;
	}
	.music_control p {
		display: none;
		position: absolute;
		left: -37px;
		top: 40px;
		width: 100px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
		color: #333;
		background: rgba(255, 255, 255, .7);
		border-radius: 4px
	}

	.music_control:hover p {
		display: block
	}

	.music_control.active {
		background-image: url('../images/common/music_pause_white.png')
	}

	.header_wrap.active .full_screen p {
		display: none
	}

	/*.header_wrap.sub .full_screen { top: 27px }*/
	/*.header_wrap.fix .full_screen { top: 27px }*/
	/* .header_wrap.fix.active .full_screen {
		background-image: url('../images/common/full_s.gif')
	} */

	.header_wrap.sub .music_control {
		top: 27px;
		display: none;
	}

	/* .header_wrap.fix .music_control {
		top: 27px
	} */

	/* .header_wrap.fix.active .music_control {
		top: 27px;
		background-image: url('../images/common/music_play_black.png')
	}

	.header_wrap.fix.active .music_control.active {
		background-image: url('../images/common/music_pause_black.png')
	} */

	.intro-motion {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999999;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 1);
		opacity: 1
	}

	.intro-motion .intr {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 1000px;
		height: 106px;
		margin-left: -500px;
		margin-top: -53px;
		opacity: 0;
	}

	.intro-motion .intr .cls-1 {
		fill: transparent;
		stroke: #222;
		stroke-width: 1
	}

	.intro-motion .intr .cls-2 {
		fill: transparent;
		stroke: rgba(0, 0, 0, 1);
		stroke-width: 1
	}

	.intro-motion .intr_t {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 1000px;
		height: 106px;
		margin-left: -500px;
		margin-top: -200px;
		opacity: 0;
	}

	.intro-motion .intr_t .st0 {
		fill: transparent;
		stroke: rgba(0, 0, 0, 1);
		stroke-width: 1
	}

	body.fix {
		overflow: hidden
	}

	#page_s {
		background: #000
	}
	/* #page_s::after {
		position: absolute; left: 0; top: 0; z-index: 100; display: block; width:100%; height:100%; content:''; background:rgba(0, 0, 0, .3);
	} */

	#page_s .room_img {
		height: 100%;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	#page_s a {
		display: block;
	}

	.section {
		position: relative;
		overflow: hidden;
		min-height: 700px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box
	}

	.n_tb_row {
		position: relative;
		z-index: 100;
		display: table;
		width: 100%;
		height: 100%;
		-webkit-transition: opacity .5s, -webkit-transform .5s;
		transition: opacity .5s, -webkit-transform .5s;
		transition: transform .5s, opacity .5s;
		transition: transform .5s, opacity .5s, -webkit-transform .5s;
		-webkit-transition: transform .5s, opacity .5s;
		-moz-transition: transform .5s, opacity .5s;
		-o-transition: transform .5s, opacity .5s;
		-ms-transition: transform .5s, opacity .5s
	}

	.n_tb_row .tb_cell {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		text-align: center
	}

	.section.sec_01 {
		background-size: cover
	}

	.section.sec_01 .txt_box {
		position: relative;
		width: 780px;
		padding: 150px 0;
		margin: 0 auto
	}

	.section.sec_02 {
		background-size: cover
	}

	.sec-subvis.ty02 {
		position: fixed;
		left: 50%;
		top: 0;
		width: 2560px;
		height: 980px;
		margin-left: -1280px
	}

	.sec-subvis.ty02:after {
		display: none
	}

	.sec-subvis.ty02 .article-subvis {
		max-width: 2560px;
		background: url(../images/subvis/02.jpg) no-repeat 50% 50%
	}

	.sec-subvis.ty02 .article-subvis.bg02 {
		background: url(../images/subvis/04.jpg) no-repeat 50% 0
	}

	.sec-subvis.ty02 .article-subvis.bg03 {
		background: url(../images/subvis/05.jpg) no-repeat 50% 0;
	}


	.sec-subvis.ty02 .article-subvis.bg04 {
		background: url(../images/subvis/06.jpg) no-repeat 50% 0
	}

	.sec-subvis.ty02 .article-subvis.service_bg01 {
		background: url(../images/subvis/service_bg01.jpg) no-repeat 50% 0
	}

	.sec-subvis.ty02 .article-subvis.service_bg02 {
		background: url(../images/subvis/service_bg02.jpg) no-repeat 50% 0
	}

	.sec-subvis.ty02 .article-subvis.service_bg03 {
		background: url(../images/subvis/service_bg03.jpg) no-repeat 50% 0
	}

	.sec-subvis.ty02 .article-subvis.service_bg04 {
		background: url(../images/subvis/service_bg04.jpg) no-repeat 50% 0
	}

	.sec-subvis .article-subvis {
		background-size: cover !important
	}

	.sec-subvis.ty02 .article-subvis.s-web .tb_cell p {
		animation: none;
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		-ms-animation: none
	}

	@keyframes downscroll {
		0% {
			transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-o-transform: translateY(0px);
			-ms-transform: translateY(0px)
		}

		100% {
			transform: translateY(10px);
			-webkit-transform: translateY(10px);
			-moz-transform: translateY(10px);
			-o-transform: translateY(10px);
			-ms-transform: translateY(10px)
		}
	}

	@-webkit-keyframes downscroll {
		0% {
			transform: translateY(0px);
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-o-transform: translateY(0px);
			-ms-transform: translateY(0px)
		}

		100% {
			transform: translateY(10px);
			-webkit-transform: translateY(10px);
			-moz-transform: translateY(10px);
			-o-transform: translateY(10px);
			-ms-transform: translateY(10px)
		}
	}

	.down_scroll {
		padding-top: 200px;
		animation-name: downscroll;
		animation-duration: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		-webkit-animation-name: downscroll;
		-webkit-animation-duration: .5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		-moz-animation-name: downscroll;
		-moz-animation-duration: .5s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-direction: alternate;
		-o-animation-name: downscroll;
		-o-animation-duration: .5s;
		-o-animation-iteration-count: infinite;
		-o-animation-direction: alternate;
		-ms-animation-name: downscroll;
		-ms-animation-duration: .5s;
		-ms-animation-iteration-count: infinite;
		-ms-animation-direction: alternate
	}

	.down_scroll figure {
		width: 30px;
		height: 30px;
		margin: 0 auto
	}

	.down_scroll figure img {
		width: 100%
	}

	.down_scroll span {
		display: block;
		color: #fff;
		font-size: 10px
	}

	.down_scroll i {
		font-size: 40px;
		color: #fff;
		-webkit-transition: .5s;
		transition: .5s
	}

	.sec-subvis.ty02 .tb_cell {
		text-align: center
	}

	.sec-subvis.ty02 .tb_cell h2 {
		float: none;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 124px
	}

	.sec-subvis.ty02 .tb_cell p {
		float: none;
		font-size: 35px;
		padding: 0 10px
	}

	.sec-subvis.ty02.bg01 .article-subvis {
		background: url(../images/subvis/01.jpg) no-repeat 50% 0;
		background-size: cover
	}

	.sec-subvis.ty02 .article-subvis {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-subvis.ty02 .article-subvis.s-web {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1)
	}

	section.sec-subvis-bottom {
		position: relative;
		padding: 250px 0 150px 0
	}

	.sec-subvis-bottom:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .6)
	}

	.sec-subvis-bottom.bgnone:after {
		display: none
	}

	.sec-subvis-bottom .article-subvis-bottom {
		position: relative;
		z-index: 20
	}

	.sec-subvis-bottom .article-subvis-bottom:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-subvis-bottom .article-subvis-bottom .left {
		position: relative;
		width: 50%;
		margin-top: 150px
	}

	.sec-subvis-bottom .article-subvis-bottom .left .bg_box {
		padding-bottom: 50px
	}

	.sec-subvis-bottom .article-subvis-bottom .right {
		float: right;
		width: 70%;
		color: #fff;
		text-align: left
	}
	.sec-subvis-bottom .article-subvis-bottom .right.road_wraps {
		width: 50%;
	}

	.sec-subvis-bottom .article-subvis-bottom.article-road .right {
		text-align: center
	}

	.sec-subvis-bottom .article-subvis-bottom .right .tit {
		display: inline-block;
		padding: 20px 40px;
		margin-top: 100px;
		color: #fff;
		white-space: nowrap;
		font-size: 70px;
		border: 1px solid #fff
	}

	.sec-subvis-bottom .article-subvis-bottom .right strong {
		display: block;
		padding-bottom: 20px;
		font-size: 26px;
		font-family: 'swebM'
	}

	.sec-subvis-bottom .article-subvis-bottom .right h4 {
		font-size: 60px;
		font-family: "eng6";
		line-height: 1.1;
		padding-bottom: 15px
	}

	.sec-subvis-bottom .article-subvis-bottom .right p {
		padding-bottom: 10px;
		font-size: 18px
	}

	.sec-subvis-bottom .article-subvis-bottom .box_s {
		margin-top: 50px
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 {
		width: 100%;
		text-align: center
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 h4 {
		font-size: 84px
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 h4 span {
		font-family: 'comor_c_m'
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 p {
		padding-top: 0;
		font-family: 'eng6';
		font-size: 40px
	}

	.sec-subvis-bottom.st02 .article-subvis-bottom .right {
		float: none
	}

	.sec-subvis-bottom.st_intro .article-subvis-bottom .right {
		float: none;
		padding-top: 100px;
	}

	article.article-infomation {
		position: relative;
		z-index: 100;
		margin-top: 500px
	}

	article.article-infomation .list_linkbox ul li:after {
		clear: both;
		display: block;
		content: ''
	}

	article.article-infomation .list_linkbox ul li {
		background: #fff;
		padding: 50px 50px;
		margin-bottom: 50px;
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		-o-transition: transform .5s;
		-ms-transition: transform .5s
	}

	article.article-infomation .list_linkbox ul li:hover {
		transform: scale(1.1) rotate(-0.02deg);
		-webkit-transform: scale(1.1) rotate(-0.02deg);
		-moz-transform: scale(1.1) rotate(-0.02deg);
		-o-transform: scale(1.1) rotate(-0.02deg);
		-ms-transform: scale(1.1) rotate(-0.02deg)
	}

	article.article-infomation .list_linkbox ul li .thumb {
		float: left;
		width: 40%
	}

	article.article-infomation .list_linkbox ul li .thumb figure img {
		width: 100%
	}

	article.article-infomation .list_linkbox ul li .text {
		float: left;
		width: 60%;
		padding: 0 40px;
		text-align: left
	}

	article.article-infomation .list_linkbox ul li .text strong {
		font-size: 24px
	}

	article.article-infomation .list_linkbox ul li .text p {
		font-size: 16px
	}

	article.article-infomation .list_linkbox ul li .text a {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 40px;
		color: #fff;
		margin-top: 20px;
		background: #007dc6
	}

	section.sec-mainvis {
		position: relative;
		z-index: 100;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sec-mainvis .articles-mainvis {
		position: relative;
		z-index: 100;
		overflow: hidden;
		max-width: 100%;
		background: #000;
	}

	.sec-mainvis .articles-mainvis.active {
		width: 100%
	}

	.sec-mainvis .articles-mainvis:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .3);
	}

	.sec-mainvis .articles-mainvis .video_wrap {
		height: 100%;
	}

	.sec-mainvis .articles-mainvis .video_wrap .video_box {
		font-size: 0
	}

	.sec-mainvis .articles-mainvis .cover_box img {
		width: 100%
	}

	.sec-mainvis .articles-mainvis .video_wrap .video_box {
		position: absolute;
		left: 50%;
		top: 0;
		width: 2560px;
		margin-left: -1280px;
		font-size: 0
	}

	.sec-mainvis .articles-mainvis .video_wrap video {
		width: 100%
	}

	.sec-mainvis .articles-mainvis .video_wrap.visibleout {
		display: none
	}

	article[class*="articles-"] {
		max-width: 1280px;
		margin: 0 auto
	}

	a.com_btns01 {
		position: relative;
		z-index: 2;
		display: block;
		height: 50px;
		margin-top: 20px;
		font-family: 'swebR';
		font-size: 20px;
		color: #fff;
		line-height: 50px;
		border: 1px solid #fff;
		transition: color .5s;
		-webkit-transition: color .5s;
		-moz-transition: color .5s;
		-o-transition: color .5s;
		-ms-transition: color .5s;
		text-align: center
	}

	a.com_btns01:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		display: block;
		width: 0;
		height: 100%;
		content: '';
		background: #fff;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	a.com_btns01:hover {
		text-decoration: none;
		color: #333;
		border-color: #fff !important
	}

	a.com_btns01:hover:after {
		width: 100%
	}

	section.sec-intro02 {
		padding-top: 0;
		padding-bottom: 0
	}

	section.sec-intro02 .box_s {
		display: block;
		padding: 360px;
		margin: 0 90px
	}

	article.articles-intro02 {
		max-width: 100%
	}

	.list_notice {
		padding: 45px 40px 0 60px
	}

	.list_notice:after {
		clear: both;
		display: block;
		content: ''
	}

	.list_notice dt strong {
		display: block;
		padding-bottom: 5px;
		font-size: 24px
	}

	.list_notice dd {
		width: 100%
	}

	.list_notice dd li {
		position: relative;
		padding-left: 10px
	}

	.list_notice dd li:after {
		position: absolute;
		left: 0;
		top: 10px;
		z-index: 10;
		display: block;
		width: 4px;
		height: 4px;
		content: '';
		background: #555
	}

	.list_notice dd li a {
		display: block;
		width: 70%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		color: #878787
	}

	.list_notice dd li a:hover {
		text-decoration: none
	}

	.list_notice dd li .date {
		position: absolute;
		right: 0;
		top: 0;
		color: #878787
	}

	.articles-main-vis .gr-left.st1,
	.articles-main-vis .gr-right.st1 .top,
	.articles-main-vis .gr-right.st1 .bottom .left,
	.articles-main-vis .gr-right.st1 .bottom .right,
	.articles-main-vis .gr-left.st2,
	.articles-main-vis .gr-right.st2 {
		opacity: 0
	}

	.ie9 .articles-main-vis .gr-left.st1,
	.ie9 .articles-main-vis .gr-right.st1 .top,
	.ie9 .articles-main-vis .gr-right.st1 .bottom .left,
	.ie9 .articles-main-vis .gr-right.st1 .bottom .right,
	.ie9 .articles-main-vis .gr-left.st2,
	.ie9 .articles-main-vis .gr-right.st2 {
		opacity: 1
	}

	section.sec-banner01 {
		padding-top: 0;
		padding-bottom: 0
	}

	/*section.sec-banner01 .com_tit01 { font-family: 'eng6' }*/
	.sec-banner01 .articles-banner01 {
		position: relative;
		max-width: 100%
	}

	.sec-banner01 .articles-banner01:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-banner01 .articles-banner01 .txt_product {
		position: absolute;
		left: -200px;
		top: 40%;
		z-index: -1;
		color: #fafafa;
		font-size: 130px;
		line-height: 1;
		font-family: 'swebcM';
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg)
	}

	section.sec-intro02 .cont_box {
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		color: #fff;
		font-size: 36px;
		padding-bottom: 50%
	}

	section.sec-intro02 .cont_box figure.bg_img {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10
	}

	section.sec-intro02 .cont_box figure.bg_img:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .3)
	}

	section.sec-intro02 .cont_box figure.bg_img img {
		width: 100%
	}

	.sec-intro02 .cont_box .tb_wrap {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 20
	}

	.sec-intro02 .cont_box .tb_row {
		display: table;
		width: 100%;
		height: 100%
	}

	.sec-intro02 .cont_box .tb_row .tb_cell {
		display: table-cell;
		vertical-align: middle
	}

	.box_s {
		position: relative;
		display: inline-block;
		padding: 50px
	}

	.box_s:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 0;
		height: 5px;
		content: '';
		background: rgba(255, 255, 255, 1)
	}

	.box_s:before {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 5px;
		height: 0;
		content: '';
		background: rgba(255, 255, 255, 1)
	}

	.box_sg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.box_sg:after {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 10;
		display: block;
		width: 0;
		height: 5px;
		content: '';
		background: rgba(255, 255, 255, 1)
	}

	.box_sg:before {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		display: block;
		width: 5px;
		height: 0;
		content: '';
		background: rgba(255, 255, 255, 1)
	}

	.s-web .box_s:after {
		width: 100%;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.s-web .box_s:before {
		height: 100%;
		transition: .5s .5s;
		-webkit-transition: .5s .5s;
		-moz-transition: .5s .5s;
		-o-transition: .5s .5s;
		-ms-transition: .5s .5s
	}

	.s-web .box_sg:after {
		width: 100%;
		transition: .5s 1s;
		-webkit-transition: .5s 1s;
		-moz-transition: .5s 1s;
		-o-transition: .5s 1s;
		-ms-transition: .5s 1s
	}

	.s-web .box_sg:before {
		height: 70%;
		transition: .5s 1.5s;
		-webkit-transition: .5s 1.5s;
		-moz-transition: .5s 1.5s;
		-o-transition: .5s 1.5s;
		-ms-transition: .5s 1.5s
	}

	.articles-main-vis .gr-left.st1 {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .2s;
		-webkit-animation-delay: .2s
	}

	.articles-main-vis .gr-right.st1 .top {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .2s;
		-webkit-animation-delay: .2s
	}

	.articles-main-vis .gr-right.st1 .bottom .left {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .2s;
		-webkit-animation-delay: .2s
	}

	.articles-main-vis .gr-right.st1 .bottom .right {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .4s;
		-webkit-animation-delay: .4s
	}

	.articles-main-vis .gr-left.st2 {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .6s;
		-webkit-animation-delay: .6s
	}

	.articles-main-vis .gr-right.st2 {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .8s;
		-webkit-animation-delay: .8s
	}

	.ie9 .articles-banner01 li.first,
	.ie9 .articles-banner01 li.mid,
	.ie9 .articles-banner01 li.last {
		opacity: 1
	}

	.bx-wrapper .bx-pager {
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: 200px;
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
		color: #666;
		padding-top: 20px
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		background: rgba(255, 255, 255, .2);
		text-indent: -9999px;
		display: block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		outline: 0;
		border-radius: 50px
	}

	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:focus {
		background: #fff
	}

	.bx-wrapper .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
		vertical-align: bottom;
	}

	.bx-wrapper .bx-pager-item {
		font-size: 0;
		line-height: 0
	}

	@-webkit-keyframes main_fadeup {
		0% {
			opacity: 0;
			transform: translate(0, 100px);
			-webkit-transform: translate(0, 100px);
			-moz-transform: translate(0, 100px);
			-o-transform: translate(0, 100px);
			-ms-transform: translate(0, 100px)
		}

		60% {
			transform: translate(0, -20px);
			-webkit-transform: translate(0, -20px);
			-moz-transform: translate(0, -20px);
			-o-transform: translate(0, -20px);
			-ms-transform: translate(0, -20px);
			opacity: 1
		}

		100% {
			transform: translate(0, 0px);
			-webkit-transform: translate(0, 0px);
			-moz-transform: translate(0, 0px);
			-o-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px)
		}
	}

	@keyframes main_fadeup {
		0% {
			opacity: 0;
			transform: translate(0, 100px);
			-webkit-transform: translate(0, 100px);
			-moz-transform: translate(0, 100px);
			-o-transform: translate(0, 100px);
			-ms-transform: translate(0, 100px)
		}

		60% {
			transform: translate(0, -20px);
			-webkit-transform: translate(0, -20px);
			-moz-transform: translate(0, -20px);
			-o-transform: translate(0, -20px);
			-ms-transform: translate(0, -20px);
			opacity: 1
		}

		100% {
			transform: translate(0, 0px);
			-webkit-transform: translate(0, 0px);
			-moz-transform: translate(0, 0px);
			-o-transform: translate(0, 0px);
			-ms-transform: translate(0, 0px)
		}
	}

	section.sec-bius {
		position: relative;
		overflow: hidden;
		padding-bottom: 0
	}

	section.sec-bius.ty02 {
		padding-bottom: 100px
	}

	.sec-bius:before {
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		content: ''
	}

	.sec-bius:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .4);
	}

	.sec-bius.main:before {
		background-image: url('../images/main/bg_enjoy01.jpg');
	}

	.sec-bius.bg01:before {
		background-image: url('../images/sub/enjoy/bg/01.jpg');
	}

	.sec-bius.bg02:before {
		background-image: url('../images/sub/enjoy/bg/02.jpg');
	}

	.sec-bius.bg03:before {
		background-image: url('../images/sub/enjoy/bg/03.jpg');
	}

	.sec-bius.bg04:before {
		background-image: url('../images/sub/enjoy/bg/04.jpg');
	}

	.sec-bius.bg05:before {
		background-image: url('../images/sub/enjoy/bg/05.jpg');
	}

	.sec-bius.bg06:before {
		background-image: url('../images/sub/enjoy/bg/06.jpg');
	}

	.sec-bius.bg07:before {
		background-image: url('../images/sub/enjoy/bg/07.jpg');
	}

	.sec-bius.bg08:before {
		background-image: url('../images/sub/enjoy/bg/08.jpg');
	}

	.sec-bius.bg09:before {
		background-image: url('../images/sub/enjoy/bg/09.jpg');
	}

	.sec-bius.bg10:before {
		background-image: url('../images/sub/enjoy/bg/10.jpg');
	}

	.sec-bius.bg11:before {
		background-image: url('../images/sub/enjoy/bg/11.jpg');
	}

	.sec-bius.bg12:before {
		background-image: url('../images/sub/enjoy/bg/12.jpg');
	}

	.sec-bius.bg13:before {
		background-image: url('../images/sub/enjoy/bg/13.jpg');
	}

	.sec-bius.bg14:before {
		background-image: url('../images/sub/enjoy/bg/14.jpg');
	}

	.sec-bius.bg15:before {
		background-image: url('../images/sub/enjoy/bg/15.jpg');
	}

	.sec-bius.bg16:before {
		background-image: url('../images/sub/enjoy/bg/16.jpg');
	}

	.sec-bius.ty03:before {
		position: absolute;
		z-index: 10;
		background-image: url(../images/main/bg_sec06.jpg);
		background-position: 50% 0;
		background-size: 100% auto
	}

	.sec-bius.ty02:before {
		position: absolute;
		z-index: 10;
		background: #fff;
		background-size: cover;
		background-attachment: inherit
	}

	.sec-bius.ty02.s-web:before {
		position: fixed;
		z-index: -1
	}

	.sec-bius .article-bius {
		position: relative;
		z-index: 100
	}

	.sec-bius .article-bius .tit-two {
		position: relative;
		display: inline-block;
		font-family: 'eng6';
		font-size: 72px;
		color: #333;
		line-height: 1;
		padding: 0 0 10px
	}

	.sec-bius .article-bius {
		text-align: center;
		width: 100%
	}

	.sec-bius .article-bius p {
		font-size: 60px;
		font-family: "eng6";
		line-height: 1.1;
		padding-bottom: 15px;
		color: #fff
	}

	.sec-bius .article-bius p em {
		font-family: 'swebM'
	}

	.latest_youtube .btn {
		position: relative;
		display: inline-block;
		border: 1px solid #333;
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
		margin: 50px 0 50px 0;
		color: #777;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.latest_youtube .btn:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		display: block;
		width: 0;
		height: 100%;
		content: '';
		background: #fff;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.latest_youtube .btn:hover {
		color: #333;
		text-decoration: none
	}

	.latest_youtube .btn:hover:after {
		width: 100%
	}

	.sec-newlist {
		position: relative;
		background-size: cover
	}

	.sec-newlist .articles-newlist {
		position: relative;
		z-index: 20;
		background: #000
	}

	.articles-newlist.s-web .list_p01 li {
		opacity: 1;
	}

	.web-box .articles-newlist .list_p01 {
		perspective: 600px;
		-webkit-perspective: 600px;
		-moz-perspective: 600px
	}

	.web-box .articles-newlist .list_p01 li img {
		opacity: 0;
		transform: translateY(-400px);
		-webkit-transform: translateY(-400px);
		-moz-transform: translateY(-400px);
		-o-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
	}

	.articles-newlist.s-web .list_p01 li img {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 1;
	}

	.articles-newlist.s-web .list_p01 li:nth-child(2) img {
		-webkit-transition-delay: .15s;
		        transition-delay: .15s;
	}

	.articles-newlist.s-web .list_p01 li:nth-child(3) img {
		-webkit-transition-delay: .3s;
		        transition-delay: .3s;
	}

	.sec-newlist .com_tit01 {
		color: #fff;
		font-family: 'swebeSM'
	}

	.sec-newlist .com_desc01 {
		color: #fff
	}

	.mak_box {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 0
	}

	.mak_box.bg {
		overflow: hidden;
		width: 100%;
		height: 100%;
		border-radius: 0
	}

	.mak_box.bg .bg {
		position: absolute;
		left: 50%;
		top: 0;
		width: 1920px;
		margin-left: -960px
	}

	.mak_box.bg:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .5)
	}

	.mak_box.bg .tb_row {
		position: relative;
		z-index: 20;
		display: table;
		width: 100%;
		height: 100%
	}

	.mak_box.bg .tb_row .tb_cell {
		display: table-cell;
		vertical-align: middle;
		font-family: 'swebM';
		font-size: 66px;
		color: #fff
	}

	.txt_business {
		position: absolute;
		right: -230px;
		top: 50%;
		z-index: -1;
		color: #ddd;
		font-size: 100px;
		line-height: 1;
		font-family: 'swebcM';
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg)
	}

	.sec-banner01 .articles-banner01 figure {
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-banner01 .articles-banner01 li:hover figure {
		transform: scale(1.1) rotate(0.02deg);
		-webkit-transform: scale(1.1) rotate(0.02deg);
		-moz-transform: scale(1.1) rotate(0.02deg);
		-o-transform: scale(1.1) rotate(0.02deg);
		-ms-transform: scale(1.1) rotate(0.02deg)
	}

	.sec-banner01 .articles-banner01 ul:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-banner01 .articles-banner01 ul li {
		overflow: hidden;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box
	}

	.sec-banner01 .articles-banner01 ul li .text_box {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 30px 10px;
		background: #fff;
		transform: translate(0, 100%);
		-webkit-transform: translate(0, 100%);
		-moz-transform: translate(0, 100%);
		-o-transform: translate(0, 100%);
		-ms-transform: translate(0, 100%);
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		-o-transition: transform .5s;
		-ms-transition: transform .5s
	}

	.sec-banner01 .articles-banner01 ul li:hover .text_box {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0)
	}

	.sec-banner01 .articles-banner01 ul li .text_box strong {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: 'swebL';
		font-size: 22px;
		color: #333;
		line-height: 34px
	}

	.sec-banner01 .articles-banner01 ul li .text_box em {
		display: block;
		padding-bottom: 10px;
		font-family: 'swebM';
		font-size: 32px;
		font-size: 34px;
		color: #333
	}

	.sec-banner01 .articles-banner01 ul li .text_box p {
		padding: 20px 0 0 0;
		color: #333
	}

	.sec-banner01 .articles-banner01 ul li figure img {
		width: 101%;
		height: 100%
	}

	.sec-banner01 .articles-banner01 ul li .com_btns01 {
		width: 70%;
		margin: 20px auto;
		color: #fff;
		border-color: #fff
	}

	section.sec-problem {
		padding-top: 0
	}

	.sec-problem .articles2-problem {
		position: relative
	}

	.sec-problem .articles2-problem .problem-box {
		padding: 80px 0;
		margin: 0;
		border: 15px solid #fadee3;
		border-radius: 20px
	}

	.sec-problem .articles2-problem .problem-box.mid {
		border-color: #e0e7f7
	}

	.sec-problem .articles2-problem .problem-box.last {
		border-color: #fff1cd
	}

	.sec-problem .articles2-problem .problem-box strong {
		display: block;
		padding-bottom: 40px;
		font-family: 'swebL';
		font-size: 28px;
		color: #333
	}

	.sec-problem .articles2-problem .problem-box .problem-list {
		position: relative;
		width: 60%;
		margin: 0 auto;
		padding-left: 86px;
		padding-bottom: 30px
	}

	.sec-problem .articles2-problem .problem-box .problem-list:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-problem .articles2-problem .problem-box .problem-list dt {
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 50px;
		line-height: 50px;
		background: #ec8899;
		color: #fff;
		border-radius: 50%
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd {
		line-height: 1
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd input[type="text"] {
		float: left;
		width: 170px;
		height: 40px;
		border-bottom: 6px solid #333
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd span {
		float: left;
		display: block;
		padding-left: 15px;
		line-height: 40px;
		font-size: 40px;
		color: #333
	}

	.sec-problem .articles2-problem .problem-box ul.answer li {
		display: inline-block;
		margin-left: -4px;
		padding-right: 45px
	}

	.sec-problem .articles2-problem .problem-box ul.answer li a {
		display: block;
		font-size: 32px;
		font-family: 'swebM';
		color: #333
	}

	.sec-problem .articles2-problem .problem-box ul.answer li a:hover {
		text-decoration: none;
		background: #ec8899;
		color: #fff
	}

	.sec-problem .owl-theme .owl-nav .owl-prev {
		position: absolute;
		top: 50%;
		left: 230px;
		margin-top: -20px;
		background: #fff;
		border: 1px solid #333
	}

	.sec-problem .owl-theme .owl-nav .owl-next {
		position: absolute;
		top: 50%;
		right: 230px;
		margin-top: -20px;
		background: #fff;
		border: 1px solid #333
	}

	.sec-problem .owl-theme .owl-nav [class*=owl-] {
		color: #333
	}

	section.sec-teacher {
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		background: #fff
	}

	.sec-teacher .articles-teacher {
		position: relative
	}

	.sec-teacher .articles-teacher .com_tit02 {
		color: #333
	}

	.sec-teacher .articles-teacher .com_desc02 {
		color: #333
	}

	.sec-teacher .articles-teacher .owl-item li .thumb {
		overflow: hidden
	}

	.sec-teacher .articles-teacher .owl-item li .thumb img {
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-teacher .articles-teacher .owl-item li:hover .thumb img {
		transform: scale(1.1) rotate(0.02deg);
		-webkit-transform: scale(1.1) rotate(0.02deg);
		-moz-transform: scale(1.1) rotate(0.02deg);
		-o-transform: scale(1.1) rotate(0.02deg);
		-ms-transform: scale(1.1) rotate(0.02deg)
	}

	.sec-teacher .articles-teacher:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-teacher .articles-teacher .left {
		position: relative;
		float: left;
		width: 30%;
		padding: 16% 50px 16% 100px;
		background: #fafafa
	}

	.sec-teacher .articles-teacher .left:after {
		position: absolute;
		left: -100%;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: #fafafa
	}

	.sec-teacher .articles-teacher .left .text_box {
		text-align: left
	}

	.sec-teacher .articles-teacher .right {
		position: absolute;
		left: 35%;
		width: 65%;
		height: 100%;
		padding: 0 65px
	}

	.sec-teacher .articles-teacher .right ul {
		margin-top: 200px
	}

	.sec-teacher .articles-teacher .right ul li {
		overflow: hidden;
		position: relative
	}

	.sec-teacher .articles-teacher .right ul li p {
		position: absolute;
		top: 30px;
		left: 0;
		padding: 0 60px
	}

	.sec-teacher .articles-teacher .right ul li .thumb {
		overflow: hidden;
		position: relative;
		z-index: -1
	}

	.sec-teacher .articles-teacher .right ul li .thumb img {
		width: 100%
	}

	.sec-teacher .articles-teacher .right ul li .text_box {
		position: relative;
		display: table;
		width: 100%;
		height: 140px;
		background: #fff
	}

	.sec-teacher .articles-teacher .right ul li .text_box .tb_cell {
		display: table-cell;
		vertical-align: middle
	}

	.sec-teacher .articles-teacher .right ul li .text_box span {
		display: block;
		font-size: 27px;
		color: #333
	}

	.sec-teacher .articles-teacher .right ul li .text_box strong {
		display: block;
		font-family: 'swebM';
		font-size: 30px;
		color: #333
	}

	.grid_list {
		position: relative
	}

	.grid_list:after {
		clear: both;
		display: block;
		content: ''
	}

	.grid_list li.grid-item {
		overflow: hidden;
		position: relative;
		float: left;
		width: 50%;
		height: 100%
	}

	.grid_list li.grid-item:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .3);
		transition: background .2s;
		-webkit-transition: background .2s;
		-moz-transition: background .2s;
		-o-transition: background .2s;
		-ms-transition: background .2s
	}

	.grid_list li.grid-item .thumb {
		width: 100%;
		height: 100%;
		font-size: 0;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.grid_list li.grid-item .thumb_wrap {
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		-o-transition: transform .5s;
		-ms-transition: transform .5s
	}

	.grid_list li.grid-item.active .thumb_wrap {
		transform: scale(1.1) rotate(-0.02deg);
		-webkit-transform: scale(1.1) rotate(-0.02deg);
		-moz-transform: scale(1.1) rotate(-0.02deg);
		-o-transform: scale(1.1) rotate(-0.02deg);
		-ms-transform: scale(1.1) rotate(-0.02deg)
	}

	.grid_list li.grid-item.active:after {
		background: rgba(0, 0, 0, 0)
	}

	.grid_list li.grid-item .thumb img {
		width: 101%
	}

	.grid_list li.grid-item.width50 {
		width: 50%
	}

	.grid_list li.grid-item .text_box {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0
	}

	.grid_list li.grid-item .text_box .tb_row {
		position: relative;
		z-index: 200;
		display: table;
		width: 100%;
		height: 100%
	}

	.grid_list li.grid-item .text_box .tb_row .tb_cell {
		display: table-cell;
		vertical-align: middle;
		font-family: 'swebR';
		font-size: 20px;
		color: #fff
	}

	.grid_list li.grid-item.active .text_box .tb_row .tb_cell {
		color: #e27615
	}

	.grid_list.ty02 li:nth-child(2) {
		margin-left: 50%
	}

	.grid_list.ty01 li.first,
	.grid_list.ty01 li.mid,
	.grid_list.ty01 li.last {
		opacity: 0
	}

	.grid_list.ty02 li.first,
	.grid_list.ty02 li.mid,
	.grid_list.ty02 li.last {
		opacity: 0
	}

	.ie9 .grid_list.ty01 li.first,
	.ie9 .grid_list.ty01 li.mid,
	.ie9 .grid_list.ty01 li.last {
		opacity: 1
	}

	.ie9 .grid_list.ty02 li.first,
	.ie9 .grid_list.ty02 li.mid,
	.ie9 .grid_list.ty02 li.last {
		opacity: 1
	}

	.ie9 .sec-teacher .articles-teacher {
		opacity: 1
	}

	.grid_list.ty01 li.first {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .2s;
		-webkit-animation-delay: .2s
	}

	.grid_list.ty01 li.mid {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .4s;
		-webkit-animation-delay: .4s
	}

	.grid_list.ty01 li.last {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .6s;
		-webkit-animation-delay: .6s
	}

	.grid_list.ty02 li.first {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .2s;
		-webkit-animation-delay: .2s
	}

	.grid_list.ty02 li.mid {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .4s;
		-webkit-animation-delay: .4s
	}

	.grid_list.ty02 li.last {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .6s;
		-webkit-animation-delay: .6s
	}

	section.sec-newlist {
		padding-bottom: 0;
		padding-top: 0;
		background: #fff
	}

	.sec-newlist .articles-newlist {
		position: relative;
		padding: 0;
		background: #ddd;
	}

	.sec-newlist .articles-newlist:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-newlist .articles-newlist .left {
		position: relative;
		padding: 100px 0;
		text-align: left
	}

	.sec-newlist .articles-newlist .left .bg_oranage {
		position: absolute;
		top: 0;
		z-index: -1;
		width: 30%;
		height: 100%
	}

	.sec-newlist .articles-newlist .left:after {
		position: absolute;
		left: -100%;
		top: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 100%;
		content: ''
	}

	.sec-newlist .articles-newlist .left ul {
		margin-left: 21%
	}

	.sec-newlist .articles-newlist .left ul:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-newlist .articles-newlist .left ul li {
		position: relative;
		float: left;
		opacity: 1;
		margin-bottom: 0;
		padding: 0 10px 10px 0
	}

	.sec-newlist .articles-newlist .left ul li strong.tit {
		display: inline-block;
		font-size: 26px;
		color: #fff;
		font-family: 'swebR'
	}

	.sec-newlist .articles-newlist .left ul li strong.tit span {
		font-family: 'swebeSM'
	}

	.sec-newlist .articles-newlist .left ul li p.text_copy {
		display: block;
		font-size: 19px;
		color: #fff;
		font-family: 'swebR'
	}

	.sec-newlist .articles-newlist .left ul li p.text {
		width: 70%;
		padding: 20px 0;
		margin-left: 0;
		color: #fff;
		font-size: 18px;
		font-family: 'swebR'
	}

	.ie9 .sec-newlist .articles-newlist .left ul li {
		opacity: 1
	}

	.sec-newlist .articles-newlist .left ul li a {
		overflow: hidden;
		display: block;
		width: 70%;
		margin-bottom: 20px
	}

	.sec-newlist .articles-newlist .left ul li a.btn_detail {
		position: relative;
		display: inline-block;
		width: auto;
		padding: 10px 50px;
		margin: 10px 0 0 0;
		color: #fff;
		border: 1px solid #fff
	}

	.sec-newlist .articles-newlist .left ul li a.btn_detail:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		display: block;
		width: 0;
		height: 100%;
		content: '';
		background: #fff;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-newlist .articles-newlist .left ul li a.btn_detail:hover {
		text-decoration: none;
		color: #333
	}

	.sec-newlist .articles-newlist .left ul li a.btn_detail:hover:after {
		width: 100%
	}

	.sec-newlist .articles-newlist .left ul li figure {
		position: relative;
		width: auto
	}

	.sec-newlist .articles-newlist .left ul li figure img {
		width: 100%
	}

	.sec-newlist .articles-newlist .left ul li .text_box {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		color: #fff;
		opacity: 0;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-newlist .articles-newlist .left ul li .text_box:after {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 10;
		display: block;
		width: 30px;
		height: 30px;
		margin-left: -15px;
		margin-top: -15px;
		content: '';
		background: url(../images/icon/plus_white.png) no-repeat;
		background-size: 30px 30px;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-newlist .articles-newlist .left ul li:hover .text_box {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}

	.sec-newlist .articles-newlist .left ul li:hover .text_box:after {
		transform: rotate(720deg);
		-webkit-transform: rotate(720deg);
		-moz-transform: rotate(720deg);
		-o-transform: rotate(720deg);
		-ms-transform: rotate(720deg)
	}

	.sec-newlist .articles-newlist .left ul li:hover figure:after {
		width: 100%;
		height: 100%
	}

	.dot_box .circle {
		position: absolute;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		border: 10px solid #fff;
		width: 50px;
		height: 50px
	}

	.dot_box .circle.rect {
		position: absolute;
		top: 200px;
		left: -100px;
		width: 10px;
		height: 50px;
		border-radius: 0;
		border: 0;
		background: #fff;
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		-moz-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg)
	}

	.dot_box .circle.rect.rect02 {
		top: 420px;
		left: 150px;
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-o-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		background: #fff
	}

	.dot_box .circle.right_m {
		left: auto;
		top: 50%;
		right: -130px;
		z-index: -1;
		width: 120px;
		height: 120px;
		margin-top: -50px
	}

	@-webkit-keyframes zoomSw {
		0% {
			transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
			-ms-transform: scale(1.2);
			opacity: 0
		}

		100% {
			transform: scale(1);
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			opacity: 1
		}
	}

	@keyframes zoomSw {
		0% {
			transform: scale(1.2);
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
			-ms-transform: scale(1.2);
			opacity: 0
		}

		100% {
			transform: scale(1);
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			opacity: 1
		}
	}

	.articles-newlist li.one {
		margin-left: -40px
	}

	.articles-newlist li.two {
		width: 50%;
		margin-top: 100px
	}

	.articles-newlist li.three {
		width: 50%
	}

	.articles-newlist.s-web li.one {
		-webkit-animation-name: zoomSw;
		animation-name: zoomSw;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}

	.articles-newlist.s-web li.two {
		-webkit-animation-name: zoomSw;
		animation-name: zoomSw;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .2s;
		-webkit-animation-delay: .2s
	}

	.articles-newlist.s-web li.three {
		-webkit-animation-name: zoomSw;
		animation-name: zoomSw;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: .4s;
		-webkit-animation-delay: .4s
	}

	#s {
		display: none;
		width: 100%;
		background: url(../../../s/0.jpg);
		background-size: 100%;
	}

	#s.visiblein {
		display: block;
		width: 100%;
	}

	.footer .left {
		min-height: 450px
	}

	.footer .left:after {
		/*background-image: url('../images/common/bg_footer.jpg');*/
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #222;
	}

	article.articles-newlist {
		max-width: 100%
	}

	.sec-newlist .list_p01 {
		overflow: hidden
	}

	.sec-newlist .list_p01:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-newlist .list_p01 li {
		position: relative;
		overflow: hidden;
		float: left;
		width: 33.3333333%
	}

	.sec-newlist .list_p01 li:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		border: 2px solid #fff;
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-o-transform: scale(0.7);
		-ms-transform: scale(0.7);
		opacity: 0;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec-newlist .list_p01 li figure {
		transition: 7s;
		-webkit-transition: 7s;
		-moz-transition: 7s;
		-o-transition: 7s;
		-ms-transition: 7s
	}

	.sec-newlist .list_p01 li figure img {
		width: 100%
	}

	.sec-newlist .list_p01 li .tb_box {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 20;
		width: 100%;
		height: 100%
	}

	.sec-newlist .list_p01 li .tb_box .tb_row {
		display: table;
		width: 100%;
		height: 100%
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell {
		display: table-cell;
		vertical-align: middle;
		color: #fff;
		background: rgba(0, 0, 0, .3)
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell strong {
		font-size: 22px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell h3 {
		padding-bottom: 10px;
		font-size: 32px;
		font-family: 'eng6'
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell p {
		margin-bottom: 30px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell a {
		position: relative;
		display: inline-block;
		padding: 8px 30px;
		border: 1px solid #fff;
		transition: color .5s;
		-webkit-transition: color .5s;
		-moz-transition: color .5s;
		-o-transition: color .5s;
		-ms-transition: color .5s;
		font-family: 'eng6'
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell a span {
		position: relative;
		z-index: 10
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell a:hover {
		text-decoration: none
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell a:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		display: block;
		width: 0;
		height: 100%;
		content: '';
		background: rgba(255, 255, 255, 1);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		content: '';
		opacity: 1
	}

	.sec-newlist .list_p01 li:hover a {
		color: #333
	}

	.sec-newlist .list_p01 li:hover .tb_box .tb_row .tb_cell a:after {
		width: 100%;
		opacity: 1
	}

	.sec-newlist .list_p01 li:hover figure {
		transform: scale(1.2) rotate(-0.02deg);
		-webkit-transform: scale(1.2) rotate(-0.02deg);
		-moz-transform: scale(1.2) rotate(-0.02deg);
		-o-transform: scale(1.2) rotate(-0.02deg);
		-ms-transform: scale(1.2) rotate(-0.02deg)
	}

	.sec-newlist .list_p01 li:hover:after {
		opacity: 1;
		transform: scale(0.9) rotate(-0.02deg);
		-webkit-transform: scale(0.9) rotate(-0.02deg);
		-moz-transform: scale(0.9) rotate(-0.02deg);
		-o-transform: scale(0.9) rotate(-0.02deg);
		-ms-transform: scale(0.9) rotate(-0.02deg)
	}

	.articles-banner01 .owl-theme .owl-nav [class*=owl-] {
		background: #fff;
		color: #333
	}

	.sec-banner01 .articles-banner01 .move_tr {
		transform-origin: center bottom;
		-webkit-transform-origin: center bottom;
		-moz-transform-origin: center bottom
	}

	.sec-banner01 .articles-banner01 {
		position: relative;
		background: #fff;
		padding-top: 100px
	}

	.web-box .sec-banner01 .articles-banner01 .cont_box {
		position: relative;
		perspective: 600px;
		-webkit-perspective: 600px;
		-moz-perspective: 600px
	}

	.sec-banner01 .articles-banner01 .cont_box:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec-banner01 .articles-banner01 .left {
		position: relative;
		overflow: hidden;
		float: left;
		width: 50%;
	}

	.sec-banner01 .articles-banner01 .img {
		/* position: absolute; */
		/* left: 50%;
		top: -70px;
		margin-left: -500px; */
	}

	.sec-banner01 .articles-banner01 .img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.sec-banner01 .articles-banner01 .tb_box {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.sec-banner01 .articles-banner01 .left:hover .tb_row:after {
		width: 100%
	}

	.sec-banner01 .articles-banner01 .left:hover .tb_row:before {
		height: 100%
	}

	.sec-banner01 .articles-banner01 .left:hover .img {
		transform: scale(1.2) rotate(-0.02deg);
		-webkit-transform: scale(1.2) rotate(-0.02deg);
		-moz-transform: scale(1.2) rotate(-0.02deg);
		-o-transform: scale(1.2) rotate(-0.02deg);
		-ms-transform: scale(1.2) rotate(-0.02deg)
	}

	.sec-banner01 .articles-banner01 .left:hover .tb_box:after {
		background: rgba(0, 0, 0, .2)
	}

	.sec-banner01 .articles-banner01 .top:hover .tb_row:after {
		width: 100%
	}

	.sec-banner01 .articles-banner01 .top:hover .tb_row:before {
		height: 100%
	}

	.sec-banner01 .articles-banner01 .top:hover .img {
		transform: scale(1.2) rotate(-0.02deg);
		-webkit-transform: scale(1.2) rotate(-0.02deg);
		-moz-transform: scale(1.2) rotate(-0.02deg);
		-o-transform: scale(1.2) rotate(-0.02deg);
		-ms-transform: scale(1.2) rotate(-0.02deg)
	}

	.sec-banner01 .articles-banner01 .top:hover .tb_box:after {
		background: rgba(0, 0, 0, .4)
	}

	.sec-banner01 .articles-banner01 .bottom:hover .tb_row:after {
		width: 100%
	}

	.sec-banner01 .articles-banner01 .bottom:hover .tb_row:before {
		height: 100%
	}

	.sec-banner01 .articles-banner01 .bottom:hover .img {
		transform: scale(1.2) rotate(-0.02deg);
		-webkit-transform: scale(1.2) rotate(-0.02deg);
		-moz-transform: scale(1.2) rotate(-0.02deg);
		-o-transform: scale(1.2) rotate(-0.02deg);
		-ms-transform: scale(1.2) rotate(-0.02deg)
	}

	.sec-banner01 .articles-banner01 .bottom:hover .tb_box:after {
		background: rgba(0, 0, 0, .4)
	}

	.sec-banner01 .articles-banner01 .tb_box:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, .4);
		transition: background .5s;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-o-transition: background .5s;
		-ms-transition: background .5s
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row {
		position: relative;
		z-index: 100;
		display: table;
		width: 100%;
		height: 100%
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row:after {
		position: absolute;
		left: 10%;
		top: 15%;
		z-index: 10;
		display: block;
		width: 0;
		height: 2px;
		content: '';
		background: rgba(255, 255, 255, .4);
		transition: .4s;
		-webkit-transition: .4s;
		-moz-transition: .4s;
		-o-transition: .4s;
		-ms-transition: .4s
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row:before {
		position: absolute;
		right: 10%;
		top: 5%;
		z-index: 10;
		display: block;
		width: 2px;
		height: 0;
		content: '';
		background: rgba(255, 255, 255, .4);
		transition: .4s .4s;
		-webkit-transition: .4s .4s;
		-moz-transition: .4s .4s;
		-o-transition: .4s .4s;
		-ms-transition: .4s .4s
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell {
		display: table-cell;
		vertical-align: middle;
		color: #fff
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell strong {
		font-size: 30px
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell h3 {
		font-size: 24px;
		margin-bottom: 10px
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell p {
		width: 50%;
		margin: 0 auto
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a {
		position: relative;
		display: inline-block;
		margin-top: 30px;
		padding: 8px 30px;
		border: 1px solid #fff;
		transition: color .5s;
		-webkit-transition: color .5s;
		-moz-transition: color .5s;
		-o-transition: color .5s;
		-ms-transition: color .5s
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a span {
		position: relative;
		z-index: 10
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a:hover {
		text-decoration: none;
		color: #333
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		display: block;
		width: 0;
		height: 100%;
		content: '';
		background: rgba(255, 255, 255, 1);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		content: '';
		opacity: 1
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a:hover:after {
		width: 100%
	}

	.sec-banner01 .articles-banner01 .top {
		position: absolute;
		top: 0;
		left: 50%;
		overflow: hidden;
		width: 50%;
		height: 50%;
		transform: rotateY(130deg) rotateZ(0deg);
		-webkit-transform: rotateY(130deg) rotateZ(0deg);
		-moz-transform: rotateY(130deg) rotateZ(0deg);
		-o-transform: rotateY(130deg) rotateZ(0deg);
		-ms-transform: rotateY(130deg) rotateZ(0deg)
	}

	.sec-banner01 .articles-banner01 .bottom {
		position: absolute;
		top: 50%;
		left: 50%;
		overflow: hidden;
		width: 50%;
		height: 50%;
		transform: rotateY(-50deg) rotateZ(0deg);
		-webkit-transform: rotateY(-50deg) rotateZ(0deg);
		-moz-transform: rotateY(-50deg) rotateZ(0deg);
		-o-transform: rotateY(-50deg) rotateZ(0deg);
		-ms-transform: rotateY(-50deg) rotateZ(0deg)
	}

	.sec-banner01 .articles-banner01.al-tr.s-web .move_tr {
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-webkit-transition: -webkit-transform .8s;
		transition: -webkit-transform .8s;
		transition: transform .8s;
		transition: transform .8s, -webkit-transform .8s;
		-webkit-transition: transform .8s;
		-moz-transition: transform .8s;
		-o-transition: transform .8s;
		-ms-transition: transform .8s
	}

	article.article-fl {
		overflow: hidden;
		height: 640px
	}

	/*.sub .sweb_common01.al-tr.ty01 .img_box img { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px) }*/
	/*.sub .sweb_common01.al-tr.ty01 .text_box { opacity: 1; left: 20% }*/
	.fallingLeaves {
		text-align: center;
		-webkit-transform: translateY(-100px);
		        transform: translateY(-100px)
	}

	.web-box .fallingLeaves span {
		display: inline-block;
		width: 130px;
		height: 140px;
		margin: -80px 40px 54px -34px;
		background: url("../images/common/fl.png") no-repeat;
		background-size: 30px auto;
		animation: flo 5s infinite linear;
		-webkit-animation: flo 5s infinite linear;
		-moz-animation: flo 5s infinite linear;
		-o-animation: flo 5s infinite linear;
		-ms-animation: flo 5s infinite linear
	}

	html.main .fallingLeaves {
		display: none
	}

	.fallingLeaves span:nth-child(5n+5) {
		animation-delay: 1.3s;
		-webkit-animation-delay: 1.3s;
		-moz-animation-delay: 1.3s;
		-o-animation-delay: 1.3s;
		-ms-animation-delay: 1.3s
	}

	.fallingLeaves span:nth-child(3n+2) {
		animation-delay: 1.5s;
		-webkit-animation-delay: 1.5s;
		-moz-animation-delay: 1.5s;
		-o-animation-delay: 1.5s;
		-ms-animation-delay: 1.5s
	}

	.fallingLeaves span:nth-child(2n+5) {
		animation-delay: 1.7s;
		-webkit-animation-delay: 1.7s;
		-moz-animation-delay: 1.7s;
		-o-animation-delay: 1.7s;
		-ms-animation-delay: 1.7s
	}

	.fallingLeaves span:nth-child(3n+10) {
		animation-delay: 2.7s;
		-webkit-animation-delay: 2.7s;
		-moz-animation-delay: 2.7s;
		-o-animation-delay: 2.7s;
		-ms-animation-delay: 2.7s
	}

	.fallingLeaves span:nth-child(7n+2) {
		animation-delay: 3.5s;
		-webkit-animation-delay: 3.5s;
		-moz-animation-delay: 3.5s;
		-o-animation-delay: 3.5s;
		-ms-animation-delay: 3.5s
	}

	.fallingLeaves span:nth-child(4n+5) {
		animation-delay: 5.5s;
		-webkit-animation-delay: 5.5s;
		-moz-animation-delay: 5.5s;
		-o-animation-delay: 5.5s;
		-ms-animation-delay: 5.5s
	}

	.fallingLeaves span:nth-child(3n+7) {
		animation-delay: 8s;
		-webkit-animation-delay: 8s;
		-moz-animation-delay: 8s;
		-o-animation-delay: 8s;
		-ms-animation-delay: 8s
	}

	@keyframes flo {
		0% {
			opacity: 1;
			transform: translate(0, 0px) rotateZ(0deg);
			-moz-transform: translate(0, 0px) rotateZ(0deg);
			-o-transform: translate(0, 0px) rotateZ(0deg);
			-webkit-transform: translate(0, 0px) rotateZ(0deg);
			-ms-transform: translate(0, 0px) rotateZ(0deg)
		}

		75% {
			opacity: 1;
			transform: translate(100px, 400px) rotateZ(270deg);
			-moz-transform: translate(100px, 400px) rotateZ(270deg);
			-o-transform: translate(100px, 400px) rotateZ(270deg);
			-ms-transform: translate(100px, 400px) rotateZ(270deg);
			-webkit-transform: translate(100px, 400px) rotateZ(270deg)
		}

		100% {
			opacity: 0;
			transform: translate(150px, 500px) rotateZ(360deg);
			-moz-transform: translate(150px, 500px) rotateZ(360deg);
			-o-transform: translate(150px, 500px) rotateZ(360deg);
			-ms-transform: translate(150px, 500px) rotateZ(360deg);
			-webkit-transform: translate(150px, 500px) rotateZ(360deg)
		}
	}

	@-webkit-keyframes flo {
		0% {
			opacity: 1;
			transform: translate(0, 0px) rotateZ(0deg);
			-moz-transform: translate(0, 0px) rotateZ(0deg);
			-o-transform: translate(0, 0px) rotateZ(0deg);
			-webkit-transform: translate(0, 0px) rotateZ(0deg);
			-ms-transform: translate(0, 0px) rotateZ(0deg)
		}

		75% {
			opacity: 1;
			transform: translate(100px, 400px) rotateZ(270deg);
			-moz-transform: translate(100px, 400px) rotateZ(270deg);
			-o-transform: translate(100px, 400px) rotateZ(270deg);
			-ms-transform: translate(100px, 400px) rotateZ(270deg);
			-webkit-transform: translate(100px, 400px) rotateZ(270deg)
		}

		100% {
			opacity: 0;
			transform: translate(150px, 500px) rotateZ(360deg);
			-moz-transform: translate(150px, 500px) rotateZ(360deg);
			-o-transform: translate(150px, 500px) rotateZ(360deg);
			-ms-transform: translate(150px, 500px) rotateZ(360deg);
			-webkit-transform: translate(150px, 500px) rotateZ(360deg)
		}
	}

	article.article-service {
		position: relative;
		margin-top: 150px
	}

	article.article-service .service_box01 {
		position: relative;
		color: #fff
	}

	article.article-service .service_box01:after {
		clear: both;
		display: block;
		content: ''
	}

	article.article-service .service_box01 .thumb {
		float: left;
		width: 50%
	}

	article.article-service .service_box01 .thumb figure {
		overflow: hidden
	}

	article.article-service .service_box01 .thumb figure img {
		width: 100%
	}

	article.article-service .service_box01 .text_box {
		position: absolute;
		left: 50%;
		top: 80px;
		width: 50%;
		height: 100%;
		text-align: left
	}

	article.article-service .service_box01 .text_box .tb_box {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	article.article-service .service_box01 .text_box .tb_row {
		display: table;
		width: 100%;
		height: 100%
	}

	article.article-service .service_box01 .text_box .tb_row .com_tit01 {
		color: #fff
	}

	article.article-service .service_box01 .text_box .tb_row .com_tit01:after {
		display: none
	}

	article.article-service .service_box01 .text_box .tb_cell {
		display: table-cell;
		padding-left: 20px;
		padding-top: 30px;
		background: rgba(0, 0, 0, .7);
		color: #fff
	}

	article.article-service .service_box01 .text_box .tb_cell strong {
		display: block;
		font-size: 26px
	}

	article.article-service .service_box01 .text_box ul {
		position: relative;
		margin-top: 20px
	}

	article.article-service .service_box01 .text_box ul li {
		position: relative;
		padding-left: 13px;
		text-align: left
	}

	article.article-service .service_box01 .text_box ul li:after {
		position: absolute;
		left: 0;
		top: 11px;
		z-index: 10;
		display: block;
		width: 4px;
		height: 4px;
		content: '';
		background: #fff
	}

	article.article-service .service_box01 .text_box p {
		padding-top: 10px;
		text-align: left
	}

	article.article-service02 {
		position: relative;
		margin-top: 140px
	}

	article.article-service02 .service_box01 {
		overflow: hidden
	}

	article.article-service02 .service_box01 .thumb figure {
		overflow: hidden
	}

	article.article-service02 .service_box01:after {
		clear: both;
		display: block;
		content: ''
	}

	article.article-service02 .service_box01 .thumb {
		width: 50%;
		margin: 0 auto;
		overflow: hidden
	}

	article.article-service02 .service_box01 .thumb img {
		width: 100%
	}

	article.article-service03 {
		position: relative;
		margin-top: 60px
	}

	article.article-service03 .service_box01 .thumb figure {
		overflow: hidden
	}

	article.article-service03 .service_box01 {
		overflow: hidden
	}

	article.article-service03 .service_box01:after {
		clear: both;
		display: block;
		content: ''
	}

	article.article-service03 .service_box01 .thumb {
		width: 70%;
		overflow: hidden
	}

	article.article-service03 .service_box01 .thumb img {
		width: 100%
	}

	article.article-service04 {
		position: relative;
		margin-top: 60px
	}

	article.article-service04 .service_box01 .thumb figure {
		overflow: hidden
	}

	article.article-service04 .service_box01 {
		overflow: hidden
	}

	article.article-service04 .service_box01:after {
		clear: both;
		display: block;
		content: ''
	}

	article.article-service04 .service_box01 .thumb {
		float: right;
		width: 70%;
		overflow: hidden
	}

	article.article-service04 .service_box01 .thumb img {
		width: 100%
	}

	article.article-service05 {
		position: relative;
		margin-top: 60px
	}

	article.article-service05 .service_box01 .thumb figure {
		overflow: hidden
	}

	article.article-service05 .service_box01 {
		overflow: hidden
	}

	article.article-service05 .service_box01:after {
		clear: both;
		display: block;
		content: ''
	}

	article.article-service05 .service_box01 .thumb {
		width: 50%;
		overflow: hidden
	}

	article.article-service05 .service_box01 .thumb img {
		width: 100%
	}

	article.article-service .service_box01 .thumb {
		-webkit-transform: translateX(-20px);
		        transform: translateX(-20px);
		-webki-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	article.article-service.s-web .service_box01 .thumb {
		transform: translateX(-10px);
		-webkit-transform: translateX(-10px);
		-moz-transform: translateX(-10px);
		-o-transform: translateX(-10px);
		-ms-transform: translateX(-10px)
	}

	article.article-service .service_box01 .text_box {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
		-webki-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-o-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	article.article-service.s-web .service_box01 .text_box {
		transform: translateX(10px);
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-o-transform: translateX(10px);
		-ms-transform: translateX(10px)
	}

	article.article-service02 .service_box01 .thumb figure {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		-webki-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 0
	}

	article.article-service02.s-web .service_box01 .thumb figure {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	article.article-service03 .service_box01 .thumb figure {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
		-webki-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 0
	}

	article.article-service03.s-web .service_box01 .thumb figure {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	article.article-service04 .service_box01 .thumb figure {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		-webki-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 0
	}

	article.article-service04.s-web .service_box01 .thumb figure {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	article.article-service05 .service_box01 .thumb figure {
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
		-webki-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 0
	}

	article.article-service05.s-web .service_box01 .thumb figure {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		opacity: 1
	}

	.room_info_box {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		height: 100%
	}
	.room_info_box.active::after {
		position: absolute; left: 0; top: 0; z-index: 10; display: block; width:100%; height:100%; content:''; background:rgba(0,0,0,.6);
	}

	.room_info_box .tb_row {
		display: table;
		width: 100%;
		height: 100%
	}

	.room_info_box .tb_row .tb_cell {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-family: 'swebeM'
	}

	.room_info_box .tb_row .tb_cell .con_box {
		width: 700px;
		padding: 50px;
		margin: 0 auto;
		background: rgba(0, 0, 0, .4);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#000000)";
		-webkit-box-shadow: 5px 5px 18px rgba(0, 0, 0, .4);
		box-shadow: 5px 5px 18px rgba(0, 0, 0, .4);
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#000000)
	}

	.room_info_box .tb_row .tb_cell strong {
		display: block;
		font-family: 'eng6';
		font-size: 50px;
		color: #fff;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=124, Color=#000000)";
		text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.8);
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)
	}

	.room_info_box .tb_row .tb_cell em {
		display: block;
		color: #fff
	}

	.room_info_box .tb_row .tb_cell a {
		position: relative;
		display: inline-block;
		margin: 0 10px;
		width: 150px;
		height: 40px;
		line-height: 40px;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		border: 2px solid #fff;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box
	}

	.room_info_box .tb_row .tb_cell a:hover:before {
		width: 110%;
		height: 120%;
		border-color: #fff
	}

	.room_info_box .tb_row .tb_cell a:hover:after {
		width: 110%;
		height: 120%;
		border-color: #fff
	}

	.room_info_box .tb_row .tb_cell a:before {
		top: -6px;
		left: -6px;
		border-width: 2px 0 0 2px;
		z-index: 5;
		content: '';
		display: block;
		position: absolute;
		border-color: #fff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-style: solid;
		width: 1em;
		height: 1em;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out
	}

	.room_info_box .tb_row .tb_cell a:after {
		bottom: -6px;
		right: -6px;
		border-width: 0 2px 2px 0;
		content: '';
		display: block;
		position: absolute;
		border-color: #fff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-style: solid;
		width: 1em;
		height: 1em;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out
	}

	.room_info_box .tb_row .tb_cell a:hover {
		background: #333;
		color: #fff;
		text-decoration: none
	}

	.room_info_box .tb_row .tb_cell .btn_wrap {
		padding-top: 30px
	}

	.room_info_box .tb_row .tb_cell .room_info {
		background: #fff
	}

	.room_info_box .tb_row .tb_cell .room_back {
		background: #fff;
		cursor: pointer
	}

	.room_info_box .down_scroll {
		padding-top: 15px
	}

	.room_detail_box {
		position: fixed;
		left: 50%;
		top: 0;
		z-index: 1000;
		overflow: hidden;
		visibility: hidden;
		width: 50%;
		height: 100%;
		background: #fff;
		transform: translateX(-100px);
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		opacity: 0;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.room_detail_box.active {
		visibility: visible;
		width: 50%;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1;
		transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-ms-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1)
	}

	.room_detail_box .content_wrap {
		margin: 0 auto;
		padding: 100px 40px
	}

	.room_detail_box .content_wrap .content-s strong {
		display: inline-block;
		padding-bottom: 10px;
		font-size: 20px;
		font-family: 'swebM'
	}

	.room_detail_box .content_wrap .content-s .list {
		padding-bottom: 30px
	}

	.room_detail_box .content_wrap .content-s .list li {
		position: relative;
		padding: 15px 0 15px 32px;
		margin-bottom: 2px;
		background: #fafafa;
		border: 1px solid #ddd;
		border-radius: 4px
	}

	.room_detail_box .content_wrap .content-s .list li:after {
		position: absolute;
		left: 20px;
		top: 26px;
		z-index: 10;
		display: block;
		width: 3px;
		height: 3px;
		content: '';
		background: #333
	}

	.room_detail_box .content_wrap .content-s .list li span.st01 {
		display: block;
		color: #007cc6
	}

	.room_detail_box .content_wrap .content-s .list li span.st02 {
		color: #c60000
	}

	.room_detail_box .content_wrap .content-s .list.ty02 li {
		background: 0;
		border: 0;
		padding: 0 0 0 14px;
		font-size: 14px;
		color: #777;
	}

	.room_detail_box .content_wrap .content-s .list.ty02 li:after {
		left: 5px;
		top: 10px
	}

	.room_detail_box .content_wrap .heading {
		padding-bottom: 10px;
		text-align: center
	}

	.room_detail_box .content_wrap .heading h3 {
		position: relative;
		display: inline-block;
		line-height: 1;
		padding-bottom: 7px;
		margin-bottom: 30px;
		font-size: 36px;
		font-family: 'eng6';
		color: #333;
		opacity: 1
	}

	.room_detail_box .content_wrap .heading h3:after {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		display: block;
		width: 0;
		height: 2px;
		content: '';
		background: #333;
		transition: .5s .5s;
		-webkit-transition: .5s .5s;
		-moz-transition: .5s .5s;
		-o-transition: .5s .5s;
		-ms-transition: .5s .5s
	}

	.room_detail_box.active .content_wrap .heading h3:after {
		width: 100%
	}

	.room_detail_box .content_wrap .content-s .info_boxs:after {
		clear: both;
		display: block;
		content: ''
	}

	.room_detail_box .content_wrap .content-s .info_boxs .left {
		float: left;
		width: 35%
	}

	.room_detail_box .content_wrap .content-s .info_boxs .left img {
		width: 100%
	}

	.room_detail_box .content_wrap .content-s .info_boxs .right {
		float: left;
		width: 65%;
		padding: 0 0 0 10px;
	}

	.room_detail_box .content_wrap .content-s table {
		margin: 0 0 30px 0;
		text-align: center
	}

	.room_detail_box .content_wrap .content-s table th {
		font-family: 'swebM';
		border: 1px solid #ddd;
		padding: 10px 0;
		background: #fafafa
	}

	.room_detail_box .content_wrap .content-s table td {
		border: 1px solid #ddd;
		padding: 10px;
	}

	.room_detail_box .content_wrap .content-s table td span.st01 {
		color: #007cc6;
		font-family: 'swebM'
	}

	.room_detail_box .content_wrap .content-s table td span.st02 {
		color: #c60000;
		font-family: 'swebM'
	}

	.room_detail_box .btn_reserve {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
		background: #333;
		color: #fff
	}

	.room_btn_cancles {
		position: absolute;
		left: 50%;
		top: 100px;
		z-index: 1100;
		visibility: hidden;
		width: 50px;
		height: 50px;
		padding: 10px;
		background: #fff;
		font-size: 0;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 0
	}

	.room_btn_cancles img {
		width: 100%;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.room_btn_cancles:hover img {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg)
	}

	.room_btn_cancles.active {
		visibility: visible;
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transition: .5s 1s;
		-webkit-transition: .5s 1s;
		-moz-transition: .5s 1s;
		-o-transition: .5s 1s;
		-ms-transition: .5s 1s;
		opacity: 1;
		background-color: #222;
	}

	.blog_detail_box {
		position: fixed;
		left: 70%;
		top: 0;
		z-index: 1505;
		overflow: hidden;
		visibility: hidden;
		width: 50%;
		height: 100%;
		background: #fff;
		transform: translateX(-100px);
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		opacity: 0;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.blog_detail_box.active {
		visibility: visible;
		width: 30%;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1;
		transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1);
		-ms-transition: 1s cubic-bezier(0.645, 0.045, 0.355, 1)
	}

	.blog_detail_box .content_wrap {
		margin: 0 auto;
		padding: 100px 40px
	}

	.blog_detail_box .content_wrap .content-s strong {
		display: block;
		padding-bottom: 10px;
		font-size: 20px;
		font-family: 'swebM'
	}

	.blog_detail_box .content_wrap .content-s .list {
		padding-bottom: 30px
	}

	.blog_detail_box .content_wrap .content-s .list li {
		position: relative;
		padding-left: 12px
	}

	.blog_detail_box .content_wrap .content-s .list li:after {
		position: absolute;
		left: 0;
		top: 11px;
		z-index: 10;
		display: block;
		width: 3px;
		height: 3px;
		content: '';
		background: #333
	}

	.blog_detail_box .content_wrap .heading {
		padding-bottom: 50px;
		text-align: center
	}

	.blog_detail_box .content_wrap .heading h3 {
		position: relative;
		display: inline-block;
		line-height: 1;
		padding-bottom: 7px;
		margin-bottom: 30px;
		font-size: 30px;
		font-family: 'eng6';
		color: #333;
		opacity: 1
	}

	.blog_detail_box .content_wrap .heading h3:after {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		display: block;
		width: 0;
		height: 2px;
		content: '';
		background: #333;
		transition: .5s .5s;
		-webkit-transition: .5s .5s;
		-moz-transition: .5s .5s;
		-o-transition: .5s .5s;
		-ms-transition: .5s .5s
	}

	.blog_detail_box.active .content_wrap .heading h3:after {
		width: 100%
	}

	.blog_detail_box .content_wrap .content-s .info_boxs:after {
		clear: both;
		display: block;
		content: ''
	}

	.blog_detail_box .content_wrap .content-s .info_boxs .left {
		float: left;
		width: 40%
	}

	.blog_detail_box .content_wrap .content-s .info_boxs .left img {
		width: 100%
	}

	.blog_detail_box .content_wrap .content-s .info_boxs .right {
		float: left;
		width: 60%;
		padding: 0 30px
	}

	.blog_detail_box .content_wrap .content-s table {
		margin: 30px 0;
		text-align: center
	}

	.blog_detail_box .content_wrap .content-s table th {
		font-family: 'swebM';
		border: 1px solid #ddd;
		padding: 10px 0;
		background: #fafafa
	}

	.blog_detail_box .content_wrap .content-s table td {
		border: 1px solid #ddd;
		padding: 10px 0
	}

	.blog_detail_box .btn_reserve {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
		background: #333;
		color: #fff
	}

	.blog_btn_cancles {
		position: fixed;
		left: 70%;
		top: 100px;
		z-index: 1507;
		visibility: hidden;
		width: 50px;
		height: 50px;
		padding: 10px;
		background: #007cc6;
		font-size: 0;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 0
	}

	.blog_btn_cancles img {
		width: 100%;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.blog_btn_cancles:hover img {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg)
	}

	.blog_btn_cancles.active {
		visibility: visible;
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transition: .5s 1s;
		-webkit-transition: .5s 1s;
		-moz-transition: .5s 1s;
		-o-transition: .5s 1s;
		-ms-transition: .5s 1s;
		opacity: 1
	}

	.blog_detail_box dl {
		margin-bottom: 10px
	}

	.blog_detail_box dl:after {
		clear: both;
		display: block;
		content: ''
	}

	.blog_detail_box dl dt {
		float: left
	}

	.blog_detail_box dl dt figure {
		width: 200px
	}

	.blog_detail_box dl dt figure img {
		width: 100%
	}

	.blog_detail_box dl dd {
		float: left;
		padding-left: 20px
	}

	.blog_detail_box dl dd a {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		border: 1px solid #555
	}

	.sub .mv-sw {
		display: none
	}

	.mv-sw {
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 100;
		overflow: hidden;
		width: 500px;
		height: 500px;
		margin: -250px 0 0 -250px;
		border-radius: 50%
	}

	.mv-sw.none {
		display: none
	}

	.mv-sw .left,
	.mv-sw .right {
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		background: rgba(255, 255, 255, .2);
		color: #333
	}

	.mv-sw .left {
		left: 0;
		text-align: right
	}

	.mv-sw .right {
		left: 50%;
		text-align: left
	}

	.mv-sw .tb_r {
		display: table;
		width: 100%;
		height: 100%;
		font-family: 'swebM';
		font-size: 26px
	}

	.mv-sw .tb_c {
		display: table-cell;
		vertical-align: middle;
		font-family: 'swebM';
		font-size: 26px
	}

	#scrol-wrap {
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden
	}

	#scrol-scroller {
		position: absolute;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		width: 100%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none
	}

	#scrol-wraps {
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		background: #eee
	}

	#scrol-scrollers {
		position: absolute;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		width: 100%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none
	}

	.quick_box {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 900;
		visibility: hidden;
		width: 100%;
		height: 40px;
		background: #fafafa;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		opacity: 0;
	}

	.quick_box.active {
		opacity: 1;
		visibility: visible;
	}

	/*	html.main .quick_box {opacity: 0}
	html.main .quick_box.active {opacity:1;}*/
	.quick_box ul {
		text-align: center
	}

	.quick_box ul:after {
		clear: both;
		display: block;
		content: ''
	}

	.quick_box ul li {
		position: relative;
		display: inline-block;
		line-height: 40px
	}

	.quick_box ul li a {
		display: block;
		padding: 0 20px;
		font-size: 14px
	}

	.quick_box ul li:nth-child(2) a {
		background: #007cc6;
		color: #fff;
	}

	.quick_box ul li:nth-child(2) a:hover {
		background: #1c262c;
		color: #fff;
	}

	.quick_box ul li a:hover {
		color: #007cc6;
		text-decoration: none
	}

	.quick_box ul li:after {
		position: absolute;
		right: 0;
		top: 16px;
		z-index: 10;
		display: block;
		width: 1px;
		height: 10px;
		content: '';
		background: #333
	}

	.quick_box ul li:last-child:after {
		display: none
	}

	.list_linkbox {
		margin-top: 240px
	}

	.list_linkbox.pos02 {
		margin-top: 130px
	}

	.list_linkbox.ty01 {
		margin-top: 50px
	}

	.list_linkbox ul:after {
		clear: both;
		display: block;
		content: '';
	}

	.list_linkbox ul li {
		position: relative
	}

	.list_linkbox ul li:after {
		clear: both;
		display: block;
		content: ''
	}

	.list_linkbox ul li {
		background: #fff;
		padding: 50px 50px;
		margin-bottom: 50px;
		-webkit-transition: -webkit-transform .5s;
		transition: -webkit-transform .5s;
		transition: transform .5s;
		transition: transform .5s, -webkit-transform .5s;
		-webkit-transition: transform .5s;
		-moz-transition: transform .5s;
		-o-transition: transform .5s;
		-ms-transition: transform .5s
	}

	.list_linkbox ul.grid_two li {
		padding: 50px 20px;
	}

	.list_linkbox ul li .thumb {
		float: left;
		width: 60%
	}

	.list_linkbox ul li .thumb figure img {
		width: 100%
	}

	.list_linkbox ul li .text {
		float: left;
		width: 40%;
		padding: 0 40px;
		text-align: left
	}

	.list_linkbox ul li .text:after {
		clear: both;
		display: block;
		content: ''
	}

	.list_linkbox ul li .text em {
		display: block;
		color: #ddd
	}

	.list_linkbox ul li .text strong {
		display: block;
		padding-bottom: 10px;
		font-size: 24px;
	}

	.list_linkbox ul li .text p {
		font-size: 16px;
		padding-bottom: 5px
	}

	.list_linkbox ul li .text a {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		color: #fff;
		font-size: 14px;
		margin-top: 30px;
		background: #007dc6
	}

	.list_linkbox ul li .text dl {
		padding-bottom: 15px
	}

	.list_linkbox ul li .text dl:after {
		clear: both;
		display: block;
		content: ''
	}

	.list_linkbox ul li .text dl dt {
		position: relative;
	}

	/*.list_linkbox ul li .text dl dt:after { position: absolute; right: 0; top: 5px; z-index: 10; display: block; width: 1px; height: 15px; content: ''; background: #ddd }*/
	/*.list_linkbox ul li .text dl dd { padding-left: 50px }*/
	.sec_pen_info {
		position: relative;
		background-size: cover;
		background: #c2bada
	}

	.sec_pen_info:after {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
		display: block;
		width: 0;
		height: 100%;
		content: '';
		background: #1a3164
	}

	.sec_pen_info:before {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: #333
	}

	.sec_pen_info.s-web:before {
		width: 0;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec_pen_info.s-web:after {
		width: 100%;
		transition: .5s .5s;
		-webkit-transition: .5s .5s;
		-moz-transition: .5s .5s;
		-o-transition: .5s .5s;
		-ms-transition: .5s .5s
	}

	.sec_pen_info .article-pen_info {
		position: relative;
		z-index: 20;
		padding: 50px 0;
		text-align: center
	}

	.sec_pen_info .article-pen_info figure {
		width: 80%;
		margin: 0 auto;
		opacity: 1;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec_pen_info .article-pen_info img {
		width: 100%;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s
	}

	.sec_pen_info .article-pen_info .text_box {
		padding: 50px 10px 0 10px
	}

	.sec_pen_info .article-pen_info .text_box ul {
		padding: 40px 20px;
		border-radius: 4px
	}

	.sec_pen_info .article-pen_info .text_box ul:after {
		clear: both;
		display: block;
		content: ''
	}

	.sec_pen_info .article-pen_info .text_box ul li {
		position: relative;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		color: #fff
	}

	.sec_pen_info .article-pen_info .text_box ul li span {
		position: absolute;
		left: 5px
	}

	.sec_pen_info .article-pen_info .text_box ul li p {
		padding-left: 25px
	}

	.sec_pen_info .article-pen_info .text_box ul li p em {
		color: #00fdff
	}

	.sec_pen_info .com_tit01:after {
		display: none
	}

	.sec_pen_info .com_tit01 {
		color: #fff
	}

	.sec_pen_info .com_desc01 {
		color: #fff
	}

	.sec_pen_info .article-pen_info.s-web figure {
		position: relative;
		opacity: 1
	}

	.sec_pen_info .article-pen_info.s-web figure img {
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%)
	}

	.article-pen_info .map_c {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 50px;
		height: 50px;
		background: url('../images/common/prefix.png') repeat
	}

	.article-pen_info .map_c .text {
		position: absolute;
		top: -100%;
		display: none;
		background: #fff;
		width: 150px;
		height: 50px;
		line-height: 50px;
		font-size: 12px;
		text-align: center;
		border-radius: 4px;
		font-family: 'swebM'
	}

	.article-pen_info .map_c:hover .text {
		display: block
	}

	.article-pen_info .map_c.map_1 {
		margin: 0 0 0 -90px
	}

	.article-pen_info .map_c.map_2 {
		margin: -50px 0 0 -180px
	}

	.article-pen_info .map_c.map_3 {
		margin: -87px 0 0 -135px;
		width: 30px;
		height: 30px
	}

	.article-pen_info .map_c.map_4 {
		margin: -114px 0 0 -30px;
		width: 30px;
		height: 30px
	}

	.article-pen_info .map_c.map_5 {
		margin: -140px 0 0 35px
	}

	.article-pen_info .map_c.map_6 {
		margin: -80px 0 0 -94px
	}

	.article-pen_info .map_c.map_7 {
		margin: -70px 0 0 -20px
	}

	.article-pen_info .map_c.map_8 {
		margin: -130px 0 0 -180px
	}

	.article-pen_info .map_c.map_9 {
		margin: -150px 0 0 -30px
	}

	.article-pen_info .map_c.map_10 {
		margin: -37px 0 0 -330px
	}

	.article-pen_info .map_c.map_11 {
		margin: 20px 0 0 -246px
	}

	.article-pen_info .map_c.map_12 {
		margin: -40px 0 0 120px
	}

	.article-pen_info .map_c.map_13 {
		margin: 20px 0 0 210px
	}

	.article-pen_info .map_c.map_14 {
		margin: -186px 0 0 -303px
	}

	.sec_pen_info .article-pen_info figure {
		animation-name: upDown;
		animation-duration: .5s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		-webkit-animation-name: upDown;
		-webkit-animation-duration: .5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		-moz-animation-name: upDown;
		-moz-animation-duration: .5s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-direction: alternate;
		-o-animation-name: upDown;
		-o-animation-duration: .5s;
		-o-animation-iteration-count: infinite;
		-o-animation-direction: alternate;
		-ms-animation-name: upDown;
		-ms-animation-duration: .5s;
		-ms-animation-iteration-count: infinite;
		-ms-animation-direction: alternate
	}

	@keyframes upDown {
		0% {
			transform: translateY(-10px);
			-webkit-transform: translateY(-10px);
			-moz-transform: translateY(-10px);
			-o-transform: translateY(-10px);
			-ms-transform: translateY(-10px)
		}

		100% {
			transform: translateY(10px);
			-webkit-transform: translateY(10px);
			-moz-transform: translateY(10px);
			-o-transform: translateY(10px);
			-ms-transform: translateY(10px)
		}
	}

	@-webkit-keyframes upDown {
		0% {
			transform: translateY(-10px);
			-webkit-transform: translateY(-10px);
			-moz-transform: translateY(-10px);
			-o-transform: translateY(-10px);
			-ms-transform: translateY(-10px)
		}

		100% {
			transform: translateY(10px);
			-webkit-transform: translateY(10px);
			-moz-transform: translateY(10px);
			-o-transform: translateY(10px);
			-ms-transform: translateY(10px)
		}
	}

	.tit_box_o {
		position: relative;
		z-index: 50;
		padding-top: 180px
	}

	.com_titpen {
		padding-bottom: 15px;
		color: #fff;
		font-size: 90px;
		font-family: 'eng6'
	}

	.com_titpen+p {
		padding-top: 0;
		font-family: 'eng6';
		font-size: 30px;
		color: #fff
	}
}

@media only screen and (max-width:1920px) {
	.sec-subvis.ty02 {
		position: fixed;
		left: 50%;
		top: 0;
		width: 1920px;
		height: 980px;
		margin-left: -960px
	}

	.sec-mainvis .articles-mainvis .video_wrap .video_box {
		width: 1920px;
		margin-left: -960px
	}

	section.sec-subvis {
		height: 800px
	}

	/* .sec-banner01 .articles-banner01 .img img {
		width: auto
	} */

	.sec-subvis .article-subvis {
		background-size: inherit !important
	}
}

article.article-common-sweb01 {
	position: relative;
	z-index: 10;
	max-width: 100%
}

article.article-common-sweb01:before {
	position: absolute;
	left: 0;
	top: 110px;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: #ddd
}

.sec-bius.ty03 article.article-common-sweb01:before {
	top: 0
}

article.article-common-sweb01 .tit_name {
	position: absolute;
	left: 20px;
	top: 80px;
	color: #fff;
	font-size: 110px;
	font-family: 'eng6', 'comor_c_m';
	opacity: .4
}

article.article-common-sweb01 .tit_name span {
	display: block;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	white-space: nowrap
}

.sweb_common01 {
	position: relative;
	margin-top: -4%
}

.sweb_common01.al-tr.s-web .img_box img {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	opacity: 1
}

.sweb_common01 .img_box {
	overflow: hidden;
	padding-bottom: 30px
}

.sweb_common01 .img_box img {
	width: 100%
}

.sweb_common01.al-tr .img_box img {
	transform: translateY(-101%);
	-webkit-transform: translateY(-101%);
	-moz-transform: translateY(-101%);
	-o-transform: translateY(-101%);
	-ms-transform: translateY(-101%)
}

.sweb_common01.left.al-tr .img_box img {
	transform: translateX(-101%);
	-webkit-transform: translateX(-101%);
	-moz-transform: translateX(-101%);
	-o-transform: translateX(-101%);
	-ms-transform: translateX(-101%)
}

.sweb_common01.left.al-tr.s-web .img_box img {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	opacity: 1
}

.ie9 .sweb_common01.al-tr .img_box img {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
}

.ie9 .sweb_common01.al-tr .text_box {
	left: 20%;
	opacity: 1;
}

.ie9 .sweb_common01.left.al-tr .img_box img {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}


.lowSpeedInternet .sweb_common01.al-tr .img_box img {
	opacity: 1 !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
}

.lowSpeedInternet .sweb_common01.al-tr .text_box {
	left: 20%;
	opacity: 1 !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
}

.lowsys .sweb_common01.al-tr .img_box img {
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	opacity: 0
}

.lowsys .sweb_common01.al-tr.s-web .img_box img {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	opacity: 1
}

.lowsys .sweb_common01.left.al-tr .img_box img {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	opacity: 0
}

.lowsys .sweb_common01.left.al-tr.s-web .img_box img {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
	opacity: 1
}



.sweb_common01 .text_box {
	position: absolute;
	top: 40%;
	left: 20%;
	width: 290px;
	color: #021e2f;
	font-size: 70px;
	font-family: 'eng6', 'comor_c_m';
	text-align: left;
	opacity: 1
}

.sweb_common01 .text_box.pos1 {
	top: 30%;
}

.sweb_common01.al-tr .text_box {
	left: 0;
	opacity: 0
}

.sweb_common01.al-tr.s-web .text_box {
	left: 20%;
	z-index: 100;
	/* width: 20%; */
	opacity: 1;
	transition: left .5s ease .5s, opacity .5s ease .5s;
}

.sweb_common01 .text_box .btn_g {
	font-size: 14px;
	font-family: 'swebM';
	border-bottom: 2px solid #021e2f;
}

.sweb_common01 .text_box .btn_g:hover {
	text-decoration: none;
}

.sweb_common01 .text_box .t01 {
	position: absolute;
	top: -120px;
	white-space: nowrap;
	font-family: 'eng6'
}

.sweb_common01 .text_box strong {
	position: relative;
	display: block;
	padding-bottom: 30px;
	font-size: 20px;
	font-family: 'swebM'
}

.sweb_common01 .text_box strong em {
	font-family: 'swebR'
}

.sweb_common01 .text_box p {
	font-family: 'swebR';
	font-size: 16px;
	word-break: keep-all;
}
.sweb_common01 .text_box em.bold {
	display: block;
	padding-top:4px;
	font-family: 'swebM';
	color: #969696;
}

.sweb_common01.mtop0 {
	margin-top: 0
}

.sweb_common01.ty01 .img_box {
	width: 60%;
	margin-left: 40%
}

.sweb_common01.ty02 .img_box {
	width: 50%;
	margin-left: 50%
}

.sweb_common01.ty03 .img_box {
	width: 45%;
	margin-left: 40%
}

.sweb_common01 .slider_box_b {
	position: relative;
	width: 45%;
	margin-left: 40%;
}

.sweb_common01 .slider_box_b.ty02 {
	width: 60%;
	margin-left: 40%
}

.sweb_common01 .slider_box_b .img_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin-left: 0;
}

.sweb_common01 .slider_box_b .img_box:first-child {
	position: relative;
}

.sweb_common01 .slider_box_b .owl-nav {
	position: absolute;
	left: 0;
	bottom: 30px;
	margin-top: 0;
}

.sweb_common01 .slider_box_b .owl-nav [class*=owl-] {
	background: #fff;
	color: #333;
}

section.sec-room-banner {
	padding: 0;
	background: #fff;
}

.sec-room-banner .articles-room-banner {
	max-width: 100%;
}

.sec-room-banner ul {
	overflow: hidden;
	height: 800px
}

.sec-room-banner ul:after {
	clear: both;
	display: block;
	content: '';
}

.sec-room-banner ul li {
	position: relative;
	height: 100%;
	background-size: cover;
	background-position: 50% 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.sec-room-banner ul li a {
	display: block;
	height: 100%;
}

.sec-room-banner ul li a:hover {
	text-decoration: none;
}

.sec-room-banner ul li.of {}

.sec-room-banner ul li.on {
	background-position: 40% 0px;
}

.sec-room-banner ul li.on:after {
	background: rgba(0, 0, 0, .1);
}

.sec-room-banner ul li:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .3);
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.sec-room-banner ul li .tb_row {
	position: relative;
	z-index: 100;
	display: table;
	width: 100%;
	height: 100%;
}

.sec-room-banner ul li .tb_cell {
	display: table-cell;
	color: #fff;
	font-size: 22px;
	vertical-align: middle;
	text-align: center;
}

.sec-room-banner ul li .tb_cell .tit {
	font-family: 'eng6'
}

.sec-room-banner .owl-carousel .owl-stage-outer {
	height: 100%;
}

.sec-room-banner .owl-carousel .owl-stage {
	height: 100%;
}

.sec-room-banner .owl-carousel.owl-drag .owl-item {
	height: 100%;
}

.sec-room-banner .owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	margin-top: 80px;
	margin-left: -50px;
}

.sec-room-banner .owl-theme .owl-nav [class*=owl-] {
	background: #fff
}

.sec-room-banner .owl-theme .owl-nav [class*=owl-] {
	color: #333;
}

@media only screen and (max-width:1024px) {
	.com_tit01-n {
		font-size: 26px;
	}
	.com_desc02-n {
		font-size: 16px;
	}
	.sweb_common01 {
		margin-bottom: 50px
	}

	.sweb_common01 .text_box {
		position: relative;
		left: auto;
		top: auto;
		z-index: 10;
		width: 350px;
		padding: 0 10px
	}

	.sweb_common01 .text_box.pos1 {
		top: auto;
	}

	.sweb_common01 .text_box .t01 {
		font-size: 60px
	}
	.sweb_common01.al-tr.s-web .text_box {
		/* width: 350px; */
	}
}

@media only screen and (max-width:767px) {
	.sweb_common01 {
		margin-top: 0
	}

	.sweb_common01 .text_box {
		width: 80%
	}

	.sweb_common01 .text_box .t01 {
		top: -60px;
		font-size: 35px
	}

	.sweb_common01 .text_box strong {
		padding-bottom: 10px;
		font-size: 16px
	}

	.sweb_common01 .text_box p {
		font-size: 12px
	}

	.sweb_common01.ty01 {
		margin-top: 60px
	}

	.sweb_common01.ty01 .img_box {
		width: 90%;
		margin-left: 10%
	}

	.sweb_common01.ty02 .img_box {
		width: 80%;
		margin-left: 20%
	}

	.sweb_common01.ty03 .img_box {
		width: 90%;
		margin-left: 0
	}

	.sweb_common01 .slider_box_b {
		width: 90%;
		margin-left: 0
	}

	.sweb_common01 .slider_box_b.ty02 {
		width: 90%;
		margin-left: 10%
	}

	.sweb_common01.al-tr .text_box {
		left: 25px;
	}

	.sweb_common01.al-tr.s-web .text_box {
		left: 25px;
		width: calc(100% - 25px);
	}
}

@media only screen and (max-width:1600px) {
	.blog_detail_box dl {
		margin-bottom: 20px
	}

	.blog_detail_box dl dt {
		float: none
	}

	.blog_detail_box dl dd {
		float: none;
		padding-left: 0;
		padding-top: 10px;
		text-align: center
	}

	.blog_detail_box dl dt figure {
		width: 100%
	}

	.blog_detail_box .content_wrap .heading h3 {
		font-size: 16px;
		margin-bottom: 15px
	}

	.blog_detail_box .content_wrap .heading {
		padding-bottom: 20px
	}

	.blog_detail_box .content_wrap .content-s strong {
		font-size: 14px;
		text-align: left
	}

	.blog_detail_box dl dd a {
		font-size: 14px
	}
}

@media only screen and (max-width:1279px) {
	.sec-subvis-bottom .article-subvis-bottom .right.ty02 h4 {
		font-size: 80px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell strong {
		font-size: 18px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell h3 {
		font-size: 24px
	}

	.sec-newlist .list_p01 li a {
		color: #fff
	}

	.sec-newlist .list_p01 li figure {
		transform: scale(1.2) rotate(-0.02deg);
		-webkit-transform: scale(1.2) rotate(-0.02deg);
		-moz-transform: scale(1.2) rotate(-0.02deg);
		-o-transform: scale(1.2) rotate(-0.02deg);
		-ms-transform: scale(1.2) rotate(-0.02deg)
	}

	.sec-newlist .list_p01 li:after {
		opacity: 1;
		transform: scale(0.9) rotate(-0.02deg);
		-webkit-transform: scale(0.9) rotate(-0.02deg);
		-moz-transform: scale(0.9) rotate(-0.02deg);
		-o-transform: scale(0.9) rotate(-0.02deg);
		-ms-transform: scale(0.9) rotate(-0.02deg)
	}

	.mak_box.bg .tb_row .tb_cell {
		font-size: 50px
	}

	section.sec-intro02 .box_s {
		padding: 170px
	}

	section.sec-problem {
		padding-top: 50px
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box strong {
		font-size: 40px
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box em {
		font-size: 40px
	}

	.articles-main-vis .gr-right.st1 .top .text_box strong,
	.articles-main-vis .gr-right.st1 .top .text_box em,
	.articles-main-vis .gr-right.st1 .bottom .left .text_box strong,
	.articles-main-vis .gr-right.st1 .bottom .right .text_box strong,
	.articles-main-vis .gr-right.st2 .text_box strong,
	.articles-main-vis .gr-right.st2 .text_box em,
	.sec-banner01 .articles-banner01 ul li .text_box em {
		font-size: 30px
	}

	a.com_btns01 {
		font-size: 18px
	}

	.articles-main-vis .gr-right.st1 .bottom .right .text_box em {
		font-size: 18px;
		color: #333
	}

	.sec-banner01 .articles-banner01 ul li .text_box strong {
		font-size: 28px;
		line-height: 30px
	}

	.sec-problem .articles2-problem .problem-box strong {
		font-size: 18px
	}

	.sec-problem .articles2-problem .problem-box .problem-list {
		width: 80%;
		padding-left: 45px
	}

	.sec-problem .articles2-problem .problem-box .problem-list dt {
		width: 30px;
		height: 30px;
		line-height: 30px
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd input[type="text"] {
		width: 100px;
		height: 26px
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd span {
		font-size: 20px;
		line-height: 30px
	}

	.sec-problem .articles2-problem .problem-box ul.answer li a {
		font-size: 18px
	}

	.sec-teacher .articles-teacher .right ul li p {
		padding: 0 20px
	}

	.sec-teacher .articles-teacher .right ul li .text_box span,
	.sec-teacher .articles-teacher .right ul li .text_box strong {
		font-size: 20px
	}
}

#videoOne {
	display: block
}

#videoOneM {
	display: none
}

@media only screen and (max-width:1600px) {
	article.article-fl {
		height: 200px;
	}
}

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

	.event_pension,
	.header_wrap.fix .event_pension {
		right: 10px;
	}

	.room_detail_box {
		left: 10%
	}

	.room_detail_box.active {
		width: 90%
	}

	.room_btn_cancles {
		left: 10%
	}
}

@media only screen and (max-width:1024px) {
	.sec-mainvis .articles-mainvis:after {
		display: none;
	}
	/* .sec-bius.main:before {background-position: 0% 0%;} */
	.view_last.pc {
		display: none;
	}

	.view_last.mobile {
		display: block;
	}

	.view_last .detail_list02 li {
		width: 33.3333%;
		height: 200px !important;
	}

	#page_s .room_img {
		padding-bottom: 66%;
		margin-bottom: 10px;
	}

	.list_linkbox ul li .thumb {
		float: none;
		width: auto;
	}

	.list_linkbox ul li .text {
		width: auto;
		float: none;
		padding: 20px 0;
	}

	.list_linkbox ul li .text dl dt,
	.list_linkbox ul li .text dl dd {
		font-size: 11px;
	}

	.list_linkbox ul li .text strong {
		font-size: 16px
	}

	.list_linkbox ul.grid_two li .text a {
		display: block;
		text-align: center;
		font-size: 12px;
	}

	.list_linkbox.pos02 {
		margin-top: 300px;
	}

	.margin_align {
		margin-left: auto;
		margin-right: auto;
	}

	.pt-bold {
		color: #fff;
	}

	.pen_sub_log figure {
		width: 50px;
	}

	.pen_sub_log .txt {
		font-size: 22px;
		margin-top: 20px;
	}

	.sec-newlist .articles-newlist {
		padding: 0;
	}

	.detail_infos_t {
		display: block;
		padding: 10px;
		font-size: 10px;
	}

	.sec-room-banner ul {
		height: 600px;
	}

	.sec-room-banner ul li .tb_cell {
		font-size: 16px;
	}

	.quic_roomview ul li a {
		padding: 10px 5px;
	}

	article.article-common-sweb01 .tit_name {
		display: none
	}

	.com_titpen {
		font-size: 84px
	}

	.com_titpen+p {
		font-size: 25px
	}

	.sec-bius:before {
		background-position: 100% 50%
	}

	.sec-bius.ty02:before {
		background-attachment: inherit
	}

	.article-pen_info .map_c:hover .text {
		display: none
	}

	.sec-banner01 .articles-banner01 .left:hover .tb_row:after {
		width: 0
	}

	.sec-banner01 .articles-banner01 .left:hover .tb_row:before {
		height: 0
	}

	.sec-banner01 .articles-banner01 .left .tb_box:after {
		background: rgba(0, 0, 0, 0) !important
	}

	.sec-banner01 .articles-banner01 .top:hover .tb_row:after {
		width: 0
	}

	.sec-banner01 .articles-banner01 .top:hover .tb_row:before {
		height: 0
	}

	.sec-banner01 .articles-banner01 .top .tb_box:after {
		background: rgba(0, 0, 0, 0) !important
	}

	.sec-banner01 .articles-banner01 .bottom:hover .tb_row:after {
		width: 0
	}

	.sec-banner01 .articles-banner01 .bottom:hover .tb_row:before {
		height: 0
	}

	.sec-banner01 .articles-banner01 .bottom .tb_box:after {
		background: rgba(0, 0, 0, 0) !important
	}

	.sec-banner01 .articles-banner01 .tb_box {
		position: relative;
		left: auto;
		top: auto;
		padding: 20px 10px;
		min-height: 192px;
		background: #f3f3f3
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell {
		color: #777
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a {
		border: 1px solid #333
	}

	.room_info_box {
		top: auto;
		bottom: 50px;
		height: auto
	}

	.room_info_box .tb_row {
		display: block
	}

	.room_info_box .tb_row .tb_cell {
		display: block
	}

	.main_vis_text_box .ico_house {
		width: 50px
	}

	.main_vis_text_box h2 {
		font-size: 60px
	}

	.section {
		min-height: 0
	}

	#page_s .bg_img {
		position: relative;
		left: auto;
		width: 100%;
		padding: 0;
		margin-left: 0;
		margin-bottom: 10px
	}

	#page_s .bg_img img {
		width: 100%;
		height: auto
	}

	#page_s .txt_box {
		width: auto;
		padding: 50px 10px
	}

	#page_s .com_desc01 {
		padding-bottom: 0;
	}

	#page_s .com_tit01 {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px)
	}

	#page_s .com_desc01 {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px)
	}

	#page_s .bottom_text {
		position: relative;
		padding: 50px;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px)
	}

	.article-roomview .list_linkbox ul li.al-tr {
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		-ms-transition: .5s;
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		opacity: 0
	}

	.ie9 .article-roomview .list_linkbox ul li.al-tr {
		opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px)
	}

	.article-roomview .list_linkbox ul li.s-web.al-tr {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	section.sec-subvis {
		height: 350px
	}

	.overflow-disable {
		overflow: hidden
	}

	.overflow-disables {
		overflow: hidden
	}

	.intro-motion .intr {
		width: 700px;
		height: 100px;
		margin-left: -350px
	}

	.full_screen,
	.music_control {
		display: none
	}

	.jys_sns.two a {
		opacity: 1 !important
	}

	.quic_roomview {
		position: fixed;
		left: 0;
		bottom: 53px;
		top: auto;
		right: auto;
		width: 100%;
		height: 36px;
		padding: 0 50px
	}

	.quic_roomview ul:after {
		clear: both;
		display: block;
		content: ''
	}

	.quic_roomview ul li {
		float: left;
		margin-bottom: 0;
		width: 100%;
		text-align: center
	}

	.quic_roomview .owl-theme .owl-nav .owl-prev {
		position: absolute;
		left: -46px;
		top: 0
	}

	.quic_roomview .owl-theme .owl-nav .owl-next {
		position: absolute;
		right: -46px;
		top: 0
	}

	.quic_roomview .owl-theme .owl-nav {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 0
	}

	.quic_roomview .owl-theme .owl-nav [class*=owl-] {
		margin: 0;
		height: 43px;
		line-height: 33px;
		border-radius: 0;
		background: #fafafa;
		color: #333;
		border: 1px solid #ddd
	}

	section.sec-reserve {
		padding: 50px 50px
	}

	#page_s {
		background: #fafafa
	}

	section.sec-roomview {
		float: none;
		padding: 50px 10px
	}

	.list_linkbox ul li {
		padding: 20px 10px
	}

	.wrap.sub .main_vis_text_box h2:after {
		width: 200px;
		height: 200px;
		margin: -100px 0 0 -100px
	}

	.sec-subvis-bottom .article-subvis-bottom .right strong {
		font-size: 22px
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 h4 {
		font-size: 84px
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 p {
		font-size: 25px
	}

	article.article-infomation {
		padding: 0 10px
	}

	.articles-newlist.s-web .list_p01 li img {
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none
	}

	.articles-newlist .list_p01 li img {
		opacity: 1 !important;
		transform: translate(0px) !important;
		-webkit-transform: translate(0px) !important;
		-o-transform: translate(0px) !important;
		-ms-transform: translate(0px) !important
	}

	.sec-bius.sec-bius {
		overflow: hidden
	}

	article.article-fl {
		overflow: visible;
		height: 150px
	}

	html.main article.article-fl .fallingLeaves {
		display: block
	}

	.fallingLeaves {
		transform: translateY(-360px);
		-webkit-transform: translateY(-360px);
		-moz-transform: translateY(-360px);
		-o-transform: translateY(-360px);
		-ms-transform: translateY(-360px)
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell a {
		margin-top: 15px;
		font-size: 12px
	}

	.blog_detail_box.active {
		width: 100%
	}

	.room_detail_box.active {
		width: 100%
	}

	.blog_detail_box {
		left: 0;
		width: 100%
	}

	.blog_btn_cancles {
		left: auto;
		right: -50px;
		top: 0
	}

	#scrol-wrap {
		position: static;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden
	}

	#scrol-scroller {
		position: static;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		width: 100%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none
	}

	.mv-sw {
		display: none
	}

	.room_detail_box .content_wrap .content-s table td {
		font-size: 14px
	}

	.room_detail_box .content_wrap .content-s table th {
		font-size: 14px
	}

	.room_detail_box {
		position: relative;
		left: auto;
		visibility: visible;
		width: auto;
		opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px)
	}

	.room_detail_box .content_wrap {
		width: auto;
		padding: 50px 10px
	}

	.room_detail_box .content_wrap .content-s .info_boxs .left {
		float: none;
		width: auto;
		font-size: 0;
		margin-bottom: 10px
	}

	.room_detail_box .content_wrap .content-s .info_boxs .right {
		float: none;
		width: auto;
		padding: 0
	}

	.room_detail_box .content_wrap .heading h3 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.room_detail_box .content_wrap .heading h3:after {
		width: 100%
	}

	.room_detail_box .content_wrap .heading {
		padding-bottom: 20px
	}

	.room_detail_box .btn_reserve {
		display: block;
		text-align: center
	}

	.room_detail_box .content_wrap .content-s table {
		margin-top: 0
	}

	.room_info_box .tb_row .tb_cell strong {
		font-size: 18px
	}

	.room_info_box .tb_row .tb_cell .con_box {
		width: 90%;
		margin: 0 auto
	}

	.room_info_box .tb_row .tb_cell .room_back {
		display: none
	}

	section.sec-subvis-bottoms {
		padding: 50px 10px
	}

	article.article-service {
		margin-top: 70px
	}

	.mobile article.article-service .service_box01 .text_box {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	.mobile article.article-service .service_box01 .thumb {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	.mobile article.article-service02 .service_box01 .thumb {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	.mobile article.article-service03 .service_box01 .thumb {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		opacity: 1
	}

	.mobile article.article-service .service_box01 .thumb {
		float: none;
		width: 80%;
		margin-bottom: 10px;
		margin-left: 10px
	}

	.mobile article.article-service .service_box01 .text_box {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		margin: 0 10px
	}

	.mobile article.article-service02 .service_box01 .thumb {
		width: 90%
	}

	.mobile article.article-service03 .service_box01 .thumb {
		width: 70%
	}

	article.article-service02 {
		margin-top: 60px
	}

	article.article-service .service_box01 .text_box .tb_cell strong {
		font-size: 20px
	}

	article.article-service .service_box01 .text_box .tb_cell {
		padding: 50px 20px
	}

	.sec-newlist .list_p01 li {
		height: auto
	}

	.sec-newlist .list_p01 li figure {
		overflow: hidden;
		height: 350px
	}

	.sec-newlist .list_p01 li figure img {
		position: absolute;
		left: 0;
		width: 100%;
		margin-left: auto
	}

	.sec-newlist .list_p01 li {
		width: 50%
	}

	.sec-newlist .list_p01 li:last-child {
		width: 100%
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell strong {
		font-size: 14px
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell h3 {
		padding: 0 15px;
		font-size: 16px
	}

	.sec-banner01 .articles-banner01 .tb_box .tb_row .tb_cell p {
		width: auto;
		font-size: 12px
	}

	.sec-subvis-bottom .article-subvis-bottom .left {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	.sec-subvis-bottom .article-subvis-bottom .right.road_wraps {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}

	.sec-subvis-bottom .article-subvis-bottom .left .bg_box img {
		width: 100%
	}

	.sec-subvis-bottom .article-subvis-bottom .right {
		float: none;
		width: 80%;
		margin: 0 auto
	}

	.sec-subvis-bottom.st_intro .article-subvis-bottom .right {
		padding-top: 0px;
	}

	.sec-subvis.ty02 .tb_cell h2 {
		font-size: 44px
	}

	.sec-subvis.ty02 .tb_cell p {
		font-size: 25px
	}

	.sec-subvis-bottom:after {
		background: rgba(0, 0, 0, .3)
	}

	.sec-subvis-bottom .article-subvis-bottom .box_s {
		margin: 80px 0
	}

	section.sec-intro02 {
		padding: 0;
		margin-bottom: 0
	}

	section.sec-intro02 .cont_box {
		font-size: 20px
	}

	.sec-bius {
		min-height: 300px;
		background: 0
	}

	.sec-newlist {
		background: 0
	}

	section.sec-mainvis:after {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: #fff
	}

	.sec-bius .article-bius p {
		padding-top: 70px;
		font-size: 20px
	}

	.mak_box {
		display: none
	}

	.sec-mainvis .articles-mainvis .video_cover {
		display: none;
	}

	.articles-newlist.s-web li.one {
		margin-left: 0
	}

	.articles-newlist.s-web li.two {
		margin-top: 0
	}

	.articles-newlist.s-web li.three {
		margin-bottom: 0 !important
	}

	.sec-banner01 .articles-banner01 .txt_product {
		left: -30px;
		font-size: 70px
	}

	.sec-newlist .articles-newlist .left {
		padding: 0
	}

	.sec-newlist .articles-newlist .left ul li strong.tit {
		display: inline
	}

	.sec-newlist .articles-newlist .left ul li strong.tit {
		font-size: 20px
	}

	.sec-newlist .articles-newlist .left ul li {
		float: none;
		margin-left: 0
	}

	.articles-newlist.s-web li.two {
		width: 100%
	}

	.articles-newlist.s-web li.three {
		width: 100%
	}

	.sec-mainvis .articles-mainvis .video_wrap .video_box {
		width: 100%;
		height: 1024px;
		margin-left: 0;
		left: 0;
		top: -160px;
	}

	#s {
		position: relative;
		top: -160px;
	}

	.dot_box .circle {
		display: none;
		left: 5px;
		width: 25px;
		height: 25px;
		border: 7px solid #f75930
	}

	.dot_box .circle.rect {
		display: none;
		left: 40px;
		width: 5px;
		height: 30px;
		background: #f75930
	}

	.dot_box .circle.right_m {
		width: 50px;
		height: 50px
	}

	.sec-newlist .articles-newlist .left .bg_oranage {
		width: 100%;
		background: #fff
	}

	.txt_business {
		font-size: 100px
	}

	.articles-newlist li.three {
		width: auto
	}

	.sec-newlist .articles-newlist .left ul {
		width: 60%;
		margin: 0 auto
	}

	.sec-newlist .articles-newlist .left ul li a {
		width: auto
	}

	.sec-teacher .articles-teacher .right ul li .thumb img {
		width: 70%;
		margin: 0 auto
	}

	.sec-newlist .articles-newlist .left ul li.two {
		width: auto;
		margin-left: 0
	}

	.sec-newlist .articles-newlist .left ul li p.text {
		width: 100%;
		margin: 0;
		font-size: 14px
	}

	.sec-newlist .articles-newlist .left ul li strong.tit {
		-webkit-transform: none;
		        transform: none
	}

	.sec-newlist .articles-newlist .left ul li figure img {
		width: 100%
	}

	.articles-main-vis .gr-right.st1 .bottom .right .text_box,
	.articles-main-vis .gr-right.st1 .bottom .left .text_box,
	.list_notice {
		padding: 50px 20px
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box strong,
	.articles-main-vis .gr-left.st1 .sl_item .text_box em {
		font-size: 28px;
		line-height: 34px
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box p {
		padding-top: 20px
	}

	section.sec-main-vis {
		clear: both
	}

	.grayscale {
		filter: none;
		-webkit-filter: none
	}

	.grid_list:after,
	.grid_list.ty01:after {
		display: none
	}

	.articles-main-vis .gr-right.st1 .top .text_box strong,
	.articles-main-vis .gr-right.st1 .top .text_box em,
	.articles-main-vis .gr-right.st1 .bottom .left .text_box strong,
	.articles-main-vis .gr-right.st1 .bottom .right .text_box strong,
	.articles-main-vis .gr-right.st2 .text_box strong,
	.articles-main-vis .gr-right.st2 .text_box em,
	.sec-banner01 .articles-banner01 ul li .text_box em {
		font-size: 20px
	}

	.articles-main-vis .gr-right.st1 .bottom .left .text_box p {
		font-size: 14px
	}

	.articles-main-vis .gr-left {
		float: none;
		width: auto
	}

	.articles-main-vis .gr-right.st1 {
		position: relative;
		left: auto;
		width: 100%;
		height: 270px
	}

	.articles-main-vis .gr-right.st1 .top {
		float: left;
		width: 50%;
		height: 100%
	}

	.articles-main-vis .gr-right.st1 .bottom {
		float: left;
		width: 50%;
		height: 100%
	}

	.articles-main-vis .gr-right.st2 {
		position: relative;
		left: auto
	}

	.articles-main-vis .gr-right.st2 {
		width: 100%
	}

	#videoOne {
		display: none
	}

	#videoOneM {
		display: block
	}

	.sec-banner01 .articles-banner01 ul li {
		width: 100%;
		opacity: 1
	}

	.sec-banner01 .articles-banner01 ul li .text_box strong {
		font-size: 16px
	}

	.sec-banner01 .articles-banner01 ul li .com_btns01 {
		width: 200px
	}

	section.sec-banner01 {
		padding-top: 0;
		padding-bottom: 0
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box {
		padding-top: 50px;
		padding-left: 40px
	}

	a.com_btns01 {
		width: 200px;
		color: #333;
		border-color: #555
	}

	a.com_btns01:after {
		width: 100%;
		background: rgba(255, 255, 255, .5)
	}

	.sec-problem .owl-theme .owl-nav .owl-prev {
		left: 10px
	}

	.sec-problem .owl-theme .owl-nav .owl-next {
		right: 10px
	}

	.sec-teacher .articles-teacher {
		opacity: 1;
		animation-name: none !important;
		-webkit-animation-name: none !important;
		-moz-animation-name: none !important;
		-o-animation-name: none !important;
		-ms-animation-name: none !important
	}

	.sec-teacher .articles-teacher .left {
		float: none;
		width: 100%;
		padding: 20px 0
	}

	.sec-teacher .articles-teacher .right {
		position: relative;
		left: auto;
		width: auto;
		padding: 50px 0
	}

	.sec-teacher .articles-teacher .right ul {
		position: static;
		margin-top: auto
	}

	.sec-teacher .articles-teacher .left .text_box {
		text-align: center
	}

	.sec-teacher .com_tit02 {
		text-align: center
	}

	.articles-main-vis .gr-left.st1,
	.articles-main-vis .gr-right.st1 .top,
	.articles-main-vis .gr-right.st1 .bottom .left,
	.articles-main-vis .gr-right.st1 .bottom .right,
	.articles-main-vis .gr-left.st2,
	.articles-main-vis .gr-right.st2 {
		opacity: 1 !important
	}

	.articles-banner01.s-web li {
		animation: none !important;
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important
	}

	.articles-main-vis .gr-right.st1 .bottom .left .text_box .com_btns01 {
		width: auto
	}

	.grid_list li.grid-item {
		width: 50%
	}

	.grid_list.ty01 li.width50 {
		position: relative;
		float: left;
		left: auto
	}

	.grid_list.ty02 li.width50 {
		position: relative;
		float: left
	}

	.grid_list.ty02 li:nth-child(2) {
		margin-left: auto
	}

	.web-box .fallingLeaves span {
		width: 30px;
		height: 40px;
		background-size: 20px auto
	}

	.sec-banner01 .articles-banner01 .left {
		float: none;
		width: 100%;
		min-height: 300px
	}

	.sec-banner01 .articles-banner01 .top {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		min-height: 300px
	}

	.sec-banner01 .articles-banner01 .bottom {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		min-height: 300px
	}

	.sec-banner01 .articles-banner01 .img {
		position: relative;
		width: auto;
		left: 0;
		top: 0;
		margin-left: 0;
	}

	.sec-banner01 .articles-banner01 .img img {
		width: 100%
	}

	.sec-banner01 .articles-banner01 {
		padding-bottom: 0;
		padding-top: 50px
	}

	.web-box .sec-banner01 .owl-carousel.owl-drag .owl-item {
		perspective: 600px;
		-webkit-perspective: 600px;
		-moz-perspective: 600px
	}
}

@media only screen and (max-width:768px) {
	/*	.sec-mainvis .articles-mainvis .video_wrap .video_box { width: 768px; height: 1024px; transform: translateY(-25%); -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -o-transform: translateY(-25%); -ms-transform: translateY(-25%); margin-left: -384px }*/
}

@media only screen and (max-width:767px) {
	.view_last .detail_list02 li {
		width: 50%;
	}

	.detail_list02 li .text .tb_cell p {
		font-size: 14px;
	}

	.event_content_boxs a {
		top: 10px;
	}

	.event_content_boxs {
		top: 0;
		background: #fafafa;
	}

	.quick_box {
		height: 30px;
	}

	.quick_box ul li {
		line-height: 30px
	}

	.quick_box ul li:after {
		top: 10px;
	}

	.event_content_boxs .cont_boxs1 {
		width: auto;
		height: 300px;
	}

	.event_content_boxs .tit {
		font-size: 22px;
	}

	.event_content_boxs .text {
		font-size: 12px;
	}

	.event_pension,
	.sub .event_pension,
	.header_wrap.fix .event_pension {
		right: 3px;
		top: 55px;
		font-size: 12px
	}

	.event_pension a {
		padding: 5px;
	}

	.detail_infos_t {
		margin-top: 51px;
	}

	.sec-room-banner ul {
		height: 250px;
	}

	.sec-room-banner .owl-theme .owl-nav {
		width: 100%;
	}

	.sec-room-banner ul li .tb_cell {
		font-size: 12px;
	}

	.sec-room-banner .owl-theme .owl-nav {
		top: auto;
		margin-top: 0;
		bottom: 10px;
	}

	.pc_price_tb {
		display: none;
	}

	.mobile_price_tb {
		display: table;
	}

	article.article-fl {
		overflow: visible;
		height: 100px
	}

	.sec-bius:before {
		background-size: 1280px auto;
		background-position: 50% 0
	}

	.sec-bius.ty03:before {
		background-size: 1280px auto;
		background-position: 0 0
	}

	.u_video_box {
		padding: 0 10px
	}

	.tit_box_o {
		padding-top: 100px
	}

	.com_titpen {
		font-size: 34px
	}

	.com_titpen+p {
		font-size: 20px
	}

	section.sec-bius.ty02 {
		padding-bottom: 50px
	}

	article.article-service .service_box01 .text_box ul li {
		font-size: 12px
	}

	.text_box .tb_cell p {
		font-size: 14px;
	}

	.intro-motion .intr_t {
		width: 190px;
		height: 81px;
		margin-left: -95px;
		margin-top: -130px
	}

	.intro-motion .intr {
		width: 300px;
		height: 45px;
		margin-left: -150px;
		margin-top: -15px
	}

	.sec-bius .article-bius .tit-two {
		font-size: 32px;
		padding: 0 10px 0 10px
	}

	.latest_youtube .btn {
		margin: 30px 0 30px 0;
		font-size: 14px
	}

	.sec_pen_info .article-pen_info figure {
		width: 100%
	}

	.sec_pen_info .article-pen_info .text_box ul li {
		font-size: 14px
	}

	.quic_roomview {
		bottom: 33px
	}

	.quic_roomview ul li a {
		font-size: 10px;
		margin: 0;
	}

	.quic_roomview .owl-theme .owl-nav [class*=owl-] {
		height: 37px;
		line-height: 30px;
	}

	section.sec-reserve {
		padding: 50px 10px;
		margin-top: 0
	}

	table.def_tb01 th {
		font-size: 10px
	}

	table.def_tb01 td {
		font-size: 10px
	}

	.reserve_if .list li {
		font-size: 12px
	}

	.reserve_if strong {
		font-size: 16px
	}

	.quick_box ul li a {
		font-size: 10px
	}

	article.article-infomation .list_linkbox ul li .text strong {
		font-size: 16px
	}

	article.article-infomation .list_linkbox ul li .text p {
		font-size: 12px
	}

	.blog_detail_box .content_wrap {
		padding: 50px 10px
	}

	html.roomview .header_wrap {
		background: #333
	}

	/*html.roomview .header_wrap.sub .header .logo .logo_a { display: none }*/
	/*html.roomview .header_wrap.sub .header .logo .logo_b { display: block }*/
	html.roomview .jys_sns ul li a {
		color: #fff
	}

	html.roomview .header_wrap.fix .header .nav_btn span {
		background: #fff
	}

	html.roomview .header .nav_btn span {
		background: #fff
	}

	.room_info_box .tb_row .tb_cell strong {
		display: none
	}

	.room_info_box .tb_row .tb_cell em {
		display: none
	}

	.room_info_box .tb_row .tb_cell .con_box {
		background: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		-webkit-filter: none;
		        filter: none
	}

	.room_detail_box .content_wrap .content-s table td {
		font-size: 12px
	}

	.room_detail_box .content_wrap .content-s table th {
		font-size: 12px
	}

	.room_info_box .tb_row .tb_cell .con_box {
		padding: 10px
	}

	.room_info_box .tb_row .tb_cell strong {
		font-size: 24px
	}

	.room_detail_box .content_wrap .content-s .list li {
		font-size: 14px
	}

	.room_info_box .tb_row .tb_cell a {
		font-size: 12px
	}

	.room_info_box .down_scroll {
		display: none
	}

	.room_info_box .tb_row .tb_cell .btn_wrap {
		padding-top: 10px
	}

	.room_detail_box .content_wrap .content-s strong {
		font-size: 16px
	}

	.room_detail_box .content_wrap .content-s .list.ty02 li {
		font-size: 14px
	}

	.sec-mainvis.sub_st01 {
		position: relative
	}

	section.sec-roomview {
		margin-top: 0
	}

	.com_tit01 {
		display: block
	}

	.com_tit01:after {
		font-size: 140px;
		left: auto;
		right: 10px
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 h4 {
		font-size: 34px
	}

	.sec-subvis-bottom .article-subvis-bottom .right.ty02 p {
		font-size: 20px
	}

	.sec-subvis-bottom .article-subvis-bottom .left {
		width: auto;
		margin-left: auto;
		margin-top: 70px
	}
	.sec-subvis-bottom .article-subvis-bottom .left {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
	}
	.sec-subvis-bottom .article-subvis-bottom .right.road_wraps {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
	}

	.sec-subvis-bottom .article-subvis-bottom {
		padding: 0 10px
	}

	.sec-subvis-bottom .article-subvis-bottom .right {
		width: 100%
	}

	.footer .left h3 {
		font-size: 12px
	}

	.notice-owl a strong {
		font-size: 12px
	}

	.sec-bius .article-bius p {
		font-size: 19px
	}

	.sec-newlist .list_p01 li {
		height: auto
	}

	.sec-newlist .list_p01 li figure {
		overflow: hidden;
		height: 200px;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none
	}

	.sec-newlist .list_p01 li figure img {
		position: absolute;
		left: 0;
		width: 100%;
		margin-left: auto
	}

	.sec-newlist .list_p01 li {
		width: 50%
	}

	.sec-newlist .list_p01 li:last-child {
		width: 100%
	}

	.sec-newlist .list_p01 li:nth-child(1),
	.sec-newlist .list_p01 li:nth-child(2) {
		width: 50%
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell strong {
		font-size: 12px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell h3 {
		font-size: 16px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell p {
		font-size: 14px
	}

	.sec-newlist .list_p01 li .tb_box .tb_row .tb_cell a {
		font-size: 12px
	}

	.sec-newlist .list_p01 li:after {
		border: 0
	}

	.sec-newlist .list_p01 li:nth-child(3) figure img {
		margin-top: -80px;
	}

	.sec-subvis .tb_row {
		width: auto;
	}

	.room_info_box {
		top: auto;
		bottom: 50px;
		height: auto
	}

	.room_info_box .tb_row {
		height: auto
	}

	.room_info_box .tb_row .tb_cell {
		vertical-align: inherit
	}

	.sec-subvis.ty02 .article-subvis .tb_cell .down_scroll span {
		display: block;
		color: #fff
	}

	.sec-subvis.ty02 .article-subvis .tb_cell .down_scroll i {
		font-size: 30px;
		color: #fff;
		-webkit-transition: .5s;
		transition: .5s
	}

	article.article-infomation .list_linkbox ul {
		margin: 0
	}

	article.article-infomation .list_linkbox ul li {
		padding: 30px 10px;
		margin-bottom: 20px
	}

	article.article-infomation .list_linkbox ul li:hover {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1)
	}

	article.article-infomation .list_linkbox ul li .thumb {
		float: none;
		width: auto;
		margin-bottom: 20px
	}

	article.article-infomation .list_linkbox ul li .text {
		float: none;
		width: auto;
		padding: 0 0 10px 0
	}

	article.article-infomation .list_linkbox ul li .text a {
		display: block;
		text-align: center
	}

	section.sec-intro02 .box_s {
		padding: 50px 0;
		margin: 10px
	}

	.sec-newlist .list_p01 li {
		width: 100%
	}

	.sec-subvis.ty02 .tb_cell h2 {
		font-size: 22px
	}

	.sec-subvis.ty02 .tb_cell p {
		font-size: 18px
	}

	section.sec-subvis-bottom {
		padding: 150px 0
	}

	section.sec-subvis-bottom.st02 article.article-infomation {
		margin-top: 0
	}

	.sec-subvis-bottom .article-subvis-bottom .right strong {
		font-size: 14px
	}

	.sec-subvis-bottom .article-subvis-bottom .right h4 {
		font-size: 22px
	}

	.sec-subvis-bottom .article-subvis-bottom .right p {
		font-size: 12px
	}

	.box_s {
		padding: 30px
	}

	.dot_box .circle.rect.rect02 {
		display: none
	}

	.sec-teacher {
		padding-top: 50px
	}

	.sec-bius {
		min-height: 200px
	}

	.sec-bius .article-bius p {
		padding-top: 50px
	}

	.txt_business {
		display: none
	}

	.sec-teacher .articles-teacher .left {
		background: #fafafa
	}

	.articles-newlist li.two {
		margin-top: 0
	}

	.sec-newlist .articles-newlist .left ul {
		width: 70%
	}

	.sec-newlist .articles-newlist .left ul li {
		opacity: 1;
		animation: none !important;
		-webkit-animation: none !important
	}

	section.sec-banner01 {
		padding-bottom: 0;
		margin-bottom: 0
	}

	.sec-newlist .articles-newlist .left ul li p.text_copy {
		font-size: 17px
	}

	.sec-mainvis .articles-mainvis .video_wrap .video_box {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		margin-left: auto;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none
	}

	#s {
		top: auto;
	}

	.footer .left,
	.footer .right {
		float: none;
		width: 100%;
		padding: 30px 10px 60px 10px
	}

	.footer .left {
		min-height: auto
	}

	.notice-owl .owl-theme .owl-nav {
		bottom: 10px;
	}

	.notice-owl .owl-theme .owl-nav .owl-prev,
	.notice-owl .owl-theme .owl-nav .owl-next {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.sec-teacher .articles-teacher .right {
		padding-top: 0
	}

	section.sec-newlist {
		padding-top: 0
	}

	.sec-newlist .articles-newlist .left {
		float: none;
		width: 100%
	}

	.sec-newlist .articles-newlist .left {
		padding: 0
	}

	.sec-newlist .articles-newlist .left h3.com_tit01 span {
		display: inline
	}

	.sec-newlist .articles-newlist .right {
		position: relative;
		left: auto;
		float: none;
		width: 100%
	}

	.sec-newlist .articles-newlist .right ul {
		padding-left: 10px;
		margin-top: 0
	}

	.sec-teacher .articles-teacher .right ul li .thumb {
		padding-top: 50px;
		background: #fff
	}

	.sec-teacher .articles-teacher .right ul li .thumb img {
		width: 50%;
		margin: 0 auto
	}

	.list_notice dt strong {
		font-size: 18px
	}

	.list_notice dd li a {
		font-size: 16px
	}

	.articles-main-vis .gr-right.st1 .bottom .right .text_box,
	.articles-main-vis .gr-right.st1 .bottom .left .text_box,
	.list_notice {
		padding: 50px 10px
	}

	section.sec-mainvis {
		padding-top: 0;
	}

	.grid_list li.grid-item .text_box .tb_row .tb_cell {
		font-size: 16px
	}

	.articles-main-vis .gr-right.st1 .bottom .left .text_box .com_btns01 {
		width: 200px
	}

	.sec-banner01 .articles-banner01 ul li {
		padding: 0
	}

	.articles-main-vis .gr-right.st2 .text_box {
		padding: 50px 10px
	}

	.articles-main-vis .gr-right.st1 .bottom .left .text_box {
		padding: 50px 10px
	}

	.articles-main-vis .gr-left.st2 {
		height: auto
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box strong {
		font-size: 20px
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box em {
		font-size: 20px
	}

	.articles-main-vis .gr-right.st1 .top .text_box strong,
	.articles-main-vis .gr-right.st1 .top .text_box em,
	.articles-main-vis .gr-right.st1 .bottom .left .text_box strong,
	.articles-main-vis .gr-right.st1 .bottom .right .text_box strong,
	.articles-main-vis .gr-right.st2 .text_box strong,
	.articles-main-vis .gr-right.st2 .text_box em,
	.sec-banner01 .articles-banner01 ul li .text_box em {
		font-size: 18px
	}

	a.com_btns01 {
		font-size: 16px
	}

	.articles-main-vis .gr-right.st1 .bottom .right .text_box em {
		font-size: 16px
	}

	.sec-banner01 .articles-banner01 ul li .text_box strong {
		display: inline;
		font-size: 18px;
		line-height: 20px
	}

	.articles-main-vis .gr-left.st1 {
		height: 270px
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box {
		width: auto;
		padding: 50px 10px
	}

	.articles-main-vis .gr-left.st1 .sl_item .img01 {
		right: auto;
		left: 0;
		width: 100%
	}

	.articles-main-vis .gr-right.st1 .bottom .right {
		background: #fff
	}

	.articles-main-vis .gr-right.st1 .bottom .right .text_box figure {
		width: 20%
	}

	a.com_btns01 {
		margin: 50px auto 0 auto
	}

	.articles-main-vis .gr-right.st1 {
		height: auto
	}

	.articles-main-vis .gr-right.st1 .top .text_box {
		padding: 50px 10px
	}

	.articles-main-vis .gr-right.st1 .bottom {
		float: none;
		width: 100%;
		height: auto
	}

	.articles-main-vis .gr-left.st2 dl.list_notice {
		padding: 20px
	}

	.articles-main-vis .gr-right.st1 .top {
		float: none;
		width: auto
	}

	.articles-main-vis .gr-right.st1 .bottom .left,
	.articles-main-vis .gr-right.st1 .bottom .right {
		float: none;
		width: 100%
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box strong,
	.articles-main-vis .gr-left.st1 .sl_item .text_box em {
		font-size: 20px
	}

	.articles-main-vis .gr-left.st2 dl.list_notice dt figure {
		width: 30px
	}

	.sec-banner01 .articles-banner01 ul li .text_box p {
		padding: 0 40px
	}

	.sec-problem .articles2-problem .problem-box ul.answer li a {
		font-size: 14px
	}

	.sec-problem .articles2-problem .problem-box ul.answer li {
		padding-right: 20px
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd span {
		font-size: 18px
	}

	.sec-problem .articles2-problem .problem-box .problem-list dd input[type="text"] {
		width: 50px !important;
		border-bottom: 2px solid #333
	}

	.articles-main-vis .gr-left.st1 .sl_item .text_box strong {
		line-height: 20px
	}
}

.sec-mainvis {
	-webkit-perspective: 500px;
	        perspective: 500px
}

.articles-mainvis {
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d
}

#page_s .com_tit01 {
	font-family: 'swebeSM'
}

#page_s .com_desc01 {
	font-family: 'swebeSM'
}

#page_s .com_tit01.active {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px)
}

#page_s .com_desc01.active {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px)
}

#page_s .bottom_text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 100px 20%;
	color: #fff;
	background: rgba(0, 0, 0, .8);
	text-align: center
}

.section .bg_img {
	position: absolute;
	left: 50%;
	top: 0;
	width: 100%;
	height: 100%;
	margin-left: -50%;
	text-align: center;
	font-size: 0
}

.section .bg_img img {
	width: 100%;
	height: 100%
}

@media (max-width:1024px) and (max-height:900px) {
	.sec-subvis .article-subvis {
		background-size: auto 900px !important
	}

	.sec-subvis .article-subvis.proc {
		background-size: cover !important
	}
}

@media (max-width:1024px) and (max-height:800px) {
	.sec-subvis .article-subvis {
		background-size: auto 830px !important
	}
}

@media (max-width:1024px) and (max-height:700px) {
	.sec-subvis .article-subvis {
		background-size: auto 730px !important
	}
}


/*2018추가내역 패키지*/
.gw_tlist {}

.gw_tlist .left {}

.gw_tlist .right {
	padding: 60px 20px 60px 20px;
	background: #fafafa;
}

.gw_tlist .packg_name {}

.gw_tlist .packg_content {
	background: #fff;
	color: #777;
	padding: 20px 10px 10px 10px;
	word-break: keep-all;
}

.gw_tlist .packg_price {
	background: #3e4e5d;
	padding: 10px;
	color: #fff;
	word-break: keep-all;
}


#bo_v_top {
	clear: both;
}

#bo_v_img img {
	margin-bottom: 0 !important;
}

#bo_gall.pack_pen {
	background: #fafafa;
}

.pack_pen #bo_v_img {
	padding: 30px;
}

#bo_gall.pack_pen #bo_v_img img {
	width: 100%
}

@media only screen and (max-width:1024px) {
	.pack_pen #bo_v_img {
		padding: 20px 0px 0 0px;
		margin-bottom: 0;
	}

	.gw_tlist .left {
		float: none;
		width: auto
	}

	.gw_tlist .right {
		float: none;
		width: auto
	}

	.gw_tlist .right {
		padding: 50px 0px;
	}

	#bo_gall.pack_pen {
		margin-top: 0 !important
	}
}

.sec-pen-package .plus_btng {
	display: block;
	padding-bottom: 20px;
}

.sec-pen-package .plus_btng img {
	width: 40px;
}

.sec-pen-package {
	position: relative;
	overflow: hidden;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.sec-pen-package .title_type4 {
	display: inline-block;
	font-size: 35px;
	border-bottom: 2px solid #fff;
	color: #007dc6;
	-webkit-transition: 1s;
	transition: 1s;
}

.sec-pen-package .tab_cnt .list {
	margin: 0 auto;
	max-width: 1700px;
	text-align: left;
}

html.main .sec-pen-package .tab_cnt li,
html.main .sec-pen-package .tab_cnt .p_item {
	float: none;
	width: auto;
}

.sec-pen-package .tab_cnt li,
.sec-pen-package .tab_cnt .p_item {
	overflow: hidden;
	position: relative;
	float: left;
	width: 50%;
	padding-bottom: 450px;
	background-size: cover;
	background-position: 50% 50%;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
}

.sec-pen-package .tab_cnt li:hover,
.sec-pen-package .tab_cnt .p_item:hover {
	z-index: 100;
	transform: scale(1.1) rotate(-0.002deg);
	-webkit-transform: scale(1.1) rotate(-0.002deg);
	-moz-transform: scale(1.1) rotate(-0.002deg);
	-o-transform: scale(1.1) rotate(-0.002deg);
	-ms-transform: scale(1.1) rotate(-0.002deg);
}

.sec-pen-package .tab_cnt li:after,
.sec-pen-package .tab_cnt .p_item:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, .4);
}

.sec-pen-package .tab_cnt li .pos_img,
.sec-pen-package .tab_cnt .p_item .pos_img {
	position: absolute;
	left: 50%;
	width: 850px;
	margin: 0
}

.sec-pen-package .tab_cnt li .pos_img img,
.sec-pen-package .tab_cnt .p_item .pos_img img {
	width: 100%;
}

.sec-pen-package li .txt_box_r .price_box strong,
.sec-pen-package .p_item .txt_box_r .price_box strong {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 30px;
	background: #007dc6;
}

.sec-pen-package li .txt_box_r .price_box a strong,
.sec-pen-package .p_item .txt_box_r .price_box a strong {
	background: #383838;
	color: #fff;
}

.sec-pen-package .tab_cnt li .txt_box_l,
.sec-pen-package .tab_cnt .p_item .txt_box_l {
	position: absolute;
	left: 0;
	top: 0;
	padding: 50px 50px 0 50px;
	z-index: 100;
	color: #fff;
	width: 100%;
}

.sec-pen-package .tab_cnt li .txt_box_l .choice_box,
.sec-pen-package .tab_cnt .p_item .txt_box_l .choice_box {
	padding-top: 30px;
}

.sec-pen-package .tab_cnt li .txt_box_l .choice_box p,
.sec-pen-package .tab_cnt .p_item .txt_box_l .choice_box p {
	border-bottom: 1px solid #fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
	/*IE 8*/
	text-shadow: 0 0 5px #000000;
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
	/*IE 5.5-7*/
}

.sec-pen-package li .txt_box_l .title_type4,
.sec-pen-package .p_item .txt_box_l .title_type4 {
	max-width: 100%;
	color: #fff;
	border-color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
	/*IE 8*/
	text-shadow: 0 0 5px #000000;
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
	/*IE 5.5-7*/
}

.sec-pen-package li .txt_box_r,
.sec-pen-package .p_item .txt_box_r {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 50px;
	z-index: 100;
	color: #fff;
	text-align: right;
	-webkit-transition: .3s;
	transition: .3s;
}

.sec-pen-package li .txt_box_r .choice_box p,
.sec-pen-package .p_item .txt_box_r .choice_box p {
	position: relative;
	font-size: 20px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";
	/*IE 8*/
	text-shadow: 0 0 5px #000000;
	/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
	/*IE 5.5-7*/
}

.package_dim {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, .6);
}

.package_modal {
	position: fixed;
	top: 200px;
	left: 50%;
	display: none;
	width: 600px;
	margin-left: -300px;
	z-index: 1100;
}

.package_modal .modal_cnt {
	position: relative;
	width: 100%;
}

.package_modal .modal_cnt .cancle_btn {
	position: absolute;
	top: -30px;
	right: -40px;
	display: block;
}

.package_modal .modal_cnt .fa-times {
	font-size: 40px;
	color: #fff;
}

.package_modal .modal_cnt img {
	width: 100%;
}

@media only screen and (max-width:1024px) {
	.list_linkbox ul.grid_two li {
		float: none;
		width: auto;
		min-height: 0;
	}

	section.sec-pen-package {
		padding: 50px 30px;
	}

	#bo_gall .com_desc02 {
		font-size: 14px;
		padding-left: 0;
	}

	.gw_tlist {
		font-size: 14px
	}

	.sec-pen-package li .txt_box_r .choice_box p,
	.sec-pen-package .p_item .txt_box_r .choice_box p {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.sec-pen-package .tab_cnt li,
	.sec-pen-package .tab_cnt .p_item {
		float: none;
		width: auto;
		margin-bottom: 20px;
		padding-bottom: 280px;
	}

	.sec-pen-package li .txt_box_r .price_box strong,
	.sec-pen-package .p_item .txt_box_r .price_box strong {
		font-size: 12px;
	}

	.sec-pen-package .tab_cnt li:hover,
	.sec-pen-package .tab_cnt .p_item:hover {
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}

	.sec-pen-package li .txt_box_l .title_type4,
	.sec-pen-package .p_item .txt_box_l .title_type4 {
		font-size: 18px;
	}

	.sec-pen-package .tab_cnt li .txt_box_l,
	.sec-pen-package .tab_cnt .p_item .txt_box_l {
		padding: 10px 10px 0px 10px;
		font-size: 16px;
	}

	.sec-pen-package .tab_cnt li .txt_box_l .choice_box p,
	.sec-pen-package .tab_cnt .p_item .txt_box_l .choice_box p {
		border: none;
	}

	.sec-pen-package .tab_cnt li .txt_box_r,
	.sec-pen-package .tab_cnt .p_item .txt_box_r {
		padding: 10px;
	}
}

/* bug fix m1사파리에서 전환 이펙트 딜레이 버그 있어서 사파리에서는 모션 이펙트를 제거함.*/
.safari .tb_cells_inner {
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	-webkit-transform: none !important;
	        transform: none !important;
	background: none !important;
}

.safari .effect_masks {
	display: none;
}