@media only screen and (min-width: 600px) {
	.main_bn_full_box{width:100%;height:568px;background:#fff;border-bottom:solid 1px #25aae1;position:relative;}
	.main_bn_full_img{text-align:center;width:1600px;height:567px;margin:0 auto;}
	.main_bn_full_img img{text-align:center;width:1600px;height:567px;}

	.view_menu_1{padding-top:50px;width:948px;padding-bottom:45px;margin:0 auto;}
	.view_title{font-size:24px;font-weight:bold;color:#404041;text-align:center;padding-bottom:35px;}

	.main_bn_layer{width:100%;height:500px;position:absolute;left:0px;top:0px;background:rgba(0,0,0,0.5);z-index:1;}


	.main_trip_item_full_box{width:968px;padding-top:56px;margin:0 auto}


	.step_1_item{width:300px;height:208px;background:url('/res/img/tripbs_step_1.png');float:left;margin-right:24px}
	.step_2_item{width:300px;height:208px;background:url('/res/img/tripbs_step_2.png');float:left;margin-right:24px}
	.step_3_item{width:300px;height:208px;background:url('/res/img/tripbs_step_3.png');float:left}

	.step_item_title{color:#555555;font-weight:bold;text-align:center;font-size:18px;padding-top:100px;}
	.step_item_desc{color:#808080;text-align:center;font-size:15px;padding-top:20px;line-height:22px;}
	.step_item_desc span{color:#25aae1;font-weight:bold;text-align:center;font-size:15px;}

	.work_full_box{width:950px;margin:0 auto;}
	.view_menu_2{width:950px;padding-bottom:45px;margin:0 auto;}
	.work_1_item{background:url('/res/img/work_a.jpg');width:300px;height:300px;margin-right:25px;float:left;}
	.work_2_item{background:url('/res/img/work_b.jpg');width:300px;height:300px;margin-right:25px;float:left;}
	.work_3_item{background:url('/res/img/work_c.jpg');width:300px;height:300px;float:left;}
	.view_menu_3{width:950px;padding-bottom:45px;margin:0 auto;}



	.grid {
		position: relative;
		margin: 0 auto;
		padding: 1em 0 4em;
		max-width: 950px;
		list-style: none;
		text-align: center;
	}

	/* Common style */
	.grid figure {
		position: relative;
		float: left;
		overflow: hidden;
		margin-right:25px;
		min-width: 300px;
		max-width: 300px;
		max-height: 300px;
		width: 300px;
		background: #3085a3;
		text-align: center;
		cursor: pointer;
	}

	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: 0.8;
	}

	.grid figure figcaption {
		max-width: 300px;
		max-height: 300px;
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}

	.grid figure figcaption,
	.grid figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 210px;
		height: 210px;
	}

	/* Anchor will cover the whole item by default */
	/* For some effects it will show as a button */
	.grid figure figcaption > a {
		z-index: 1000;
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
	}

	.grid figure h2 {
		word-spacing: -0.15em;
		font-weight: 300;
	}

	.grid figure h2 span {
		font-weight: 800;
	}

	.grid figure h2,
	.grid figure p {
		margin: 0;
	}

	.grid figure p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}


	*---------------*/
	/***** Oscar *****/
	/*---------------*/

	figure.effect-oscar {
		background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
		background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
	}

	figure.effect-oscar img {
		opacity: 0.9;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}

	figure.effect-oscar figcaption {
		padding: 3em;
		max-width: 300px;
		max-height: 300px;
		background-color: rgba(58,52,42,0.7);
		-webkit-transition: background-color 0.35s;
		transition: background-color 0.35s;
	}

	figure.effect-oscar figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
	}

	figure.effect-oscar h2 {
		font-size:25px;
		margin: 0px 0 5px 0;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	figure.effect-oscar figcaption::before,
	figure.effect-oscar p {
		font-size:15px;
		padding-top:20px;
		line-height:20px;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	figure.effect-oscar:hover h2 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-oscar:hover figcaption::before,
	figure.effect-oscar:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-oscar:hover figcaption {
		background-color: rgba(58,52,42,0);
	}

	figure.effect-oscar:hover img {
		opacity: 0.4;
	}

























	.trip_item_box{position:relative;margin-left:10px;margin-right:10px;margin-bottom:20px;background:#5de2d9;float:left;display:block;}
	.trip_item_box .heart{position:absolute;width:35px;height:29px;top:20px;right:20px;background:url('/res/w/img/main/trip_item_heart_icon_gray.png');}
	.trip_item_box .heart.on{background:url('/res/w/img/main/trip_item_heart_icon_red.png');}
	.trip_item_box .writer_profile_img{width:58px;height:58px;border-radius:29px;background:#fff;padding:2px;position:absolute;bottom:20px;right:20px;}
	.trip_item_box .writer_profile_img img{width:54px;height:54px;border-radius:27px;}


	.trip_item_box.large{width:464px;height:242px}
	.trip_item_box.large .layer{position:absolute;left:0px;top:0px;width:464px;height:242px;background:url('/res/w/img/main/trip_item_large_bg.png');}
	.trip_item_box.large .img_box{width:464px;height:242px}
	.trip_item_box.large .img_box img{width:464px;height:242px}
	.trip_item_box.large .title_box{width:345px;font-size:18px;color:#fff;font-weight:bold;position:absolute;bottom:20px;left:20px;line-height:22px;}

	.trip_item_box.small{width:304px;height:242px;margin-right:8px;}
	.trip_item_box.small .layer{position:absolute;left:0px;top:0px;width:304px;height:242px;background:url('/res/w/img/main/trip_item_small_bg.png');}
	.trip_item_box.small .img_box{width:304px;height:242px}
	.trip_item_box.small .img_box img{width:304px;height:242px}
	.trip_item_box.small .title_box{width:195px;font-size:18px;color:#fff;font-weight:bold;position:absolute;bottom:20px;left:20px;line-height:22px;}


	.trip_more_btn{display:block;width:160px;height:49px;line-height:49px;text-align:center;color:#37bbb5;font-size:16px;font-weight:bold;border:solid #37bbb5 1px;margin:0 auto;}

	.ucg_process_full_box{margin-top:50px;width:100%;height:500px;background:#37bbb5;text-align:center;}
	.ucg_use_full_box{width:100%;height:279px;text-align:center;}

	.ucg_app_host_full_box{width:100%;height:500px;text-align:center;background:#f5f6f2;position:relative;}
	.ucg_app_host_sub_box{width:782px;height:500px;margin:0 auto;position:relative;}
	.ucg_app_host_btn{position:absolute;bottom:160px;right:23px;display:block;width:322px;height:50px;line-height:50px;background:#fd7156;font-size:14px;color:#fff;font-weight:bold;text-align:center;}

	.ucg_make_trip_box{width:100%;height:432px;background:url('/res/img/main_last_bg.jpg');background-size:cover;background-position:50% 50%;}
	.ucg_make_trip_desc{font-size:26px;;color:#fff;text-align:center;line-height:60px;padding-top:50px;padding-bottom:20px;}

	.ucg_main_last_box{width:100%;height:180px;background:#f8f8f8;}

	.swiper-pagination-bullet-active {
		background: rgba(255,255,255,1) !important;
		z-index:3;
	}

	.swiper-pagination-bullet {
		width: 15px !important;
		height: 15px !important;
		background: rgba(0,0,0,0.4) !important;
		z-index:3;
	}
	.swiper-pagination{
		bottom:12px !important;
	}

	.main_bn_text{font-size:40px;font-weight:bold;text-align:center;color:#fff;padding-top:213px;padding-bottom:45px;z-index:10}
	.main_bn_more_btn{display:block;width:138px;height:53px;line-height:53px;color:#13ab9c;font-size:18px;text-align:center;font-weight:bold;background:#fff;margin:0 auto;z-index:10}
	.main_bn_text_full_box{position:absolute;width:100%;z-index:10;top:0px;}

	.main_content_trip_make_btn{display:block;width:322px;height:50px;background:url('/res/w/img/main/main_content_trip_make_btn.png');margin:0 auto;}
	.no_ma{margin:0px !important;}
	.h_line{width:950px;margin:0 auto;margin-bottom:30px;}

	.mobile_main_box{display:none;}

	.faq_title{width:100%;height:50px;line-height:50px;padding-left:20px;border-radius:10px;background:#f6f6f6;color:#404041;font-size:18px;letter-spacing:-1px;cursor:pointer;}
	.faq_title span{color:#a8a8a8;}
	.faq_content{width:100%;border-radius:0px 0px 10px 10px;border:solid #f6f6f6 5px;padding:10px;line-height:26px;display:none;}

	.faq_item_box{margin-bottom:20px;color:#555555;font-size:16px;}

	.ft_call_bs_btn{width:322px;height:50px;margin:0 auto;cursor:pointer;margin-top:20px;}

	.ft_desc_big{width:328px;height:59px;text-align:center;margin:0 auto;}
	
}
@media only screen and (max-width: 599px) {
  .main_bn_full_box{display:none}
  .view_menu_1{width:100%;}
  .view_menu_2{width:100%;}
  .view_menu_3{width:100%;}
  .view_title {
    font-size: 24px;
    font-weight: bold;
    color: #404041;
    text-align: center;
    padding-bottom: 35px;
  }

  .step_1_item {
    max-width: 300px;
	width:100%;
    height: 208px;
    background: url('/res/img/tripbs_step_1.png');
	margin:0 auto;
	margin-bottom:20px;
  }
  .step_2_item {
    max-width: 300px;
	width:100%;
    height: 208px;
    background: url('/res/img/tripbs_step_2.png');
	margin:0 auto;
	margin-bottom:20px;
  }
  .step_3_item {
    max-width: 300px;
	width:100%;
    height: 208px;
    background: url('/res/img/tripbs_step_3.png');
	margin:0 auto;
	margin-bottom:20px;
  }
	.step_item_title {
		color: #555555;
		font-weight: bold;
		text-align: center;
		font-size: 18px;
		padding-top: 100px;
	}

	.step_item_desc {
		color: #808080;
		text-align: center;
		font-size: 15px;
		padding-top: 20px;
		line-height: 22px;
	}



	.grid {
		position: relative;
		margin: 0 auto;
		padding: 1em 0 4em;
		width:100%;
		list-style: none;
		text-align: center;
	}

	/* Common style */
	.grid figure {
		position: relative;
		overflow: hidden;
		margin-right:25px;
		min-width: 300px;
		max-width: 300px;
		max-height: 300px;
		width: 100%;
		background: #3085a3;
		text-align: center;
		cursor: pointer;
		margin:0 auto;
		margin-bottom:10px;
	}

	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: 0.8;
	}

	.grid figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.grid figure figcaption::before,
	.grid figure figcaption::after {
		pointer-events: none;
	}

	.grid figure figcaption,
	.grid figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 210px;
		height: 210px;
	}

	/* Anchor will cover the whole item by default */
	/* For some effects it will show as a button */
	.grid figure figcaption > a {
		z-index: 1000;
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
	}

	.grid figure h2 {
		word-spacing: -0.15em;
		font-weight: 300;
	}

	.grid figure h2 span {
		font-weight: 800;
	}

	.grid figure h2,
	.grid figure p {
		margin: 0;
	}

	.grid figure p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}


	*---------------*/
	/***** Oscar *****/
	/*---------------*/

	figure.effect-oscar {
		background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
		background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
	}

	figure.effect-oscar img {
		opacity: 0.9;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}

	figure.effect-oscar figcaption {
		padding: 3em;
		background-color: rgba(58,52,42,0.7);
		-webkit-transition: background-color 0.35s;
		transition: background-color 0.35s;
	}

	figure.effect-oscar figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
	}

	figure.effect-oscar h2 {
		font-size:25px;
		margin: 0px 0 5px 0;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	figure.effect-oscar figcaption::before,
	figure.effect-oscar p {
		font-size:15px;
		padding-top:20px;
		line-height:20px;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	figure.effect-oscar:hover h2 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-oscar:hover figcaption::before,
	figure.effect-oscar:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-oscar:hover figcaption {
		background-color: rgba(58,52,42,0);
	}

	figure.effect-oscar:hover img {
		opacity: 0.4;
	}

	.ucg_make_trip_box{width:100%;height:432px;background:url('/res/img/main_last_bg.jpg');background-size:cover;background-position:50% 50%;}
	.ucg_make_trip_desc{font-size:26px;;color:#fff;text-align:center;line-height:60px;padding-top:50px;padding-bottom:20px;}

	.ucg_main_last_box{width:100%;height:180px;background:#f8f8f8;}


	.mobile_main_box{width:100%;height:794.5px;position:relative;background:url('/res/img/mobile_main_bg.jpg');background-size:100% 100%;margin-bottom:50px;}
	.mobile_phone_outer{width:320px;height:794.5px;margin:0 auto;position:relative;padding-top:14.5px;}
	.mobile_phone{width:320px;height:779px;margin:0 auto;background:url('/res/img/mobile_phone.png');background-size:320px 779px;}

	.mobile_main_title{color:#404041;font-size:24px;font-weight:bold;position:absolute;letter-spacing:-1px;top:50px;right:40px;line-height:30px;}
	.mobile_main_sub_title{color:#5c5c5c;font-size:17px;position:absolute;letter-spacing: -1px;text-align:right;line-height:25px;top:130px;right:20px;}

	.swiper-pagination-bullet-active {
		background: rgba(255,255,255,1) !important;
		z-index:3;
	}

	.swiper-pagination-bullet {
		width: 15px !important;
		height: 15px !important;
		background: rgba(0,0,0,0.5) !important;
		z-index:3;
	}
	.swiper-pagination{
		bottom:12px !important;
	}

	.faq_title{width:100%;height:50px;line-height:18px;padding-left:15px;padding-top:15px;border-radius:10px;background:#f6f6f6;color:#404041;font-size:14px;letter-spacing:-1px;cursor:pointer;}
	.faq_title span{color:#a8a8a8;}
	.faq_content{width:100%;border-radius:0px 0px 10px 10px;border:solid #f6f6f6 5px;padding:10px;line-height:20px;display:none;}

	.faq_item_box{margin:0 auto;margin-bottom:20px;color:#555555;font-size:13px;width:95%;}

	.ft_call_bs_btn{max-width:322px;width:95%;height:50px;margin:0 auto;cursor:pointer;margin-top:20px;text-align:center;}
	.ft_call_bs_btn img{width:100%;height:50px;}

	.ft_desc_big{max-width:328px;width:95%;height:59px;text-align:center;margin:0 auto;}
	.ft_desc_big img{width:100%;height:59px;}

}