h2 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
#mcontent {
	
}
.msection {
	background-position: 50% 0px; position: relative; background-attachment: fixed; background-repeat: no-repeat;
}
.msection .wrapper {
	padding: 90px 0px 95px;
}
.msection .section_title {
	text-align: center; color: rgb(36, 36, 36); line-height: 1; letter-spacing: -2px; font-size: 35px; font-weight: 600;
}
@media all and (max-width:1920px)
{
.msection {
	background-size: auto;
}
}
@media all and (max-width:1239px)
{
.msection .wrapper {
	width: 964px;
}
.msection .section_title {
	font-size: 32px;
}
}
@media all and (max-width:1023px)
{
.msection .wrapper {
	margin: 0px auto; width: 94%;
}
}

#mcontent .ir {
	background: url("http://152.99.138.212/site/tour/img/main/ir.png") no-repeat; vertical-align: middle; display: inline-block;
}
#mvisual {
	height: 982px;
}
#mvisual .mvcopy {
	left: 0px; top: 300px; width: 100%; text-align: center; position: absolute; z-index: 10;
}
#mvisual .mvcopy h2 .ir {
	background: url("http://152.99.138.212/site/tour/img/main/m_visual_tit.png") no-repeat; margin: 0px auto; width: 883px; height: 291px;
}
#mvisual .mvcopy p {
	text-align: center; margin-top: 35px; vertical-align: middle; display: inline-block;
}
#mvisual .mvcopy p a {
	background: url("http://152.99.138.212/site/tour/img/main/btn_bg.png"); padding: 20px 35px 20px 66px; border: 2px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); line-height: 20px; font-size: 17px; display: inline-block; position: relative;
}
#mvisual .mvcopy p a .linebox {
	left: 33px; top: 50%; width: 19px; height: 19px; margin-top: -9px; position: absolute;
}
#mvisual .mvcopy p a .linebox .line {
	margin: 1px 0px; width: 19px; height: 5px; display: block; position: relative; background-color: rgb(255, 255, 255);
}
#mvisual .mvcopy p a .linebox .line::after {
	background: rgb(255, 198, 0); animation:icon 0.75s ease-in-out infinite; width: 100%; height: 100%; display: block; position: relative; content: "";
}
#mvisual .mvcopy p a .linebox .n1.line::after {
	width: 30%; animation-delay: 0.25s;
}
#mvisual .mvcopy p a .linebox .n2.line::after {
	width: 50%; animation-delay: 0.75s;
}
#mvisual .mvcopy p a .linebox .n3.line::after {
	width: 30%; animation-delay: 0.35s;
}
#mvisual .mvcopy p a.explore_view {
	margin-left: 5px;
}
#mvisual .mvcopy p a.explore_view::before {
	left: 25px; top: 50%; width: 29px; height: 26px; margin-top: -13px; display: inline-block; position: absolute; content: ""; background-image: url("http://152.99.138.212/site/tour/img/main/explore_view_ico.png");
}
#mvisual .weather-box {
	top: 110px; text-align: center; right: 50px; color: rgb(255, 255, 255); font-size: 17px; position: absolute; z-index: 10; text-shadow: 1px 1px 1px #000;
}
#mvisual .weather-box .radius {
	background-position: -391px -151px; width: 127px; height: 127px; margin-bottom: 15px; position: relative;
}
#mvisual .weather-box .radius .ir {
	background: url("http://152.99.138.212/site/tour/img/main/weather_ir.png") no-repeat; left: 30px; top: 30px; width: 64px; height: 64px; font-size: 0px; display: inline-block; position: absolute;
}
#mvisual .weather-box .radius .weather1.ir {
	background-position: 0px 0px;
}
#mvisual .weather-box .radius .weather2.ir {
	background-position: -64px 0px;
}
#mvisual .weather-box .radius .weather3.ir {
	background-position: -140px 0px;
}
#mvisual .weather-box .radius .weather4.ir {
	background-position: -209px 0px;
}
#mvisual .weather-box .radius .weather5.ir {
	background-position: -279px 0px;
}
#mvisual .weather-box .radius .weather6.ir {
	background-position: -350px 0px;
}
#mvisual .weather-box .radius .weather7.ir {
	background-position: -419px 0px;
}
#mvisual .weather-box em.today {
	font-size: 13px;
}
#mvisual .weather-box em.today {
	display: block;
}
#mvisual .weather-box .date_wrap {
	margin: 5px 0px;
}
#mvisual .weather-box span {
	line-height: 53px; font-size: 57px; font-weight: 600;
}
#mvisual .weather-box span.date {
	margin-bottom: 2px;
}
#mvisual .weather-box .txt_wrap em {
	vertical-align: middle; display: inline-block;
}
#mvisual .grap {
	height: 100%; position: relative;
	min-width:1200px;
}

.deco {
	background: transparent url('../images/main/main_deco.png') center 60px no-repeat;
	width:100%;
	height: 982px;
    position: absolute;
	z-index:99;
	top:0px;
	left:0px;
}

#mvisual .grap .obj {
	height: 100%; position: relative;
}
#mvisual .grap .obj .item {
	background-position: 50% 0px; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 0; font-size: 0px; position: absolute; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;
}
#mvisual .grap .obj .item .mv-img {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_img01.jpg") no-repeat 50% 0px / cover; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#mvisual .control a[data-control='next'] {
	left: auto; right: 0px;
}
#mvisual .control a {
	border: 1px solid transparent; border-image: none; left: 0px; top: 50%; width: 118px; height: 118px; margin-top: -64px; display: inline-block; position: absolute; z-index: 10;
}
#mvisual .control a::before {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_arr_left_ico.png") no-repeat 40% 50%; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 15; content: "";
}
#mvisual .control a[data-control='next']::before {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_arr_right_ico.png") no-repeat 55% 50%;
}
#mvisual .control a .ir {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_btn_bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#mvisual .control .images {
	display: none;
}
#mvisual .grap .obj .mvisual01.item {
	background-image: url("http://152.99.138.212/site/tour/img/main/mvisual_img01.jpg");
}
#mvisual .paging {
	right: 30px; bottom: 30px; display: table; position: absolute;
}
#mvisual .paging::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mvisual .paging div {
	width: 100%; display: table;
}
#mvisual .paging div.first {
	text-indent: -9999px; border-top-color: rgb(255, 198, 0); border-top-width: 1px; border-top-style: solid; display: table-cell;
}
#mvisual .paging div.last {
	text-indent: -9999px; border-top-color: rgb(255, 198, 0); border-top-width: 1px; border-top-style: solid; display: table-cell;
}
#mvisual .paging div.last {
	border-color: rgb(255, 255, 255);
}
#mvisual .paging a {
	text-align: center; color: rgb(255, 255, 255); padding-top: 15px; font-size: 14px; display: none; position: relative;
}
#mvisual .paging a::before {
	background: url("http://152.99.138.212/site/tour/img/main/ir.png") -240px -20px; top: -2px; width: 18px; height: 13px; margin-right: 6px; vertical-align: middle; display: inline-block; position: relative; content: "";
}
#mvisual .paging a.ov {
	display: inline-block;
}
#mvisual .paging .first {
	width: 6.25%;
}
#mvisual .paging .last {
	width: 6.25%;
}
#mvisual .paging .first .dot {
	left: 0px;
}
#mvisual .paging .last .dot {
	left: auto; right: 0px;
}
#mvisual .paging .dot {
	border-radius: 50%; left: 50%; top: -7px; width: 12px; height: 12px; margin-left: -6px; display: inline-block; position: absolute; background-color: rgb(255, 255, 255);
}
#mvisual .paging .dot::before {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_local_ico.png") no-repeat; left: 50%; top: -60px; width: 35px; height: 49px; margin-left: -18px; display: none; position: absolute; content: "";
}
#mvisual .paging .yellow {
	color: rgb(255, 255, 255);
}
#mvisual .paging .yellow .dot {
	background-color: rgb(255, 198, 0);
}
#mvisual .paging .spot .dot::before {
	display: block;
}
#mvisual .paging a .node {
	left: 50%; top: -10px; width: 20px; height: 20px; margin-left: -20px; display: none; position: absolute;
}
#mvisual .paging a .splash {
	border-radius: 100%; left: 0px; top: 0px; width: 20px; height: 20px; position: absolute; opacity: 1; pointer-events: none; box-shadow: 0px 0px 8px 2px rgba(69,174,233,0.53); transform: translateZ(0px) scale(1);
}
#mvisual .paging a.ov .splash {
	transition:transform 1200ms, opacity 1500ms; opacity: 0 !important; transform: translateZ(0px) scale(2.5);
}
#mvisual .paging a .active-circle {
	border-radius: 100%; transition:300ms cubic-bezier(0.63, 0.62, 0.48, 1.84); width: 20px; height: 20px; position: absolute; opacity: 0; transform: scale(0.7); background-color: rgb(255, 198, 0);
}
#mvisual .paging a.ov .active-circle {
	opacity: 1; transform: scale(1);
}
#mvisual .paging a .active-circle .cover {
	background: rgb(0, 0, 0); border-radius: 100%; left: 2px; top: 2px; width: 16px; height: 16px; position: absolute; transform: translateZ(0px);
}
#mvisual .paging a .active-circle .white {
	background: rgb(255, 255, 255); border-radius: 100%; transition:300ms cubic-bezier(0.63, 0.62, 0.48, 1.84); left: -1px; top: 0px; width: 6px; height: 6px; position: absolute; transform: translateX(5px) translateY(5px) scale(1);
}
#mvisual .paging a .inactive-circle {
	background: rgb(255, 255, 255); border-radius: 100%; border: 2px solid rgb(255, 198, 0); transition:300ms cubic-bezier(0.63, 0.62, 0.48, 1.84); border-image: none; left: 4px; top: 0px; width: 16px; height: 16px; display: block; position: absolute;
}
#mvisual .paging a.ov .inactive-circle {
	transition:opacity 200ms; opacity: 0;
}
@media all and (min-width:0px)
{
#mvisual .paging .dot::before {
	transition:300ms ease-in-out; top: -100px; display: block; opacity: 0;
}
#mvisual .paging .spot .dot::before {
	top: -60px; opacity: 1;
}
}
@media all and (max-width:1239px)
{
#mvisual {
	height: 930px;
}
#mvisual .mvcopy h2 .ir {
	background: url("http://152.99.138.212/site/tour/img/main/m_visual_tit_1024.png") no-repeat 50% 50%; width: 768px;
}
#mvisual .control a {
	width: 110px; height: 110px; margin-top: -55px;
}
#mvisual .mvcopy p {
	margin-top: -80px;
}
}
@media all and (max-width:1023px)
{
#mvisual .mvcopy p {
	display: none;
}
#mvisual .control a {
	width: 80px; height: 80px; margin-top: -40px;
}
#mvisual .control a::before {
	background-size: 25%;
}
#mvisual .control a[data-control='next']::before {
	background-size: 25%;
}
#mvisual .paging {
	left: 0px; width: 100%; text-align: center; right: auto; bottom: 65px;
}
}


.pnote {
	margin: 50px auto 0px; text-align: center; display: none;
}
.pnote .micon {
	background-position: -12px -278px; width: 12px; height: 12px; line-height: 0; font-size: 0px; margin-left: 6px; display: inline-block;
}
.pnote :first-child.micon {
	margin-left: 0px;
}
.pnote .ov.micon {
	background-position: 0px -278px;
}
.vmore {
	left: 50%; margin-left: -36px; display: none; position: absolute; z-index: 20;
}
.bot.vmore {
	bottom: 60px;
}
.top.vmore {
	top: 120px;
}
.animated.vmore {
	visibility: hidden;
}
.visible.vmore {
	visibility: visible;
}
.vmore .scroll {
	margin: 0px auto; width: 104px; overflow: hidden; display: block;
}
.bot.vmore .scroll {
	background: url("http://152.99.138.212/site/tour/img/main/more_mouse.png") no-repeat 50% 0px; height: 65px; text-indent: -9999px; font-size: 0px;
}
.top.vmore .scroll {
	background: url("http://152.99.138.212/site/tour/img/main/more_toparr.png") no-repeat 50% 0px; text-align: center; color: rgb(199, 157, 105); line-height: 1; padding-top: 50px; font-size: 17px; font-weight: bold;
}
.shake {
	animation-name: shake; animation-duration: 8s; animation-iteration-count: infinite;
}
@media only screen and (min-width:1280px)
{
.vmore {
	display: block;
}
}
#mappearance {
	background-color: rgb(239, 239, 239);
}
#mappearance .wrapper {
	padding: 50px 0px;
}
#mappearance .section_title {
	background: rgb(239, 239, 239);
}
#mappearance .section_title .ir {
	background-position: 0px -80px; margin: 0px auto 10px; width: 108px; height: 34px; display: block;
}
#mappearance .mvisual {
	padding: 20px 0px; position: relative;
}
#mappearance .mvisual_inner {
	margin: 0px auto; width: 95%; overflow: hidden;
}
#mappearance .mvisual .obj {
	width: 1000%; overflow: hidden; position: relative;
}
#mappearance .mvisual .obj::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mappearance .mvisual .obj .item {
	left: auto; top: 0px; width: 10%; padding-top: 4%; float: left; display: none; position: relative; z-index: 5;
}
#mappearance .mvisual .obj :first-child.item {
	display: block;
}
#mappearance .mvisual .obj .item a {
	display: block; position: relative; z-index: 10;
}
#mappearance .mvisual .obj .item a:hover .more_btn {
	text-decoration: underline;
}
#mappearance .mvisual .obj .item a:active .more_btn {
	text-decoration: underline;
}
#mappearance .mvisual .obj .item a:focus .more_btn {
	text-decoration: underline;
}
#mappearance .mvisual .obj .item a {
	margin: 0px auto; left: 0px; top: 0px; width: 75%; height: 100%; text-align: center; right: 0px; position: absolute;
}
#mappearance .mvisual .obj .item figure {
	width: 100%; height: 100%;
}
#mappearance .mvisual .obj .item img {
	width: 100%; height: 100%; max-width: none;
}
#mappearance .mvisual .obj .item .l {
	left: -1200px; top: 0px; width: 1000px; height: 100%; display: none; position: absolute; z-index: -1;
}
#mappearance .mvisual .obj .item .r {
	top: 0px; width: 1000px; height: 100%; right: -1200px; display: none; position: absolute; z-index: -1;
}
#mappearance .mvisual span.nj_mark {
	display: none;
}
#mappearance .mvisual p.control a {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_arr_left_ico01.png") no-repeat; width: 26px; height: 47px; line-height: 0; font-size: 0px; display: block; position: absolute; z-index: 6;
}
#mappearance .mvisual p.control a[rel='next'] {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_arr_right_ico01.png") no-repeat;
}
#mappearance .mvisual .bg {
	background: rgb(239, 239, 239); left: 0px; top: 0px; width: 100%; height: 100%; padding-bottom: 50px; position: absolute; z-index: 4;
}
#mappearance .mvisual .txt_wrap {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_btn_bg.png"); padding: 5px 15px; width: 100%; text-align: left; right: 0px; bottom: 0px; display: block; position: absolute;
}
#mappearance .mvisual .txt_wrap .txt_cont {
	color: rgb(255, 255, 255); display: block; position: relative;
}
#mappearance .mvisual .txt_wrap .txt_cont strong {
	display: block;
}
#mappearance .mvisual .txt_wrap .txt_cont strong em {
	line-height: 30px; overflow: hidden; font-size: 18px; display: block; white-space: nowrap; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;
}
#mappearance .mvisual .txt_wrap .txt_cont p {
	display: none;
}
#mappearance .mvisual .txt_wrap .more_btn {
	display: none;
}
#mappearance .mvisual .paging_wrap {
	display: none;
}
#mappearance .mvisual p.control a[rel='prev'] {
	left: 0px; top: 50%; margin-top: -24px; z-index: 10;
}
#mappearance .mvisual p.control a[rel='next'] {
	top: 50%; right: 0px; margin-top: -24px; z-index: 10;
}
#mappearance .mvisual p.control a[rel='stop'] {
	background: none; display: none;
}
#mappearance .mvisual p.control a[rel='play'] {
	background: none; display: none;
}
#mappearance .mvisual p.control span.number {
	display: none;
}
@media only screen and (min-width:768px)
{
#mappearance .mvisual p.control a.prev {
	background-position: 0px 0px; left: -25px; top: 120px;
}
#mappearance .mvisual p.control a.next {
	background-position: -286px 0px; top: 120px; right: -25px;
}
#mappearance .mvisual .obj li {
	height: 280px;
}
#mappearance .mvisual .obj li img {
	height: 280px;
}
#mappearance .mvisual .txt_wrap .txt_cont strong em {
	font-size: 30px;
}
#mappearance .mvisual .paging {
	left: 0px; top: 0px; position: absolute; z-index: 5;
}
#mappearance .mvisual .paging a {
	background: url("http://152.99.138.212/site/tour/img/main/paging_off.png") no-repeat 50% 50%; width: 24px; height: 24px; line-height: 0; font-size: 0px; display: inline-block;
}
#mappearance .mvisual .paging a.ov {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat;
}
#mappearance .mvisual .paging a:hover {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat;
}
#mappearance .mvisual .paging a:focus {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat;
}
#mappearance .mvisual .paging a.stop {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_stop.png") no-repeat 50% 50%;
}
#mappearance .mvisual .paging a.stop:hover {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_play.png") no-repeat 50% 50%;
}
#mappearance .mvisual .paging a.stop:focus {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_play.png") no-repeat 50% 50%;
}
#mappearance .mvisual .paging a.play {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_play.png") no-repeat 50% 50%;
}
#mappearance .mvisual .obj li {
	height: 351px;
}
#mappearance .mvisual .obj li img {
	height: 351px;
}
#mappearance .mvisual #mappearance .mvisual_inner {
	margin: 0px auto; position: relative; z-index: 5; max-width: 1000px;
}
#mappearance .mvisual .txt_wrap .txt_cont strong em {
	line-height: 45px; font-size: 40px;
}
#mappearance .mvisual {
	padding: 50px 0px 0px; width: 100%; position: relative;
}
#mappearance .mvisual_inner {
	position: relative; z-index: 5; max-width: 1000px;
}
#mappearance .mvisual_inner::after {
	clear: both; display: block; content: "";
}
#mappearance .mvisual .txt_wrap .txt_cont strong em {
	font-size: 30px;
}
}
@media only screen and (min-width:1000px)
{
#mappearance {
	height: 640px;
}
#mappearance .wrapper {
	width: 100%;
}
#mappearance .mvisual_inner {
	width: 100%; overflow: visible;
}
#mappearance .mvisual .obj {
	width: 1000000px; height: 351px; overflow: visible; position: relative;
}
#mappearance .mvisual .obj .item {
	width: 1000px; height: 351px; padding-top: 0px; margin-right: 200px;
}
#mappearance .mvisual .obj .item a {
	margin: 0px; width: 100%;
}
#mappearance .mvisual .obj .item img {
	height: 351px;
}
#mappearance .mvisual p.control {
	left: 0px; top: 50px; width: auto; text-align: center; margin-top: 40px; position: static; z-index: 10;
}
#mappearance .mvisual p.control a {
	vertical-align: middle; position: absolute;
}
#mappearance .mvisual p.control a[rel='play'] {
	position: static;
}
#mappearance .mvisual p.control a[rel='stop'] {
	position: static;
}
#mappearance .mvisual p.control a[rel='prev'] {
	left: -110px; top: 150px; margin-top: 0px;
}
#mappearance .mvisual p.control a[rel='next'] {
	top: 150px; right: -110px; margin-top: 0px;
}
#mappearance .mvisual p.control a[rel='stop'] {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_stop.png") no-repeat; top: 353px; width: 13px; height: 17px; right: 380px; display: inline-block;
}
#mappearance .mvisual p.control a[rel='play'] {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_play.png") no-repeat 3px 1px; top: 353px; width: 13px; height: 17px; right: 380px; display: none;
}
#mappearance .mvisual span.nj_mark {
	background: url("http://152.99.138.212/site/tour/img/main/nj_mark_cate1.png") no-repeat; left: 25px; top: -10px; width: 60px; height: 70px; line-height: 0; font-size: 0px; display: block; position: absolute;
}
#mappearance .mvisual p.control span.number {
	margin: 0px 8px 0px auto; left: 35%; top: 350px; width: auto; vertical-align: middle; display: inline-block; position: static;
}
#mappearance .mvisual p.control span.number a {
	background: url("http://152.99.138.212/site/tour/img/main/paging_off.png") no-repeat 50% 50%; margin: 0px 2px; width: 24px; height: 24px; vertical-align: middle; float: left; display: inline-block; position: relative;
}
#mappearance .mvisual p.control span.number a:hover {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat 50% 50%;
}
#mappearance .mvisual p.control span.number a:active {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat 50% 50%;
}
#mappearance .mvisual p.control span.number a:focus {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat 50% 50%;
}
#mappearance .mvisual p.control span.number a.ov {
	background: url("http://152.99.138.212/site/tour/img/main/paging_ov.png") no-repeat 50% 50%;
}
#mappearance .mvisual .txt_wrap {
	padding: 30px 40px; top: 0px; width: 325px; height: 100%; right: 0px;
}
#mappearance .mvisual .txt_wrap .txt_cont p {
	padding: 0px; height: 100px; color: rgb(189, 189, 189); line-height: 24px; overflow: hidden; font-size: 16px; display: block;
}
#mappearance .mvisual .txt_wrap .txt_cont strong em {
	height: 80px; line-height: 40px; overflow: hidden; font-size: 25px;
}
#mappearance .mvisual .txt_wrap .more_btn {
	background: url("http://152.99.138.212/site/tour/img/main/mvisual_more_btn.png") no-repeat; width: 27px; height: 27px; line-height: 0; font-size: 0px; display: block;
}
#mappearance .mvisual .txt_wrap .more_btn {
	background: none; border: 1px solid rgb(254, 254, 254); border-image: none; left: 40px; top: 275px; width: 85px; height: 30px; text-align: center; color: rgb(254, 254, 254); line-height: 28px; font-size: 13px; position: absolute; opacity: 0.7;
}
#mappearance .mvisual .txt_wrap .more_btn:hover {
	text-decoration: underline;
}
#mappearance .mvisual .txt_wrap .more_btn:active {
	text-decoration: underline;
}
#mappearance .mvisual .txt_wrap .more_btn:focus {
	text-decoration: underline;
}
#mappearance .mvisual .paging_wrap {
	margin: 0px auto; width: 270px; display: block; position: relative;
}
}
#mtaste {
	position: relative;
}
#mtaste .wrapper {
	padding: 60px 0px 85px;
}
#mtaste .wrapper .section_title .ir {
	background-position: -130px -80px; margin: 0px auto 10px; width: 109px; height: 34px; display: block;
}
#mtaste .wrapper .control {
	display: none;
}
#mtaste .grap {
	margin-top: 40px; position: relative;
}
#mtaste .grap .obj {
	width: 100%; overflow: hidden; position: relative;
}
#mtaste .grap .obj .item {
	width: 20%; overflow: hidden; float: left; position: relative;
}
#mtaste .grap .obj .item a {
	text-align: center; color: rgb(36, 36, 36); line-height: 1.2; font-size: 22px; font-weight: 600; display: block;
}
#mtaste .grap .obj .item a * {
	transition:0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;
}
#mtaste .grap .obj .item a em {
	color: rgb(0, 0, 0); line-height: 21px; font-size: 16px; margin-top: 5px; display: block; opacity: 0.6;
}
#mtaste .grap .obj .item a .ir {
	margin: 0px auto 20px; width: 171px; height: 171px; overflow: hidden; display: block; position: relative;
}
#mtaste .grap .obj .item a .mlcnk-01.ir {
	background-position: 0px -460px;
}
#mtaste .grap .obj .item a .mlcnk-02.ir {
	background-position: -180px -460px;
}
#mtaste .grap .obj .item a .mlcnk-03.ir {
	background-position: -360px -460px;
}
#mtaste .grap .obj .item a .mlcnk-04.ir {
	background-position: 0px -640px;
}
#mtaste .grap .obj .item a .mlcnk-05.ir {
	background-position: -180px -640px;
}
#mtaste .grap .obj .item a:hover {
	text-decoration: underline;
}
#mtaste .grap .obj .item a:focus {
	text-decoration: underline;
}
#mtaste .grap .obj .item a:active {
	text-decoration: underline;
}
#mtaste .grap .obj .item a:hover .ir span {
	background: rgb(228, 183, 25); border-radius: 50%; transition:ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 0.8;
}
#mtaste .grap .obj .item a:focus .ir span {
	background: rgb(228, 183, 25); border-radius: 50%; transition:ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 0.8;
}
#mtaste .grap .obj .item a:active .ir span {
	background: rgb(228, 183, 25); border-radius: 50%; transition:ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 0.8;
}
#mtaste .grap .obj .item a:hover .ir span::before {
	background: url("http://152.99.138.212/site/tour/img/main/ir.png") -140px -120px; left: 50%; top: 50%; width: 51px; height: 56px; margin-top: -28px; margin-left: -25px; display: inline-block; position: absolute; content: "";
}
#mtaste .grap .obj .item a:focus .ir span::before {
	background: url("http://152.99.138.212/site/tour/img/main/ir.png") -140px -120px; left: 50%; top: 50%; width: 51px; height: 56px; margin-top: -28px; margin-left: -25px; display: inline-block; position: absolute; content: "";
}
#mtaste .grap .obj .item a:active .ir span::before {
	background: url("http://152.99.138.212/site/tour/img/main/ir.png") -140px -120px; left: 50%; top: 50%; width: 51px; height: 56px; margin-top: -28px; margin-left: -25px; display: inline-block; position: absolute; content: "";
}
@media all and (max-width:1239px)
{
#mtaste .wrapper .control {
	display: block;
}
#mtaste .wrapper .control a {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_arr_left_ico.png") no-repeat; left: 0px; top: 50%; width: 26px; height: 47px; font-size: 0px; margin-top: -24px; display: inline-block; position: absolute;
}
#mtaste .wrapper .control a[data-control='next'] {
	background: url("http://152.99.138.212/site/tour/img/main/m_control_arr_right_ico.png") no-repeat; left: auto; right: 0px;
}
#mtaste .grap .obj {
	margin: 0px auto; width: 85%; height: 260px; overflow: hidden;
}
#mtaste .grap .obj .item {
	width: 25%; min-height: 260px;
}
#mtaste .grap .obj .item a {
	font-size: 19px;
}
#mtaste .grap .obj .item a em {
	font-size: 14px;
}
}
@media all and (max-width:1023px)
{
#mtaste .grap .obj .item {
	width: 33.3%;
}
}
@media all and (max-width:767px)
{
#mtaste .grap .obj .item {
	width: 50%;
}
#mtaste .grap .obj .item a {
	font-size: 17px;
}
#mtaste .grap .obj .item a em {
	font-size: 13px;
}
}
@media all and (max-width:640px)
{
#mtaste .grap .obj .item {
	width: 100%;
}
}
#mtravel {
	background: rgb(239, 239, 239);
}
#mtravel h2 .ir {
	background-position: -250px -80px; margin: 0px auto 10px; width: 114px; height: 34px; display: block;
}
#mtravel h3 {
	color: rgb(36, 36, 36); line-height: 28px; font-size: 22px; font-weight: 600;
}
#mtravel .con_travel {
	margin-top: 55px;
}
#mtravel .con_travel::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mtravel .con_travel .floor::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mtravel .con_travel .mitem {
	background: 0% 0% / cover rgb(255, 255, 255); width: 20%; height: 250px; float: left; display: block; position: relative;
}
#mtravel .con_travel .mitem::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mtravel .con_travel .more-view.mitem {
	display: none;
}
#mtravel .con_travel .mitem h3 {
	margin-bottom: 10px;
}
#mtravel .con_travel .mitem h3 em {
	line-height: inherit; font-weight: inherit; display: block;
}
#mtravel .con_travel .mitem .txt {
	color: rgb(103, 103, 103); line-height: 22px; font-size: 15px; position: relative;
}
#mtravel .con_travel .mitem .txt span {
	left: 20px; bottom: 28px; font-size: 14px; position: absolute;
}
#mtravel .con_travel a:hover .txt span {
	text-decoration: underline;
}
#mtravel .con_travel a:focus .txt span {
	text-decoration: underline;
}
#mtravel .con_travel a:active .txt span {
	text-decoration: underline;
}
#mtravel .con_travel :first-child.floor .mitem .bg {
	width: 50%; height: 100%; float: left;
}
#mtravel .con_travel :first-child.floor .mitem .txt {
	width: 50%; height: 100%; float: left;
}
#mtravel .con_travel .mitem .txt {
	padding: 30px 20px; height: 100%; position: relative;
}
#mtravel .con_travel .mitem .txt .ico {
	background: url("http://152.99.138.212/site/tour/img/common/bg_ico.png") no-repeat; width: 75px; height: 75px; right: 20px; bottom: 30px; display: inline-block; position: absolute;
}
#mtravel .con_travel .mitem .txt .citytour.ico {
	background-position: 0px -850px;
}
#mtravel .con_travel .mitem .txt .meseum.ico {
	background-position: -80px -850px;
}
#mtravel .con_travel .mitem .txt .video.ico {
	background-position: -160px -850px;
}
#mtravel .con_travel .summer.mitem .txt::before {
	border-width: 16px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: none; top: 50%; right: -32px; margin-top: -16px; display: inline-block; position: absolute; content: "";
}
#mtravel .con_travel .fall.mitem .txt::before {
	border-width: 16px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: none; left: -32px; top: 50%; margin-top: -16px; display: inline-block; position: absolute; content: "";
}
#mtravel .con_travel .winter.mitem .txt::before {
	border-width: 16px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: none; left: 50%; bottom: -32px; margin-left: -16px; display: inline-block; position: absolute; content: "";
}
#mtravel .con_travel .spring.mitem {
	width: 40%; height: 500px; background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_spring_bg.jpg");
}
#mtravel .con_travel .spring.mitem h3 {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .floor .spring.mitem .txt {
	height: 50%; margin-top: 250px; background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_spring_txt_bg.png");
}
#mtravel .con_travel .floor .spring.mitem .txt p {
	color: rgb(255, 255, 255); opacity: 0.8;
}
#mtravel .con_travel .floor .spring.mitem .txt span {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .summer-fall.mitem {
	width: 40%;
}
#mtravel .con_travel .summer-fall.mitem .mitem {
	width: 100%;
}
#mtravel .con_travel .summer-fall.mitem .summer.mitem .bg {
	background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_spring_bg2.jpg");
}
#mtravel .con_travel .summer-fall.mitem .fall.mitem .bg {
	background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_fall_bg.jpg");
}
#mtravel .con_travel .winter.mitem {
	width: 20%; height: 500px;
}
#mtravel .con_travel .floor .winter.mitem .txt {
	width: 100%; height: 50%;
}
#mtravel .con_travel .floor .winter.mitem .bg {
	width: 100%; height: 50%; background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_winter_bg3.jpg");
}
#mtravel .con_travel .mitem .sub-title {
	width: 100%; height: 100%; line-height: 0; font-size: 0px; display: block; background-size: contain;
}
#mtravel .con_travel .mitem .more {
	left: 50%; top: 50%; text-decoration: underline; margin-top: -54px; margin-left: -38px; position: absolute;
}
#mtravel .con_travel .mitem .more .ir {
	background-position: -135px -486px; margin: 0px auto 10px; border-radius: 50%; border: 1px solid rgb(119, 119, 119); border-image: none; width: 60px; height: 60px; display: block;
}
#mtravel .con_travel .theme {
	
}
#mtravel .con_travel .theme .befefore.img {
	width: 100%; height: 100%; display: block;
}
#mtravel .con_travel .theme .befefore.img .img_pc {
	width: 100%; height: 100%; padding-top: 70px; display: block; position: relative;
}
#mtravel .con_travel .theme h3 {
	margin: 0px 0px 19px; padding: 0px 0px 20px; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 20px; display: block; position: relative;
}
#mtravel .con_travel .theme h3::after {
	left: 50%; width: 40px; height: 1px; bottom: 0px; margin-left: -20px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#mtravel .con_travel .theme .befefore.img .img_mobile {
	width: 100%; height: 100%; display: none;
}
#mtravel .con_travel .theme .after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 12;
}
#mtravel .con_travel .theme .after .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
#mtravel .con_travel .facilities.mitem {
	background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_facilities_bg.png");
}
#mtravel .con_travel .meseum.mitem {
	background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_meseum_bg.png");
}
#mtravel .con_travel .facilities.mitem h3 {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .meseum.mitem h3 {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .facilities.mitem p {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .meseum.mitem p {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .facilities.mitem span {
	color: rgb(255, 255, 255);
}
#mtravel .con_travel .meseum.mitem span {
	color: rgb(255, 255, 255);
}
@media all and (max-width:1239px)
{
#mtravel .con_travel .mitem {
	height: 250px;
}
#mtravel .con_travel .mitem .txt p {
	line-height: 26px; font-size: 17px;
}
#mtravel .con_travel :first-child.floor .mitem .bg {
	background-position: 50% 50%; background-size: cover;
}
#mtravel .con_travel .spring.mitem {
	background: none; width: 100%; height: 250px;
}
#mtravel .con_travel .floor .spring.mitem .txt {
	height: 100%; margin-top: 0px;
}
#mtravel .con_travel .floor .spring.mitem .txt::before {
	border-width: 16px; border-style: solid; border-color: transparent rgb(221, 55, 55) transparent transparent; border-image: none; left: -32px; top: 50%; margin-top: -16px; display: inline-block; position: absolute; content: "";
}
#mtravel .con_travel .floor .spring.mitem .bg {
	background-image: url("http://152.99.138.212/site/tour/img/main/mtravel_spring_bg.png");
}
#mtravel .con_travel .summer-fall.mitem {
	width: 100%; height: 500px;
}
#mtravel .con_travel .winter.mitem {
	width: 100%; height: 250px;
}
#mtravel .con_travel .winter.mitem .txt::before {
	left: auto; top: 50%; right: -32px; bottom: auto; margin-top: -16px; margin-left: 0px; border-top-color: transparent; border-left-color: rgb(255, 255, 255);
}
#mtravel .con_travel .floor .winter.mitem .txt {
	width: 50%; height: 100%;
}
#mtravel .con_travel .floor .winter.mitem .bg {
	width: 50%; height: 100%;
}
#mtravel .con_travel .last.floor .mitem {
	display: none;
}
#mtravel .con_travel .last.floor .facilities.mitem {
	width: 50%; display: block;
}
#mtravel .con_travel .last.floor .more-view.mitem {
	width: 50%; display: block;
}
#mtravel .con_travel .last.floor .more-view.mitem {
	background: url("/site/tour/img/main/more-view-bg.png") no-repeat 50% 50% rgb(255, 255, 255);
}
#mtravel .con_travel .last.floor .more-view.mitem h3 {
	display: none;
}
#mtravel .con_travel .last.floor {
	display: none;
}
}
@media all and (max-width:1023px)
{
#mtravel h3 {
	line-height: 30px; font-size: 26px; margin-bottom: 20px;
}
#mtravel .con_travel .mitem {
	height: 330px;
}
#mtravel .con_travel .mitem .txt {
	padding: 50px 45px;
}
#mtravel .con_travel .mitem .txt span {
	left: 45px; bottom: 45px;
}
#mtravel .con_travel .spring.mitem {
	height: 330px;
}
#mtravel .con_travel .winter.mitem {
	height: 330px;
}
#mtravel .con_travel .summer-fall.mitem {
	width: 100%; height: 660px;
}
}
@media all and (max-width:767px)
{
#mtravel .con_travel .mitem {
	height: 140px;
}
#mtravel .con_travel .mitem h3 {
	line-height: 20px; font-size: 14px;
}
#mtravel .con_travel .mitem .txt {
	padding: 35px 15px;
}
#mtravel .con_travel .mitem .txt p {
	display: none;
}
#mtravel .con_travel .mitem .txt span {
	left: 15px; bottom: 20px; font-size: 11px;
}
#mtravel .con_travel .spring.mitem {
	height: 140px;
}
#mtravel .con_travel .winter.mitem {
	height: 140px;
}
#mtravel .con_travel .summer-fall.mitem {
	height: 280px;
}
#mtravel .con_travel .last.floor .more-view.mitem {
	background: url("/site/tour/img/main/more-view-bg-320.png") no-repeat 50% 50% rgb(255, 255, 255);
}
}
#mcourse {
	background-color: rgb(98, 99, 106);
}
#mcourse .wrapper {
	padding: 0px; overflow: hidden;
}
#mcourse .box_course {
	margin-top: 55px; margin-right: -2.5%; margin-left: -2.5%;
}
#mcourse .box_course::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mcourse .box_course .mbox {
	margin: 2% 2.5%; width: 20%; height: 342px; float: left; position: relative;
}
#mcourse .box_course .long.mbox {
	width: 45%; height: 280px; overflow: hidden;
}
#mpremium {
	position: relative;
}
#mcourse .box_course .control {
	
}
#mcourse .box_course .control a {
	background: url("http://152.99.138.212/site/tour/img/main/m_prev_ico.png") no-repeat; left: 30px; top: 50%; width: 17px; height: 28px; font-size: 0px; margin-top: -14px; display: inline-block; position: absolute; z-index: 100;
}
#mcourse .box_course .control a[data-control='next'] {
	background: url("http://152.99.138.212/site/tour/img/main/m_next_ico.png") no-repeat; left: auto; right: 30px;
}
#mcourse .box_course .long.mbox .number {
	left: 0px; width: 100%; text-align: center; bottom: 30px; position: absolute; z-index: 100;
}
#mcourse .box_course .long.mbox .number a {
	margin: 0px 5px; border-radius: 50%; border: 2px solid rgb(0, 0, 0); border-image: none; width: 12px; height: 12px; font-size: 0px; vertical-align: middle; display: inline-block; position: static;
}
#mcourse .box_course .long.mbox .number a.ov {
	background-color: rgb(0, 0, 0);
}
#mcourse .box_course .long.mbox .grap {
	width: 100%; height: 100%; position: relative;
}
#mcourse .box_course .long.mbox .obj {
	width: 100%; height: 100%; position: relative;
}
#mcourse .box_course .long.mbox .item {
	background: url("http://152.99.138.212/site/tour/img/main/bg_premium.png") 50% 50%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#mcourse .box_course .long.mbox .item a {
	padding: 60px 70px 0px 260px; width: 100%; height: 100%; display: block; position: relative;
}
#mcourse .box_course .long.mbox .img {
	border-radius: 50%; left: 75px; top: 60px; width: 160px; height: 160px; overflow: hidden; display: inline-block; position: absolute; background-image: url("http://152.99.138.212/site/tour/img/main/m_theme_bg_set.png");
}
#mcourse .box_course .long.mbox .img .img_wrap {
	width: 200%; height: 100%; text-align: center; margin-left: -50%; display: inline-block;
}
#mcourse .box_course .long.mbox .img .img_wrap img {
	height: 100%; max-width: none;
}
#mcourse .box_course .long.mbox .cat {
	border-radius: 50%; left: 75px; top: 20%; width: 55px; height: 55px; text-align: center; color: rgb(255, 255, 255); line-height: normal; padding-top: 15px; font-size: 12px; display: inline-block; position: absolute; background-color: rgb(255, 94, 89);
}
#mcourse .box_course .long.mbox .cat em {
	line-height: normal; display: block;
}
#mcourse .box_course .long.mbox .info {
	color: rgb(76, 68, 66); overflow: hidden;
}
#mcourse .box_course .long.mbox .info strong {
	overflow: hidden; font-size: 20px; margin-bottom: 10px; display: inline-block; white-space: nowrap; position: relative; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;
}
#mcourse .box_course .long.mbox .info strong::before {
	left: 0px; width: 100%; height: 2px; bottom: 0px; display: inline-block; position: absolute; content: ""; background-color: rgb(76, 68, 66);
}
#mcourse .box_course .long.mbox .info p {
	height: 110px; line-height: 20px; overflow: hidden;
}
#mcourse .box_course .long.mbox .obj .item a .img .over {
	background: url("http://152.99.138.212/site/tour/img/main/m_plus_ico.png") no-repeat 50% 50%; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
#mcourse .box_course .long.mbox .obj .item a .img .over::before {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 0.2; background-color: rgb(0, 0, 0);
}
#mcourse .box_course .long.mbox .obj .item a:hover .img .over {
	display: inline-block;
}
#mcourse .box_course .long.mbox .obj .item a:focus .img .over {
	display: inline-block;
}
#mcourse .box_course .long.mbox .obj .item a:active .img .over {
	display: inline-block;
}
#mcourse .box_course .long.mbox .obj .item a .img:hover .over {
	display: inline-block;
}
#mcourse .box_course .long.mbox .obj .item a .img:focus .over {
	display: inline-block;
}
#mcourse .box_course .long.mbox .obj .item a .img:active .over {
	display: inline-block;
}
#mcourse .box_course .long.mbox#mpr {
	text-align: center;
}
#mcourse .box_course .long.mbox#mpr b em {
	color: rgb(255, 255, 255); font-size: 20px;
}
#mcourse .box_course .long.mbox#mpr a {
	left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 80px; position: absolute;
}
#mcourse .box_course .long.mbox#mpr .ico {
	background: url("http://152.99.138.212/site/tour/img/main/m_play_ico.png") no-repeat 55% 50%; margin: 0px auto 20px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 70px; height: 70px; display: block;
}
#mcourse .box_course .long.mbox#mpr a:hover .ico {
	border: 0px currentColor; border-image: none; background-color: rgb(255, 94, 89);
}
#mcourse .box_course .long.mbox#mpr a:focus .ico {
	border: 0px currentColor; border-image: none; background-color: rgb(255, 94, 89);
}
#mcourse .box_course .long.mbox#mpr a:active .ico {
	border: 0px currentColor; border-image: none; background-color: rgb(255, 94, 89);
}
#mcourse .box_course .course {
	
}
#mcourse .box_course .course .befefore.img {
	width: 100%; height: 100%; display: block;
}
#mcourse .box_course .course .befefore.img .img_pc {
	width: 100%; height: 100%; padding-top: 70px; display: block; position: relative;
}
#mcourse .box_course .course .befefore.img .img_pc h3 {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 20px; display: block; position: relative;
}
#mcourse .box_course .course .befefore.img .img_pc h3 .ir {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_1.png") no-repeat 50% 50%; margin: 0px auto 20px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 65px; height: 65px;
}
#mcourse .box_course .course2 .befefore.img .img_pc h3 .ir {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_2.png") no-repeat 50% 50%;
}
#mcourse .box_course .course3 .befefore.img .img_pc h3 .ir {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_3.png") no-repeat 50% 50%;
}
#mcourse .box_course .course4 .befefore.img .img_pc h3 .ir {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_4.png") no-repeat 50% 50%;
}
#mcourse .box_course .course .befefore.img .img_mobile {
	width: 100%; height: 100%; line-height: 0; font-size: 0px; display: none;
}
#mcourse .box_course .course .after {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 12;
}
#mcourse .box_course .course .after .bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
#mcourse .box_course .course .after h3 {
	margin: 0px 0px 19px; padding: 0px 0px 20px; text-align: center; color: rgb(255, 255, 255); line-height: 1.2; font-size: 20px; display: block; position: relative;
}
#mcourse .box_course .course .after h3::after {
	left: 50%; width: 40px; height: 1px; bottom: 0px; margin-left: -20px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#mcourse .box_course .course1.course .befefore.img .img_pc {
	background: url("http://152.99.138.212/site/tour/img/main/bg_course1.jpg") no-repeat 50% 50%;
}
#mcourse .box_course .course2.course .befefore.img .img_pc {
	background: url("http://152.99.138.212/site/tour/img/main/bg_course2.jpg") no-repeat 50% 50%;
}
#mcourse .box_course .course3.course .befefore.img .img_pc {
	background: url("http://152.99.138.212/site/tour/img/main/bg_course3.jpg") no-repeat 50% 50%;
}
#mcourse .box_course .course4.course .befefore.img .img_pc {
	background: url("http://152.99.138.212/site/tour/img/main/bg_course4.jpg") no-repeat 50% 50%;
}
#mcourse .box_course .course1.course .after .bg {
	background: url("http://152.99.138.212/site/tour/img/main/bg_over6.png") 50% 50%;
}
#mcourse .box_course .course2.course .after .bg {
	background: url("http://152.99.138.212/site/tour/img/main/bg_over7.png") 50% 50%;
}
#mcourse .box_course .course3.course .after .bg {
	background: url("http://152.99.138.212/site/tour/img/main/bg_over8.png") 50% 50%;
}
#mcourse .box_course .course4.course .after .bg {
	background: url("http://152.99.138.212/site/tour/img/main/bg_over9.png") 50% 50%;
}
#mcourse .box_course .course .after ul {
	
}
#mcourse .box_course .course .after ul li {
	display: block;
}
#mcourse .box_course .course .after ul li a {
	padding: 2px 2px 2px 11px; color: rgb(255, 255, 255); line-height: 1.4; display: block; position: relative;
}
#mcourse .box_course .course .after ul li a::after {
	left: 0px; top: 10px; width: 3px; height: 3px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#mcourse .box_course .course .after p {
	text-align: center; color: rgb(255, 255, 255); line-height: 1.4;
}
#mcourse .box_course .course .after .more {
	left: 0px; width: 100%; text-align: center; bottom: 64px; position: absolute;
}
#mcourse .box_course .course .after .more a {
	padding: 5px 35px; border-radius: 50px; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); display: inline-block;
}
#mcourse .box_course .course .after .over {
	padding: 45px 25px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 11;
}
@media all and (max-width:1239px)
{
#mcourse .box_course {
	margin-right: -1%; margin-left: -1%;
}
#mcourse .box_course .mbox {
	margin: 2% 1%; width: 23%; height: 322px;
}
#mcourse .box_course .long.mbox {
	width: 48%; margin-top: 0px;
}
#mcourse .box_course .control {
	left: 0px; width: 100%; text-align: center; bottom: 30px; position: absolute; z-index: 150;
}
#mcourse .box_course .control a {
	margin-top: 0px; vertical-align: middle; position: static;
}
#mcourse .box_course .long.mbox .number {
	position: static;
}
#mcourse .box_course .long.mbox .obj {
	padding: 50px 40px 0px 230px; height: 209px; overflow: hidden;
}
#mcourse .box_course .long.mbox .obj .item {
	margin: 0px;
}
#mcourse .box_course .long.mbox .obj .item a {
	padding: 0px;
}
#mcourse .box_course .long.mbox .img {
	top: 20%;
}
#mcourse .box_course .long.mbox .img {
	left: 35px;
}
#mcourse .box_course .long.mbox .cat {
	left: 35px;
}
#mcourse .box_course .long.mbox .info {
	padding: 50px 40px 0px 230px;
}
}
@media all and (max-width:1023px)
{
#mcourse .box_course .mbox {
	height: 220px;
}
#mcourse .box_course .long.mbox {
	height: 220px;
}
#mcourse .box_course .long.mbox#mpr a {
	padding-top: 50px;
}
#mcourse .box_course .course .befefore.img .img_pc {
	padding-top: 40px;
}
#mcourse .box_course .long.mbox .img {
	left: 35px; top: 30px; width: 115px; height: 115px; margin-top: 0px;
}
#mcourse .box_course .long.mbox .obj {
	height: 150px;
}
#mcourse .box_course .long.mbox .cat {
	padding: 8px 5px 5px; border-radius: 0px; left: 170px; width: auto; height: auto;
}
#mcourse .box_course .long.mbox .cat em {
	margin-left: 3px; display: inline-block;
}
#mcourse .box_course .long.mbox .info {
	padding: 55px 40px 0px 170px;
}
#mcourse .box_course .long.mbox .info p {
	height: 40px;
}
#mcourse .box_course .long.mbox .info strong {
	font-size: 18px; margin-top: 10px; margin-bottom: 0px;
}
#mcourse .box_course .long.mbox .number {
	margin: 0px 30px;
}
#mcourse .box_course .course .befefore.img .img_pc {
	display: none;
}
#mcourse .box_course .course .befefore.img .img_mobile {
	text-align: center; color: rgb(255, 255, 255); padding-top: 35px; font-size: 18px; display: block; position: relative; background-size: cover;
}
#mcourse .box_course .course .befefore.img .img_mobile::before {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_1.png") no-repeat 50% 50%; margin: 0px auto 20px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 65px; height: 65px; display: block; content: "";
}
#mcourse .box_course .course2 .befefore.img .img_mobile::before {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_2.png") no-repeat 50% 50%;
}
#mcourse .box_course .course3 .befefore.img .img_mobile::before {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_3.png") no-repeat 50% 50%;
}
#mcourse .box_course .course4 .befefore.img .img_mobile::before {
	background: url("http://152.99.138.212/site/tour/img/main/mcourse_ico_4.png") no-repeat 50% 50%;
}
#mcourse .box_course .course1.course .befefore.img .img_mobile {
	background-image: url("http://152.99.138.212/site/tour/img/main/bg_course1.jpg");
}
#mcourse .box_course .course2.course .befefore.img .img_mobile {
	background-image: url("http://152.99.138.212/site/tour/img/main/bg_course2.jpg");
}
#mcourse .box_course .course3.course .befefore.img .img_mobile {
	background-image: url("http://152.99.138.212/site/tour/img/main/bg_course3.jpg");
}
#mcourse .box_course .course4.course .befefore.img .img_mobile {
	background-image: url("http://152.99.138.212/site/tour/img/main/bg_course4.jpg");
}
}
@media all and (max-width:767px)
{
#mcourse .box_course .mbox {
	width: 48%;
}
#mcourse .box_course .long.mbox {
	width: 100%;
}
#mcourse .box_course .course .befefore.img .img_mobile {
	padding-top: 60px;
}
}
#mcourse .scroll {
	margin: 0px; padding: 50px 0px; left: 0px; top: 0px; width: 100%; position: relative;
}
#mcourse .scroll .grap {
	margin: 0px auto; width: 80%; height: 260px; position: relative;
}
#mcourse .scroll .grap .obj {
	width: 100%; height: 100%; position: relative;
}
#mcourse .scroll .grap .obj::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mcourse .scroll .grap .obj .item {
	left: 0px; top: 0px; width: 100%; height: 100%; padding-right: 47%; position: absolute;
}
#mcourse .scroll .grap .obj .item div {
	color: rgb(255, 255, 255); display: block;
}
#mcourse .scroll .grap .obj .item div h3 {
	color: rgb(228, 192, 43); line-height: 45px; overflow: hidden; font-size: 37px; margin-bottom: 15px; white-space: nowrap; -ms-word-wrap: normal; -ms-text-overflow: ellipsis;
}
#mcourse .scroll .grap .obj .item div .ir {
	background-position: -230px -130px; width: 135px; height: 24px; display: block;
}
#mcourse .scroll .grap .obj .item div p {
	height: 120px; color: rgb(255, 255, 255); overflow: hidden; font-size: 16px; opacity: 0.85;
}
#mcourse .scroll .grap .obj .item .img_wrap {
	top: 0px; width: 391px; height: 255px; right: 0px; position: absolute;
}
#mcourse .scroll .grap .obj .item img {
	width: 100%; height: 100%;
}
#mcourse .scroll .grap .obj .item .more {
	left: 0px; width: 100%; bottom: 10px; position: absolute;
}
#mcourse .scroll .grap .obj .item .more a {
	padding: 8px 23px 8px 20px; border: 1px solid rgb(228, 192, 43); border-image: none; color: rgb(228, 192, 43); font-size: 15px;
}
#mcourse .scroll .grap .obj .item .more a .ir {
	background: url("http://152.99.138.212/site/tour/img/main/details_view_ico.png"); top: -1px; width: 11px; height: 4px; margin-left: 5px; vertical-align: middle; display: inline-block; position: relative;
}
#mcourse .scroll .grap .obj .item .more a:hover {
	color: rgb(29, 29, 29); background-color: rgb(228, 192, 43);
}
#mcourse .scroll .grap .obj .item .more a:focus {
	color: rgb(29, 29, 29); background-color: rgb(228, 192, 43);
}
#mcourse .scroll .grap .obj .item .more a:active {
	color: rgb(29, 29, 29); background-color: rgb(228, 192, 43);
}
#mcourse .scroll .grap .obj .item .more a:hover .ir {
	background: url("http://152.99.138.212/site/tour/img/main/details_view_ov_ico.png");
}
#mcourse .scroll .grap .obj .item .more a:focus .ir {
	background: url("http://152.99.138.212/site/tour/img/main/details_view_ov_ico.png");
}
#mcourse .scroll .grap .obj .item .more a:active .ir {
	background: url("http://152.99.138.212/site/tour/img/main/details_view_ov_ico.png");
}
#mcourse .scroll .control {
	text-align: center;
}
#mcourse .scroll .control button {
	width: 26px; height: 47px; color: rgb(255, 255, 255); line-height: 15px; text-indent: -9999px; font-size: 0px; display: inline-block;
}
#mcourse .scroll .control .prev {
	top: 50%; margin-top: -24px; position: absolute;
}
#mcourse .scroll .control .next {
	top: 50%; margin-top: -24px; position: absolute;
}
#mcourse .scroll .control .prev {
	background-position: 0px -260px; left: 0px;
}
#mcourse .scroll .control .next {
	background-position: -60px -260px; right: 0px;
}
#mcourse .scroll .control .paging {
	display: inline-block; margin-vertical-align: middle;
}
#mcourse .scroll .control .paging button {
	margin: 0px 3px; padding: 5px 0px; width: 30px; height: 30px; line-height: 20px;
}
#mcourse .scroll .control .paging button.ov {
	background-color: rgb(255, 52, 0);
}
#mcourse .scroll .control .paging em {
	font-weight: bold; text-decoration: underline;
}
@media all and (max-width:1239px)
{
#mcourse .scroll .grap {
	height: 220px;
}
#mcourse .scroll .grap .obj .item .img_wrap {
	width: 330px; height: 200px;
}
#mcourse .scroll .grap .obj .item div p {
	height: 75px;
}
#mcourse .scroll .grap .obj .item div h3 {
	font-size: 32px;
}
}
@media all and (max-width:1000px)
{
#mcourse .scroll .grap .obj .item {
	padding-right: 62%;
}
#mcourse .scroll .grap .obj .item div h3 {
	font-size: 22px;
}
#mcourse .scroll .grap .obj .item div p {
	height: 85px; font-size: 14px;
}
#mcourse .scroll .grap .obj .item .more a {
	font-size: 13px;
}
}
@media all and (max-width:767px)
{
#mcourse .scroll .grap {
	height: 365px;
}
#mcourse .scroll .grap .obj .item {
	text-align: center; padding-right: 0px;
}
#mcourse .scroll .grap .obj .item div .ir {
	margin: 0px auto;
}
#mcourse .scroll .grap .obj .item div p {
	display: none;
}
#mcourse .scroll .grap .obj .item .img_wrap {
	width: 100%; position: static;
}
}
#mboard .lcon h2 {
	text-align: left; font-size: 22px; margin-bottom: 15px;
}
#mboard .wrapper::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mboard .wrapper > div {
	width: 40%; float: left; position: relative;
}
#mboard .lcon li {
	padding-left: 10px; position: relative;
}
#mboard .lcon li:first-child {
	margin-top: 0px;
}
#mboard .lcon li::before {
	background: rgb(0, 0, 0); border-radius: 3px; left: 0px; top: 12px; width: 3px; height: 3px; display: inline-block; position: absolute; content: "";
}
#mboard .lcon li a {
	color: rgb(85, 85, 85); line-height: 22px; overflow: hidden; padding-right: 20px; font-size: 16px; display: inline-block; white-space: nowrap; -ms-word-wrap: normal; -ms-text-overflow: ellipsis; max-width: 77%;
}
#mboard .lcon li a:hover {
	color: rgb(27, 27, 27); text-decoration: underline;
}
#mboard .lcon li a:focus {
	color: rgb(27, 27, 27); text-decoration: underline;
}
#mboard .lcon li a:active {
	color: rgb(27, 27, 27); text-decoration: underline;
}
#mboard .lcon li.new a {
	background: url("http://152.99.138.212/site/tour/img/main/new_ico.png") no-repeat right 2px;
}
#mboard .lcon li span {
	top: 0px; right: 0px; color: rgb(132, 132, 132); font-size: 14px; position: absolute;
}
#mboard .lcon .more a {
	top: 0px; width: 15px; height: 15px; text-align: center; right: 0px; color: rgb(186, 185, 183); line-height: 15px; font-size: 25px; font-weight: 600; display: inline-block; position: absolute;
}
#mboard .wrapper .rcon {
	width: 60%; padding-left: 8%; position: relative;
}
#mboard .wrapper .rcon::before {
	left: 7.5%; top: -18px; width: 1px; height: 220px; display: inline-block; position: absolute; content: ""; background-color: rgb(217, 217, 217);
}
#mboard .rcon::after {
	clear: both; display: block; visibility: hidden; content: "";
}
#mboard .rcon li {
	width: 25%; text-align: center; float: left;
}
#mboard .rcon li a {
	color: rgb(36, 36, 36); line-height: 23px; font-size: 18px; display: block;
}
#mboard .rcon li a:hover {
	font-weight: 600; text-decoration: underline;
}
#mboard .rcon li a:active {
	font-weight: 600; text-decoration: underline;
}
#mboard .rcon li a:focus {
	font-weight: 600; text-decoration: underline;
}
#mboard .rcon .ir {
	margin: 0px auto 10px; width: 120px; height: 120px; display: block;
}
#mboard .rcon .list1 .ir {
	margin: 0px auto 18px;
}
#mboard .rcon .list2 .ir {
	margin: 0px auto 18px;
}
#mboard .rcon .list1 .ir {
	background-position: 0px -330px;
}
#mboard .rcon .list2 .ir {
	background-position: -130px -330px;
}
#mboard .rcon .list3 .ir {
	background-position: -260px -330px;
}
#mboard .rcon .list4 .ir {
	background-position: -390px -330px;
}
@media all and (max-width:1239px)
{
#mboard .rcon li a {
	line-height: 19px; font-size: 16px;
}
}
@media all and (max-width:1000px)
{
#mboard::before {
	left: 0px; top: 70px; width: 100%; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(221, 221, 221);
}
#mboard .wrapper {
	padding: 0px;
}
#mboard .wrapper > div {
	width: 100%; float: none;
}
#mboard .lcon {
	padding: 25px 0px 25px 100px; position: relative;
}
#mboard .lcon h2 {
	left: 0px; top: 25px; position: absolute;
}
#mboard .lcon li {
	display: none;
}
#mboard .lcon li::before {
	display: none;
}
#mboard .wrapper .rcon::before {
	display: none;
}
#mboard .lcon li:first-child {
	width: 90%; display: block;
}
#mboard .lcon .more a {
	top: 30px;
}
#mboard .wrapper .rcon {
	padding: 50px 0px; width: 100%;
}
}
@media all and (max-width:639px)
{
#mboard::before {
	top: 245px;
}
#mboard .lcon {
	padding: 30px 0px;
}
#mboard .lcon h2 {
	font-size: 20px; position: static;
}
#mboard .lcon li {
	display: block;
}
#mboard .lcon li::before {
	display: block;
}
#mboard .lcon li::before {
	top: 10px;
}
#mboard .lcon li:first-child {
	width: 100%;
}
#mboard .lcon li a {
	font-size: 14px; max-width: 68%;
}
#mboard .wrapper .rcon {
	padding: 30px 0px 50px;
}
#mboard .rcon li {
	width: 50%; margin-top: 20px;
}
}
#header_group .menu-box .btn_popbox {
	display: inline-block;
}
