Fitbit Alta HR - Coral (Small).

• นาฬิกาอัจฉริยะเพื่อผู้รักสุขภาพ ดีไซน์บางเบา ตัวสายทำจากยาง สี Coral
• ตัวเรือนสามารถเปลี่ยนสายรัดได้ เพื่อแมทช์กับสไตล์การแต่งตัว
• ฟังก์ชั่นการทำงานสุดล้ำ ช่วยตรวจจับการเคลื่อนไหวของร่างกายตลอดทั้งวัน
• ระบบแยกแยะและบันทึกประเภทกีฬาอย่างแม่นยำ (SmartTrack)
• ตรวจวัดอัตราการเต้นของหัวใจได้ในตัว (PurePulse Heart Rate)
• ซิงค์ข้อมูลไร้สายกับ Smartphone, PC หรือ Mac เพื่อดูข้อมูลการใช้งาน
• หน้าจอ OLED ระบบเคาะหน้าจอ แจ้งสถานะการใช้งาน รายชื่อผู้โทรเข้า (เมื่อมีสายเรียกเข้า)
• สามารถเข้าสู่โหมดตรวจวัดการนอนหลับอัตโนมัติ
• ฟังก์ชั่นตั้งปลุกแบบสั่นเตือน
• ป้องกันฝนและละอองน้ำได้
• สายขนาดยาว 140 - 170 มม.

body {font-family: "Lato", sans-serif;}

/* Style the tab */

div.tab {

overflow: hidden;

border: 1px solid #ccc;

background-color: #f1f1f1;

}

/* Style the links inside the tab */

div.tab a {

float: left;

display: block;

color: black;

text-align: center;

padding: 14px 16px;

text-decoration: none;

transition: 0.3s;

font-size: 16px;

}

/* Change background color of links on hover */

div.tab a:hover {

background-color: #ddd;

}

/* Create an active/current tablink class */

div.tab a:focus, .activeTab {

background-color:#FFA000;

}

/* Style the tab content */

.tabcontent {

display: none;

padding: 10px 10px;

border: 1px solid #ccc;

border-top: none;

}

.spec-tab {

width: 100%;

max-width: 1000px;

height: 100%;

/* max-height: 1187px; */

}

.spec-tab-mobile {

width: 100%;

max-width: 1000px;

height: 100%;

max-height: 1187px;

}

.compare-tab {

width: 100%;

max-width: 1000px;

height: 100%;

/*max-height: 980px;*/

}

.compare-tab-mobile {

width: 100%;

max-width: 445px;

height: 100%;

max-height: 980px;

}

button.accordion {

background-color: #eee;

color: #444;

cursor: pointer;

padding: 18px;

width: 300px;

border: none;

text-align: left;

outline: none;

font-size: 15px;

transition: 0.4s;

}

/* acordion style*/

.ac-container{

width: 300px;

margin: 10px auto 30px auto;

text-align: left;

display: inline-block;

padding: 0 1% 0 1%;

top: 0px;

vertical-align: top;

}

.ac-container label{

font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;

padding: 5px 20px;

position: relative;

z-index: 20;

display: block;

height: 30px;

cursor: pointer;

color: #777;

text-shadow: 1px 1px 1px rgba(255,255,255,0.8);

line-height: 33px;

font-size: 19px;

background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));

background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);

background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);

background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);

background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );

box-shadow:

0px 0px 0px 1px rgba(155,155,155,0.3),

1px 0px 0px 0px rgba(255,255,255,0.9) inset,

0px 2px 2px rgba(0,0,0,0.1);

}

.ac-container label:hover{

background: #fff;

}

.ac-container input:checked + label,

.ac-container input:checked + label:hover{

background: #c6e1ec;

color: #3d7489;

text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);

box-shadow:

0px 0px 0px 1px rgba(155,155,155,0.3),

0px 2px 2px rgba(0,0,0,0.1);

}

.ac-container label:hover:after,

.ac-container input:checked + label:hover:after{

content: '';

position: absolute;

width: 24px;

height: 24px;

right: 13px;

top: 7px;

background: transparent url(../images/arrow_down.png) no-repeat center center;

}

.ac-container input:checked + label:hover:after{

background-image: url(../images/arrow_up.png);

}

.ac-container input{

display: none;

}

.ac-container article{

background: rgba(255, 255, 255, 0.5);

margin-top: -1px;

overflow: hidden;

height: 0px;

top: 0px;

position: relative;

z-index: 10;

-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

transition: height 0.3s ease-in-out, box-shadow 0.6s linear;

}

.ac-container article p{

color: #777;

line-height: 23px;

font-size: 14px;

padding: 10px;

text-shadow: 1px 1px 1px rgba(255,255,255,0.8);

}

.ac-container input:checked ~ article{

-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);

}

.ac-container input:checked ~ article.ac-small{

height: 140px;

}

.ac-container input:checked ~ article.ac-medium{

height: 180px;

}

.ac-container input:checked ~ article.ac-large{

height: 230px;

}

/* acordion style*/

@media (min-width:481px){

.spec-tab {

display: block;

}

.spec-tab-mobile{

display: none;

}

.compare-tab {

display: block;

}

.compare-tab-mobile {

display: none;

}

}

@media (max-width:480px){

.spec-tab {

display: none;

}

.spec-tab-mobile{

display: block;

}

.compare-tab {

display: none;

}

.compare-tab-mobile{

display: block;

}

}

ข้อมูลจำเพาะ การรับประกัน

function openCity(evt, cityName) {

var i, tabcontent, tablinks;

tabcontent = document.getElementsByClassName("tabcontent");

for (i = 0; i < tabcontent.length; i++) {

tabcontent[i].style.display = "none";

}

tablinks = document.getElementsByClassName("tablinks");

for (i = 0; i < tablinks.length; i++) {

tablinks[i].className = tablinks[i].className.replace(" activeTab", "");

}

document.getElementById(cityName).style.display = "block";

evt.currentTarget.className += " activeTab";

}

document.getElementById("defaultOpen").click();

var acc = document.getElementsByClassName("accordion");

var i;

for (i = 0; i < acc.length; i++) {

acc[i].onclick = function(){

this.classList.toggle(" activeTab");

var panel = this.nextElementSibling;

if (panel.style.display === "block") {

panel.style.display = "none";

} else {

panel.style.display = "block";

}

}

}