/*@import url('https://fonts.googleapis.com/css?family=Hind+Guntur:300,400,500,600,700');*/
	@import url('https://fonts.googleapis.com/css?family=Rozha+One');
	body{
		font-family: 'Microsoft JhengHei','Hind Guntur', "Noto Sans CJK TC",'Gill Sans', 'Gill Sans MT', Calibri ,sans-serif;
		color:#6d6e70;
		font-weight: 300;
		background-color:#d21519;
		font-size:1.6rem;
		line-height:1.5;
	}

	.nobgcolor{
		background-color:#fff;
	}
	.container-fluid>.navbar-header{
		margin: 0;
		min-height: 59px;
		background:none;
	}
	.navbar-default {
 		background: none; 
 		border:none;
	}
	.navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 0;
	    margin-top: 15px;
	    margin-right: 15px;
	    margin-bottom: 15px;
	    margin-left: 26px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;

	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
		 color:#fff;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	    color: #fff887;
	    background: none;
	    border-color: white;
	    position:relative;
	}

	.navbar-default .navbar-nav>li>a {
	    color: #fff;
	    text-align: center;
	    font-size: 1.8rem;
	    border-bottom: none;
	    display: block;
	    width: 100%;
	}
	.navbar-default .navbar-nav>li>a:hover{
		color:#fff887;
	}
	.navbar-nav {
	    float: right;
	    margin-top: 73px;
	    text-align:center;


	}
	.navbar-nav>li {
		float:none;
		display:inline-block;
		position:relative;
		text-align:center;
	    font-size:1.8rem;

	}
/*	.navbar-nav>li:hover:after{
		content:'';
		position:absolute;
		display:inline-block;
		background:#001f7a;
		left:50%;
		bottom:-38px;
		margin-left:-50px;
		width:100px;
		height:5px;
	}*/
	.navbar-nav>li>a{
		display:block;
	    border-right:1px solid #fff;
	    padding:5px 12px 0;

	}

	.navbar-nav>li:last-child>a{
	    border-right:none;
	}

	.logo{
		width:536px;
		height:64px;
		text-align:center;
		background:url("../images/logo.png");
		margin-top:36px;
		margin-left:26px;
	}

	.navbar-default .navbar-toggle {
	     border: none; 

	}

	.navbar-toggle .icon-bar {
	    display: block;
	    width: 25px;
	    height: 1px;
	    border-radius: 1px;}

	.navbar-toggle .icon-bar+.icon-bar {
	    margin-top: 5px;
	}



	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background: none;
	}


	.header{
		padding:0;
		margin:0;


	}
	.navbar {
		width:100%;
	    max-width: 1440px;
	    position: relative;
	    border-radius: 0;
	    min-height: 112px;
	    margin: 0 auto;
	    z-index:999;

	}

	.dropdown-menu {
	    position: absolute;
	    left: 50%;
	    top:40px;
	    z-index: 1000;
	    display: none;
	    float: left;
	    min-width: 200px;
	    font-size: 14px;
	    text-align: left;
	    list-style: none;
	    box-shadow:none;
	    border-radius:0;
	    padding:0;
	    background:rgba(255,255,255.7); 
	    margin-left:-100px;
	    border:2px solid #ff191e;
	}
	.dropdown-menu>li{
		text-align:center;
		/*color:#6d6e70;*/
		color:#f5f9fb;
		font-size:2rem;
		line-height:2.5;

	}
	.dropdown-menu>li>a {
	    display: block;
	    padding: 10px;
	    clear: both;
		color:#4d4d4d;
		font-size:1.8rem;
	    white-space: nowrap;
	}
	.dropdown-menu>li:hover{
		background:#fa4146;

	}
	.dropdown-menu>li:hover a{
		color:#fff;
	}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	    color: #fff;
	    text-decoration: none;
	    background-color: #ff191e;
	}
	.carousel {
	    position: relative;
	    border-bottom:8px solid #fff;
	    background:#fff;
	}
	.container1440{
		width:100%;
		max-width:1440px;
		border:4px solid #fff;
		margin:0 auto ;
		background:#fff;
		z-index:100;
		position: relative;
		padding-bottom:20px;
	}
	.container1440-2{
		width:100%;
		max-width:1440px;
		margin:0 auto;
		z-index:100;
		position: relative;
		background-color:#fff;
		padding-bottom:20px;
	}
	.pic{width:100%;}
	.pic+div{
		margin-top:10px;
	}

	.respeact{
		position: relative;
		overflow: hidden;

/*		width: 956px;
	    height: 610px;*/
	}

	.respeact img{
		width:100%;
		height:auto;
		max-width: 956px;
	    max-height: 610px;		
		object-fit: cover;
	}
	.respeact .spect{
		width: 100%;
	    text-align: center;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    min-height: 60px;
	    height: 60px;
	    line-height: 60px;
	    display: block;
	    background: rgba(255,25,30,.8);
	    -webkit-transition: bottom 1s;
	    -moz-transition: bottom 1s;
	    -ms-transition: bottom 1s;
	    -o-transition: bottom 1s;
	    transition: bottom 1s;
	    color: #fff;
	    overflow: hidden;
/*		width:100%;
		text-align:center;
		position:absolute;
		bottom:0;
		left:0;
		padding:16px;
		min-height:60px;
		display:block;
		background:rgba(255,25,30,.8) ;
		-webkit-transition: bottom 1s;
		-moz-transition: bottom 1s;
		-ms-transition: bottom 1s;
		-o-transition: bottom 1s;
		transition: bottom 1s;
		color:#fff;*/
	}
	.respeact:hover .spect{
		bottom:0;
	}
	.respeact .spect>p,.respeact2 .spect>p{
		display:none;
	}
	.respeact .spect .ft20,.respeact2 .spect .ft20{
		width:90%;
		margin:0 auto;
	}
	.respeact2{
		position: relative;
		overflow: hidden;
		width:100%;
		height:auto;
	}
	.respeact2 img{
		width:100%!important;
		height:auto!important;
	
		object-fit: cover!important;
	}
	.respeact2 .spect{
		width: 100%;
	    text-align: center;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    min-height: 60px;
	    height: 60px;
	    line-height: 60px;
	    display: block;
	    background: rgba(255,25,30,.8);
	    -webkit-transition: bottom 1s;
	    -moz-transition: bottom 1s;
	    -ms-transition: bottom 1s;
	    -o-transition: bottom 1s;
	    transition: bottom 1s;
	    color: #fff;
	    overflow: hidden;
/*		width:100%;
		text-align:center;
		position:absolute;

		bottom:0;
		left:0;
		padding:16px;
		min-height:60px;
		display:block;
		background:rgba(255,25,30,.8) ;
		-webkit-transition: bottom 1s;
		-moz-transition: bottom 1s;
		-ms-transition: bottom 1s;
		-o-transition: bottom 1s;
		transition: bottom 1s;
		color:#fff;*/
	}
	.respeact2:hover .spect{
		bottom:0;
	}

	.home_Featured{
		position: relative;
		overflow: hidden;
		width:100%;
		max-width: 660px;
   		height: auto;
   		margin-top: 20px;
	}
	.home_Featured:after{
		content:'';
		width:100%;
		height:100%;
		text-align:center;
		position:absolute;
		bottom:0;
		left:0;
		display:block;
		background:rgba(255,255,255,0.7) ;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		color:#000;
		opacity:0;
		text-align:center;
		z-index:1;
	}
	.home_Featured:hover:after{

		opacity:1;
	}
	.home_Featured img{
		width:100%;
		height:auto;
		object-fit: cover;
	}
	.rect{
		width:73px;
		height:3px;
		margin:10px auto;
		background:#fe191e;
	}
	.home_Featured .featuredtitle{
		font-size:2.4rem;
		text-align:center;
		position:absolute;
		width:100%;
		height:40px;
		z-index:99;
		top:50%;
		margin-top:-28px;
		color:#000;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		opacity:0;
	}
	.home_Featured:hover  .featuredtitle{

		opacity:1;
	}
	.spect p{
		margin-top:16px;
		text-align:left;
	}
	.pic-border1{
		margin-bottom:0;
	}
	.pic-border2{
		margin-left:4px;
		/*margin-bottom:4px;*/
	}
	.pic-border3{
		margin-left:4px;
	}

	.home_intro{
		margin:130px 0 25px;
	}
	.home_trip{
		padding:26px;
		margin:0;
	}
	.trip_name{
		font-size: 2.4rem;
		color:#000;

	}
	.trip_name>a{
		color:#000;
		text-decoration: none;
	}
	.trip_info{
		margin:15px 0 0;
	}
	.trip_des{
		font-size: 1.8rem;
		color:#4d4d4d;
		text-align: justify;
	}
	.city_view{
		
		width:684px;
		height:354px;
		margin:0 auto;
	}
	.input1{
		border:none;
		border-bottom:2px solid #20273f;
		padding:20px 10px;
		width:100%;
		font-size:1.8rem;
		background:none;
	}
	.input2{
	    height: 27px;
	    background-color: #eee;
	}
	.searchinput{
		position: relative;
	}
	.searchicon{
		position:absolute;
		background:url(../images/search_icon.jpg);
		background-size: cover;
		width:42px;
		height:42px;
		right:15px;
		bottom:10px;
	}
	.footer{
		font-size: 1.8rem;
	    margin-top: -100px;
	    background: #000;
	    z-index: 1;
	    padding-top: 130px;
	    color: #fff;
	    padding-bottom: 16px;
	}
	.footer_col1{
		width:260px;
		padding:0;
	}
	.footer_col2{
		width:215px;
		padding:0;
	}
	.footer_col3{
		width:166px;
		padding:0;
	}
	.footer_col4{
		width:360px;
		padding:0;
	}
   .info{
	   	width:100%;
	   	max-width:1100px;
	   	border-right:4px solid #ff181e;
   		border-left:4px solid #ff181e;
   		margin:0 auto;
   		overflow:hidden;
   		padding: 8px 20px 0;
   }
	.info .glyphicon {
	    top: 0;
	}
   .copy{
	   	color:#969696;
	   	padding:40px 0 20px;
	   	font-size:1.1rem;
   }
	.alignstyle{
		text-align: left;
	}

	.container-fluid>.navbar-collapse{
		margin:0;
	}

	.title_line{
		width:36px;
		margin:0 auto;
		position:relative;
	}
	.title_line:after{
		content:'';
		position:absolute;
		left:-47px;
		top:9px;
		width:47px;
		height:1px;
		background:#ff191e;
	}
	.title_line:before{
		content:'';
		position:absolute;
		left:36px;
		top:9px;
		width:47px;
		height:1px;
		background:#ff191e;
	}
	.title_line2{
		width:100%;
		margin:0 auto 36px;
		position:relative;
		border-bottom:1px solid #d1d1d1;
		text-align:center;
		height:9px;
	}
	.title_line2:after{
		content:'';
		position:absolute;
		left:50%;
		top:8px;
		width:46px;
		height:1px;
		background:#ff191e;
		margin-left:-48px;
	}
	.title_line2:before{
		content:'';
		position:absolute;
		left:50%;
		top:8px;
		width:46px;
		height:1px;
		background:#ff191e;
		margin-left:0px;
	}
	.title_line3{
		width:100%;
		margin:0 auto 36px;
		position:relative;

		text-align:center;
		height:9px;
	}
	.title_line3:after{
		content:'';
		position:absolute;
		left:50%;
		top:10px;
		width:46px;
		height:1px;
		background:#ff191e;
		margin-left:-48px;
	}
	.title_line3:before{
		content:'';
		position:absolute;
		left:50%;
		top:10px;
		width:46px;
		height:1px;
		background:#ff191e;
		margin-left:0px;
	}

	.title_line3 .glyphicon {
	    position: relative;
	    top: 0px;
	}
	.ft100{
		font-size:10rem;
		font-family: 'Rozha One', serif;
	}
	.ft36{
		font-size:3.6rem;
	}
	.ft30{
		font-size:3rem;
	}
	.ft25{
		font-size:2.5rem;
	}
	.ft20{
		font-size:2rem;
	}
	.ft18{
		font-size:1.8rem;
	}
	.ft16{
		font-size:1.6rem;
	}
	.ft15{
		font-size:1.5rem;
	}
	.ft14{
		font-size:1.4rem;
	}
	.ft12{
		font-size:1.2rem;
	}
	/*改變carousel樣式*/
	.carousel-control{
		opacity:1;
	}
	.carousel-control .icon-next:before,.carousel-control .icon-prev:before{
		content:'';
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		width:40px;
		height:104px;
	    background:url("../images/btn_next.png") no-repeat;
	    margin-right: -115px;
	    margin-top: -54px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover {
	    background:url("../images/btn_next_over.png") no-repeat;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
		width:40px;
		height:104px;
	    background:url("../images/btn_prev.png") no-repeat;
	    margin-left: -114px;
	    margin-top: -54px;	
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev:hover {
	    background:url("../images/btn_prev_over.png") no-repeat;
	}

	.list{
		background:url("../images/list.jpg") no-repeat;
		background-size: cover;
		 width: 100%;
		height:400px;
		margin-top:20px;
	}
	.navbar .social{
		position: absolute;
		top:20px;
		right:26px;
	}
	.hidemenu{
		position:fixed;
		width:100%;
		z-index:9999;
		top:0;
		left:0;
/* 		background:#8f0003; */
		background:#db1316;
		border-bottom:2px solid #ff181e;
		box-shadow: 0 3px 3px -1px #8f0003;
	}
	.title{
		margin:40px 0 20px;
	}
	.navbar-default .navbar-nav>li>a.choose {
		position:relative;
		color:#fff887;
	}
	.navbar-default .navbar-nav>li>a.choose:after{
		content:'';
		position:absolute;
		top:35px;
		left:50%;
		width:60px;
		height:4px;
		background:#fff;
		margin-left:-30px;
		box-shadow:0 0 6px #fff;
	}


    /*團體旅遊*/

	.trip{
		margin-bottom:30px;
	}
	.trip .trip_pic{
		border:8px solid #eee;
		margin:15px 0;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;		
	}
	.trip:hover  .trip_pic{
		border:8px solid #fff;	
		box-shadow:0 0 13px rgba(0,0,0,.3);
	}
	.page{
		margin:40px 0 40px;
	}
	.btn_arrow{

		border-radius: 100%;
		background:#4d4d4d;

	}
	.btn-nobgcolor{
		background: none;
	}
	.pagination>li>a, .pagination>li>span {
		border:none;
		color:#4d4d4d;
	}

	.headerbg_red{
		position: absolute;
		top:0;
		width:100%;
		height:230px;
		background-color:#d21519;
		z-index:1;
	}
	.detail{
		position:relative;
		margin:50px auto 0;
		width:90%;
	}
	.detail h4{
		font-weight:bold;
	}
	.mytable{
		display:block;
	}
	.mytable table{
		border-spacing: 2px;
		border-collapse:separate; 
		width:100%;
		max-width:1200px;
		margin:0 auto;
		
	}

	.mytable th,.mytable td{
		border-top:none!important;

	}
	.mytable td{
		background:#ffece6;

	}

	.mytable_mobile{
		display:none;
	}


	.mytable2{
		border-spacing: 2px;
		border-collapse:separate; 
		width:100%;
		border-top:1px solid #dcdcdc !important;
		margin:10px auto;
	}
	.mytable2 th{
		background:#fff;
		height:58px;
		padding-top:28px !important;
		color:#bb8051;
		
	}
	.mytable2 tr:nth-child(even) 
	{background: #ededed}
	
	.mytable2 th,.mytable2 td{
		border-top:none !important;
	}
	.mytable2 tr:hover th,.mytable2 tr:hover td,.mytable2 tr:hover a{
		background:#d11418;
		color:#fff!important;
		
	}
	.mytable2 tr:hover th>span,.mytable2 tr:hover td>span{

		color:#fff!important;
		
	}
	.mytable2 a{
		font-weight:bold;
	}
	.mytable3{
		display:none;

	}
	.mytable4{
		width:96%;
		margin:40px auto;
		border-spacing: 2px !important;
		border-collapse:separate; 
	}

	.mytable4 th{
		width: 90px;
	    padding:  2px 0 2px 26px!important;
	    border-top:0!important;
	    color:#D11519;
	    font-weight: normal;
	}

	.mytable4 td{
		border-top:0!important;
		padding:  2px 26px 2px 26px !important;
		background:#ffe7dd;
	}
	.mytable5{
]
		display:block;
	}
	.mytable5 table{
		width:100%;
		margin:6px auto;
		border-spacing: 2px !important;
		border-collapse:separate; 

	}

	.mytable5 th{
		width: 100px;
	    padding:  6px 0 !important;
	    border-top:0!important;
	    color:#D11519;
	    font-weight: normal;
	    text-align:center!important;
	    font-weight:bold;
	}

	.mytable5 td{
		border-top:0!important;
		padding:  6px 0 !important;
		background:#ffe7dd;
		text-align:center!important;
	}

	.detail .stroke{
		width:690px;
		height:444px;
		color:#fff;
		background:#b18564;
		position: absolute;
		right:-42px;
		top:24px;
		z-index:999;
		padding:48px 57px 0;
		line-height:1.5;
	}
	.detail .stroke p{
		font-size:1.8rem;
		line-height:1.5;
		font-weight: bold;
	}


	.mark1{
		background:url("../images/icon1.png") top left no-repeat;
		border-bottom:1px solid #b18667;
		height:60px;
		text-align:right;
		margin-bottom:10px;
		line-height:60px;
		color:#b18667;
	}
	.mark2{
		background:url("../images/icon2.png") top left no-repeat;
		border-bottom:1px solid #b18667;
		height:60px;
		text-align:right;
		margin-bottom:10px;
		line-height:60px;
		color:#b18667;
	}
	.mark3{
		background:url("../images/icon3.png") top left no-repeat;
		border-bottom:1px solid #b18667;
		height:60px;
		text-align:right;
		margin-bottom:10px;
		line-height:60px;
		color:#b18667;
	}
	.mark4{
		background:url("../images/icon4.png") top left no-repeat;
		border-bottom:1px solid #b18667;
		height:60px;
		text-align:right;
		margin-bottom:10px;
		line-height:60px;
		color:#b18667;
	}
	.mark1+p,.mark2+p,.mark3+p,.mark4+p{
		color:#b18667;
	}

	.btn_back{
	    /* width: 66px; */
	    height: 26px;
	    background: #ff181e;
	    color: #fff;
	    /* margin-right: 10px; */
	    padding: 3px 5px;
	    margin-left: 20px;
	}
	.btn_back:hover{
		color:#fff;
	}
	.btn_back .glyphicon{
		top:1px;
	}

	.btn_search{
	    width: 100px;
	    height: 27px;
	    background: #ff181e;
	    color: #fff;
	    padding: 3px 5px;
	    margin-top: 23px;
	}
	.btn_search:hover{
	    background: #c21317;
	    color:#fff;
	}
	.btn_search .glyphicon{
		top:1px;
	}
	.btn_search2{
		width: 116px;
	    height: 30px;
	    background: #ff181e;
	    color: #fff;
	    padding: 3px 5px;
	    margin-top: 23px;
	    display: inline-block;
	}
	.btn_search2:hover{
	    background: #c21317;
	    color:#fff;
	}	
	.btn_search2 .glyphicon {
    	position: relative;
		top: 1px; 
	}
	.coffee{
		color:#b18564;
	}
	.icon1{
		margin:60px 0 12px;
	}
	.mealinfo{
		margin:60px 0;
		display:block;
	}
	.mealinfo_mobile{
		margin:60px 0;
		display:none;
	}
	.red{
			color:#ff191e;
		}
	.select1{
		background:#ededed;
		border-radius:0;
		border:none;
		height:32px;
		margin-bottom:10px;
	}
	.graybg{
		background-color: #e1e1e1;
		padding: 12px 0 4px;
		font-size:1.8rem;
		color:#1a1a1a;
		margin:30px 0;
		font-weight: bold;
	}
	.btn_style1{
		background:#ff181e;
		box-shadow:0 5px rgba(194,19,2);
		padding:6px 20px;
		color:#fff;
		font-size:1.6rem;
	}
	.btn_style1:hover{
		color:#fff;
	}
	.btn_style2{
		background:#00c5ff!important;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 
		box-shadow: 0 1px 0 0 rgba(0,0,0,0.4);
		padding:4px 8px;
		color:#fff;
		font-size:1.3rem;
		border-radius:4px;
	}
	.btn_style2:hover{
		color:#fff;
	}
	
/* 	tour all can not be sign up */
	.btn_style0{
		background:#D9495C !important;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 
		box-shadow: 0 1px 0 0 rgba(0,0,0,0.4);
		padding:4px 8px;
		color:#fff;
		font-size:1.3rem;
		border-radius:4px;
	}
	.btn_style0:hover{
		color:#fff;
	}
/* 	tour all can not be sign up */
	
	.trip_item{
		-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
		width:200px;
		height:190px;
		background-color:#fff;
		padding:13px 0 0 0;
		border-radius:5px;
		margin:5px auto;
		position:relative;
		text-align: center;
	}
	.trip_item .more{
		width:100%;
		position: absolute;
		background:#ff181e;
		border-radius:0 0 5px 5px;
		height:20px;
		bottom:0;
		min-height:34px;
		line-height:34px;
		text-align: center;
		color:#fff;
		text-shadow: 1px 1px rgba(0,0,0,.2);
		box-shadow: 0px 1px 10px 3px rgba(0,0,0,.2) inset;
	}
	.trip_item .more:hover{
		background:#b30007;
	}
	.trip_item .more a{
		color:#fff;
	}
	
	.trip_item>.date{
	    width: 90%;
	    color: #000;
	    font-size: 2.1rem;
	    border-bottom: 1px solid #ff6e72;
	    margin: 0 auto;
	    line-height: 1;
	    padding-bottom: 3px;
	}
	.trip_item>.price{

		color:#000;
		font-size:2.1rem;
		margin: 0 auto 5px;
	}
	.trip_item>p{
		width:90%;
		font-size:1.5rem;
		margin:0 auto;
	}
	.trip_item>.status{
		margin-top:5px;
	}
	.orange{
		color:#ff862b;
	}


	.trip_selections{
		width: 80%;
		max-width:1200px;
		margin:0 auto;
	}
	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.trip_selections img{
			max-width: 100% !important;
			height: auto !important;
		}
		.trip_selections table{
			max-width: 100% !important;
			height: auto !important;
		}
	}
    .title3{
    	position:relative;
    	margin:40px 0;


    }
	.title3:after{
		content:'';
		position:absolute;
		width:108px;
		height:1px;
		top:30px;
		left:50%;
		margin-left:-54px;
		background:#ff262b;
	}

	.owl-theme .owl-nav{
		position:relative;
		/*margin-top:-50% !important;*/
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
		position:absolute;
		top:-290px;
	}
	.owl-carousel .owl-nav button.owl-next{


/*		top: -160px;*/
    	right: -80px;		
	}
	.owl-carousel .owl-nav button.owl-prev{


/*		top: -160px;*/
    	left: -80px;	
	}
	.owl-theme .owl-nav [class*=owl-]:hover {
	    background: none!important;
	    color: #ff181e;
	    text-decoration: none;
	}
	.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
		color: #ff181e;
		font-size:20rem;
	}

	/*右側快速連結選單*/
	.arrow a{
		color:#ff181e;
	}
	.quicklink{
		position:fixed;
		top:50%;
		right:0;
		width:62px;
		border:1px solid #c59c6c;
		z-index:999;
		background:#fff;
		margin-top:-200px;
		
	}
	.quicklink .arrow{
		position: absolute;
		top:-50px;
		left:8px;
		font-size:5rem;
		color:#ff181e;
	}
	.quicklink ul,.quicklink li{
		list-style: none;
		margin:0;
		padding:0;

	}
	.quicklink hr{
		margin:6px 0;
		width:100%;
		border-top:1px solid #c8a275;
	}
	.quicklink li{
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#c59c6c;
		line-height:1.2;
		display:block;
		font-weight:bold;
	}
	.quicklink li:hover,.quicklink li:hover a{
		background:#ff191e;
		color:#fff;
		font-weight:bold;
	}
	.quicklink li a{
		color:#c59c6c;
	}
	.quicklink li:hover,.quicklink li a:hover{
		cursor:pointer;
		color:#fff;
	}

	.quicklink li:hover hr{
		border-top:1px solid #fff;
	}
	.quicklink li:first-child{
		background:url("../images/q_icon1.jpg") top center no-repeat;
		background-size: 22px;
		background-position-y: 6px;
	}
	.quicklink li:first-child:hover{
		background:#ff181e url("../images/q_icon1_hover.jpg") top center no-repeat;
		background-position-y: 6px;
		background-size: 22px;
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#fff;

	}
	.quicklink li:nth-child(2){
		background:url("../images/q_icon2.jpg") top center no-repeat;
		background-position-y: 6px;
		background-size: 22px;
	}
	.quicklink li:nth-child(2):hover{
		background:#ff181e url("../images/q_icon2_hover.jpg") top center no-repeat;
		background-size: 22px;
		background-position-y: 6px;
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#fff;
		
	}
	.quicklink li:nth-child(3){
		background:url("../images/q_icon3.jpg") top center no-repeat;
		background-position-y: 6px;
		background-size: 22px;
	}
	.quicklink li:nth-child(3):hover{
		background:#ff181e url("../images/q_icon3_hover.jpg") top center no-repeat;
		background-size: 22px;
		background-position-y: 6px;
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#fff;
		
	}
	.quicklink li:nth-child(4){
		background:url("../images/q_icon4.jpg") top center no-repeat;
		background-position-y: 6px;
		background-size: 22px;
	}
	.quicklink li:nth-child(4):hover{
		background:#ff181e url("../images/q_icon4_hover.jpg") top center no-repeat;
		background-size: 22px;
		background-position-y: 6px;
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#fff;
		
	}
	.quicklink li:nth-child(5){
		background:url("../images/q_icon5.jpg") top center no-repeat;
		background-position-y: 6px;
		background-size: 22px;
	}
	.quicklink li:nth-child(5):hover{
		background:#ff181e url("../images/q_icon5_hover.jpg") top center no-repeat;
		background-size: 22px;
		background-position-y: 6px;
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#fff;
		
	}
	.quicklink li:nth-child(6){
		background:url("../images/q_icon6.jpg") top center no-repeat;
		background-position-y: 6px;
		background-size: 22px;
	}
	.quicklink li:nth-child(6):hover{
		background:#ff181e url("../images/q_icon6_hover.jpg") top center no-repeat;
		background-size: 22px;
		background-position-y: 6px;
		padding:26px 12px 4px;
		border-bottom:1px solid #c59c6c;
		color:#fff;
		
	}

	.my_trip_title{
		margin:54px 0 0;
	}
	.tripintro_pic{
		box-sizing: border-box;
		border:8px solid #fff;
		position:relative;
		overflow: hidden			
	}
	.tripintro_pic img{
		width:100%;		
	}

	.tripintro_pic .spect {
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    bottom: -85px;
	    left: 0;
	    padding: 8px;
	    min-height: 130px;
	    display: block;
	    background: rgba(255,25,30,.8);
	    color: #fff;

	}
	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.tripintro_pic .spect {
		    width: 100%;
		    text-align: center;
		    position: absolute;
		    bottom: -85px;
		    left: 0;
		    padding: 8px;
		    min-height: 150px;
		    display: block;
		    background: rgba(255,25,30,.8);
		    color: #fff;
		}
	}
	/*下方手機版快速連結選單*/

	.quicklink2{
		display:none;
	}

	/*總表顏色狀態*/
	.blue{color:#4545ff;}
	.yellow{color:#f1b000;}
	.green{color:#b6b84f;}
	.green2{color:#87c23e;}
	.pink{color:#ff44ff;}
	.lightblue{color:#00cddf;}
	.orange{color:#ff862b;}
	.purple{color:#b164f1;}
	.black{color:#000;}

	.news_list{
		max-width:1200px;
		width:90%;
		margin:20px  auto ;
		/*min-height:240px;*/
		padding:5px;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		overflow: hidden;
		position:relative;
	}	
	.news_list:hover{
		cursor: pointer;
		box-shadow: 0 0 10px rgba(0,0,0,.5)
	}
	.news_list a{
		color:#4d4d4d;
	}

	.hr2{
		width:900px;
		margin:0 auto;
		border-top:2px solid#c7c7c7;
		
	}
	.news_list_data{
		margin-bottom:70px;
		margin-top:10px;
		color:#808080;
	}
	.news_list h2{
		font-size: 2.4rem;
		color:#000;
	}
	.news_list p{
		font-size: 1.8rem;
		display:block;
	}

	.mypic{
		
		width:100%;
		object-fit: cover;
		height:auto;
	}
	.mypic img{
		width:100%;
	}
	.mypic2{
		width:100%;
	}
	.mypic2 img{
		width:100%;
	}
	.news_detail{
		width:98%;
		margin:0 auto;
		display:block;
		padding:10px;
	}
	.news_detail img{
/* 		width:100%!important; */
/* 		max-width:1440px!important; */
/* 		height:auto!important; */
	}

	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.news_detail img{
			width:100%!important;
			max-width:1440px!important;
			height:auto!important;
		}
	}	
	
	.funBar{
		position:relative;
	}
	.funBar .newsdate{
		position: absolute;
		right:20px;
		top:10px;

	}
	.backpacker_stroke{
		background:#b28665;
		color:#fff;
		padding:10px 0;
		margin-top:20px;
		position:relative;
	}
	.backpacker_stroke:before{
		content:'';
		width:100%;
		height:1px;
		background:#b28665;
		position:absolute;
		top:-3px;
		left:0;
	}
	.backpacker_stroke:after{
		content:'';
		width:100%;
		height:1px;
		background:#b28665;
		position:absolute;
		bottom:-3px;
		left:0;
	}
	
	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.backpacker_stroke img{
			max-width: 95% !important;
			height: auto !important;
		}
		.backpacker_stroke table{
			max-width: 95% !important;
			height: auto !important;
		}
	}
	
	.backpacker_des{
		padding-top:30px;
	}
	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.backpacker_des img{
			width: 95% !important;
			height: auto !important;
		}
		.backpacker_des table{
			width: 95% !important;
			height: auto !important;
		}
	}
	.backpacker_ps{
		line-height:2.5;
		padding:0 30px;
	}
	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.backpacker_ps img{
			width: 95% !important;
			height: auto !important;
		}
		.backpacker_ps table{
			width: 95% !important;
			height: auto !important;
		}
	}

/*qa*/
	.qa{
		width:850px;
		margin:0 auto;
	}
	.qa_type{
		width:242px;
		height:242px;
		background:#fff;
		box-shadow:0 0 10px rgba(0,0,0,.3);
		border-radius:10px;
		background: url(../images/qa_icon1.png) center center no-repeat;
		background-size: 132px 132px; 

		cursor:pointer;
		position:relative;
		margin:20px 0;
		text-align:center;
		padding-top:170px;
		color:#B28665;
	}
	.qa_type>hr{
		width:80%;
		border-top:1px solid #b28665;
		margin:12px auto;
	}
	.qa_type:after{
		content:'';
		width:233px;
		height:233px;	
		border:1px solid #e7e7e7;
		position: absolute;
		left:4px;
		top:4px;
		border-radius:10px;	

	}
	.qa_type:hover{
		background:#cdb49b;
		color:#fff;
	}
	.qa_type:hover>hr{
		width:80%;
		border-top:1px solid #fff;
		margin:10px auto;
	}
	.qa_table{
		width:1342px;
		width:90%;
		margin:0 auto;
		
		color:#000;
		font-size:2rem;
	}
	.qa_q{
		float:left;
		font-size:1.8rem;
	}
	.qa_name{

		color:#0071b4;
		font-size:1.6rem;
	}
	.qa_status{
		display:block;
		
		font-size:1.5rem;
		min-width:100px;
		padding-top:6px;
		float:right;
		text-align:right;
	}
	.qa_date{
		min-width:100px;
		display:block;
		color:#808080;
		font-size:1.5rem;
		padding-top:3px;
		float:right;
		text-align:right;
	}
	.qa_btn{
		float:right;
		margin-top:2px;
		font-weight:normal;
	}
	.single_tr{
		border-bottom:1px solid #c5c5c5;
		overflow: hidden;
	}

	.single_header{
		border-top:1px solid #c5c5c5;
		border-bottom:1px solid #a08677;
		overflow: hidden;	
		padding:6px 0;
		color:#a08677;	
		font-weight:bold;
	}
	.single_tr:nth-child(odd){
		background:#f1f1f1;
	}
	.type1{

		background: #fff url(../images/qa_icon1.png) center center no-repeat;
		background-size: 132px 132px; 
		background-position-y: 30px;

	}
	.type1:hover {
		background: #cdb49b url(../images/qa_icon1_over.png) center center no-repeat ;
		background-size: 132px 132px;
		background-position-y: 30px;
	}

	.type2{
		background: #fff url(../images/qa_icon2.png) center center no-repeat;
		background-size: 132px 132px; 
		background-position-y: 30px;
	}
	.type2:hover {
		background: #cdb49b url(../images/qa_icon2_over.png) center center no-repeat ;
		background-size: 132px 132px;
		background-position-y: 30px;
	}

	.type3{

		background: #fff url(../images/qa_icon3.png) center center no-repeat;
		background-size: 132px 132px; 
		background-position-y: 30px;
	}
	.type3:hover {
		background: #cdb49b url(../images/qa_icon3_over.png) center center no-repeat ;
		background-size: 132px 132px;
		background-position-y: 30px;
	}
	.type4{

		background: #fff url(../images/qa_icon4.png) center center no-repeat;
		background-size: 132px 132px; 
		background-position-y: 30px;
	}
	.type4:hover {
		background: #cdb49b url(../images/qa_icon4_over.png) center center no-repeat ;
		background-size: 132px 132px;
		background-position-y: 30px;
	}
	.type5{

		background: #fff url(../images/qa_icon5.png) center center no-repeat;
		background-size: 132px 132px;
		background-position-y: 30px; 
	}
	.type5:hover {
		background: #cdb49b url(../images/qa_icon5_over.png) center center no-repeat ;
		background-size: 132px 132px;
		background-position-y: 30px;
	}
	.type6{

		background: #fff url(../images/qa_icon6.png) center center no-repeat;
		background-size: 132px 132px; 
		background-position-y: 30px;
	}
	.type6:hover {
		background: #cdb49b url(../images/qa_icon6_over.png) center center no-repeat ;
		background-size: 132px 132px;
		background-position-y: 30px;
	}
	.btn_qa{
		text-align:left;
	}
	.icon_info{
		width:34px;
		height:34px;
	}
	.btn_back_coffee{
		background: #B28665;
		width:100px;
		height:26px;
		color:#fff;
		border-radius:2px;
		border:none;
		line-height:26px;
	}
	.q{
		width:35px;
		height:33px;
		background: #ff191e;
		border-radius:2px;
		color:#fff;
		text-align:center;
		line-height:33px;
	}
	.a{
		width:35px;
		height:33px;
		background: #0094ff;
		border-radius:2px;
		color:#fff;
		text-align:center;
		line-height:33px;
	}
	.titletable{
		width:96%;
		margin:0 auto
	}
	.titletable th{
		border-bottom:2px solid #d4bba8;
		border-top:0!important;
		font-size:2rem;
		color:#ae8265
	} 
	.qatable_q{
		width:96%;
		margin:36px auto 0;		

	}
	.qatable_q th{
		border-top:none!important;
		border-bottom:1px solid #c4c4c4;
		font-weight:normal;
	}
	.qatable{
		width:94%;
		margin:0 auto 50px;
		font-weight: 300;
		font-size:1.8rem;
		color:#000;
	}

	.qatable tr:hover{
		background: #fff!important;
	}
	.qatable th{
		font-weight: 300;
		border-top:none!important;
		border-bottom:1px solid #c4c4c4;
		padding:13px 0 0 0;
		vertical-align: top;
	}
	.qatable td{
		border-top:none!important;
		padding:13px 0 0 0;
		vertical-align: top;
	}
	.qatable p{
		line-height:2;
	}

	.modal {
		z-index:9999;
	}

	.modal-header {
	    padding: 10px;
	    border-bottom: 1px solid #e5e5e5;
	    background: #ff191e;
	    color:#fff;
	}
	.modal-content{
		border-radius:0;
	}
	.modal-title{
		text-align:center;

	}
	.close {
	    float: right;
	    font-size: 21px;
	    font-weight: 700;
	    line-height: 1;
	    color: #fff;
	    filter: alpha(opacity=100);
	    opacity: 1;
	}
	.planforyou_form{
		width:800px;
		margin: 0 auto;
	
	}
	.planforyou_form input,.planforyou_form select,.planforyou_form textarea{
		background:#eee;
		border-radius:0;
		border:none;
		box-shadow:none;
	}
	/*step*/
	.step{
		font-size:3.6rem;
		position: relative;
		color:#b18564;
		height: 64px;
	}
	.step:after{
		content:'';
		width:52px;
		height:1px;
		background:#c7c7c7 ;
		bottom:8px;
		left:50%;
		margin-left:-26px;
		position:absolute;
	}
	.fillform{
		width:90%;
		max-width:1260px;
		margin:24px auto;
		border-top:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		overflow: hidden;
		padding:30px 0;
		line-height:2;
	}
	.fillform form{
		width:900px;
		margin: 0 auto;
	}
	.fillform div{
		/*padding:10px 0;*/
	}

	
	.review{
		width:900px;
		margin: 0 auto;
	}
	.review hr{
		margin:10px 0!important;
	}
	.cost{
		margin-right:108px;
		display:inline-block;
	}
	.underline{
		border-bottom:1px solid #dcdcdc;
		margin-bottom: 10px;
	}
	.selectstyle{
		width:160px;
		border:1px solid #cacaca;
	}
	.redcheckbox{
		width:20px;
		height:20px;
		border:1px solid red;
	}
	.confirm{
		margin:40px 0 16px;
		position:relative;
	}
	.confirm:after{
		content:'';
		width:120px;
		height:1px;
		background:#ff181e;
		position:absolute;
		bottom:-6px;
		left:50%;
		margin-left:-60px;
	}
	.mytable5_mobile{display:none;
	}
	.link{
		width:100%;
		max-width:1220px;
		margin:0 auto;
	}
	.link_logo{
		margin-bottom:26px;
	}
	.link_logo img{
		width:100%!important;
		max-width: 300px!important;
    	padding: 0 15px!important;
	}
	.link_name{
		position: relative;
	    display: table;
	    height: 100px;

	}
	.link_name:before{
	    content: '';
	    width: 1px;
	    height: 80px;
	    position: absolute;
	    left: -24px;
	    top: 10px;
	    background: #ff191e;
	}
	.link_name a{
	    color: #000;
	    display: table-cell;
	    vertical-align: middle;
	}
	/*about*/
	.about{
		width:96%;
		max-width:1200px;
		margin:0 auto;
		text-align: justify;
	}
	.about_title{
		width:365px;
		height:69px;
		background:url("../images/about_title_bg.png") top center no-repeat;
		background-size: cover;
		margin: 80px auto 10px;
		color:#fff;
		padding-top:28px;
		text-align:center;
		font-size:2.4rem;
	}
	.about .pic{
		width:100%;
		height:auto;
		max-width:755px;
		margin:0 auto;
		display:block;
	}
	.about div+p{
		margin:40px 0;
	}
	.milestone{
		width:100%;
		max-width:1328px;
		margin:60px  auto 150px;
	}
	.year{
		background:#d21519;
		color:#fff;
		border-radius:5px;

		text-align: center;
		position:relative;
		width:145px;
		margin:0 auto 120px;
		height:50px;
		/*padding-top:5px;*/
	}
	.year:before{
		content:'';
		width:12px;
		height:12px;
		border-radius:100%;
		background:#d0161b;
		position:absolute;
		left:50%;
		bottom:-16px;
		margin-left:-6px;
	}
	.year:after{
		content:'';
		width:2px;
		height:120px;
		
		background:#d0161b;
		position:absolute;
		left:50%;
		bottom:-135px;
		margin-left:-1px;
	}

	.note{
		background: #fff;
		border:1px solid #c9302a;
		height:100%;
		border-radius:10px;
		margin-top:-26px;
		position:relative;
		display:table
	}
	.notepic{
		vertical-align: middle;
		padding:10px;
		height:100%;
 		background:#fff;
 		text-align: center;
 		display:table-cell;
 		border-radius:10px 0 0 10px ;
	}
	.notepic img{
		max-width:125px;
		width:100%;
	}
	.noteword{
		vertical-align: middle;
		background:#995b28;
		color:#fff;
		min-height:120px;
		padding:26px  20px;
		display:table-cell;
		border-radius:0 10px 10px 0 ;
		text-align:justify;

	}
	.redcircle{
		width:12px;
		height:12px;
		border-radius:100%;
		background:#d0161b;
		display:inline-block;
	}
	.note .leftarrow{
		 position:absolute;
		 top:32%;
		 right:-30px;
		 width: 0; 
		 height: 0;
		 border-width: 15px;
		 border-style: solid;
		 border-color: transparent   transparent  transparent #d21519;
		/* transform: rotate(90deg);*/

	}
	.note .rightarrow{
		 position:absolute;
		 top:32%;
		 left:-30px;
		 width: 0; 
		 height: 0;
		 border-width: 15px;
		 border-style: solid;
		 border-color: transparent  #d21519  transparent  transparent ;
	}
	.note .downarrow{
		display:none;	
	}
	.convince{
		margin:40px auto;
		position:relative;
	}
	.convince:after{
		content:'';
		width:620px;
		height:2px;
		background:#ff3e3f;
		position:absolute;
		left:50%;
		margin-left:-310px;
		top:-20px;
	}
	.convince:before{
		content:'';
		width:620px;
		height:2px;
		background:#ff3e3f;
		position:absolute;
		left:50%;
		margin-left:-310px;
		bottom:-12px;
	}
	.trip_notice2{
		width:90%;
		margin:0 auto;
	}
	.tip{
		
	}
	.tip img{
		width:100%!important;
		max-width:900px!important;
		height:auto!important;
		margin:10px 0;
	}
	.tip2{
		
	}
	@media screen and (min-width: 0px) and (max-width: 768px), orientation:landscape {
		.tip2 img{
			width: 95% !important;
			height: auto !important;
		}
		.tip2 table{
			width: 95% !important;
			height: auto !important;
		}
	}
	.tip2 img{
		width:100%!important;
		max-width:900px!important;
		height:auto!important;
		margin:10px 0;
	}
	.mytable1{
		width:90%;
		margin:20px 0 0 20px;
	}
	.mytable1 tr,.mytable1 td{
		vertical-align:top;
		padding:3px 0;
	}
	.moretrip{
		padding:0 13px 6px;
	}
	.detail_customer{}
	.detail_customer img{
		width:100%!important;
		max-width:900px!important;
		height:auto!important;
		margin:0 auto!important;
		display: block!important;
	}
	.glyphicon {
	    position: relative;
	    top: -2px;
	}
	.info a{
		color:#fff;
	}

	.oriPic {
		width:100%;
		max-width:750px;
		height: 485px;
		margin-left:-60px;
	}
	.btn_submit{
		display:block;
	}
	.btn_submit_mobile{
		display:none;
	}
	.owl-carousel.owl-drag .owl-item a{
		text-decoration: none;
	}
	.carousel-control.right {
	    right: 0;
	    left: auto;
		background:none;
	}
	.carousel-control.left {
	    background:none;
	}
	@media screen and  (max-width: 1400px) and  (min-width: 1301px) {
		.detail .stroke{

			height:410px;

		}
		.navbar-nav>li:last-child>.dropdown-menu {
		    margin-top: 0;
		    border-top-left-radius: 0;
		    border-top-right-radius: 0;
		    margin-left: -170px;
		}




	}
	@media screen and  (max-width: 1300px) and  (min-width: 1201px) {
		.detail .stroke{

			height:380px;

		}
		.navbar-nav>li:last-child>.dropdown-menu {
		    margin-top: 0;
		    border-top-left-radius: 0;
		    border-top-right-radius: 0;
		    margin-left: -170px;
		}

	}

	@media screen and  (max-width: 1200px) {
		.logo{
			width:400px;
			height:48px;
			text-align:center;
			background:url("../images/logo.png");
			margin-top:42px;
			background-size: cover;
		}
		/*改變carousel樣式*/
		.carousel-control{
			opacity:1;
		}
		.carousel-control .icon-next:before,.carousel-control .icon-prev:before{
			content:'';
		}
		.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
			width:40px;
			height:104px;
		    background:url("../images/btn_next.png") no-repeat;
		    margin-right: -98px;
		    margin-top: -54px;
		}
		.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover {
		    background:url("../images/btn_next_over.png") no-repeat;
		}
		.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
			width:40px;
			height:104px;
		    background:url("../images/btn_prev.png") no-repeat;
		    margin-left: -100px;
		    margin-top: -54px;	
		}
		.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev:hover {
		    background:url("../images/btn_prev_over.png") no-repeat;
		}
		.list{
			background:url("../images/list.jpg") no-repeat;
			background-size: cover;
			width:100%;
			min-width:700px;
			min-height:240px;
			height:auto;

		}
			.detail {
			    position: relative;
			    margin: 50px auto 0;
			    width: 90%;
			}
		.detail .stroke{
			width:690px;
			height:244px;
			color:#fff;
			background:#b18564;
			position: absolute;
			right: -70px;
			top:24px;
			z-index:999;
			padding:48px 17px 0;
			line-height:1;
		}
		.ft100{
			font-size:6rem;
		}

		.trip_selections{
			width:80%;
			max-width:1200px;
			margin:0 auto;
		}
		.news_list{
			max-width:1200px;
			width:98%;
			margin:0 auto;
		}
		.news_list_data{
			margin-bottom:50px;
		}
		.news_list h2{
			font-size: 2.1rem;
			color:#000;
		}
		.news_list p{
			font-size: 1.6rem;
			display:block;
		}
		.link_logo{
			margin-bottom:26px;
		}
		.link_logo img{
			width:100%;
			max-width:170px;
		}
		.link_name {
		    position: relative;
		    display: table;
		    height: 80px;
		}
		.link_name:before{
			content:'';
			width:1px;
			height:50px;
			position:absolute;
			left:-4px;
			top:15px;
			background: #ff191e;
		}
		.quicklink {
		    position: fixed;
		    top:50%;
		    right: 0;
		    width: 62px;
		    border: 1px solid #c59c6c;
		    z-index: 999;
		    background: #fff;
		    margin-top: -155px;
		}
		.trip_selections{
			width: 60%;
			margin:0 auto;
		}
			.owl-carousel .owl-nav button.owl-next{

		    	right: -100px;		
			}
			.owl-carousel .owl-nav button.owl-prev{

		    	left: -100px;	
			}

			.info {
			    width: 80%;
/*			    border-right: 4px solid #ff181e;
			    border-left: 4px solid #ff181e;*/
			    border-right: none;
			    border-left: none;
			    margin: 0 auto;
			    overflow: hidden;
			    padding: 8px 20px 0;
			    position:relative;
			}

			.footer{
				font-size: 1.8rem;
			    
			}

			.footer_col1{
				width:100%;
				padding:20px 0;
				text-align:center;
			}
			.footer_col2{
				width:100%;
				padding:0;
			}
			.footer_col3{
				width:100%;
				padding:0;
			}
			.footer_col4{
				width:100%;
				padding:0;
			}
		   .info:after{
			   	content:'';
			   	display:block;
			   	top:60px;
			   	left:0;
			   	width:4px;
			   	height:150px;
			   	background:#ff181e;
			   	position:absolute;
		   }
		   .info:before{
			   	content:'';
			   	display:block;
			   	top:60px;
			   	right:0;
			   	width:4px;
			   	height:150px;
			   	background:#ff181e;
			   	position:absolute;
		   }
			.detail .stroke{
				width:584px;
				height:330px;
				color:#fff;
				background:#b18564;
				position: absolute;
				right:-42px;
				top:24px;
				z-index:999;
				padding:48px 57px 0;
				line-height:1.5;
			}
			.oriPic {
				width:100%;
				max-width:636px;
				height:387px;
				margin-left:-60px;
			}
			.navbar-nav>li:last-child>.dropdown-menu {
			    margin-top: 0;
			    border-top-left-radius: 0;
			    border-top-right-radius: 0;
			    margin-left: -170px;
			}


	}
	@media screen and  (max-width: 1050px) {
			.oriPic {
				width:100%;
				max-width: 766px;
				height:auto;
				margin-left:-40px;
			}
			.detail .stroke{
				width:484px;
				height:280px;
				color:#fff;
				background:#b18564;
				position: absolute;
				right:-42px;
				top:24px;
				z-index:999;
				padding:48px 57px 0;
				line-height:1.5;
			}

	} 
	@media screen and  (max-width: 925px) { 
		.logo{
			width:300px;
			height:36px;
			text-align:center;
			background:url("../images/logo.png");
			margin-top:42px;
			background-size: cover;
		}
			.footer{
				font-size:1.4rem;
				/*font-size:1.4rem;*/
				height:auto;
				margin :-80px 0 -4px;

			}
		   .info{
			   	width:80%;
/*			   	border-right:2px solid #ff181e;
		   		border-left:2px solid #ff181e;*/
		   		margin: 0 auto;
		   }

			.alignstyle{
				text-align:center;
			}
			.detail .stroke{
				width:484px;
				height:250px;
				color:#fff;
				background:#b18564;
				position: absolute;
				right:-22px;
				top:24px;
				z-index:999;
				padding:8px 57px 0;
				line-height:1.5;
			}

			/*右側快速連結選單*/

			.quicklink{
				display:none;
			}

			/*下方手機版快速連結選單*/

			.quicklink2{
				width:290px;
				position:fixed;
				left:50%;
				bottom:-50px;
				z-index:99999;
				margin-left:-145px;
				display:block;
			}
			#quicklink2.active {
			    bottom:0;
			}
			.quicklink2 .arrow{
				position: absolute;
				top:-50px;
				left:8px;
				font-size:5rem;
				color:#ff181e;
			}
			.quicklink2 ul{
				list-style: none;
				margin:0;
				padding:0;
				padding-left:1;
				width:290px;
				border-left:1px solid #c8a275 !important;
				box-sizing: border-box;
				overflow: hidden;
				box-shadow: 0px 0px 2px 3px rgba(0,0,0,.1)
			}

			.quicklink2 li{
				width:96px;
				float:left;
				padding:10px 3px 10px 30px;
				border:1px solid #c8a275;
				color:#c59c6c;
				font-size:1.5rem;
				margin:0;
				background-color: #fff !important;
			}
			.quicklink2 li a{
				color:#c59c6c;
				font-weight:bold;
			}



			.quicklink2 li:first-child{
				background: url("../images/q_icon1.jpg") top left no-repeat;
				background-size: 20px 20px;
				background-position: 5px 10px;
				color:#c59c6c;
			}

			.quicklink2 li:nth-child(2){
				background:url("../images/q_icon2.jpg") top left no-repeat;
				background-size: 20px 20px;
				background-position: 5px 10px;
				color:#c59c6c;
			}

			.quicklink2 li:nth-child(3){
				background:url("../images/q_icon3.jpg") top left no-repeat;
				background-size: 20px 20px;
				background-position: 5px 10px;
				color:#c59c6c;
			}

			.quicklink2 li:nth-child(4){
				background:url("../images/q_icon4.jpg") top left no-repeat;
				background-size: 20px 20px;
				background-position: 5px 10px;
				color:#c59c6c;
			}

			.quicklink2 li:nth-child(5){
				background:url("../images/q_icon5.jpg") top left no-repeat;
				background-size: 20px 20px;
				background-position: 5px 10px;
				color:#c59c6c;
			}

			.quicklink2 li:nth-child(6){
				background:url("../images/q_icon6.jpg") top left no-repeat;
				background-size: 20px 20px;
				background-position: 5px 10px;
				color:#c59c6c;
			}

			.quicklink2 .icon_openup{
				position:absolute;
				top:-27px;
				left:50%;
				width:61px;
				height:27px;
				background:url("../images/icon_open.png") bottom center no-repeat;
				background-size:cover;
				margin-left:-30px;
			}
			.navbar-default .navbar-nav>li>a {
			    color: #fff;
			    text-align: center;
			    font-size: 1.6rem;
			    border-bottom: none;
			    display: block;
			    width: 100%;
			}
			.dropdown-menu>li>a {
			    display: block;
			    padding: 10px;
			    clear: both;
			    color: #4d4d4d;
			    font-size: 1.6rem;
			    white-space: nowrap;
			}
			.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
				width:40px;
				height:104px;
			    background:url("../images/btn_next.png") no-repeat;
			    margin-right: -78px;
			    margin-top: -54px;
			}
	
			.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
				width:40px;
				height:104px;
			    background:url("../images/btn_prev.png") no-repeat;
			    margin-left: -80px;
			    margin-top: -54px;	
			}

	}

	@media screen and  (max-width: 767px) { 
			body{
				background-color:#d21519;
			}
			.header{
				
				padding-top:0px;
			}
			.clear{
				padding:0;
			}
			.logo{
				background-size: cover;
				margin:16px auto 15px;
				width:150px;
				height:19px;
				text-align:center;
				background:url("../images/mobile_logo.png");
				background-size:cover;
			}

			.navbar-default .navbar-toggle .icon-bar {
			    background-color: #fff;
			    height:3px;
			  
			}
			.navbar-nav>li {
			  float:none;
			  display:block;
			   overflow:hidden;
			}
			.navbar-nav {
			    float: none;
				margin-top:0;
			    text-align:left;
			    background:#2a0405;
			}


			.navbar-nav>li>a {
			    padding-top: 15px;
			    padding-bottom: 10px;
			    line-height: 2em;
			}

			.navbar {
				position: fixed;
				min-height:47px;
				top:0;
				background:#d11418;
			}	

			.navbar-nav .open .dropdown-menu,.dropdown-menu {
			    position: relative;
			    left: 0; 
			    top: 0;
			    z-index: 1000;
			    display: block;
			    float: none; 
			    min-width: 200px;
			    font-size: 14px;
			    text-align: left;
			    list-style: none;
			    box-shadow: none;
			    border-radius: 0;
			    margin: 0 auto;
			    padding: 0;
			    border:none;
			    background: rgba(0,0,0,.8);
			    border-top: 1px solid #ff191e;
			    border-bottom: 1px solid #ff191e;
			}
			.dropdown-menu {
			    position: relative;
			    left: 0; 
			    top: 0;
			    z-index: 1000;
			    display: none;
			     float: none; 
			    min-width: 200px;
			    font-size: 14px;
			    text-align: left;
			    list-style: none;
			    box-shadow: none;
			    border-radius: 0;
			    margin: 0 auto;
			    padding: 0;
			    background: rgba(0,0,0,.8);
			    border:none;
			    border-top: 1px solid #ff191e;
			    border-bottom: 1px solid #ff191e;
			}
			.navbar-nav .open .dropdown-menu>li>a,.dropdown-menu>li>a {
			    display: block;
			    padding: 10px;
			    clear: both;
				color:#f5f9fb;
				font-size:1.4rem;
			    white-space: nowrap;

			}
			.navbar-default .navbar-nav .open .dropdown-menu>li>a{
				color:#f5f9fb;
			}
			.navbar-nav .open .dropdown-menu>li>a :hover,.dropdown-menu>li>a :hover{
				background:#ff191e;
				color:#fff;
			}
			.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus {
			    color: #fff;
			    background-color: none;
			}
			.navbar-header{
					/* IE10 Consumer Preview */ 
					background-image: -ms-linear-gradient(top left, #FF1800 0%, #BF272D 100%);

					/* Mozilla Firefox */ 
					background-image: -moz-linear-gradient(top left, #FF1800 0%, #BF272D 100%);

					/* Opera */ 
					background-image: -o-linear-gradient(top left, #FF1800 0%, #BF272D 100%);

					/* Webkit (Safari/Chrome 10) */ 
					background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FF1800), color-stop(1, #BF272D));

					/* Webkit (Chrome 11+) */ 
					background-image: -webkit-linear-gradient(top left, #FF1800 0%, #BF272D 100%);

					/* W3C Markup, IE10 Release Preview */ 
					background-image: linear-gradient(to bottom right, #FF1800 0%, #BF272D 100%);
			}
			.city_view{
				width:100%;
				height:auto;
			}
			.footer{
				font-size:1.4rem;
				height:auto;
				margin :-80px 0 -4px;

			}
		   .info{
			   	width:90%;
/*			   	border-right:2px solid #ff181e;
		   		border-left:2px solid #ff181e;*/
		   		border-right:none;
		   		border-left:none;
		   		margin: 0 auto;
		   		padding:18px;
		   		position:relative;
		   }
		   .info:after{
			   	content:'';
			   	display:block;
			   	top:80px;
			   	left:0;
			   	width:2px;
			   	height:123px;
			   	background:#ff181e;
			   	position:absolute;
		   }
		   .info:before{
			   	content:'';
			   	display:block;
			   	top:80px;
			   	right:0;
			   	width:2px;
			   	height:123px;
			   	background:#ff181e;
			   	position:absolute;
		   }
			.container1440,.container1440-2  {
				margin-top: 52px;
    			width: 98%;
			}
			.input1{
				border:none;
				border-bottom:1px solid #20273f;
				padding:20px 10px;
				width:90%;
				font-size:1.8rem;
				background:none;
				margin: 0 auto;
			}
			.searchinput{
				margin-top:20px;
			}
			.searchicon{
				position:absolute;
				background:url(../images/search_icon.jpg);
				background-size: cover;
				width:42px;
				height:42px;
				right:37px;
				bottom:10px;
			}


			.content_bg{
				background:#edf3f7 url("../images/bg_top.jpg") top left no-repeat;
				background-size: 70%;
				min-height:1000px;

			}
			.content_footer{
				background:url("../images/bg_bottom.jpg") top left no-repeat;
				background-size: cover;
				min-height:200px;
			}
			.navbar-nav>li{
				

			}

			.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
				background:none;
				border:none;
			}
			.navbar-nav>li:last-child {
			    
			    border:none;
			}
			.container-fluid>.navbar-collapse{
				padding:0;
			}
			.navbar-collapse{
				border:none;
			}
			.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background:none;
			}
			.home_trip{
				padding:0;
				margin:0;
			}


			.pic-border1{
				margin-bottom:4px ;
			}
			.pic-border2{
				margin-left:0;
				margin-bottom:4px;
			}
			.pic-border3{
				margin-left:0;
				margin-bottom:4px;
			}
			.navbar-nav>li>a{
				display:block;
			    border-right:none;
			    padding:5px 12px 0;

			}


			.respeact .spect{
				width:100%;
				text-align:center;
				position:absolute;

				bottom:0;
				left:0;

				min-height:40px;
				height:40px;
				line-height:40px;
				display:block;
				background:rgba(255,25,30,.8) ;
				-webkit-transition: bottom 1s;
				-moz-transition: bottom 1s;
				-ms-transition: bottom 1s;
				-o-transition: bottom 1s;
				transition: bottom 1s;
				color:#fff;
				overflow:hidden;
			}
			.spect .ft20,.spect2 .ft20{
				font-size:1.8rem;
				width:90%;
				margin:0 auto;
			}

			.respeact2 .spect{
				width:100%;
				text-align:center;
				position:absolute;
				bottom:0;
				left:0;
		
				min-height:40px;
				height:40px;
				line-height:40px;
				display:block;
				background:rgba(255,25,30,.8) ;
				-webkit-transition: bottom 1s;
				-moz-transition: bottom 1s;
				-ms-transition: bottom 1s;
				-o-transition: bottom 1s;
				transition: bottom 1s;
				color:#fff;
				overflow:hidden;
			}


			/*改變carousel樣式*/
			.carousel-control{
				opacity:1;
			}
			.carousel-control .icon-next:before,.carousel-control .icon-prev:before{
				content:'';
			}
			.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
				width:16px;
				height:55px;
			    background:url("../images/btn_next.png") no-repeat;
			    background-size: cover;
			    margin-right: -50%;
			    margin-top: -22px;
			}
			.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover {
			    background:url("../images/btn_next_over.png") no-repeat;
			     background-size: cover;
			    width:16px;
				height:55px;s
			    margin-right: -50%;
			    margin-top: -22px;
			}
			.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
				width:16px;
				height:55px;
			    background:url("../images/btn_prev.png") no-repeat;
			    background-size: cover;
			    margin-left: -58%;
			    margin-top: -22px;	
			}
			.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev:hover {
			    width:16px;
				height:55px;				
			    background:url("../images/btn_prev_over.png") no-repeat;
			    background-size: cover;
			    margin-left: -58%;
			    margin-top: -22px;	
			}
			.list{
				background:url("../images/list_mobile.jpg") no-repeat;
				background-size: cover;
				width:100%;
				min-width:300px;
				min-height:188px;
				margin: 0 auto;
				height:auto;}

			.alignstyle{
				text-align:center;
			}
			.navbar-nav {
			    margin: 0 -15px;
			}
			.navbar-default .navbar-nav>li>a {
			    color: #fff;
			    text-align: center;
			    font-size: 1.8rem;
			    border-bottom: 1px solid #ff181e;
			    display: block;
			    width: 80%;
			    margin: 0 auto;
			}
			.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
			    color: #fff;

			}
			.rect{
				width:73px;
				height:3px;
				margin:2px auto 5px;
				background:#fe191e;
			}
			.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
				border:none;
			}
			.dropdown-menu>li {
			    text-align: center;
			    /* color: #6d6e70; */
			    color: #f5f9fb;
			    font-size: 1.4rem;
			    line-height: 2.5;
			    width: 80%;
			    margin: 0 auto;
			    padding-top:3px;
			}
			.navbar .social{
				position: absolute;
				top:20px;
				right:26px;
				display:none;
			}
			.hidemenu{
				display:none;

			}
			.navbar-default .navbar-nav>li>a.choose {
				position:relative;
				color:#fff;
			}
			.navbar-default .navbar-nav>li>a.choose:after{
				display:none;
			}
			.detail{
				width:98%;
				position:relative;
				margin:50px auto 0;
			}
			.detail .stroke{
				width:90%;
				min-width:270px;
				min-height:174px;
				color:#fff;
				background:#b18564;
				position: relative;
				right:0;
				top:30px;
/*				border-left:30px solid #fff;
				border-right:30px solid #fff;*/
				margin:0 auto;
				z-index:999;
				box-sizing: border-box;
				/*padding:55px 21px 0;*/
				padding:20px 21px 0;

			}
			.detail .stroke>hr{
				margin:10px 0;
			}
			.mark1 {
			    background: url(../images/icon1.png) top center no-repeat;
			    border-bottom:none;
			    /* border-right: 1px solid #b18667; */
			    width: 50px;
			    height: 40px;
			    text-align: center;
			    margin-bottom: 40px;
			    margin-right:0px;
			    line-height: 120px;
			    color: #b18667;
			    display: inline-block;
			    vertical-align:middle;
			    
			    background-size: 40px 34px;
			}
			.mark2 {
			    background: url(../images/icon2.png) top center no-repeat;
			    border-bottom:none;
			    /* border-right: 1px solid #b18667; */
			    width: 50px;
			    height: 40px;
			    text-align: center;
			    margin-bottom: 40px;
			    margin-right:0px;
			    line-height: 120px;
			    color: #b18667;
			    display: inline-block;
			    vertical-align:middle;
			    background-size: 40px 34px;
			}

			.mark1+p, .mark2+p, .mark3+p, .mark4+p {
			    color: #b18667;
			    width: 73%;
			    display: inline-block;
			    vertical-align:middle;
			    font-size:1.5rem;
			    
			}
			.mealinfo{
				margin:20px 0;
				padding:0;
				display:none;

			}
			.mealinfo_mobile{
				margin:20px 0;
				display:block;
				overflow: hidden;
			}
			.mealinfo_mobile p{
				border-left:1px solid #b18667;
				padding-left:10px;
			}
			.owl-carousel .owl-nav button.owl-next{


		/*		top: -160px;*/
		    	right: -30px;		
			}
			.owl-carousel .owl-nav button.owl-prev{


		/*		top: -160px;*/
		    	left: -30px;	
			}


			.mytable2{
				display:none;
			}
			.mytable3{
				box-shadow:0 0 5px rgba(0,0,0,.2);
				width:96%;
				border-top:1px solid #dcdcdc !important;
				margin:0 auto 20px;
				border-radius:30px;
				display:block;
			}

			.mytable3 th{
				width: 90px;
			    padding:  2px 0 2px 26px!important;
			    border-top:0!important;
			    color:#bb8051;
			    font-weight: normal;
	
			}

			.mytable3 td{
				border-top:0!important;
				padding:  2px 26px 2px 26px !important;
				
			}
			.mytable3 a{
				font-weight:bold;
			}
			.btn_search{
			    width: 100px;
			    height: 27px;
			    background: #ff181e;
			    color: #fff;
			    padding: 1px 5px;
			    margin: 20px auto 30px;
			    display:block;
			}
			.btn_search:hover{
			    background: #c21317;
			}
			
			.btn_search2{
			    width: 100px;
			    height: 27px;
			    background: #ff181e;
			    color: #fff;
			    padding: 1px 5px;
			    margin: 20px auto 30px;
			    display:inline-block;
			}
			.btn_search2:hover{
			    background: #c21317;
			}
			.news_list{
				max-width:1200px;
				width:90%;
				margin:20px auto;
			}
			.news_list_data{
				margin-bottom:20px;
			}
			.news_list h2{
				font-size: 1.8rem;
				color:#000;
			}
			.news_list p{
				display:none;
				font-size: 1.3rem;
			}
			.mypic{
				width: 115px;
			    height: 115px;
			    object-fit: cover;
			   	padding: 5px;
    			box-sizing: border-box;
			}
			.hr2{
				width:60%;
				margin:10px auto;
				border-top:2px solid#c7c7c7;
			
			}
			/*Q&A*/
				.qa{
					width:100%;
					margin:0 auto;
				}
				.qa_type{
					
					margin:20px auto;
				}
				.btn_qa{
					text-align:center;
				}

				.planforyou_form{
					width:90%;
					margin: 0 auto;
	
				}

				/*step*/
/*				
				.fillform{
					width:90%;
					max-width:1260px;
					margin:24px auto;
					border-top:1px solid #dcdcdc;
					border-bottom:1px solid #dcdcdc;
					overflow: hidden;
					padding:10px 0;
					line-height:1.5;
				}
				.fillform div{
					padding:10px 0;
				}
				.underline{
					border-bottom:1px solid #dcdcdc;
				}*/

				.step{
					font-size:3.6rem;
					position: relative;
					color:#b18564;
					height: 56px;
				}
				.step:after{
					content:'';
					width:52px;
					height:1px;
					background:#c7c7c7 ;
					bottom:6px;
					left:50%;
					margin-left:-26px;
					position:absolute;
				}
				.selectstyle{
					width:92%;
				
				}			
				.fillform form{
					width:100%;
					margin: 0 auto;	
				}
				.review{
					width:100%;
					margin: 0 auto;
				}
				.mytable5{
					display:none;
				}
				.mytable5_mobile{display:block;}
				.mytable5_mobile table{
					
					background:#fff;
					border-spacing: 2px !important;
					border-collapse:separate; 
				}
				.mytable5_mobile th,.mytable5_mobile td{
					background:#ffe7dd;
					padding:6px;
				}
				.mytable5_mobile th{
					color:#D11519;
				}


				.cost{
					margin-right:28px;
					display:inline-block;
				}
				.link{
					width:96%;
					margin:0 auto;
				}
				.link_logo{
					margin-bottom:26px;
				}
				.link_logo img {
				    width: 100%!important;
				    max-width: 140px!important;
				}
				.link_name {
				    position: relative;
				    display: table;
				    height: 60px;
				}
				.link_name:before{
					content:'';
					width:1px;
					height:50px;
					position:absolute;
					left:-14px;
					top:5px;
					background: #ff191e;
				}
				.note .leftarrow,.note .rightarrow{
					display:none;
				}
				.note .downarrow{
					display:block;
					position:absolute;
					bottom:-30px;
					left:50%;
					margin-left:-15px;
					 width: 0; 
					 height: 0;
					 border-width: 15px;
					 border-style: solid;
					 border-color: #d21519 transparent transparent transparent ;		
				}

				/*about*/
				.about{
					width:90%;
					margin:0 auto;
				}
				.about_title{
					width:270px;
					height:51px;
					background:url("../images/about_title_bg.png") top center no-repeat;
					background-size: cover;
					margin: 40px auto 10px;
					color:#fff;
					padding-top:21px;
					text-align:center;
					font-size:1.8rem;
				}
/*				.about .pic{
					width:100%;
					height:auto;
					max-width:755px;
					margin:0 auto;
					display:block;
				}
				.about div+p{
					margin:40px 0;
				}*/
				.milestone{

					margin:40px  auto 150px;
				}
				.year{
					background:#d21519;
					color:#fff;
					border-radius:5px;

					text-align: center;
					position:relative;
					width:145px;
					margin:30px auto 50px;
					height:55px;
					padding-top:2px;
				}
				.year:before{
					content:'';
					width:12px;
					height:12px;
					border-radius:100%;
					background:#d0161b;
					position:absolute;
					left:50%;
					bottom:-16px;
					margin-left:-6px;
				}
				.year:after{
					content:'';
					width:2px;
					height:52px;
					
					background:#d0161b;
					position:absolute;
					left:50%;
					bottom:-58px;
					margin-left:-1px;
				}
				.note{

					margin-top:0;
				}
				.convince{
					width:90%;
					margin:40px auto;
					position:relative;
				}
				.convince:after{
					content:'';
					width:180px;
					height:2px;
					background:#ff3e3f;
					position:absolute;
					left:50%;
					margin-left:-90px;
					top:-25px;
				}
				.convince:before{
					content:'';
					width:180px;
					height:2px;
					background:#ff3e3f;
					position:absolute;
					left:50%;
					margin-left:-90px;
					bottom:-23px;
				}

				.owl-carousel .owl-nav button.owl-next{


			/*		top: -160px;*/
			    	right: -70px;		
				}
				.owl-carousel .owl-nav button.owl-prev{


			/*		top: -160px;*/
			    	left: -70px;	
				}
				.oriPic {

				     margin-left: 0px; 
				}
				.btn_submit{
					display:none;
				}
				.btn_submit_mobile{
					display:block;
				}

				.mytable{
					display:none;
				}
				.mytable_mobile{display:block;}
				.mytable_mobile table{
					width:90%;
					background:#fff;
					border-spacing: 2px !important;
					border-collapse:separate; 
					border:none!important;
					margin:10px auto 0;
				}
				.mytable_mobile th,.mytable_mobile td{
					background:#ffe7dd;
					padding:6px;
				}
				.mytable_mobile th{
					color:#D11519;
				}
			.navbar-nav>li:last-child>.dropdown-menu {

			    margin-left: 0;
			}
			.list{
				background:url("../images/list.jpg") center center no-repeat;
				background-size: cover;
				width:100%;
				height:auto;

			}
			.title_line3 .glyphicon {
			    position: relative;
			    top: 1px;
			}

			.qa_status{
				float:left;
				display:inline-block;

				font-size:1.6rem;
				text-align:left;
			}
			.qa_date{
				float:right;
				display:inline-block;
				color:#808080;
				font-size:1.4rem;
			}
			.qa_table{

				width:94%;
			}
}

	@media screen and  (max-width: 320px) { 
			.list{
				background:url("../images/list_mobile.jpg") no-repeat;
				background-size: cover;
				width:100%;
				max-width:300px;
				max-height:188px;
				margin: 0 auto;
				height:auto;}


	}
	
	.mobile_only{
		display: none;
	}
	@media screen and (max-width: 768px) {
		.mobile_only{
			display:block !important;
		}
	}
/* for youtube */
	video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;left: 0;
		width: 100%;
		height: 100%;
	}