.breadcrumb,
.breadcrumb li a,
.breadcrumb li.active{
    color: #fff;
}

@media (max-width: 798px){
.back-to-top{
    bottom: 115px;
}
    
.breadcrumb,
.breadcrumb li a{
    color: #777;
}
    
.breadcrumb li.active {
    color: #000;
}

.service_box ul {
    width: 100%;
    margin: 0;
}
    
.back{
    width: 40%;
}
    
.back li {
    width: 50%;
    float: left;
}
    
footer .powered {
    margin-bottom: 37px;
} 
    
.service_box {
    width: 40%;
    margin-left: 40%;
}
    
.service_box ul li,.back li:first-child {
    border-right: 1px solid #f1e5d8;
}
}

@media(max-width:400px){
.back li {
    padding-bottom: 12px;
}
    
.back a, .back a:hover {
    padding-bottom: 0;
}
    
footer .powered {
    margin-bottom: 53px;
} 
}




.bg{
    width: 100%;
    padding-bottom: 20px;
    background: url(https://www.utsc.com.tw/material-alias/homepage/tour-box-bg.jpg) repeat center top;
    background-size: 120%;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile{
    display: none;
}

.tour-content{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 1px;
    -moz-box-shadow:4px 4px 7px 4px rgba(20%,20%,20%,0.3);
    -webkit-box-shadow:4px 4px 7px 4px rgba(20%,20%,20%,0.3);
    box-shadow:2px 2px 6px 2px rgba(20%,20%,20%,0.3);
}

.tour-content img{
    width: 100%;
}

.tour-content .img-style{
    border: 5px solid #fff;
    -moz-box-shadow:4px 4px 7px 4px rgba(20%,20%,20%,0.3);
    -webkit-box-shadow:4px 4px 7px 4px rgba(20%,20%,20%,0.3);
    box-shadow:2px 2px 6px 2px rgba(20%,20%,20%,0.3);
}

.tour-content .feature h2{
    padding: 25px 4% 15px;
}

.tour-content .feature .feature-title{
    width: auto;
    height: 60px;
}

.tour-content .feature .feature-title-2{
    margin-left: 30px;
}

.feature-title2{
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media(max-width:1250px){
.tour-content{
    width: 992px;
}
}

@media(max-width:1024px){
.tour-content{
    width:768px;
}
    
.tour-content .feature .feature-title{
    height: 55px;
}
    
.tour-content .feature .feature-title-2 {
    margin-left: 20px;
}
}

@media(max-width:798px){
.bg{
    padding:0;
    background: none;
}
    
.tour-content{
    width:100%;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
    
.desktop{
    display: none;
    }
    
.mobile{
    display: block;
}
    
.tour-content .img-style{
    border: none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
    
.tour-content .feature > h2 {
    text-align: center;
}
    
.tour-content .feature .feature-title {
    height: 50px;
}
    
.tour-content .feature .feature-title-2{
    margin-left: 15px;
}
}


@media(max-width:576px){
.tour-content .feature .feature-title {
    display: block;
    height: 40px;
    margin: 5px auto 0;
}
}

@media(max-width:400px){
.tour-content .feature .feature-title {
    display: block;
    height: 40px;
    margin: 0 auto;
}
}




/*上方選單*/
.link-position{
    position: relative;
    top: -40px; 
}

@media(max-width:798px){
.link-position{
    top: -100px; 
}
}


.tour-content .menu{
    width: 100%;
    margin: 0;
    background: #247ea0;
    z-index: 88;
}

.tour-content .menu > a{
    display: inline-block;
    color: #fff;
    padding: 6px 20px;
}

.tour-content .menu > a:hover{
    color: #be451f;
    background: #fff;
}

.tour-content .menu span{
    color: #fff;
    line-height: 44px;
    padding: 9px 20px;
    cursor: pointer;
}

.tour-content .menu a {
    text-decoration: none;
}

.tour-content .menu span:hover,
.tour-content .menu span a:hover,
.tour-content .menu span a:active{
    color: #be451f;
    background: #fff;
}

.tour-content .menu .active,
.tour-content .menu .active a {
    color: #be451f;
    background: #fff;
}

@media(max-width:1024px){
.tour-content .menu > a {
    padding: 9px 12px;
}
  
.tour-content .menu span {
    padding: 9px 10px;
}
}

@media(max-width:798px){
.tour-content .menu{
    font-weight: 500;
}
    
.tour-content .menu span {
    padding: 9px 10px;
}
    
.tour-content .menu .service{
    display: none;
}
    
.tour-content .menu .apply {
    position: fixed;
    width: 20.5%;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 2.1em;
    font-weight: 600;
    padding: 0;
    background: #20799b;
    z-index: 90;
}
    
.tour-content .menu .apply span {
    padding: 0;
    line-height: 37px;
    font-weight: 600;
}
    
.tour-content .menu .active{
    background: #fff;
}
}

@media(max-width:576px){
.tour-content .menu{
    font-size: 16px;
    left: 0px;
}
    
.tour-content .menu > a {
    padding: 10px 2px;
}
    
.tour-content .menu > a.nav-pk {
    display: none;
}   
    
.tour-content .menu span {
    padding: 10px 2px;
}
    
.tour-content .menu span.nav-pk {
    display: none;
}
    
.tour-content .menu .apply {
    font-size: 16px;
    line-height: 37px;
}
}

@media(max-width:400px){
.tour-content .menu{
    font-size: 15px;
    margin-bottom: 10px;
}
    
.tour-content .menu span {
    padding: 12px 2px;
}
    
.tour-content .menu .apply {
    font-size: 16.5px;
    line-height: 42px;
    padding-bottom: 10px;
}
    
.tour-content .menu .apply span {
    display: block;
    font-size: 16.5px;
    line-height: 42px;
    padding-bottom: 10px;
}
}






/*右側按鈕*/
.tour-content .social-media {
    position: absolute;
    top: 0px;
    right: 10px;
}

.tour-content .social-media li{
    display: inline-block;
    margin: 7px;
}

.tour-content .social-media li img{
    width: 20px;
    vertical-align: top;
    margin: 5px;
}

.tour-content .social-media li.icon{
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
}

.tour-content .social-media li.icon.fb{
    background: #014099;
}

.tour-content .social-media li.icon.line{
    background: #00c300;
}

@media(max-width:576px){
.tour-content .social-media li {
    margin: 7px 3px;
}
}




/*產品資訊-----------*/
.tour-content .info{
    font-size: 24px;
    padding: 25px 2.5%;
    background: #fff;
}

.tour-content .info h1.name{
    font-size: 50px;
    font-weight: 500;
    margin: 0;
}

.tour-content .info .tag{
    color: #df0000;
    font-size: 22px;
    margin: 15px 0;
    font-weight: 500;
}

.tour-content .info .tag span{
    font-size: 30px;
    color: #338c12;
    font-weight: 600;
    margin-right: 5px;
}

.tour-content .info .tag span.ro{
    color: #800080;
}


.tour-content .info h1.name{
    width: 100%;
}

.tour-content .info .price,
.tour-content .info .date{
    margin-bottom: 15px;
    font-weight: 400;
}

.tour-content .info .Date{
    margin-bottom: 15px;
    font-weight: 400;
}

.tour-content .info .date p{
    display: inline-block;
    width: calc(100% - 125px);
    margin: 0;
    vertical-align: text-top;
}

.tour-content .info .Date p{
    display: inline-block;
    width: calc(90% - 125px);
    margin: 0;
    vertical-align: text-top;
}

.tour-content .info .price span,
.tour-content .info .date span{
    display: inline-block;
    color: #df0000;
    font-size: 32px;
    font-weight: 600;
    font-family: Century;
    vertical-align: bottom;
}

.tour-content .info .Date span{
    display: inline-block;
    color: #df0000;
    font-size: 18px;
    font-weight: 600;
    font-family: Century;
    vertical-align: bottom;
}
/*疫情價格備註小標*/
.tour-content .info .price .price-info{
    color:#df0000;
    font-weight:600;
    margin-left: 5px;
    font-size: 18px;
    line-height: 25px;
}

.tour-content .info .date span.label{
    font-size: 20px;
    margin-left: 8px;
}

.tour-content .info ul.note{
    display: inline-block;
    font-size: 20px;
    margin: 0;
}

.tour-content .info ul.note li {
    display: block;
    padding-left: 20px;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 300;
    background: url(https://www.utsc.com.tw/material-alias/general/point.png) no-repeat 5px 7px;
}

@media(max-width:1250px){
.tour-content .info h1.name{
    font-size: 48px;
}
    
.tour-content .info .tag span {
    font-size: 28px;
} 
}

@media(max-width:1024px){
.tour-content .info {
    font-size: 20px;
    padding: 20px 2.5%;
}
    
.tour-content .info h1.name {
    font-size: 42px;
}
    
.tour-content .info .tag {
    font-size: 20px;
}
    
.tour-content .info .tag span {
    font-size: 26px;
}
    
.tour-content .info .price span,
.tour-content .info .date span {
    font-size: 28px;
}
    
    
    
/*疫情價格備註小標*/
.tour-content .info .price .price-info{
    margin-left:0;
}
    
.tour-content .info .date p{
    width: calc(100% - 115px);
}
    
.tour-content .info .date span.label{
    font-size: 18px;
    margin-left: 0;
}
}

@media(max-width:798px){
.tour-content .info{
    font-size: 22px;
    padding: 15px 4%;
}
    
.tour-content .info h1.name{
    margin: 0;
}
    
.tour-content .info .date p {
    width: calc(100% - 125px);
}
   
.tour-content .info .Date p {
    width: calc(115% - 120px);
}
    
.tour-content .info .price span,
.tour-content .info .date span {
    font-size: 26px;
}
    
.tour-content .info ul.note li {
    font-weight: 400;
}
}

@media(max-width:576px){
.tour-content .info {
    font-size: 20px;
    padding: 15px 3%;
}
    
.tour-content .info h1.name{
    font-size: 34px;
}
    
.tour-content .info h1.name p {
    font-size: 24px;
}
    
.tour-content .info .tag {
    font-size: 17px;
    margin: 5px 0;
}
    
.tour-content .info .tag span {
    font-size: 24px;
}
    
.tour-content .info .price span,
.tour-content .info .date span{
    font-size: 24px;
}
}

@media(max-width:480px){ 
.tour-content .info ul li.date span{
    width: 72%;
}
}

@media(max-width:400px){ 
.tour-content .info {
    padding: 0 3% 15px;
}
    
.tour-content .info .tag span {
    font-size: 22px;
}
    
.tour-content .info .price span,
.tour-content .info .date span {
    font-size: 22px;
}
    

.tour-content .info ul li p:first-child {
    display: block;
}
    
.tour-content .info ul li.price p:nth-child(4) {
    margin-left: 0;
    width: 85%;
}
}










/*各區塊大標-----------*/
.tour-content h2.sub-title{
    font-size: 30px;
    text-align: left;
    margin: 0;
    background: url(https://www.utsc.com.tw/material-alias/group/line.jpg) repeat-x center;
}

.tour-content h2.sub-title span{
    display: inline-block;
    padding-right: 10px;
    background: #fff;
}

@media(max-width:798px){
.tour-content h2.sub-title {
    font-size: 26px;
}
}

@media(max-width:798px){

}

@media(max-width:576px){
.tour-content h2.sub-title {
    font-size: 24px;
}
}




/*航班資訊-----------*/
.tour-content .flight{
    padding: 50px 4% 0;
    background: #fff;
}

.tour-content .flight ul.note{
    margin: 10px 0;
}

.tour-content .flight ul.note li{
    margin-bottom: 10px;
    padding-left: 15px;
    background: url(https://www.utsc.com.tw/material-alias/general/point.png) no-repeat left 12px;
}


.tour-content .flight ul.flight-box {
    text-align: center;
    border: 1px solid #bbbbbb;
    margin-top: -1px;
}

.tour-content .flight ul.flight-box.title{
    background:#f9f1e9;
} 

.tour-content .flight ul:nth-child(2n){
    background:#fdfaf7;
}

.tour-content .flight ul hr {
    display: none;
}

.tour-content .flight ul.flight-box li{
    display: inline-block;
    padding: 3px 0;
    vertical-align: top;
    border-right: 1px solid #bbb;
}

.tour-content .flight ul.flight-box li:first-child{
    width: 8%;
}

.tour-content .flight ul.flight-box li:nth-child(2){
    width: 12%;
}

.tour-content .flight ul.flight-box li:nth-child(3){
    width: 9%;
}

.tour-content .flight ul.flight-box li:nth-child(5),
.tour-content .flight ul.flight-box li:nth-child(8){
    width: 14%;
}

.tour-content .flight ul.flight-box li:nth-child(6),
.tour-content .flight ul.flight-box li:nth-child(9){
    width: 11%;
}

.tour-content .flight ul.flight-box li:nth-child(10){
    width: 14%;
}

.tour-content .flight ul.flight-box li:last-child {
    border-right: none;
}

@media(max-width:1250px){
.tour-content .flight{
    padding-top: 30px;
}
}

@media(max-width:1024px){
.tour-content .flight ul.flight-box li:first-child{
    width: 10%;
}
}

@media(max-width:798px){
.tour-content .flight ul hr {
    display: block;
    border-top: 1px solid #ddd;
    margin: 0;
}
    
.tour-content .flight ul.flight-box.title{
    display: none;
}   
    
.tour-content .flight ul.flight-box li:first-child{
    width: 100%;
    background: #f9f1e9;
    border-bottom: 1px solid #ddd;
    border-right: none;
}
    
.tour-content .flight ul:nth-child(2n){
    background:#fff;
}


.tour-content .flight ul.flight-box li:nth-child(2),
.tour-content .flight ul.flight-box li:nth-child(3),
.tour-content .flight ul.flight-box li:nth-child(5),
.tour-content .flight ul.flight-box li:nth-child(6),
.tour-content .flight ul.flight-box li:nth-child(8),
.tour-content .flight ul.flight-box li:nth-child(9){
    width: 47.3%;
    padding: 3px 1%;
    text-align: left;
}

	
.tour-content .flight ul.flight-box li:nth-child(10){
    text-indent:0.5em;
	border-top: 1px solid #dddddd;
	width: 100%;
    padding: 3px 1%;
    text-align: left;	
}
    
.tour-content .flight ul.flight-box li:nth-child(3n){
    border-right: none;
}
    
.tour-content .flight ul.flight-box li:first-child span:before{
    content: '第';
}

.tour-content .flight ul.flight-box li:first-child span:after{
    content: '天';
}
    
.tour-content .flight ul.flight-box li:nth-child(2) span:before{
    content: '航空公司：';
}
    
.tour-content .flight ul.flight-box li:nth-child(3) span:before{
    content: '航班：';
}
    
.tour-content .flight ul.flight-box li:nth-child(5) span:before{
    content: '出發地：';
}
        
.tour-content .flight ul.flight-box li:nth-child(6) span:before{
    content: '起飛時間：';
}
       
.tour-content .flight ul.flight-box li:nth-child(8) span:before{
    content: '目的地：';
}
    
.tour-content .flight ul.flight-box li:nth-child(9) span:before{
    content: '抵達時間：';
}
	
.tour-content .flight ul.flight-box li:nth-child(10) span:before{
    content: '飛行時間：';
}
}   
    
  
@media(max-width:576px){
.tour-content .flight ul.flight-box li:nth-child(2) span:before,
.tour-content .flight ul.flight-box li:nth-child(3) span:before,
.tour-content .flight ul.flight-box li:nth-child(5) span:before,
.tour-content .flight ul.flight-box li:nth-child(6) span:before,
.tour-content .flight ul.flight-box li:nth-child(8) span:before,
.tour-content .flight ul.flight-box li:nth-child(9) span:before{
    display: block;
}
}

    





/*每日行程-----------*/
.tour-content .tour{
    padding: 50px 4% 0;
    background: #fff;
}

.tour-content .tour > ul.tour-box{
    margin: 30px auto;
    background: url(https://www.utsc.com.tw/material-alias/group/tour-line.jpg) repeat-y 96px;
}

.tour-content .tour > ul.tour-box > li{
    margin-bottom: 40px;
}

.tour-content .tour > ul.tour-box > li > div{
    vertical-align: top;
}

.tour-content .tour ul.tour-box li .day{
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    margin-right: 20px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    line-height: 75px;
    background: #a68c71;
    border-radius: 50%;
}

.tour-content .tour ul.tour-box li .day span{
    display: inline-block;
    font-size: 40px;
    font-family: Kokila;
    letter-spacing: -5px;
    font-style: italic;
    vertical-align: middle;
    margin-right: 7px;
}

.tour-content .tour ul.tour-box li .day span.day2{
    line-height: 0.45em;
}

.tour-content .tour ul.tour-box li .day span.day2 p{
    font-size: 17px;
    margin-bottom: 3px;
}

.tour-content .tour ul.tour-box li:nth-child(1) .day span,
.tour-content .tour ul.tour-box li:nth-child(2) .day span,
.tour-content .tour ul.tour-box li:nth-child(3) .day span,
.tour-content .tour ul.tour-box li:nth-child(4) .day span,
.tour-content .tour ul.tour-box li:nth-child(5) .day span,
.tour-content .tour ul.tour-box li:nth-child(6) .day span,
.tour-content .tour ul.tour-box li:nth-child(7) .day span,
.tour-content .tour ul.tour-box li:nth-child(8) .day span,
.tour-content .tour ul.tour-box li:nth-child(9) .day span{
   margin-left: 3px;
    margin-right: 8px;
}


.tour-content .tour ul.tour-box li .arrow{
    display: inline-block;
    width: 4%;
    height: 30px;
    margin-top: 22px;
    margin-left: -4px;
    background: url(https://www.utsc.com.tw/material-alias/group/tour-arrow.png) no-repeat;
    background-size: 15px;
}

.tour-content .tour ul.tour-box li .text{
    display: inline-block;
    width: 80%;
    margin-top: 15px;
}

.tour-content .tour ul.tour-box li .text h3{
    margin: 0;
    padding: 4px 10px;
    font-size: 24px;
    line-height: 1.3em;
    background: #f9f1e9;
}

.tour-content .tour ul.tour-box li .text h3 span{
    font-size: 18px;
}

.tour-content .tour .text h3 .nowrap{
    white-space: nowrap;
}

.tour-content .tour ul.tour-box li .text p,
.tour-content .tour ul.tour-box li .text ul.box{
    width: 100%;
    margin: 15px 0;
}

.tour-content .tour ul.tour-box li .text p{
    text-align: justify;
}

.tour-content .tour ul.tour-box li .text p span{
    color: #ff6600;
    font-weight: 500;
}

.tour-content .tour .text  ul.box{
    padding: 3px 15px;
    border: 1px solid #bfbfbf;
}

.tour-content .tour .text ul.box > li{
    display: inline-block;
    margin-right: 5%;
}

.tour-content .tour .text ul.box > li.hotel{
    display: block;
    margin-right:0;
}

.tour-content .tour .text ul.box li.hotel span{
    vertical-align: top;
}

.tour-content .tour .text ul.box li.hotel ul{
    display: inline-block;
    width: calc(100% - 60px);
    padding: 0;
}

.tour-content .tour .text ul.box li.hotel ul li{
    display: inline-block;
    white-space: nowrap;
}

.tour-content .tour .text ul.box li.hotel ul li.long{
    display: contents;
    white-space: normal;
}

.tour-content .tour .text .img img:last-child{
    display: none;
}


@media(max-width:1250px){
.tour-content .tour{
    padding-top: 30px;
}
  
.tour-content .tour > ul.tour-box > li{
    margin-bottom: 30px;
} 
    
.tour-content .tour ul.tour-box li .text{
    width: 79%;
}
}

@media(max-width:1024px){
.tour-content .tour > ul.tour-box{
    background-position: 95px center;
}
    
.tour-content .tour ul.tour-box li .text{
    width: 80%;
}
 
.tour-content .tour ul.tour-box li .text h3 {
    font-size: 22px;
}
}

@media(max-width:798px){
.tour-content .tour > ul.tour-box{
    margin: 15px auto;
    background: none;
}

.tour-content .tour > ul.tour-box > li{
    padding-top: 5px;
    margin-bottom: 20px;
    background: #f9f1e9;
}

.tour-content .tour ul.tour-box li .day{
    display: block;
    margin: 5px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    
}

.tour-content .tour ul.tour-box li:nth-child(1) .day span,
.tour-content .tour ul.tour-box li:nth-child(2) .day span,
.tour-content .tour ul.tour-box li:nth-child(3) .day span,
.tour-content .tour ul.tour-box li:nth-child(4) .day span,
.tour-content .tour ul.tour-box li:nth-child(5) .day span,
.tour-content .tour ul.tour-box li:nth-child(6) .day span,
.tour-content .tour ul.tour-box li:nth-child(7) .day span,
.tour-content .tour ul.tour-box li:nth-child(8) .day span,
.tour-content .tour ul.tour-box li:nth-child(9) .day span {
    font-size: 34px;
    margin-right: 13px;
}
    
.tour-content .tour ul.tour-box li .day span{
    font-size: 34px;
    margin-left: -5px;
    margin-right: 10px;
}
    
.tour-content .tour ul.tour-box li .arrow{
    display: none
}
    
.tour-content .tour ul.tour-box li .text {
    width: 100%;
    margin-top: 0px;
    background: #fff;
}

.tour-content .tour ul.tour-box li .text h3{
    width: 100%;
    padding: 4px 2%;
    font-size: 24px;
}

.tour-content .tour ul.tour-box li .text p,
.tour-content .tour ul.tour-box li .text ul.box{
    width: 96%;
    margin: 5px 2%;
}
    
.tour-content .tour .text ul.box {
    padding: 3px 5px 3px 15px;
}
    
.tour-content .tour .text ul.box > li {
    display: block;
    margin-right: 0;
}
}

@media(max-width:576px){
.tour-content .tour ul.tour-box li .day{
    font-size: 16px;
}
    
.tour-content .tour ul.tour-box li .day span.day2 {
    line-height: 0.6em;
    margin-top: 13px;
}
    
.tour-content .tour ul.tour-box li .day span.day2 p{
    font-size: 22px;
    margin-bottom: 5px;
}
    
.tour-content .tour ul.tour-box li:nth-child(1) .day span,
.tour-content .tour ul.tour-box li:nth-child(2) .day span,
.tour-content .tour ul.tour-box li:nth-child(3) .day span,
.tour-content .tour ul.tour-box li:nth-child(4) .day span,
.tour-content .tour ul.tour-box li:nth-child(5) .day span,
.tour-content .tour ul.tour-box li:nth-child(6) .day span,
.tour-content .tour ul.tour-box li:nth-child(7) .day span,
.tour-content .tour ul.tour-box li:nth-child(8) .day span,
.tour-content .tour ul.tour-box li:nth-child(9) .day span {
    font-size: 28px;
    margin-left: 0;
    margin-right: 8px;
}

.tour-content .tour ul.tour-box li .day span{
    font-size: 28px;
    letter-spacing: -3px;
    vertical-align: top;
    margin-left: 0;
}
    
.tour-content .tour > ul.tour-box {
    background-position: 9.3% top;
}
    
.tour-content .tour ul.tour-box li .text h3 {
    font-size: 22px;
}
    
.tour-content .tour .text  ul{
    padding: 3px 7px;
}
    
.tour-content .tour .text .img img:first-child{
    display: none;
}
    
.tour-content .tour .text .img img:last-child{
    display: block;
}
}




.tour-content .tour .text .text-left{
    display: inline-block;
    width: 57%;
    vertical-align: top;
}

.tour-content .tour .text .img-right {
    width: 40%;
    margin-top: 5px;
    float: right;
}


@media(max-width:1250px){

}

@media(max-width:1024px){ 
.tour-content .tour .text .img-right {
    margin-top: 20px;
}
}

@media(max-width:798px){    
.tour-content .tour .text .img{
    width: 96%;
    margin: 5px 2%;
}
}

@media(max-width:630px){
.tour-content .tour .text .text-left {
    width: 50%;
}
    
.tour-content .tour .text .img-right {
    margin-top: 15px;
    width: 48%;
}
}

@media(max-width:576px){
.tour-content .tour .text .text-left {
    display: block;
    width: 100%;
    margin-left: 0;
}
    
.tour-content .tour .text .img-right {
    display: block;
    width: 96%;
    margin: 5px 2%;
}
}




/*其他說明-----------*/
.tour-content .remark{
    width: 100%;
    padding-top: 20px;
    background: #fff;
}

.tour-content .remark > ul{
    margin-bottom: 15px;
}

.tour-content .remark > ul:last-child{
    margin-bottom: 0;
}

.tour-content .remark > ul > li{
    display: block;
    padding-left: 15px;
    background: url(https://www.utsc.com.tw/material-alias/general/point.png) no-repeat 0 13px;
}

.tour-content .remark h4{
    margin: 0;
    font-size: 20px;
    color: #000;
}







/*比較表-----------*/
.tour-content .pk{
    padding: 50px 4% 0;
    background-size: cover;
    background: #fff;
}

.tour-content .pk h2.sub-title .line{
    width: 44.5%;
}

.tour-content .pk table{
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    margin-top: 20px;
    background: #fff;
    border-collapse:collapse;
    border:1px solid #886949;
}

.tour-content .pk table tr td{
    padding: 5px;
    border: 1px solid #886949;
}

.tour-content .pk table tr.top{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    background: #a68c71;
}


.tour-content .pk table tr td.area{
    width: 3.5%;
    font-weight: 500;
    background: #f9f1e9;
}

.tour-content .pk table tr td.text{
    width: 72%;
    padding: 5px;
    text-align: justify;
}

.tour-content .pk table tr td.left{
    text-align: center;
}

.tour-content .pk table tr.gray{
    background: #fbf8f4;
}

.tour-content .pk table img{
    width: 20px;
}

@media(max-width:1250px){
.tour-content .pk{
    padding-top: 30px;
}
    
.tour-content .pk h2.sub-title .line{
    width: 36%;
}
}

@media(max-width:1024px){
.tour-content .pk table tr.top {
    font-size: 22px;
}
    
.tour-content .pk h2.sub-title .line{
    width: 18.5%;
}
    
.tour-content .pk table tr td.text {
    width: 76%;
}
}

@media(max-width:798px){
.tour-content .pk table{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
    margin-top: 5px;
}
    
.tour-content .pk table tr td.left{
    text-align: left;
}
   
.tour-content .pk h2.sub-title span{
    display: block;
}
    
.tour-content .pk h2.sub-title .line{
    display: none;
}
    
.tour-content .pk table tr.top {
    font-size: 20px;
}
    
.tour-content .pk .top span{
    display: block;
}
    
.tour-content .pk table tr td.text {
    width: 75%;
    padding: 2px 1%;
}
}

@media(max-width:576px){
.tour-content .pk {
    padding: 20px 4%;
}
    
.tour-content .pk table tr td.area {
    width: 4%;
    padding: 0.3%;
}
    
.tour-content .pk table tr.top {
    font-size: 18px;
}
    
.tour-content .pk table tr td.width{
    width: 50%;
} 
    
.tour-content .pk table tr td.text {
    width: 73%;
}
}



/*地圖*/
.tour-content .map{
    position: relative;
    width: 100%;
    padding: 50px 4% 0;
    background: #fff;
}

.tour-content .map .img{
    margin-top: 20px;
}

.tour-content .map img{
    width: 56%;
    margin: 0 22%;
}

.tour-content .map .img-t{
    position: absolute;
    width: 150px;
    right: 6%;
    bottom: 30px;
    
}


@media(max-width:1250px){ 
.tour-content .map{
    padding-top: 30px;
}
    
.tour-content .map img{
    width: 60%;
    margin: 0 20%;
}
}

@media(max-width:1024px){ 

}

@media(max-width:798px){
.tour-content .map h2.sub-title .line {
    width: 73%;
}
    
.tour-content .map img{
    width: 100%;
    margin: 0;
}
    
.tour-content .map .img-t {
    width: 115px;
    right: 4%;
}
}

@media(max-width:576px){
.tour-content .map .img-t {
    width: 80px;
}
}




/*報名手續-----------*/
.tour-content .step{
    width: 100%;
    padding: 50px 4% 0;
    background: #fff;
}

.tour-content .step > ul > li{
    margin-top: 30px;
}

.tour-content .step h4{
    margin: 0;
    font-size: 22px;
    color: #88530e;
}

.tour-content .step > ul > li ul.decimal{
    list-style: decimal;
    margin-left: 25px;
}


.tour-content .step > ul > li ul.company-information span{
    display: inline-block;
    vertical-align: top;
}

.tour-content .step > ul > li ul.company-information span:first-child{
    width: 80px;
}

.tour-content .step > ul > li ul.company-information span:last-child{
    width: calc(100% - 80px);
}

.tour-content .step > ul > li a.application{
    margin: 0 2px;
    padding: 0 2px;
    color: #fff;
    background: #007bff;
    border-radius: 3px;
    white-space: nowrap;
}

.tour-content .step > ul > li a.application:hover{
    text-decoration: none;
    background: #0059b9;
    transition: all 0.2s linear 0s;
}

.tour-content .step > ul > li b{
    font-weight: 600;
    white-space: nowrap;
}

.tour-content .step table tr td{
    padding: 3px;
    line-height: 1.4em;
    border: 1px solid #c0c0c0;
}

.tour-content .step table tr:first-child{
    font-weight: 500;
    background: #f8f8f8;
}

@media(max-width:1250px){
.tour-content .step{
    padding-top: 30px;
}
}

@media(max-width:798px){
.tour-content .step > ul > li{
    margin-top: 10px;
}
    
.tour-content .step > ul > li ul.decimal {
    margin-left: 30px;
}
}




/*更多行程-----------*/
.more-tour{
    padding-top: 50px;
    padding-bottom: 30px;
    background: #fff;
}

.more-tour h2.sub-title{
    width: 92%;
    font-size: 26px;
    margin: 0 4%;
}

.more-tour .slider {
    position:relative;
    width: 94%;
    margin:20px auto;
}

.more-tour .slider > div a {
    display: block;
    margin: 0 10px 30px 10px;
}

.more-tour .slider h4{
    font-size: 18px; 
    color: #000;
    font-weight: normal;
    margin-top: 8px;
}

.more-tour .slider a:hover{
    text-decoration: none;
}

@media(max-width:1250px){
.more-tour .slider {
    width: 93%;
}
}

@media(max-width:576px){
.more-tour .slider h4 {
    font-size: 17px;
}
}



/* Slider */
.slick-loading .slick-list{
    background: #fff url('https://www.utsc.com.tw/material-alias/slick/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 100px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 2;  
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    color: transparent;
    outline: none;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity: 1;
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,.slick-next:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: -25px;
    background: url(https://www.utsc.com.tw/material-alias/slick/arrow-left.svg) no-repeat;
    background-size: 20px;
}

[dir='rtl'] .slick-prev{
    right: -25px;
    left: auto;
}

.slick-prev:before{
    content: '　';
}

[dir='rtl'] .slick-prev:before{
    content: '　';
}

.slick-next{
    right: -25px;
    background: url(https://www.utsc.com.tw/material-alias/slick/arrow-right.svg) no-repeat;
    background-size: 20px;
}

[dir='rtl'] .slick-next{
    right: auto;
    left: -25px;
}

.slick-next:before{
    content: ' ';
}

[dir='rtl'] .slick-next:before{
    content: ' ';
}


@media(max-width:798px){
.slick-prev,.slick-next{
    top: auto;
    bottom: -150px;
}
    
.slick-prev{
    left: 15px;
    background: url(https://www.utsc.com.tw/material-alias/slick/arrow-left-2.svg) no-repeat;
    background-size: 20px;
}
    
.slick-next{
    right: 15px;
    background: url(https://www.utsc.com.tw/material-alias/slick/arrow-right-2.svg) no-repeat;
    background-size: 20px;
}
}


/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
}

.slick-dots{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    /*width: 20px;
    height: 20px;
    margin: 0 5px;*/
    padding: 0;
    cursor: pointer;
}

.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,.slick-dots li button:focus{
    outline: none;
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity: 1;
}

.slick-dots li button:before{
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}


.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus{
    outline: none;
}

.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,.slick-track:after{
    display: table;
    content: '';
}

.slick-track:after{
    clear: both;
}

.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide{
    float: right;
}

.slick-slide img{
    display: block;
}

.slick-slide.slick-loading img{
    display: none;
}

.slick-slide.dragging img{
    pointer-events: none;
}

.slick-initialized .slick-slide{
    display: block;
}

.slick-loading .slick-slide{
    visibility: hidden;
}

.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


@media(max-width:798px){
.more-tour .slider {
    width: 95%;
}
    
.slick-dots{
    width: 70%;
    margin: 0 15%;
    line-height: 10px;
}
    
.slick-dots li button:before{
    font-size: 35px;
}
}

@media(max-width:576px){
.slick-dots li button:before{
    font-size: 22px;
}
}







/*行程特色-----------*/
.tour-content .feature{
    background: #f9f9f9;
}

.tour-content .feature .feature-content{
    position: relative;
    width: 92%;
    margin: 30px auto 0;
}

.tour-content .feature .feature-content h3{
    position: relative;
    font-size: 30px;
    text-align: center;
    padding-bottom: 5px;
}

.tour-content .feature .feature-content h3 p{
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
}

.tour-content .feature .feature-content h3 p span{
    text-align: left;
}

.tour-content .feature .feature-content h3 .no{
    display: inline-block;
    width: 40px;
    margin-right: 10px;
    vertical-align: bottom;
}

.tour-content .feature .feature-content h3 .arrow{
    position: absolute;
    bottom: -15px;
    left: 48%;
    width: 30px;
}

.tour-content .feature .feature-content .text > p{
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: justify;
}

@media(max-width:1024px){
.tour-content .feature .feature-content {
    margin-top: 20px;
}
    
.tour-content .feature .feature-content h3 {
    font-size: 26px;
}

}

@media(max-width:798px){
.tour-content .feature .feature-content h3 .no{
    width: 45px;
    margin-right: 5px;
}   
    
.tour-content .feature .feature-content h3{
    font-size: 26px;
} 
    
.tour-content .feature .feature-content .text > p{
    margin: 15px 0 5px;
}
}

@media(max-width:576px){
.tour-content .feature .feature-content h3 .no{
    width: 35px;
}  
    
.tour-content .feature .feature-content h3{
    font-size: 24px;
}  
}

@media(max-width:400px){
.tour-content .feature .feature-content h3 {
    font-size: 22px;
}
}





/*3張圖組*/
.tour-content .feature .img-box{
    margin-top: 15px;
}

.tour-content .feature .img-box > img{
    width: 66.6%;
    float: left;
}

.tour-content .feature .img-box div{
    width: 32.9%;
    float: right;
}

.tour-content .feature .img-box div img:not(:first-child){
    margin-top: 5px;
}


@media(max-width:1024px){   
.tour-content .feature .img-box > img {
    width: 66.7%;
}
    
.tour-content .feature .img-box div {
    width: 32.85%;
}
}


@media(max-width:1024px){   
.tour-content .feature .img-box > img {
    width: 66.55%;
}
    
.tour-content .feature .img-box div img:last-child {
    margin-top: 4px;
}
}

@media(max-width:798px){   
.tour-content .feature .img-box div {
    width: 32.65%;
}
}

@media(max-width:576px){
.tour-content .feature .img-box > img {
    width: 100%;
    float: none;
}
    
.tour-content .feature .img-box div{
    width: 100%;
    float: none;
    margin-top: 4px;
} 
}



/*報名*/
.tour-content .apply2 {
    display: block;
    padding: 50px 4% 0;
    background: #fff;
}

.tour-content .apply2 > ul {
    border: 1px solid #c0c0c0;
}

.tour-content .apply2 > ul > li {
    padding: 5px 3px;
    border-top: 1px solid #c0c0c0;
}

.tour-content .apply2 > ul > li:first-child {
    color: #fff;
    background: #a68c71;
    border-bottom: none;
}

.tour-content .apply2 > ul > li:hover:not(:first-child) {
    background: #f6f6f6;
}

.tour-content .apply2 ul ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.tour-content .apply2 ul ul li:first-child {
    width: 18%;
}

.tour-content .apply2 ul li:not(:first-child) ul li:first-child {
    text-align: left;
    padding-left: 4%;
}

.tour-content .apply2 ul ul li:nth-child(2){
    width: 8%;
}

.tour-content .apply2 ul ul li:nth-child(3){
    width: 40%;
    text-align: left;
}

.tour-content .apply2 ul > li:first-child ul li:nth-child(3) {
   text-align: center;
}

.tour-content .apply2 ul ul li:nth-child(4){
    width: 18%;
}

.tour-content .apply2 ul ul li:nth-child(4) p{
    margin: 0;
}

.tour-content .apply2 ul ul li:nth-child(4) span:nth-child(odd){
    width: 85px;
    margin: 0 3px;
    font-size: 22px;
    color: #df0000;
    font-weight: 600;
    text-align: right;
    font-family: Century;
}

.tour-content .apply2 ul ul li:nth-child(4) span:nth-child(2n){
    font-size: 15px;
}

.tour-content .apply2 ul ul li:last-child{
    width: 14%;
}

.tour-content .apply2 ul ul li:last-child a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    line-height: 1.5em;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #214559;
    overflow: visible;
    background-color: #214559;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
      
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tour-content .apply2 p.remark2{
    color:#df0000;
    font-weight:500;
    margin: 0;
}

@media(max-width:1250px){
.tour-content .apply2 {
    padding-top: 30px;
}
    
.tour-content .apply2 ul ul li:first-child {
    width: 16%;
}
    
.tour-content .apply2 ul li:not(:first-child) ul li:first-child {
    padding-left: 2.5%;
}
    
.tour-content .apply2 ul ul li:nth-child(3) {
    width: 37%;
}
    
.tour-content .apply2 ul ul li:nth-child(4) {
    width: 21%;
}
    
.tour-content .apply2 ul ul li:last-child {
    width: 15%;
}
}

@media(max-width:1024px){
.tour-content .apply2 > ul ul li:first-child {
    width: 18%;
}
    
.tour-content .apply2 ul li:not(:first-child) ul li:first-child {
    padding-left: 1%;
}
    
.tour-content .apply2 ul ul li:nth-child(2) {
    width: 6%;
}
.tour-content .apply2 ul ul li:nth-child(3) {
    width: 31%;
}
    
.tour-content .apply2 ul ul li:nth-child(4) {
    width: 26%;
}
    
.tour-content .apply2 ul ul li:last-child {
    width: 16%;
}
}


@media(max-width:798px){
.tour-content .apply2 > ul > li:first-child {
    display: none;
}
    
.tour-content .apply2 > ul > li,
.tour-content .apply2 > ul> li:last-child {
    border-top: 1px solid #c0c0c0;
}
 
.tour-content .apply2 ul ul {
    font-size: 20px;
    padding: 15px 4%;
}
    
.tour-content .apply2 ul ul li:first-child {
    width: 100%;
}
    
.tour-content .apply2 ul li:not(:first-child) ul li:first-child {
    padding-left: 0;
}
    
.tour-content .apply2 ul ul li:nth-child(2){
    display: none;
}
    
.tour-content .apply2 ul ul li:nth-child(3),
.tour-content .apply2 ul ul li:nth-child(4),
.tour-content .apply2 ul ul li:last-child{
    width: 100%;
}
    
.tour-content .apply2 ul ul li:nth-child(4){
    font-size: 18px;
    text-align: left;
    margin-top: 3px;
}
    
.tour-content .apply2 ul ul li:nth-child(4) span{
    font-size: 22px;
}

.tour-content .apply2 ul ul li:last-child a{
    width: 100%;
    font-size: 20px;
    padding: 7px;
}
    
.tour-content .apply2 ul ul li:nth-child(4) span:first-child {
    font-size: 23px;
}
}








.tour-content .apply2 table tr{
    border-bottom: 1px solid #ececec;
}

.tour-content .apply2 table tr td:first-child{
    width: 15%;
}

.tour-content .apply2 table tr td:nth-child(2){
    width: 10%;
}

.tour-content .apply2 table tr td:nth-child(3){
    text-align: left;
}