<style><!--
#YQNum {
largura: 100%;
preenchimento: 12px 20px;
margem: 8px 0;
box-sized: caixa com borda;
borda: 2px sólida #000000; /*Corte do campo de rastreamento*/
raio da borda: 4px;
}

.botão {
exibição: inline-block;
raio-da-borda: 2px;
cor de fundo: #f4511e;
fronteira: nenhuma;
cor: #FFFFFF;
alinhamento do texto: centralizado;
tamanho da fonte: 28px;
preenchimento: 20px;
largura: 200px;
transição: todos os 0,5s;
cursor: ponteiro;
margem: 1px;
}

.button span {
cursor: ponteiro;
exibição: inline-block;
posição: relativa;
Transição: 0,5s;
}

.botão {
cor de fundo: #FFCC00; /*Cor do botão*/
fronteira: nenhuma;
cor: preto;
preenchimento: 15px 32px;
alinhamento do texto: centralizado;
decoração de texto: negrito;
exibição: inline-block;
tamanho da fonte: 16px;
margem: 4px 2px;
cursor: ponteiro;
}
.button {largura: 250px;}
--></style>
<div style="text-align: center;">Insira abaixo o código de rastreamento ou envie-o por e-mail</div>
<br />
<div style="text-align: center;"><input type="text" id="YQNum" maxlength="50" /> <input type="button" class="button" value="Rastrear" onclick="doTrack()" /></div>
<div id="YQContainer"></div>
<script type="text/javascript" src="https://www.17track.net/externalcall.js"></script>
<script type="text/javascript">// <![CDATA[
função doTrack() {
var num = document.getElementById("YQNum").valor;
se(num===""){
alert("Por favor, insira o código de rastreamento corretamente.");
retornar;
}
YQV5.trackSingle({
YQ_ContainerId:"YQContainer",
Altura YQ: 560,
YQ_Fc:"0",
YQ_Lang:"pt",
YQ_Num:num
});
}
// ]]>
// ]]></script>