.back-to-top{
    bottom: 70px;
}

@media (max-width: 798px){
.back-to-top{
    bottom: 115px;
}

.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%;
}
    

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






.study{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background: url(https://www.utsc.com.tw/material-alias/study-abroad/background-gray.jpg) repeat-y center top;
}

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

.study img{
    width: 100%;
}

.study .mobile{
   display: none;
}

.study hr{
    margin-bottom: 40px;
}

@media(max-width:1024px){
.study hr {
    margin: 10px 0 20px;
}
}

@media(max-width:1250px){
.study{
    width: 992px;
    background-size: contain;
}
}

@media(max-width:1024px){
.study{
    width: 768px;
    background-size: 108%;
}
}

@media(max-width:798px){
.study{
    width: 96%;
    background: none;
}
    
.study .desktop{
   display: none;
}
    
.study .mobile{
   display: block;
}
    
.study hr{
    margin-bottom: 20px;
}
}




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

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

.study .menu{
    width: 100%;
    margin: 0;
    background: #ea5404;
    z-index: 88;
}

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

.study .menu > a:hover{
    color: #be451f;
    background: #fff;
}

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

.study .menu a{
    text-decoration: none;
}

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

.study .menu .active,
.study .menu .active a {
    color: #be451f;
    background: #fff;
}

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

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

@media(max-width:576px){
.study .menu{
    font-size: 16px;
    left: 0px;
}
    
.study .menu span {
    padding: 10px 2px;
}
    
.study .menu .apply {
    padding: 6.5px 0;
}
}

@media(max-width:480px){
.study .menu > a {
    padding: 9px 0px;
}
}

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


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

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

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

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

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

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

@media(max-width:1024px){

}

@media(max-width:798px){

}

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


@media(max-width:400px){

}






.study .information{
    padding-bottom: 50px;
    background: url(https://www.utsc.com.tw/material-alias/study-abroad/white-bg.jpg) repeat;
}

.study .information .img{
    padding: 30px 0 20px;
}

.study .information .text{
    display: inline-block;
    width: 56%;
    margin-left: 6%;
    margin-right: 2%;
    vertical-align: top;
}

.study .information .text h1{
    color: #EA5404;
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
    margin: 0;
}

.study .information .text h1 span{
    white-space: nowrap;
}

.study .information .text .note{
    margin-top: 15px;
    font-size: 22px;
    font-weight: 400;
}

.study .information .text .note strong{
    margin-right: 15px;
    color: #ea5404;
    font-size: 30px;
    font-weight: 600;
}

.study .information .text .note span{
    color: #df0000;
}

.study .information .text .price{
    margin: 20px 0;
    font-size: 22px;
    font-weight: 500;
}

.study .information .text .price li{
    margin: 0;
}

.study .information .text .price li span:first-child{
    display: inline-block;
    width: 90px;
    text-align: justify; 
    text-justify:inter-ideograph;
    letter-spacing: 0.5px;
}

.study .information .text .price li span.price-title{
    letter-spacing: 0.2px;
}

.study .information .text .price li span:last-child{
    font-size:30px;
    color: #df0000;
    font-family: Century,arial,helvetica,sans-serif;
    font-weight: 600;
    margin-right: 5px;
}

.study .information .text .price li strong{
    display: inline-block;
    width: 110px;
}

.study .information .text .price .price-info {
    color: #df0000;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}


.study .information .photo{
    display: inline-block;
    width: 34.5%;
    vertical-align: top;
}

.study .information .photo img{
    -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,20%,0.7);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,20%,0.7);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,20%,0.7);
}



.study .information .text .note2,
.study .content .description li .note2{
    font-size: 16px;
    line-height: 1.4em;
    color: #df0000;
    font-weight: 300;
}

.study .information .text .note2 li,
.study .content .description li .note2 li{
    margin: 3px 0;
    padding-left: 15px;
    background: url(https://www.utsc.com.tw/material-alias/general/tour-point.jpg) no-repeat 2px 9px;
    background-size: 5px;
}

.big-img{
    padding: 10px;
    background: #ffb35f;
}

.big-img img{
    display: none;
    margin-bottom: -1px;
}

.big-img img:first-child{
    display: block;
}

@media(max-width:1250px){
.study .information .text h1 {
    font-size: 40px;
}
    
.study .information .text{
    width: 52%;
    margin: 0 2% 0 4%;
} 
    
.study .information .text .price {
    margin: 10px 0;
}
    
.study .information .photo{
    width: 37.5%;
}
}

@media(max-width:1024px){ 
.study .information{
    padding-bottom: 30px;
}
    
.study .information .img {
    padding: 20px 0 15px;
}
    
.study .information .text h1{
    font-size: 38px;
}
    
.study .information .text .note{
    margin-top: 10px;
}
    
.study .information .text .note strong {
    font-size: 26px;
}
    
.study .information .text .price{
    margin: 10px 0;
}
}


@media(max-width:798px){
.study .information{
    padding: 15px 0 0;
}

.study .information .text{
    width: 92%;
    margin: 0 4%;
} 
    
.big-img{
    padding: 7px;
}
    
.big-img img{
    margin-bottom: 0;
}
    
.big-img img:first-child{
    display: none;
}
    
.big-img img:nth-child(2){
    display: block;
}
    
.study .information .text .note2,
.study .content .description li .note2{
    font-weight: 400;
}
}

@media(max-width:576px){
.study .information .text h1{
    font-size: 25px;
}
    
.study .information .text .note {
    font-size: 20px;
}
    
.study .information .text .price{
    font-size: 20px;
}
    
.study .information .text .price li span:first-child {
    width: 83px;
}
    
.study .information .text .price li span:last-child{
    font-size:26px;
}
    
.study .information .text .note strong {
    font-size: 22px;
}
    
.big-img{
    padding: 4px;
}
    
.big-img img:nth-child(2){
    display: none;
}
    
.big-img img:last-child{
    display: block;
}
}

@media(max-width:400px){
.study .information .text h1 {
    font-size: 22px;
}
    
.study .information .text .note {
    font-size: 18px;
}
    
.study .information .text .price {
    font-size: 18px;
}
    
.study .information .text .price li strong{
    width: 93px;
}
    
.study .information .text .price li span:first-child {
    width: 75px;
}
}










.study .content{
    width: 72%;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 18px;
    line-height: 1.8em;
    text-align: justify;
}

.study .content .title{
    width: 100%;
    margin-bottom: 10px;
}


.study .content .title .icon{
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    vertical-align: bottom;
    margin-right: 10px;
    border-radius: 50%;
    background: #e95405;
    vertical-align: middle;
}

.study .content .title .icon img{
    width: 28px;
}

.study .content .title .text{
    display: inline-block;
    width: calc(100% - 55px);
    padding-bottom: 7px;
    border-bottom: 1px solid #ffb795;
}

	
.study.fit .content .title{
    color: #009a62;
}

.study.fit .content .title .icon{
    background: #009a62;
}

.study.fit .content .title .text{
    border-bottom: 1px solid #90d3bb;
}







@media(max-width:1250px){
.study .content{
    width: 80%;
    padding-top: 20px;
} 
    
.study .content .title{
    font-size: 30px;
}
}

@media(max-width:1024px){
.study .content{
    width: 85%;
} 
    
.study .content .title{
    font-size: 28px;
}

.study .content .title .icon{
    width: 40px;
    height: 40px;
}
    
.study .content .title .icon img {
    width: 24px;
}
}

@media(max-width:798px){
.study .content{
    width: 92%;
    padding-top: 25px;
}  
    
.study .content .title{
    font-size: 24px;
}
}

@media(max-width:576px){
}




.study .content h4{
    color:#EA5404;
    font-size:39px;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
}

.study .content strong{
    display: block;
    font-size: 24px;
    color: #ff6311;
    margin: 10px 0;
    font-weight: 500;
}

.study .content h4 span,.study .content strong span{
    margin-right: 10px;
}

.study .content .img{
    width: 100%;
    margin-top: 8px;
}


.study .content .img img:nth-child(odd){
    margin-right: 1%;
}

.study .content .school-link{
    display: block;
    text-align: left;
}

.study .content .school-link span{
    white-space: nowrap;
}

@media(max-width:1024px){
.study .content h4{
    font-size:36px;
    margin-bottom: 5px;
}
}

@media(max-width:798px){
.study .content h4{
    font-size:32px;
}
}

@media(max-width:620px){
.study .content h4 span{
    display: block;
    margin-right: 0;
}
}

@media(max-width:576px){
.study .content h4{
    font-size:28px;
    margin-bottom: 0;
}
    
.study .content strong{
    font-size: 20px;
    margin-bottom: 5px;
}
    

}


/*影片RWD*/
.embed-container{ 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.study .content ul.video li{
    display: inline-block;
    width: 49.5%;
}

.study .content ul.video li:last-child{
    float: right;
}

@media(max-width:576px){
.study .content ul.video li{
    display: block;
    width: 100%;
}
    
.study .content ul.video li:last-child{
    float: none;
    margin-top: 10px;
}
}






.study .content .class-box{
    width: 100%;
}

.study .content .class-box > table,.study .content .class-box .img{
    display: inline-block;
    vertical-align: top;
}

.study .content .class-box > table{
    width: 55%;
}

.study .content .class-box > table tbody tr td{
    width: 100%;
}

.study .content .class-box > table tbody tr td:first-child{
    width: auto;
}


.study .content .class-box .img{
    width: 40.5%;
    margin-left: 2%;
    margin-top: 5px;
}

.study .content .class-box .img img{
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}



.study .content ul.default li{
    display: inline-block;
    margin-right: 30px;
}

.study .content ul.default li:before{
    content: '．';
}


.study .content .class{
    width: 100%;
    font-size: 18px;
    margin: 5px 0;
    background-color: rgb(250, 250, 250);
}

.study .content .class-3 td{
    width: auto;
}

.study .content .class .title{
    font-size: 18px;
    color:#696969;
    background: #ffd5aa;
    border-color: #000;
    line-height: 1.2em;
}

.study .content .class .title td:last-child{
    font-size: 22px;
    text-align: center;
}

.study .content .class .week{
    background-color: rgb(221, 221, 221);
    text-align: center;
    color:#000000;
    font-size:20px;
    font-weight: 500;
    letter-spacing: 8px;
}

.study .content .class .week td{
    text-align: center;
}

.study .content .class .day td:first-child{
    text-align: center;
    font-weight: bold;
}

.study .content .class .day td:nth-child(2){
    width: 90px;
}


@media(max-width:798px){
.study .content ul.default li{
    display: block;
    margin-right: 0;
}
    
.study .content .class-box > table{
    width: 100%;
}

.study .content .class-box .img{
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}
    
   
.study .content .img img:nth-child(odd) {
    margin-right: 5px;
}
}

@media(max-width:576px){
.study .content .class .day td:nth-child(2){
    width: 50px;
}
    
.study .content .class .week {
    font-size: 18px;
    letter-spacing: 1px;
}
}



.study .content .list{
    margin-top: 25px;
}

.study .content .list h4{
    font-size:28px;
    
}

.study .content .list li{
    margin-bottom: 15px;
}

.study .content .list li strong{
    display: block;
    font-weight: bold;
    font-size:20px;
    color: #000;
    margin: 0;
}

.study .content .list li ul{
    display: inline-block;
    width: 63%;
    vertical-align: top;
}

.study .content .list li ul li{
    margin-bottom: 5px;
    padding-left: 25px;
    background: url(https://www.utsc.com.tw/material-alias/study-abroad/point.png) no-repeat 5px 12px;
}

.study .content .list li .img{
    display: inline-block;
    width: 36%;
    margin: 0;
    vertical-align: top;
}

.study .content .list li .img img{
    width: 100%;
    margin: 0;
}


.study .content .list2{
    display: inline-block;
    width: 52%;
    vertical-align: top;
    margin-top: 0;
    margin-right: 4%;
}

.study .content .list2 li ul{
    width: 100%;
}

.study .content .list2 li ul li{
    display: inline-block;
    width: 48%;
    margin-right: 1%;
}

.study .content .list3{
    display: inline-block;
    width: 62%;
    vertical-align: top;
    margin-top: 0;
}

.study .content .list3 li{
    padding-left: 20px;
    background: url(https://www.utsc.com.tw/material-alias/about/list-icon.jpg) no-repeat 6px 13px;
    background-size: 6px;
}


.study .content .img2{
    display: inline-block;
    width: 34%;
    margin-left: 3%;
}

@media(max-width:1024px){
.study .content .list3{
    width: 100%;
}
    
.study .content .list3 li{
    margin-bottom: 10px;
}
    
.study .content .img2{
    display: none;
} 
}








.study .content .class-2{
    display: inline-block;
    width: 43%;
    vertical-align: top;
}

.study .content .class-2 table{
    width: 100%;
    background-color: rgb(250, 250, 250);
    border-collapse: collapse;
    border: 1px solid #000;
}

.study .content .class-2 td{
    padding: 3px 5px;
}

.study .content .class-2 td:first-child{
    width: 140px;
}

.study .content .class-2 .title{
    font-size:22px;
    color:#ffffff;
    text-align: center;
    font-weight: bold;
    background-color: rgb(60, 97, 172);
    line-height: 1.4em;
}

.study .content .class-2 .title2{
    text-align: center;
    font-weight: bold;
    background-color: rgb(210, 221, 240);
    line-height: 1.4em;
}

.study .content .class-2 img{
    width: 100%;
}


@media(max-width:798px){
.study .content .list li ul,.study .content .list li .img{
    width: 100%;
} 
    
.study .content .list2{
    display: block;
    width: 100%;
    margin-right: 0;
}
    
.study .content .list2 li ul li{
    width: auto;
}
    
.study .content .class-2{
    display: block;
    width: 100%;
}

.study .content .class-2 td:first-child{
    width: 33%;
    text-align: center;
}
}

@media(max-width:576px){
.study .content .list2 li ul li{
    width: 48%;
}  
}

@media(max-width:400px){
.study .content .class-2 td:first-child {
    width: 28%;
}
}



.study .content .title-2{
    font-size:30px;
    color:#e95405;
    font-weight: bold;
}

.study.fit .content .title-2{
    color:#009A62;
}

@media(max-width:576px){
.study .content title-2 {
    font-size: 26px;
    margin: 10px 0;
}
    
.study .content .img img{
    width: 100%;
    margin-bottom: 5px;
}

.study .content .img img:nth-child(odd){
    margin-right:0;
}
}




/*航班參考沒梯次*/
.study ul.flight-box {
    text-align: center;
    border: 1px solid #bbbbbb;
    margin-top: -1px;
    background: #fff;
}

.study ul.flight-box.title{
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: 400;
    margin: 0;
    background:#f9f1e9;
} 

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

.study ul hr {
    display: none;
}

.study ul.flight-box li{
    display: inline-block;
    padding: 3px 0;
    vertical-align: top;
}

.study ul.flight-box li:first-child{
    width: 13%;
}

.study ul.flight-box li:nth-child(2){
    width: 15%;
}

.study ul.flight-box li:nth-child(3){
    width: 13%;
}

.study ul.flight-box li:nth-child(5),
.study ul.flight-box li:nth-child(8){
    width: 13%;
}

.study ul.flight-box li:nth-child(6),
.study ul.flight-box li:nth-child(9){
    width: 14%;
}

@media(max-width:1250px){
}

@media(max-width:1024px){
.study ul.flight-box li:first-child{
    width: 10%;
}
    
.study ul.flight-box li:nth-child(3) {
    width: 12%;
}
    
.study ul.flight-box li:nth-child(6),
.study ul.flight-box li:nth-child(9) {
    width: 13%;
}
}


@media(max-width:798px){
.study ul.flight-box.title{
    display: none;
}   
    
.study ul.flight-box li:first-child{
    width: 100%;
    background: #f9f1e9;
    border-bottom: 1px solid #ddd;
}
    
.study ul.bgcolor{
    background:#fff;
}

.study ul.flight-box li:nth-child(2),
.study ul.flight-box li:nth-child(3),
.study ul.flight-box li:nth-child(5),
.study ul.flight-box li:nth-child(6),
.study ul.flight-box li:nth-child(8),
.study ul.flight-box li:nth-child(9){
    width: 47.3%;
    padding: 3px 1%;
    text-align: left;
}
    
.study ul.flight-box li:nth-child(2) span:before{
    content: '航空公司：';
}
    
.study ul.flight-box li:nth-child(3) span:before{
    content: '航班：';
}
    
.study ul.flight-box li:nth-child(5) span:before{
    content: '出發地：';
}
        
.study ul.flight-box li:nth-child(6) span:before{
    content: '起飛時間：';
}
       
.study ul.flight-box li:nth-child(8) span:before{
    content: '目的地：';
}
    
.study ul.flight-box li:nth-child(9) span:before{
    content: '抵達時間：';
}
}   
    
  
@media(max-width:576px){
.study ul.flight-box {
    letter-spacing: 0;
}

.study ul.flight-box li:nth-child(2) span:before,
.study ul.flight-box li:nth-child(3) span:before,
.study ul.flight-box li:nth-child(5) span:before,
.study ul.flight-box li:nth-child(6) span:before,
.study ul.flight-box li:nth-child(8) span:before,
.study ul.flight-box li:nth-child(9) span:before{
    margin-bottom: -5px;
}
}

@media(max-width:460px){
.study ul.flight-box li span:before{
    display: block;
}
}




    

/*費用說明*/
.study .content .description li{
    margin-bottom: 10px;
}

.study .content .description li > span{
    display: inline-block;
    width: 87%;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.study .content .description li.long > span{
    width: 83%;
}


.study .content .description li .list{
    display: inline-block;
    width: 100px;
    color: #009961;
    font-weight: 500;
}

.study .content .description li.long .list{
    width: 135px;
}

.study .content .description li strong{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.study .content .description li strong span{
    display: inline-block;
    color: #FF0000;
    margin-right: 5px;
}

.study .content .description li .highlight{
    display: inline-block;
    width: 87%;
    font-weight: 400;
    font-size: 22px;
}

.study .content .description li .highlight .item{
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

.study .content .description li .highlight .text{
    display: inline-block;
    width: 80%;
}

.study .content .description li .highlight .text div{
    display: inline-block;
}


.study .content .description li .highlight .text div:last-child:before{
    content: '/';
    margin: 0 10px;
}


.study .content .description li .highlight .price {
    font-size: 28px;
    color: #df0000;
    font-weight: 600;
    font-family: Century,arial,helvetica,sans-serif;
    margin-right: 5px;
}








@media(max-width:1250px){
.study .content .description li  > span,.study .content .description li .highlight{
    width: 84%;
}
    
.study .content .description li.long > span {
    width: 82%;
}
}

@media(max-width:1024px){
.study .content .description li  > span,.study .content .description li .highlight{
    width: 82%;
}
    
.study .content .description li .highlight .text{
    width: 70%;
}
    
.study .content .description li .highlight .text div:last-child:before{
    content: ' ';
    margin: 0;
}
    
.study .content .description li.long > span {
    width: 77%;
}
}

@media(max-width:798px){
.study .content .description li  > span,.study .content .description li .highlight{
    width: 78%;
}
    
.study .content .description li.long > span {
    width: 71%;
}
}

@media(max-width:576px){
.study .content .description li  > span,.study .content .description li .highlight{
    width: 74%;
}
    
.study .content .description li .highlight .text{
    width: 100%;
}
    
.study .content .description li .highlight .price {
    font-size: 26px;
}
    
.study .content .description li.long > span {
    width: 60%;
}
}

@media(max-width:480px){
.study .content .description li  > span,.study .content .description li .highlight{
    width: 70%;
}
}

@media(max-width:400px){
.study .content .description li .highlight {
    font-size: 20px;
}
    
.study .content .description li .highlight .price {
    font-size: 25px;
}
    
.study .content .description li .list {
    width: auto;
}
    
.study .content .description li  > span,
.study .content .description li .highlight{
    width: 69%;
}
    
.study .content .description li.long > span {
    width: 100%;
}
}





/*每日行程*/
.study .content h3.title{
    margin-bottom: 30px;
}

.study .content h2.title2{
    margin-top: 70px;
    margin-bottom: 5px;
}

.study .content .detail li{
    margin-bottom: 25px;
}

.study .content .detail li:last-child{
    margin-bottom: 0;
}

.study .content .detail .headline{
    padding: 15px;
    font-size:22px;
    font-weight: bold;
    text-align: left;
    background: #e9e9e9;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.study .content .detail .headline span{
    color: #E95405;
    font-family:times new roman,times,serif;
    border-right: 1px solid #696969;
    margin-right: 10px;
    padding-right: 10px;
}


.study .content .detail .text{
    margin: 5px 20px;
    letter-spacing: 2px;
}


.study .content .detail .text ul.notes{
    margin-top: 10px;
    font-weight: 400;
}

.study .content .detail .text ul.notes li{
    line-height: 1.4em;
    padding-left: 20px;
    margin-bottom: 12px;
    background: url(https://www.utsc.com.tw/material-alias/general/point.png) no-repeat 5px 7px;
}





.study.fit .information{
    padding-bottom: 30px;
}

.study.fit .information .text{
    width: 80%;
    margin-top: 40px;
    margin-left: 16%;
}

.study.fit .information .text h1{
    color:#4B140D;
}

.study.fit .information .text .note{
    font-weight: 500;
}


.study.fit .content .detail .headline span,.study.fit .content .step li h3{
    color: #009A62;
}

@media(max-width:1024px){
.study.fit .information .text{
    width: 90%;
    margin-top: 20px;
    margin-left: 5%;
} 
}

@media(max-width:576px){
.study.fit .information .text {
    width: 94%;
    margin-top: 20px;
    margin-left: 3%;
}
}




@media(max-width:798px){
.study .content .detail .headline{
    padding: 10px;
}
}

@media(max-width:576px){
.study .content h3.title{
    margin-bottom: 20px;
}
    
.study .content .detail li{
    margin-bottom: 15px;
}
    
.study .content .detail .headline{
    font-size: 20px;
    padding: 5px;
}
    
.study .content .detail .text{
    margin: 5px 10px;
    letter-spacing: 1px;
}
}


/*加購行程*/
.study .content .plus li{
    margin-top: 10px;
    margin-bottom: 15px;
    padding-left: 20px;
}

.study .content .plus li:before{
    content: '・';
    float: left;
    color: #EA5404;
    font-size: 20px;
    margin-left: -25px;
}

.study .content .plus li h4{
    font-size:20px;
    font-weight: 600;
    margin: 0;
}

.study.fit .content .plus li h4,
.study.fit .content .plus li:before{
    color: #009A62;
}

.study .content .plus li strong{
    display: block;
    font-size: 18px;
    margin: 0;
    color: #000;
    font-weight: 500;
}




/*報名手續與訂金*/
.study .content .step{
    margin-top: 15px;
}

.study .content .step li{
    margin-bottom: 20px;
}

.study .content .step li:last-child{
    margin-bottom: 0;
}

.study .content .step li h3{
    margin: 0;
    margin-bottom: 5px;
    color: #E95405;
    font-size:22px;
    font-weight: bold;
}

.study .content .step li a{
    padding: 0 2px;
    margin: 0 2px;
    text-decoration: none;
    color: #fff;
    background: #df0000;    
    border-radius: 3px;
}

.study .content .step li a:hover{
    color: #fff;
    background: #007bff;
    transition: all 0.2s linear 0s;
}


.study .content.photo img{
    margin-bottom: 10px;
}

.study .content a.more:hover{
    color: #fff;
    transition: all 0.2s linear 0s;
    background: #007bff;
}

@media(max-width:798px){
.study .content.photo img{
    margin-bottom: 5px;
}
}





/*更多遊學團-----------*/

.study .more-tour{
    padding: 0;
    padding-bottom: 15px;
}


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

.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){

}

@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: 12px;
    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){
.study ul.slick-dots{
    width: 70%;
    margin: 0 15%;
    line-height: 10px;
}
}