#root, .__cms_default_ignore {
}
#root {
background-color: rgb(246, 248, 250);
font-family: Lato !important;
}#cms-id-a273b9d975fecc41, .__cms_default_ignore {
}
#cms-id-a273b9d975fecc41 {
height: 480px;
background-image: url(//seapromotionstatic.cdn5th.com/static/472591052956753920.png);
background-position-x: 50%;
background-position-y: 50%;
background-size: cover;
font-family: Lato;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-a273b9d975fecc41 {
height: auto;
}
}
@media (max-width: 767px) {
#cms-id-a273b9d975fecc41 {
height: auto;
}
}#cms-id-1f1cd82d952526, .__cms_default_ignore {
}
#cms-id-1f1cd82d952526 {
padding: 0px 72px;
max-width: 1440px;
margin: 0px auto;
height: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-1f1cd82d952526 {
width: 100%;
padding: 60px 36px;
}
}
@media (max-width: 767px) {
#cms-id-1f1cd82d952526 {
padding: 60px 20px;
}
}#cms-id-3125f2d093e9b2a, .__cms_default_ignore {
width: 100%;
height: auto;
}
#cms-id-3125f2d093e9b2a {
justify-content: space-around;
align-items: center;
height: 100%;
}
@media (max-width: 767px) {
#cms-id-3125f2d093e9b2a {
margin: 0px 0px -20px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-3125f2d093e9b2a {
margin: 0px 0px -20px;
}
}#cms-id-9f3310a3b0c2ce16, .__cms_default_ignore {
}
#cms-id-9f3310a3b0c2ce16 {
height: 100%;
}#cms-id-d1fc9418495fe09e, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-d1fc9418495fe09e {
color: rgb(0, 0, 0);
line-height: 56px;
margin-bottom: 16px;
font-style: normal;
font-weight: 600;
font-size: 48px;
}
@media (width: 1024px) {
#cms-id-d1fc9418495fe09e {
font-size: 36px;
line-height: 44px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-d1fc9418495fe09e {
font-size: 32px;
line-height: 40px;
}
}
@media (max-width: 767px) {
#cms-id-d1fc9418495fe09e {
font-size: 28px;
line-height: 36px;
margin: 0px 0px 12px;
}
}#cms-id-eb9b739899f82dc0, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-eb9b739899f82dc0 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(96, 98, 102);
}#cms-id-2d11c86efa6ec73, .__cms_default_ignore {
}
#cms-id-2d11c86efa6ec73 {
display: inline-block;
margin: 44px 16px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-2d11c86efa6ec73 {
margin: 36px 0px 0px;
display: block;
}
}#cms-id-9b8032c2a87abf3, .__cms_default_ignore {
}
#cms-id-9b8032c2a87abf3 {
}#cms-id-c4201393a7a7b742, .__cms_default_ignore {
}
#cms-id-c4201393a7a7b742 {
display: inline-block;
margin: 16px 16px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-c4201393a7a7b742 {
display: block;
}
}#cms-id-1221d17840ab54f1, .__cms_default_ignore {
}
#cms-id-1221d17840ab54f1 {
}#cms-id-8ac0f75d66259a8d, .__cms_default_ignore {
}
#cms-id-8ac0f75d66259a8d {
height: 480px;
position: relative;
}
@media (max-width: 767px) {
#cms-id-8ac0f75d66259a8d {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-8ac0f75d66259a8d {
display: none;
}
}#cms-id-66b456f5ae113742, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-66b456f5ae113742 {
height: 480px;
width: auto;
max-width: none;
}#cms-id-127ed5c57fcd3623, .__cms_default_ignore {
}
#cms-id-127ed5c57fcd3623 {
height: 80px;
}
@media (max-width: 767px) {
#cms-id-127ed5c57fcd3623 {
height: 60px;
}
}#cms-id-49db8f8458cca4a0, .__cms_default_ignore {
}
#cms-id-49db8f8458cca4a0 {
padding: 0px 72px;
max-width: 1440px;
margin: 0px auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-49db8f8458cca4a0 {
width: 100%;
padding: 0px 36px;
}
}
@media (max-width: 767px) {
#cms-id-49db8f8458cca4a0 {
padding: 0px 20px;
}
}#cms-id-c1167f264ac1fdcc, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-c1167f264ac1fdcc {
padding: 0px 0px 12px;
font-family: Lato;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: rgb(19, 20, 21);
text-transform: uppercase;
letter-spacing: 4px;
}#cms-id-509c575376dc8088, .__cms_default_ignore {
width: 100%;
height: auto;
}
#cms-id-509c575376dc8088 {
border-bottom: 1px solid rgb(176, 180, 187);
padding-bottom: 80px;
}
@media (max-width: 767px) {
#cms-id-509c575376dc8088 {
padding: 0px 0px 40px;
}
}#cms-id-ca7fcfd08da394c4, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-ca7fcfd08da394c4 {
font-family: Lato;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
width: 66.6666%;
}
@media (max-width: 767px) {
#cms-id-ca7fcfd08da394c4 {
font-size: 24px;
line-height: 32px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-ca7fcfd08da394c4 {
width: 100%;
}
}#cms-id-8577fccb1174eb49, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-8577fccb1174eb49 {
font-family: Lato;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(96, 98, 102);
padding: 0px 0px 12px;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-8577fccb1174eb49 {
padding-top: 0px;
}
}
@media (max-width: 767px) {
#cms-id-8577fccb1174eb49 {
padding: 0px 0px 12px;
}
}#cms-id-fb7e691d6570fd, .__cms_default_ignore {
}
#cms-id-fb7e691d6570fd {
height: 80px;
}
@media (max-width: 767px) {
#cms-id-fb7e691d6570fd {
height: 60px;
}
}#cms-id-eb71f11018a33525, .__cms_default_ignore {
}
#cms-id-eb71f11018a33525 {
padding: 0px 72px 40px;
max-width: 1440px;
margin: 0px auto;
font-family: Lato;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-eb71f11018a33525 {
width: 100%;
padding: 0px 36px 40px;
}
}
@media (max-width: 767px) {
#cms-id-eb71f11018a33525 {
padding: 0px 20px 24px;
}
}#cms-id-5da662c28831af6, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-5da662c28831af6 {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: rgb(19, 20, 21);
text-transform: uppercase;
padding: 0px 0px 12px;
letter-spacing: 4px;
}#cms-id-276f4231466d1ef3, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-276f4231466d1ef3 {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
}
@media (max-width: 767px) {
#cms-id-276f4231466d1ef3 {
font-size: 24px;
line-height: 32px;
}
}#cms-id-42f8374cbfbeaa35, .__cms_default_ignore {
}
#cms-id-42f8374cbfbeaa35 {
height: 80px;
}
@media (max-width: 767px) {
#cms-id-42f8374cbfbeaa35 {
height: 60px;
}
}#cms-id-0653a1ee3b9a4, .__cms_default_ignore {
}
#cms-id-0653a1ee3b9a4 {
padding: 0px 72px 40px;
max-width: 1440px;
margin: 0px auto;
font-family: Lato;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-0653a1ee3b9a4 {
width: 100%;
padding: 0px 36px 40px;
}
}
@media (max-width: 767px) {
#cms-id-0653a1ee3b9a4 {
padding: 0px 20px 24px;
}
}#cms-id-94b26e69334f775a, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-94b26e69334f775a {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: rgb(19, 20, 21);
text-transform: uppercase;
padding: 0px 0px 12px;
letter-spacing: 4px;
}#cms-id-1d6fe5157dc01e6b, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-1d6fe5157dc01e6b {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
}
@media (max-width: 767px) {
#cms-id-1d6fe5157dc01e6b {
font-size: 24px;
line-height: 32px;
}
}#cms-id-9d6bb839eba4c0bd, .__cms_default_ignore {
}
#cms-id-9d6bb839eba4c0bd {
height: 80px;
}
@media (max-width: 767px) {
#cms-id-9d6bb839eba4c0bd {
height: 60px;
}
}#cms-id-28602d6128431ed1, .__cms_default_ignore {
}
#cms-id-28602d6128431ed1 {
padding: 0px 72px 40px;
font-family: Lato;
max-width: 1440px;
margin: 0px auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-28602d6128431ed1 {
padding: 0px 36px 40px;
width: 100%;
}
}
@media (max-width: 767px) {
#cms-id-28602d6128431ed1 {
padding: 0px 20px 24px;
}
}#cms-id-9eff26c054843e, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-9eff26c054843e {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: rgb(19, 20, 21);
text-transform: uppercase;
padding: 0px 0px 12px;
letter-spacing: 4px;
}#cms-id-88d0453f12d6663c, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-88d0453f12d6663c {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
}
@media (max-width: 767px) {
#cms-id-88d0453f12d6663c {
font-size: 24px;
line-height: 32px;
}
}#cms-id-598fae6b3a1c439, .__cms_default_ignore {
}
#cms-id-598fae6b3a1c439 {
padding: 0px 72px;
max-width: 1440px;
margin: 0px auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-598fae6b3a1c439 {
padding: 0px 36px;
width: 100%;
}
}
@media (max-width: 767px) {
#cms-id-598fae6b3a1c439 {
padding: 0px 20px;
}
}#cms-id-7f84f396ab8fd3bc, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-7f84f396ab8fd3bc {
width: 100%;
display: inline-block;
max-width: 100%;
height: auto;
}#cms-id-56888cad6ba7311d, .__cms_default_ignore {
}
#cms-id-56888cad6ba7311d {
height: 80px;
}
@media (max-width: 767px) {
#cms-id-56888cad6ba7311d {
height: 60px;
}
}#cms-id-9662b81676494941, .__cms_default_ignore {
}
#cms-id-9662b81676494941 {
padding: 0px 72px 40px;
font-family: Lato;
max-width: 1440px;
margin: 0px auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-9662b81676494941 {
padding: 0px 36px 40px;
width: 100%;
}
}
@media (max-width: 767px) {
#cms-id-9662b81676494941 {
padding: 0px 20px 24px;
}
}#cms-id-8c14aa64704e42d0, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-8c14aa64704e42d0 {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: rgb(19, 20, 21);
text-transform: uppercase;
padding: 0px 0px 12px;
letter-spacing: 4px;
}#cms-id-9e3dbbcbab98a819, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-9e3dbbcbab98a819 {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
}
@media (max-width: 767px) {
#cms-id-9e3dbbcbab98a819 {
font-size: 24px;
line-height: 32px;
}
}#cms-id-5416613bae9755bf, .__cms_default_ignore {
}
#cms-id-5416613bae9755bf {
height: 80px;
}
@media (max-width: 767px) {
#cms-id-5416613bae9755bf {
height: 60px;
}
}#cms-id-2548c63356fd2442, .__cms_default_ignore {
}
#cms-id-2548c63356fd2442 {
padding: 80px 0px;
background-image: url(//seapromotionstatic.cdn5th.com/static/472702913198936064.jpg);
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
}
@media (max-width: 767px) {
#cms-id-2548c63356fd2442 {
padding: 60px 0px;
}
}#cms-id-15543873fbbc74d3, .__cms_default_ignore {
}
#cms-id-15543873fbbc74d3 {
padding: 0px 72px 40px;
max-width: 1440px;
margin: 0px auto;
font-family: Lato;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-15543873fbbc74d3 {
width: 100%;
padding: 0px 36px 40px;
}
}
@media (max-width: 767px) {
#cms-id-15543873fbbc74d3 {
padding: 0px 20px 24px;
}
}#cms-id-2020fc9dbede15bc, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-2020fc9dbede15bc {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: rgb(145, 149, 154);
text-transform: uppercase;
padding: 0px 0px 12px;
letter-spacing: 4px;
}#cms-id-c62fd77384292ce5, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-c62fd77384292ce5 {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 44px;
color: rgb(255, 255, 255);
}
@media (max-width: 767px) {
#cms-id-c62fd77384292ce5 {
font-size: 24px;
line-height: 32px;
}
}#cms-id-1840b3a44ba9283, .__cms_default_ignore {
}
#cms-id-1840b3a44ba9283 {
margin-top: 20px;
}#cms-id-c2ce8373dfbee1a3, .__cms_default_ignore {
}
#cms-id-c2ce8373dfbee1a3 {
padding: 0px 72px;
max-width: 1440px;
margin: 0px auto;
font-family: Lato;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-c2ce8373dfbee1a3 {
width: 100%;
padding: 0px 36px;
}
}
@media (max-width: 767px) {
#cms-id-c2ce8373dfbee1a3 {
padding: 0px 20px;
}
}#cms-id-a3c9483e1ceaab2, .__cms_default_ignore {
}
#cms-id-a3c9483e1ceaab2 {
padding-top: 8px;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-a3c9483e1ceaab2 {
padding-top: 0px;
}
}
@media (max-width: 767px) {
#cms-id-a3c9483e1ceaab2 {
padding-top: 0px;
}
}#cms-id-1b71501a34de90c8, .__cms_default_ignore {
width: 100%;
height: auto;
}
#cms-id-1b71501a34de90c8 {
display: grid;
align-items: stretch;
grid-template-columns: repeat(12, 1fr);
justify-items: stretch;
grid-auto-rows: auto;
grid-row-start: span 1;
grid-column-start: span 1;
grid-row-end: auto;
grid-column-end: auto;
position: relative;
}
@media (min-width: 768px) and (max-width: 1023px) {
#cms-id-1b71501a34de90c8 {
height: auto;
}
}#cms-id-52916aeb16c4ff64, .__cms_default_ignore {
}#cms-id-5fcefda7e5135bc2, .__cms_default_ignore {
}
#cms-id-5fcefda7e5135bc2 {
text-align: left;
}#cms-id-f5d2f51fdc3873f, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-f5d2f51fdc3873f {
height: 80px;
display: inline;
max-width: 100%;
width: auto;
}#cms-id-5fe41f8d79a2e90, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-5fe41f8d79a2e90 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: rgb(255, 255, 255);
padding: 12px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-5fe41f8d79a2e90 {
font-size: 16px;
line-height: 24px;
padding: 8px 0px 0px;
}
}#cms-id-49a81c32fdfdf9d, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-49a81c32fdfdf9d {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(145, 149, 154);
padding-top: 8px;
}#cms-id-83caa5554d5d7d3a, .__cms_default_ignore {
}#cms-id-93c547f256cd79f8, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-93c547f256cd79f8 {
width: auto;
height: 80px;
display: inline-block;
max-width: 100%;
}#cms-id-d9b5b3195f94dd22, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-d9b5b3195f94dd22 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: rgb(255, 255, 255);
padding: 12px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-d9b5b3195f94dd22 {
font-size: 16px;
line-height: 24px;
padding: 8px 0px 0px;
}
}#cms-id-32f3767173ef27fc, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-32f3767173ef27fc {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(145, 149, 154);
padding: 8px 0px 0px;
}#cms-id-ce9432e6961474cf, .__cms_default_ignore {
}#cms-id-4be0196ecd431924, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-4be0196ecd431924 {
width: auto;
height: 80px;
display: inline-block;
max-width: 100%;
}#cms-id-67c840a63d45472, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-67c840a63d45472 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: rgb(255, 255, 255);
padding: 12px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-67c840a63d45472 {
font-size: 16px;
line-height: 24px;
padding: 8px 0px 0px;
}
}#cms-id-58887b6e9b74e56, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-58887b6e9b74e56 {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(145, 149, 154);
padding-top: 8px;
}#cms-id-f71aad8c6568a9, .__cms_default_ignore {
}#cms-id-2187505fc36511bd, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-2187505fc36511bd {
width: auto;
height: 80px;
display: inline-block;
max-width: 100%;
}#cms-id-43707e58db7414f8, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-43707e58db7414f8 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: rgb(255, 255, 255);
padding: 12px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-43707e58db7414f8 {
font-size: 16px;
line-height: 24px;
padding: 8px 0px 0px;
}
}#cms-id-80c0d3603a30ad2b, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-80c0d3603a30ad2b {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(145, 149, 154);
padding-top: 8px;
}#cms-id-f1a1b8e963ab636a, .__cms_default_ignore {
display: inline-block;
width: 350px;
height: 200px;
max-width: 100%;
}
#cms-id-f1a1b8e963ab636a {
width: auto;
height: 80px;
display: inline-block;
max-width: 100%;
}#cms-id-3673a2923456a3e, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-3673a2923456a3e {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: rgb(255, 255, 255);
padding: 12px 0px 0px;
}
@media (max-width: 767px) {
#cms-id-3673a2923456a3e {
font-size: 16px;
line-height: 24px;
padding: 8px 0px 0px;
}
}#cms-id-2e5fad8da59b6fb, .__cms_default_ignore {
color: rgb(0, 0, 0);
margin: 0px;
}
#cms-id-2e5fad8da59b6fb {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgb(145, 149, 154);
padding-top: 8px;
}
Panel MiniApp
Develop panel miniapps for both iOS and Android without effort and make user experiences of device panels stand out.