COVID-19 Update Click here to visit our dedicated page for further information on the COVID-19 situation, including vouchers, cancellations, refunds and sailing changes.

Surat Thani City - Koh Tao é uma de nossas rotas mais procuradas - as travessias se esgotam frequentemente durante os períodos de maior movimento.
Dica:Não deixe para depois! Reserve agora para assegurar seu horário de saída

Por que usar
Direct Ferries?

Ferries de 3325 rotas e 764 portos no mundo todo

Mais de 2,5 de clientes confiam em nós

Nós organizamos mais de 1,2 milhões de travessias por ano

Nós verificamos até 1 milhões preços para nossos clientes todos os dias

Para maiores informações, por favor, visite nossa página Ferries de Tailândia para Ilha de Koh Tao.

Operadoras de Ferry Surat Thani City - Koh Tao

Ferry Surat Thani City a Koh Tao

Receba as melhores ofertas em travessias de ferry entre Tailândia e Ilha de Koh Tao na rota Surat Thani City para Koh Tao com Direct Ferries e compare alternativas quando disponíveis.

Utilizando nossa Busca de Tarifa você pode verificar preços e disponibilidade em tempo real e reservar ferries de Surat Thani City a Koh Tao ou alternativamente comparar essa rota com outras opções de porto.

Escolha Surat Thani City Koh Tao ou um ferry alternativo para Ilha de Koh Tao da nossa Busca de Tarifa agora e descubra como é fácil fazer a sua reserva de ferry.

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } * html .ui-helper-clearfix { height: 1% } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget { font-size: 11px } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #aaa; background: 50% 50% repeat-x #fff; color: #000 } .ui-widget-content a { color: #000 } .ui-widget-header { border: 1px solid #2c7ca9; background: 50% 50% repeat-x #64b6e6; color: #fff; font-weight: 700 } .ui-widget-header a { color: #222 } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: 50% 50% repeat-x #eee; font-weight: 400; color: #444; outline: 0 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #444; text-decoration: none; outline: 0 } .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover { border: 1px solid #8af; background: 50% 50% repeat-x #fff; font-weight: 400; color: #333; outline: 0 } .ui-state-hover a, .ui-state-hover a:hover { color: #333; text-decoration: none; outline: 0 } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #036; background: 50% 50% repeat-x #0064b4; font-weight: 400; color: #fff; outline: 0 } .ui-datepicker-calendar .ui-state-default, .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: 700 } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: 0; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #fcefa1; background: 50% 50% repeat-x #ffc; color: #363636 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636 } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-icon { width: 16px; height: 16px } .ui-icon-circle-triangle-e { background-position: -10px -1943px } .ui-icon-circle-triangle-w { background-position: -25px -1943px } .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 25 } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker-current { display: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100% } .ui-datepicker-calendar a.ui-state-default { border-color: #fff } .ui-datepicker-calendar a.ui-state-active { border-color: #036 } .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { border-color: #fff; background-color: #fff; font-weight: 400 } .ui-datepicker-calendar a.ui-state-hover { border-color: #fcefa1; background: #ffc; color: #444 } @media(max-width:992px) { .ui-datepicker { width: auto !important } .ui-datepicker-buttonpane { display: none } .ui-datepicker td a, .ui-datepicker td span { padding: 7px } } .loadmask { z-index: 100; position: absolute; top: 0; left: 0; -moz-opacity: .5; opacity: .7; background-color: #fff; width: 100%; height: 100%; zoom: 1 } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border: 1px solid #6593cf; background: #c3daf9; padding: 2px } .loadmask-msg div { padding: 5px 10px 5px 25px; background: #fbfbfb url(https://static.directferries.co.uk/image/fs/loading.gif) no-repeat 5px 5px; line-height: 16px; border: 1px solid #a3bad9; color: #222; font: normal 11px tahoma,arial,helvetica,sans-serif; cursor: wait } .masked { overflow: hidden !important } .masked-relative { position: relative !important } .masked-hidden { visibility: hidden !important } .fs .advSer a { font-weight: 700; color: #fff; font-size: 13px } .fs .formPopup, .rSer .formPopup { background: url(https://static.directferries.co.uk/image/fs/arrow.png) no-repeat top left } .fs .frmHol { font-size: 13px } .wc label { background-position: -16px -1988px } .errDiv { background-color: #f2dede; color: #d00; font-weight: 700; font-size: 13px; background-image: url(https://static.directferries.co.uk/image/fs/error.png); background-repeat: no-repeat; background-position: 7px 10px; padding: 10px 10px 10px 30px } .petGrp .input-group-btn { font-size: 14px } .petGrp label { font-weight: 400 } .petGrp .btn-default { color: #333; background-color: #fff; font-weight: 400; border-color: #ccc } .petGrp .btn-default:hover { background-color: #e6e6e6; color: #333 } .input-group-btn:first-child > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0 } .input-group-btn:last-child > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0 } .disabled, .petGrp .btn-default.disabled { background-color: #eee; background-image: none; border-color: #ccc; color: #ccc } .fsBtn .disabled { background-color: #ea5b28; border: 1px solid transparent; color: #fff } @media screen and (min-width:0\0) { .disabled, .petGrp .btn-default.disabled { color: #6d6d6d } } @media \0screen\,screen\9 { .disabled, .petGrp .btn-default.disabled { color: #baa0bc } } .fsPop { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: .6; z-index: 5000 } .fsWrapPop { position: relative; width: 100%; z-index: 6000 } #curBtn { background-position: right -948px } .fsDone { margin-bottom: 15px; float: right } .rating, .sRating { background-image: url(https://static.directferries.co.uk/image/sprites/stars-ship.png); background-repeat: no-repeat; width: 80px; height: 15px; display: block } .r50 { background-position: -1px 0 } .r45 { background-position: -1px -15px } .r40 { background-position: -17px 0 } .r35 { background-position: -17px -15px } .r30 { background-position: -34px 0 } .r25 { background-position: -34px -15px } .r20 { background-position: -50px 0 } .r15 { background-position: -50px -15px } .r10 { background-position: -67px 0 } .r5 { background-position: -67px -15px } .r0 { background-position: -83px 0 } .feeRating { background-image: url(https://static.directferries.co.uk/image/sprites/stars-feefo.png); background-repeat: no-repeat; width: 95px; height: 18px; display: inline-block; margin-left: 6px } .f45 { background-position: -1px -25px } .banner { background: url(https://static.directferries.co.uk/image/backgrounds/main.jpg) no-repeat center center; background-size: cover; margin-bottom: 15px } .noBanner { margin-bottom: 15px } .subNav > ul > li a:hover { text-decoration: none } .accomm, .onBoard, .social { margin-bottom: 15px } .accomm h3, .onBoard h3, .social h3 { margin-bottom: 0; padding: 10px 0 10px 40px } .onBoard h3 { background-position: -7px -514px } .accomm h3 { background-position: -7px -1886px } .social h3 { background-position: -7px -592px } .social ul li { float: left; margin-right: 5px; margin-bottom: 5px; width: 50px } .social ul li a { display: block; text-align: center; font-size: 12px; padding-top: 33px } .facebook { background-position: center 0 } .twitter { background-position: center -73px } .google { background-position: center -146px } .youtube { background-position: center -219px } .signUp { background-position: center -292px } .download { background-position: center -365px } .facebookS { background-position: -13px -1555px } .twitterS { background-position: -13px -1597px } .googleS { background-position: -13px -1640px } .youtubeS { background-position: -13px -1682px } .signUpS { background-position: -13px -1724px } .downloadS { background-position: -13px -1766px } .at { background-position: 4px -548px } .be { background-position: 4px -243px } .ch { background-position: 4px -398px } .cn { background-position: 4px -649px } .cz { background-position: 4px -460px } .de { background-position: 4px -88px } .dk { background-position: 4px -181px } .es { background-position: 4px -212px } .fi { background-position: 4px -274px } .fr { background-position: 4px -57px } .gr { background-position: 4px -491px } .jp { background-position: 4px -672px } .it { background-position: 4px -367px } .ie { background-position: 4px -26px } .nl { background-position: 4px -119px } .no { background-position: 4px -429px } .pl { background-position: 4px -337px } .pt { background-position: 4px -305px } .ru { background-position: 4px -601px } .se { background-position: 4px -150px } .sk { background-position: 4px -522px } .tr { background-position: 4px -574px } .ua { background-position: 4px -626px } .us { background-position: 4px -695px } .au { background-position: 4px -718px } .qa { background-position: 4px -741px } .ma { background-position: 4px -764px } .tn { background-position: 4px -786px } .ca { background-position: 4px -808px } .kr { background-position: 4px -830px } .uk { background-position: 4px 5px } .cat { background-position: 4px -852px } .id { background-position: 4px -874px } footer .cards { text-align: center; padding: 0 15px } footer .cards i { background-image: url(https://static.directferries.co.uk/image/sprites/cards.png); background-repeat: no-repeat; display: inline-block; margin: 0 2px 5px } .american_express { height: 25px; width: 38px; background-position: 0 0 } .elv { height: 25px; width: 38px; background-position: -41px 0 } .ideal { height: 25px; width: 29px; background-position: -83px 0 } .jcb { height: 25px; width: 35px; background-position: -113px 0 } .maestro { height: 25px; width: 38px; background-position: -409px 0 } .mastercard { height: 25px; width: 38px; background-position: -150px 0 } .mastercard_debit { height: 25px; width: 32px; background-position: -194px 0 } .paypal { height: 25px; width: 82px; background-position: -578px 0 } .postepay { height: 25px; width: 38px; background-position: -286px 0 } .visa { height: 25px; width: 38px; background-position: -328px 0 } .visa_electron { height: 25px; width: 38px; background-position: -369px 0 } .sofort { height: 25px; width: 38px; background-position: -451px 0 } .alipay { height: 25px; width: 38px; background-position: -493px 0 } .union_pay { height: 25px; width: 38px; background-position: -535px 0 } .carousel { z-index: 0 } .dropdown > li > a:hover { text-decoration: none } .mapTbl h4 { line-height: 20px; margin-bottom: 5px; padding-top: 0 !important } .mapTbl ul li div:first-child { padding-right: 15px } .mapTbl .btn { margin-right: 5px } .mapImg { display: table; width: 100%; background: url(https://static.directferries.co.uk/image/map.jpg) no-repeat center center } .mapImg:hover, .mapImg:hover .mapOly { text-decoration: underline; cursor: pointer } .mapOly { display: table-cell; vertical-align: middle; text-align: center } .mapOly span { background: #fff url(https://static.directferries.co.uk/image/map-view.png) no-repeat 7px 9px; color: #0070a0; padding: 7px 7px 7px 27px; border-radius: 5px; line-height: 15px } .tabs { display: table; width: 100% } .tabs li { display: table-cell; vertical-align: middle; text-align: left; border-left: 1px solid #ccc; background: #e6e6e6; padding: 7px 15px } .tabs li:first-child { border: none } .tabs li a { display: block; font-weight: 700; color: #193354 } .tabs li.active { background: #ccc } .tabs li a:hover { text-decoration: none } .tabCon { clear: both } .tabCon > .tabPane { display: none; visibility: hidden } .tabCon > .active { display: block; visibility: visible } .t2 li { width: 50% } .t3 li { width: 33.33333333% } .t4 li { width: 25% } .railSail .tabPane > div { padding-top: 10px } .content > div > div { margin-bottom: 30px } .intTxt { border-bottom: 2px solid #64b6e6; margin-bottom: 15px; padding-bottom: 10px; width: 100% } .intTxt img { margin: 0 0 10px 0; display: block; max-width: 100% } .intTxt .form-control { width: auto; margin-bottom: 10px } .intTxt .form-select label { color: #193354 } .intTxt .form-select .form-control { width: 100% } @media(max-width: 768px) { .opInt .rImg { width: auto } .fs .vSpace { display: none } .fs #curLbl { display: block; margin-bottom: 10px } } .oBox { background: #ea5b28; padding: 15px 15px 10px } .oBox * { color: #fff } .oBox .btn { background-color: #fff; background-position: right -1233px; color: #ea5b28; font-size: 12px; line-height: 1.5; padding: 2px 18px 2px 10px } .oBox a:hover { color: #fff } .oBox .btn:hover { background-color: #eee; color: #ea5b28 } .oBox ul li div:first-child { padding-right: 5px } .oBox.accordion h3 { padding-bottom: 5px; padding-right: 20px; cursor: pointer; background-position: right -1050px; margin: 0 } .oBox.accordion h3.up { background-position: right -1002px } .oBox.accordion > div { margin-top: 5px; display: none } .bBox { background: #e0f1fa; padding: 15px 15px 10px } .bBox * { color: #193354 } .bBox .btn { background-color: #2c7ca9; color: #fff } .bBox .btn:active, .bBox .btn:focus, .bBox .btn:hover, .bBox .btn:visited { background-color: #2c7ca9; color: #fff } .infoBox { background: #e0f1fa; padding: 15px; margin-bottom: 15px } .content > div > div.infoBox { margin-bottom: 15px } .infoBox * { color: #193354 } .rtTbl > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } @media(max-width:399px) { .rtTbl ul > li { display: inline-block } .rtTbl ul > li:last-child { display: block } .rtTbl .sa { padding: 5px 10px 5px 20px } .rtTbl .du { padding: 5px 0 5px 20px } } @media(min-width:400px) { .rtTbl ul { display: table; width: 100% } .rtTbl ul > li { display: table-cell; vertical-align: top; padding: 5px 0 } .rtTbl ul > li:first-child { width: 42% } .rtTbl .tx { width: auto !important } .rtTbl .btn { float: right } } .opTbl { width: 100%; margin: -10px 0 0; padding: 0 } .opTbl > li { border-bottom: 1px solid #64b6e6 } .opTbl > li > div { padding: 5px 0 } .opTbl > li > div > ul { display: table; width: 100%; margin: 0; padding: 0 } .opTbl > li > div > ul > li { display: table-cell; vertical-align: middle } .opTbl > li > div:first-child { padding: 10px 0 0 } .opTbl > li > div:first-child img { max-height: 33px } .rouGrp > div { padding: 0 0 10px } .rouGrpOps { width: 100%; border-bottom: 1px solid #64b6e6; margin: -10px 0 5px; padding: 0 0 5px } .rouGrpOps > li > div { padding: 5px 0 } .rouGrpOps > li > div > ul { display: table; width: 100%; margin: 0; padding: 0 } .rouGrpOps > li > div > ul > li { display: table-cell; vertical-align: middle } .rouGrpOps > li > div:first-child { padding: 10px 0 0 } .rouGrpOps > li > div:first-child img { max-height: 33px } .opList { margin-bottom: 30px } .opList h2 { margin: 0 } .opList > ul > li { border-bottom: 1px solid #64b6e6 } .opList > ul > li > div { display: table-cell; vertical-align: middle } .opList > ul > li > div:first-child a { width: 100px; margin-right: 20px; display: block } .opList img { max-width: 100%; display: block; margin: 0 auto } .opList .det .ex { display: inline-block; padding-right: 14px; background-position: right -1193px; font-weight: 400; color: #0070a0; cursor: pointer } .opList .det .ex:hover { text-decoration: underline } .opList .exMar { margin-bottom: 15px } .opList .det p { margin: 0 } .opList .det h4 { font-weight: 700; font-size: 14px; display: inline-block; color: #193354; margin: 15px 0 0 } .opList .rts > span { margin-bottom: 15px; display: inline-block; font-weight: 700; color: #193354 } .opList .rtTbl > li { border-bottom: 1px solid #e6e6e6 } .opList .rtTbl > li.lst { border-bottom: none; margin-bottom: 0 } .opList > ul > li > .opMore > ul { border-top: 2px solid #e6e6e6; padding-top: 10px; margin-top: -10px } .opList .opMoLk { vertical-align: top; cursor: pointer } .opList .opMoLk span { background-position: -30px -1470px; width: 20px; height: 40px; display: block } .opList .opMoLk.up span { background-position: -30px -1389px } .dests .row { margin-left: -7px; margin-right: -7px; margin-bottom: 15px } .dests .xs6 { padding-left: 7px; padding-right: 7px } .dests li { margin-bottom: 14px } .dests .img { width: 105px; padding-right: 7px } .dests img { height: 100px; width: 100%; display: block } .dests .det { padding-left: 7px; position: relative } .dests .divTbl { border: 2px solid #e6e6e6; padding: 15px } .dests .btn { float: none; position: absolute; bottom: 0; display: block } @media(max-width:600px) { .dests .xs6 { width: 100% } } .alts > div > ul > li > div, .alts > ul > li > div { border-bottom: 1px solid #64b6e6 } .alts .altImg { width: 100px } .alts .altImg img { max-width: 100%; max-height: 30px; display: block; margin: 0 auto } @media(max-width:600px) { .alts > .ulTbl > li > div { padding: 7px 0 } .alts .altImg img { max-height: 25px } } .opRoutes #map_canvas { height: 350px } .opRoutes h5 { display: block; font-weight: 700; color: #193354; font-size: 14px; cursor: pointer; background-color: #e6e6e6; background-position: 98% -1478px; margin-bottom: 5px; padding: 9px 28px 10px 10px } .opRoutes h5.up { background-position: 98% -1397px } .opRoutes .accordion .rtTbl li:last-child { border-bottom: none; padding-bottom: 0 } .opRoutes .accordion > ul li:last-child > div { border-bottom: 1px solid #64b6e6 } .hreview > div { border-bottom: 1px solid #64b6e6; margin-bottom: 10px; padding: 10px 0 0 !important } .ulTbl li.hreview div.more { padding: 0; margin-top: -5px } .rvMore { border-bottom: 1px solid #64b6e6; display: block; background-position: right -1183px; padding: 10px 15px 10px 0 } .lessLink, .moreLink { color: #0070a0; cursor: pointer; display: inline-block; margin-bottom: 10px } .lessLink { display: none } .lessLink:hover, .moreLink:hover { text-decoration: underline } .hreview .stars { width: 85px; vertical-align: top } .hreview .rating, .hreview .sRating { float: right; margin-top: 2px } .hreview-aggregate h1 { margin-bottom: 10px } .hreview-aggregate .stars { margin-bottom: 8px } .hreview-aggregate .rating { float: left; margin-top: 2px; margin-right: 10px } .review label { color: #193354 } .starSelect { display: table; margin-bottom: 10px } .starSelect > li { display: table-row } .starSelect > li > div { display: table-cell; vertical-align: middle; padding-bottom: 5px } .starSelect > li > div:first-child { padding-right: 10px } .rateit { display: -moz-inline-box; display: inline-block; position: relative } .rateit .rateit-range { position: relative; display: -moz-inline-box; display: inline-block; background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) 0 -2px; height: 16px; outline: 0 } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0 } .rateit .rateit-hover { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .rateit .rateit-selected { background: url(https://static.directferries.co.uk/image/sprites/stars-rateit.png) left -23px } .noRting { background: 0 0; display: none } .opShips .h2, .opShips h2 { margin: 0 } .opShips .row { margin-left: -7px; margin-right: -7px } .opShips .sm4, .opShips .xs6 { margin-top: 14px; padding: 0 7px } .opShips .ovlyS { position: relative; display: block } .opShips .ovlyS .tbl > span { display: table-cell; vertical-align: middle; padding: 5px } .opShips .ovlyTxt { background-color: #0070a0; opacity: .9; position: absolute; float: left; width: 100%; bottom: 0; color: #fff; font-size: 13px } .opShips .ovlyOp { background-color: #0070a0; opacity: .9; position: absolute; top: 5px; right: 5px; color: #fff; font-size: 13px; padding: 2px 5px } .rtSum h4 { margin-bottom: 0; padding-bottom: 10px; font-size: 16px } .rtSum .accordion h4 { cursor: pointer; background-position: right -1471px; border-top: 1px solid #64b6e6; margin: 0; padding: 15px 18px 15px 0 } .rtSum .accordion > ul > li:first-child > h4 { border-top: none } .rtSum .accordion { border-bottom: 1px solid #64b6e6 } .rtSum .accordion h4.up { background-position: right -1390px } .highcharts { background: #e0f1fa; padding: 15px 15px 10px } .dests .det p, .highcharts p { font-size: 12px } .highcharts-container * { font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important } .embR { position: relative; display: block; height: 0; overflow: hidden; padding: 0 0 56.25% } .embR iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .shpOv { margin: 0 !important } .shpOv div:first-child { font-size: 44px; font-weight: 700; color: #64b6e6 } .shpOv .stars { text-align: center; font-size: 20px; font-weight: 700; color: #64b6e6; padding-right: 30px; margin: 0 auto } .shpOv .rating { margin: 0 auto } .shpOv .shpRec { font-weight: 700; color: #64b6e6; font-size: 18px; margin-bottom: 5px; display: block } .shpOv ul li { border-bottom: 1px solid #64b6e6; width: 50%; float: left; position: relative; padding: 7px 45px 7px 0 } .shpOv ul li span { position: absolute; right: 20px; font-weight: 700 } .shpOv ul .lst { border: none } .shpLks p { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } .nsLst { border-bottom: 1px solid #64b6e6; padding-bottom: 5px; margin-bottom: 15px !important } .nsLst h3 { font-size: 14px; line-height: 21px } .nsLst .btn { margin-left: 15px; float: right } .article .nsInt, .nsLst .nsInt { font-size: 12px; margin-top: -10px } .nsLnk ul, .nsiLnk ul { margin: -7px 0 0 } .nsLnk ul li, .nsiLnk ul li { border-bottom: 1px solid #e6e6e6; position: relative; padding: 7px 0 } .nsLnk ul a { display: block; background-repeat: no-repeat; background-position: right center; padding-right: 20px } .nsLnk img { position: absolute; right: 0; top: 12px } .nsiImg ul li { background-position: -40px -1187px; padding-left: 11px } .shIcns img { float: left } .shIcns a { display: inline-block } .shIcns a:hover { text-decoration: none; cursor: pointer } .fbShare span { background-color: #3a589a; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .fbShare:hover span { background-color: #627aaf } .twShare span { background-color: #00abf0; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .twShare:hover span { background-color: #3cc1f4 } .gooShare span { background-color: #df4a32; color: #fff; float: left; line-height: 20px; margin-right: 5px; padding: 0 4px } .gooShare:hover span { background-color: #e66e5d } .email { margin-right: 4px } .email:hover, .print:hover { opacity: .8 } .article { border-bottom: 2px solid #64b6e6; padding-bottom: 8px; margin-bottom: 20px !important } .article h1 { font-size: 20px } .article img, .avios img, .md img { margin-bottom: 10px } .offers .rvMore { margin-top: -15px } .avios .btn { margin: 10px 0 } .soLnk ul { margin-top: -5px } .soLnk ul li { border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .soLnk ul li a { padding-left: 30px } .cntUs { margin-top: -30px } .faq ul { margin-top: -15px } .cntUs > ul > li, .faq > ul > li { border-bottom: 1px solid #64b6e6 } .faq h4 { cursor: pointer; background-position: right -1473px; font-size: 14px; margin: 0; padding: 15px 25px 15px 0 } .mobAcords .down { cursor: pointer; background-position: right -1477px; font-size: 14px; margin: 0; padding: 10px 25px 5px 0 } .mobAcords .up { background-position: right -1395px } .alts h4, .cntUs h2 { cursor: pointer; background-position: right -1470px; position: relative; margin: 0; padding: 15px 25px 15px 22px } .alts h4 { padding: 15px 25px 15px 0; border-bottom: 1px solid #64b6e6 } .faq h4.up { background-position: right -1391px } .alts h4.up, .cntUs h2.up { background-position: right -1388px } .cntUs h2 span { background-image: url(https://static.directferries.co.uk/image/sprites/flags.png?v=2); background-repeat: no-repeat; width: 25px; height: 20px; position: absolute; left: -4px } .cntUs ul li ul { margin-bottom: 10px } .addy h4 { margin: 0; border-bottom: 1px solid #e6e6e6; padding: 12px 0 } .mc ul li p { margin-bottom: 15px !important } .mc .det a { margin-top: 10px; display: inline-block } .rtPtLst h4 { padding-top: 15px } .rtPtLst h4 a { color: #193354 } .rtPtLst .accordion { margin-bottom: 15px } .rtPtLst .accordion ul li { border-bottom: 1px solid #e6e6e6 } .rtPtLst .accordion ul li h5 { cursor: pointer; font-size: 14px; font-weight: 400; color: #0070a0; background-position: right -1269px; margin: 0; padding: 10px 18px 10px 0 } .rtPtLst .accordion ul li h5.up { background-position: right -1334px } .rtPtLst .accordion ul li p { display: none; margin: 0 0 10px } .portOr { display: block; line-height: 30px; text-align: center } .portMapCtr { margin: 0 -15px } .dblArrw { background-position: -3px -663px; width: 26px; height: 30px; margin: 0 auto } .portLst, .smPortLst { padding-top: 10px } .portLst > ul > li, .smPortLst > ul > li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #64b6e6 } .portLst > ul > li > a, .smPortLst > ul > li > a { font-weight: 700; font-size: 16px; margin-bottom: 4px; display: inline-block } .portLst > ul > li > a > img, .smPortLst > ul > li > a > img { margin-right: 10px; margin-top: -2px; border: solid 1px #e6e6e6 } .portLst > ul > li > ul, .smPortLst > ul > li > ul { margin-left: 30px } .portLst > ul > li > ul > li, .smPortLst > ul > li > ul > li { width: 50%; float: left; background-position: -40px -1194px; padding: 0 5px 0 10px } .c2cTbl { width: 100%; border-top: 2px solid #e6e6e6 } .c2cTbl > li { border-bottom: 2px solid #e6e6e6; padding: 10px 0 } .c2cTbl > li:last-child { border-bottom: none } .c2cTbl > li > div > a { display: inline-block; margin-bottom: 10px } .c2cTbl > li > div > div > ul:first-child { border-top: 1px solid #e6e6e6; padding-top: 5px } .c2cTbl > li > div > div > ul { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px } .c2cTbl > li > div > div > ul:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .c2cTbl > li > div > div > ul > li { padding: 5px 0 } .c2cTbl .op { width: 160px } .c2cTbl .op img { max-height: 25px } .c2cLnk { display: block; text-align: center } @media(min-width:600px) { .c2cTbl > li > div > a { margin-bottom: 5px } .c2cTbl > li > div > div { display: table; width: 100% } .c2cTbl > li > div > div > ul { display: table-row } .c2cTbl > li > div > div > ul > li { display: table-cell !important; vertical-align: top } .c2cTbl .sa { width: 30% } .c2cTbl .btn { float: right } } @media(min-width:992px) { .c2cTbl > li { display: table; width: 100% } .c2cTbl > li > div { display: table-cell; vertical-align: top } .c2cTbl > li > div:first-child { width: 28% } .c2cTbl > li:last-child > div { border-bottom: none } .c2cTbl > li > div > a { margin: 0 } .c2cTbl > li > div > div > ul > li { padding: 5px 0 } .c2cTbl .op img { margin: 0 auto; display: block; max-height: 25px } } @media(min-width:1200px) { .c2cTbl .op { width: 200px } } .c2cTbl .sa, .rtTbl ul > li.sa { background-position: -1px -704px; padding-left: 20px; padding-right: 5px } .c2cTbl .du, .rtTbl ul > li.du { background-position: 0 -758px; padding-left: 20px } .opTbl .sa, .rouGrpOps .sa { background-position: -1px -709px; padding-left: 20px; padding-right: 5px; display: block } .opTbl .du, .rouGrpOps .du { background-position: 0 -763px; padding-left: 20px; display: block } .ctSum > ul:after, .ctSum > ul:before { content: " "; display: table; clear: both } .ctSum > ul { border-bottom: 1px solid #64b6e6; padding-bottom: 10px; margin-bottom: 10px } .ctSum h2 { margin-top: -10px } .ctSum ul { margin-top: -8px } .ctSum ul > li { width: 100%; float: left; background-image: none; padding: 3px 0 3px 0; line-height: 20px } .ctSum ul > li img { margin-right: 5px; margin-top: -1px; border: solid 1px #e6e6e6 } .content > div > div.regionMap { margin-bottom: 0 } .regionMap label { color: #193354 } .regionMap .mHide { display: none } footer { background: #64b6e6; color: #fff; padding: 15px 0 } footer a { color: #fff; display: block } footer a:hover { color: #fff } footer .signUp { background: #0070a0; margin-bottom: 15px; padding: 15px } footer .accordion { text-align: center; clear: both; padding: 0 15px 15px } footer .accordion .sm3 { padding: 0 } footer .accordion h4 { color: #fff; font-weight: 400; font-size: 14px; cursor: pointer; background-position: right -951px; display: inline-block; margin-bottom: 0; padding: 5px 20px 5px 0 } footer .accordion h4.up { background-position: right -904px } footer .accordion .sm3 div { display: none; margin: 5px 0 10px } footer .accordion .sm3 a { padding: 2px 0 } footer .copy { text-align: center; font-size: 12px; padding: 0 15px } footer .err, footer .suc { display: none; margin: 10px 0 0; padding: 5px 10px } .suc { background-color: #dff0d8; color: #333 } .err { background-color: #f2dede; color: #333 } @media(min-width:769px) { .bImg { display: block; width: auto; margin: 0 auto 10px } .reDirect a, .reDirect a:hover { display: inline } .fsWrap { margin-top: -1px } .fs .padRht { padding-right: 5px } .fs .padLft { padding-left: 5px } footer .signUp { background: #0070a0; padding: 15px 5px } footer .accordion ul { margin: 5px 0 0 } footer .err, footer .suc { margin: 10px 10px 0 } .inputGrp { position: relative; display: table; border-collapse: separate } .inputGrp .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .inputGrpBox { display: table-cell; width: 1%; white-space: nowrap; vertical-align: middle; text-align: center; padding: 0 10px } .opInt .sm4, .prtInt .sm4 { padding-left: 0; padding-right: 23px } .opInt .sm8, .prtInt .sm8 { padding-left: 8px; padding-right: 0 } .opList .det span.ex { padding-left: 5px } .intTxt { display: table; padding-left: 0; padding-right: 0 } .intTxt img { display: block; margin: 0 auto 10px } .intTxt .rowH { display: table-row } .intTxt .colH { display: table-cell; float: none } .intTxt .colT { vertical-align: top } .intTxt .colM { vertical-align: middle } .shIcns { text-align: right } .opTbl { display: table } .opTbl > li { display: table-row } .opTbl > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; border-bottom: 1px solid #64b6e6; height: 54px; padding: 10px 0 } .opTbl > li > div:first-child { padding: 0 20px 0 0 } .rouGrpOps { display: table } .rouGrpOps > li { display: table-row } .rouGrpOps > li > div { display: table-cell; vertical-align: middle; margin-bottom: 10px; padding: 10px 0 } .rouGrpOps > li > div:first-child { width: 150px; padding: 10px 20px 10px 0 } .opList > ul > li > div:first-child a { width: 120px } .opList > ul > li > .opMore { display: none; margin-left: 140px } .opList .opMoLk span { background-position: -10px -1470px; width: 40px } .opList .opMoLk.up span { background-position: -10px -1389px } .alts .altImg { width: 130px } .portLst > ul > li > ul > li { width: 33% } .conNav .call { background-position: 0 -1855px; padding-right: 7px; display: block } .ctSum ul > li { width: 33.3333% } .regionMap .mHide { display: block } } @media(min-width:992px) { .railSailSlider { padding-right: 30px; padding-top: 15px; height: 300px } .fsWrap .padRht { padding-right: 0 } .hIntBox { margin: 0 } .hCon { display: table; padding-left: 0; padding-right: 0; margin-bottom: 30px } .hCon .rowH { display: table-row } .hCon .colH { display: table-cell; float: none } .hCon .colT { vertical-align: top } .hCon .colM { vertical-align: middle } .accommI, .onBoardI { display: block } .social { padding-left: 30px; border-left: 1px solid #64b6e6 } .opTbl .sa { width: 150px; display: table-cell } .opTbl .du { display: table-cell } .rouGrpOps .sa { width: 160px; display: table-cell } .rouGrpOps .du { display: table-cell } .opShips .rating { display: block; float: right } .portLst > ul > li > ul > li { width: 25% } .conNav .trvAl { background-position: 0 -1818px; padding-right: 7px; display: block } .conNav li a { font-size: 14px } .conNav .lang > a { padding-right: 18px } .conNav .lang > a > span { padding-left: 26px } .conNav .lang > a > span b { display: inline } .ctSum ul > li { width: 25% } } @media(max-width: 768px) { .subNav .mMenu { float: right } .subNav .mMenu span { background-color: #64b6e6; padding-right: 35px; position: relative } .subNav .mMenu span i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -954px } .subNav .mMenu span.up i { background-position: right -906px } .subNav .mMenu span, .subNav .mShow a { margin-right: 0 } .subNav .mHide { display: none } .subNav .mShow { display: block; width: 100% } .subNav ul li.active { position: absolute } .fs .xs6.padRht { padding-right: 5px } .fs .xs6.padLft { padding-left: 5px } .mobAcords { margin-top: -15px; margin-bottom: 15px } .mobAcords.main { margin-top: -30px } .mobAcords.ind { margin-top: -30px } .mobAcords.ind .soLnk { border-bottom: 2px solid #64b6e6 } .mobAcords.ind .soLnk .down { padding-bottom: 10px } .mobAcords .nsLnk, .mobAcords .soLnk { margin: 0 } .mobAcords .nsLnk { border-bottom: 2px solid #64b6e6 } .mobAcords .nsLnk .down { padding-bottom: 10px } .mobAcords .nsLnk ul li:last-child { border: none } .fs .advSer { margin-bottom: 5px } } @media(min-width:992px) and (max-width:1200px) { .carouselIn > .item img { margin-left: -22px } } .rSer .formCon { padding-top: 5px } .rSer .formPopup { background-image: none; padding-top: 0; margin-top: 3px; border-top: 1px solid #eee; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .rSer .formCon, .rSer .popupTitle { border-color: #eee } .rSer .popupClose { top: 5px } .rSer .ulTbl { min-width: 380px } .rSer .ulTbl li div { border-bottom: 1px solid #64b6e6; vertical-align: top; font-size: 13px } .rSer .ulTbl li:first-child div { border-top: none; padding-top: 0 } .rSer .btn { color: #fff; font-size: 12px; background-position: right -1102px; margin-top: 4px } .rSerRou, .rSerRou2 { font-weight: 700; color: #193354; font-size: 14px } .rSerRou2 { padding-top: 5px } .rSerOp { color: #0070a0 } .rSerTer { font-size: 11px; padding: 5px 0 6px; display: block } .rSerLnk:hover { background-color: #e0f1fa } .rSerPri { text-align: right; font-weight: 700; color: #193354 } .rSerPri span { font-size: 14px; display: block } .rSerCon li, .subNav ul li .rSerCon li { display: block } .rSerCon .rSerRem a, .rSerPri .rSerVal { font-size: 11px; font-weight: 400; color: #0070a0 } .rSerMcon { background: #64b6e6; display: none } .rSerMcon .ulTbl li div { border-bottom: 1px solid #fff; vertical-align: top; font-size: 12px; padding: 4px 14px } .rSerMcon .ulTbl li div:first-child { padding-right: 0 } .rSerMcon .ulTbl li div:last-child { padding-left: 0 } .rSerMcon .ulTbl li:first-child div { border-top: 1px solid #fff } .rSerMcon .rSerPri, .rSerMcon .rSerRou, .rSerMcon .rSerRou2 { font-size: 13px; color: #fff } .rSerMcon .rSerOp, .rSerMcon .rSerRem a, .rSerMcon .rSerVal { color: #333 } .rSerMcon .rSerRem a:hover { background-color: transparent; text-decoration: underline } .rSerMcon .rSerVal { line-height: 18px } .rSerMcon .btn { margin-top: 4px } .rSerMcon .btn:hover { background-position: right -1103px; background-color: #dc5829 } .rSerMcon .rSerTer { border-bottom: 1px solid #fff; padding: 5px 14px 6px } .rSerM { position: relative } .rSerM i { position: absolute; right: 14px; height: 18px; width: 15px; background-position: right -955px } .rSerM.up i { background-position: right -907px } .rSerNo { padding: 0 0 8px 0; display: block } .rSerMcon .rSerNo { padding: 0 14px } #backgroundPopup, #backgroundPopupBE { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 9000 !important } .popUp { width: 75%; max-width: 600px; z-index: 10000 !important; position: absolute; background-color: #fff; border: 3px solid #0070a0; padding: 2px } .popUp .header { background-color: #0070a0; color: #fff; text-align: left; padding-left: 10px; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0 } .popUp .content { padding: 8px 10px 10px 10px; clear: both; max-height: 500px; -webkit-overflow-scrolling: touch; overflow: auto } .popUp .content p { margin-bottom: 10px } .popUp .closeBtn { background-position: -10px -2020px; height: 28px; width: 30px; position: absolute; right: -16px; top: -13px; cursor: pointer } @media(min-width:769px) { .popUp { width: 50% } } .ab-con--wrapper article.ab-con.two { display: none } .HyperLinkTextColor:hover { color: #fff } body { font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif }

Saindo no

Voltando no

>Passageiros

Detalhes Do Animal De Estimação

Passageiros

Detalhes Do Animal De Estimação

Dados do Veículo

Dados do Veículo

Por que usar
Direct Ferries?

Operadoras de Ferry Surat Thani City - Koh Tao

Ferry Surat Thani City a Koh Tao

Saindo no

Voltando no

>Passageiros

Detalhes Do Animal De Estimação

Passageiros

Detalhes Do Animal De Estimação

Dados do Veículo

Dados do Veículo

Por que usar Direct Ferries?

Operadoras de Ferry Surat Thani City - Koh Tao

Ferry Surat Thani City a Koh Tao

Por que usar
Direct Ferries?