GRIFFIN EMBLEM
Present
The Griffin Moonlit Sky
Two Straps Two Styles
#YourStyleYourTimepiece
探索中秋限定禮遇 腕上珠寶與神獅象徵
結合法國腕錶設計與珠寶美學，
致力提供珠寶般的華奢風格腕錶。
GRIFFIN EMBLEM系列錶作源自神獸獅鷲各式表徵。
“More Than A Watch,
A Piece Of Art.”
FOUNDER & CHIEF DESIGNER
Etoile 星辰
源自法文星星之意
GRIFFIN EMBLEM以一只腕錶收藏巴黎星空夜景
鏤飾工藝盡顯華奢風情
ETOILE MONTANTE
鏤空腕錶新作
延續經典星空鏤飾寶石面盤
，
採用新型Swiss Super-Luminova冷光塗料演繹藍色星光。
SERVICE
服務地點
台北101預約制服務中心
台北市信義區信義路五段7號57樓
width: 100%;
text-align: center;
font-family: Baskerville;
font-size: 32px;
font-style: italic;
}
section.banner01 .firstgold{
color: #cf920d;
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
font-family: Baskerville;
font-size: 20px;
}
section.banner01 .btn{
display: inline-block;
background-color: #00000082;
padding: 10px;
width: 235px;
text-align: center;
border-radius: 21px;
position: relative;
border: 1px solid #FFF;
cursor: pointer;
/* margin-top: 20%; */
font-size: 18px;
line-height: 16px;
position: absolute;
bottom: 18vw;
margin-left: -116.5px;
}
section.banner01 .btn:hover{
transform: scale(1.02);
color: #FFF !important;
}
section.videoluxestyle{
height: 50vw;
position: relative;
width: 100%;
overflow: hidden;
}
section.videoluxestyle video{
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
}
section.newbracelet {
background-color: #020404;
height: 46vw;
position: relative;
width: 100%;
background-size: cover;
background-position: center bottom 20%;
text-align: center;
background-image: url('https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2025/banner_1.jpg');
}
section.newbracelet .logo01 {
padding-top: 50px;
width: 350px;
display: block;
margin: auto;
}
section.newbracelet .present {
display: block;
margin: auto;
padding-top: 0px;
width: 300px;
}
section.newbracelet .text {
width: 400px;
display: block;
margin: auto;
}
section.newbracelet .firstgold {
color: #FFF;
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
font-family: Baskerville;
font-size: 18px;
}
section.newbracelet .btn {
display: inline-block;
background-color: #00000082;
padding: 10px;
width: 235px;
text-align: center;
border-radius: 21px;
position: relative;
border: 1px solid #FFF;
cursor: pointer;
/* margin-top: 20%; */
font-size: 18px;
line-height: 16px;
position: absolute;
bottom: 50px;
margin-left: -112px;
}
@media screen and (max-width: 980px) {
section.banner01 .btn{
margin-top: 290px;
bottom: 190px;
}
section.banner01 {
height: 161vw;
margin-top: 50px;
background-position: center top;
background-size: 100% auto;
background-image: url('https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2025/royal2025_cover_m.jpg');
}
section.banner01 .logo01 {
padding-top: 20px;
width: 300px;
display: block;
margin: auto;
}
section.banner01 .text {
padding-top: 0px;
width: 70%;
display: block;
margin: auto;
left: 15%;
bottom: 101px;
}
section.banner01 .present {
display: block;
margin: auto;
padding-top: 0;
width: 250px;
}
section.banner01 .text02{
font-size: 25px;
letter-spacing: 4px;
bottom: 82px;
font-style: italic;
font-family: serif;
}
.topwords{
font-size: 27px;
}
.topwords img{
height: 45px;
}
.topwords .designer{
font-size: 11px;
}
.topwords .line{
font-size: 14px;
margin-left: -27px;
}
.topwords img{
margin-top: 6px;
}
/* banner */
#main-wrap {
background-color: #360204 !important;
}
section.banner01 {
background-image: url(https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2026/banner_1.jpg);
}
section.text01 {
background-color: #360204;
}
section.banner01 .text02 {
text-shadow: #000000 0px 0 19px;
}
section.text03 {
background-color: #360204;
}
section.banner01 .firstgold {
text-shadow: #000000 0px 0 19px;
}
section.text03{
padding-top: 60px;
padding-bottom: 60px;
}
section.banner01 {
background-image: url(https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2026/banner_m.jpg);
}
section.newbracelet {
height: 130vw;
background-image: url(https://qdm.griffinemblem.camel.app/images/luxestyle/banner_m.jpg);
}
section.newbracelet .logo01 {
padding-top: 50px;
width: 300px;
display: block;
margin: auto;
}
section.newbracelet .text {
padding-top: 0px;
width: 80%;
display: block;
margin: auto;
}
section.newbracelet .present {
display: block;
margin: auto;
padding-top: 0;
width: 250px;
}
section.newbracelet .firstgold {
font-size: 16px;
}
section.newbracelet .btn {
margin-top: 290px;
bottom: 50px;
margin-left: -128px;
}
}
/* moonlitsky2026 首頁活動 Banner */
section.banner01.moonlitsky2026 {
background-color: #000;
height: 42vw;
margin-top: 40px;
overflow: hidden;
}
section.banner01.moonlitsky2026::before {
animation: moonlitsky-home-background-in 0.8s ease-out both;
background: url('https://qdm.griffinemblem.camel.app/images/moonlitsky2026/cover_pc.jpg?v=3') center top / cover no-repeat;
content: "";
inset: 0;
position: absolute;
}
@keyframes moonlitsky-home-background-in {
from { opacity: 0; }
to { opacity: 1; }
}
section.banner01.moonlitsky2026 .cover-copy {
color: #FFF;
left: 0;
padding: 50px 24px 0;
position: absolute;
text-align: center;
text-shadow: 0 0 21px rgba(0, 0, 0, 0.95), 0 0 16px rgba(0, 0, 0, 0.9);
top: 0;
width: 100%;
z-index: 1;
}
section.banner01.moonlitsky2026 .cover-brand {
font-family: Baskerville, serif;
font-size: 28px;
letter-spacing: 3px;
}
section.banner01.moonlitsky2026 .cover-present {
font-family: Baskerville, serif;
font-size: 20px;
margin-top: 10px;
}
section.banner01.moonlitsky2026 .cover-title {
font-family: Baskerville, serif;
font-size: 42px;
letter-spacing: 1px;
margin-top: 16px;
}
section.banner01.moonlitsky2026 .cover-brand,
section.banner01.moonlitsky2026 .cover-present,
section.banner01.moonlitsky2026 .cover-title,
section.banner01.moonlitsky2026 .firstgold,
section.banner01.moonlitsky2026 .btn {
animation: moonlitsky-home-copy-in 0.7s ease-out both;
}
section.banner01.moonlitsky2026 .cover-brand { animation-delay: 0.8s; }
section.banner01.moonlitsky2026 .cover-present { animation-delay: 0.96s; }
section.banner01.moonlitsky2026 .cover-title { animation-delay: 1.12s; }
section.banner01.moonlitsky2026 .firstgold { animation-delay: 1.28s; }
section.banner01.moonlitsky2026 .btn { animation-delay: 1.44s; }
@keyframes moonlitsky-home-copy-in {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
section.banner01.moonlitsky2026 .firstgold {
bottom: 104px;
color: #FFF;
font-family: Baskerville, serif;
font-size: 18px;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 0 21px rgba(0, 0, 0, 0.95), 0 0 16px rgba(0, 0, 0, 0.9);
width: 100%;
z-index: 1;
}
section.banner01.moonlitsky2026 .btn {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid #FFF;
border-radius: 0;
bottom: 32px;
color: #FFF !important;
box-sizing: border-box !important;
display: inline-block;
font-size: 18px;
left: calc(50% - 120px);
letter-spacing: 1px;
height: 50px !important;
line-height: 48px !important;
min-height: 50px !important;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none !important;
width: 240px;
z-index: 1;
}
section.banner01.moonlitsky2026 .btn:hover {
background-color: rgba(19, 30, 51, 0.9);
color: #FFF !important;
transform: none;
}
@media screen and (max-width: 980px) {
section.banner01.moonlitsky2026 {
height: 120vw;
margin-top: 50px;
}
section.banner01.moonlitsky2026::before { background-image: url('https://qdm.griffinemblem.camel.app/images/moonlitsky2026/cover_m.jpg?v=3'); }
section.banner01.moonlitsky2026 .cover-copy {
padding: 45px 20px 0;
}
section.banner01.moonlitsky2026 .cover-brand {
font-size: 22px;
}
section.banner01.moonlitsky2026 .cover-present {
font-size: 17px;
}
section.banner01.moonlitsky2026 .cover-title {
font-size: 29px;
line-height: 1.25;
}
section.banner01.moonlitsky2026 .firstgold {
bottom: 88px;
font-size: 16px;
}
section.banner01.moonlitsky2026 .btn {
bottom: 24px;
font-size: 16px;
left: calc(50% - 110px);
height: 46px !important;
line-height: 44px !important;
min-height: 46px !important;
width: 220px;
}
}
GRIFFIN EMBLEM
Present
The Griffin Moonlit Sky
Two Straps Two Styles
#YourStyleYourTimepiece
探索中秋限定禮遇 腕上珠寶與神獅象徵
結合法國腕錶設計與珠寶美學，
致力提供珠寶般的華奢風格腕錶。
GRIFFIN EMBLEM系列錶作源自神獸獅鷲各式表徵。
“More Than A Watch,
A Piece Of Art.”
FOUNDER & CHIEF DESIGNER
Etoile 星辰
源自法文星星之意
GRIFFIN EMBLEM以一只腕錶收藏巴黎星空夜景
鏤飾工藝盡顯華奢風情
ETOILE MONTANTE
鏤空腕錶新作
延續經典星空鏤飾寶石面盤
，
採用新型Swiss Super-Luminova冷光塗料演繹藍色星光。
SERVICE
服務地點
台北101預約制服務中心
台北市信義區信義路五段7號57樓
width: 100%; text-align: center; font-family: Baskerville; font-size: 32px; font-style: italic; } section.banner01 .firstgold{ color: #cf920d; position: absolute; bottom: 50px; width: 100%; text-align: center; font-family: Baskerville; font-size: 20px; } section.banner01 .btn{ display: inline-block; background-color: #00000082; padding: 10px; width: 235px; text-align: center; border-radius: 21px; position: relative; border: 1px solid #FFF; cursor: pointer; /* margin-top: 20%; */ font-size: 18px; line-height: 16px; position: absolute; bottom: 18vw; margin-left: -116.5px; } section.banner01 .btn:hover{ transform: scale(1.02); color: #FFF !important; } section.videoluxestyle{ height: 50vw; position: relative; width: 100%; overflow: hidden; } section.videoluxestyle video{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; } section.newbracelet { background-color: #020404; height: 46vw; position: relative; width: 100%; background-size: cover; background-position: center bottom 20%; text-align: center; background-image: url('https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2025/banner_1.jpg'); } section.newbracelet .logo01 { padding-top: 50px; width: 350px; display: block; margin: auto; } section.newbracelet .present { display: block; margin: auto; padding-top: 0px; width: 300px; } section.newbracelet .text { width: 400px; display: block; margin: auto; } section.newbracelet .firstgold { color: #FFF; position: absolute; bottom: 30px; width: 100%; text-align: center; font-family: Baskerville; font-size: 18px; } section.newbracelet .btn { display: inline-block; background-color: #00000082; padding: 10px; width: 235px; text-align: center; border-radius: 21px; position: relative; border: 1px solid #FFF; cursor: pointer; /* margin-top: 20%; */ font-size: 18px; line-height: 16px; position: absolute; bottom: 50px; margin-left: -112px; } @media screen and (max-width: 980px) { section.banner01 .btn{ margin-top: 290px; bottom: 190px; } section.banner01 { height: 161vw; margin-top: 50px; background-position: center top; background-size: 100% auto; background-image: url('https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2025/royal2025_cover_m.jpg'); } section.banner01 .logo01 { padding-top: 20px; width: 300px; display: block; margin: auto; } section.banner01 .text { padding-top: 0px; width: 70%; display: block; margin: auto; left: 15%; bottom: 101px; } section.banner01 .present { display: block; margin: auto; padding-top: 0; width: 250px; } section.banner01 .text02{ font-size: 25px; letter-spacing: 4px; bottom: 82px; font-style: italic; font-family: serif; } .topwords{ font-size: 27px; } .topwords img{ height: 45px; } .topwords .designer{ font-size: 11px; } .topwords .line{ font-size: 14px; margin-left: -27px; } .topwords img{ margin-top: 6px; } /* banner */ #main-wrap { background-color: #360204 !important; } section.banner01 { background-image: url(https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2026/banner_1.jpg); } section.text01 { background-color: #360204; } section.banner01 .text02 { text-shadow: #000000 0px 0 19px; } section.text03 { background-color: #360204; } section.banner01 .firstgold { text-shadow: #000000 0px 0 19px; } section.text03{ padding-top: 60px; padding-bottom: 60px; } section.banner01 { background-image: url(https://image-cdn.qdm.cloud/site/q57e3b72a83e3c/image/data/2026/banner_m.jpg); } section.newbracelet { height: 130vw; background-image: url(https://qdm.griffinemblem.camel.app/images/luxestyle/banner_m.jpg); } section.newbracelet .logo01 { padding-top: 50px; width: 300px; display: block; margin: auto; } section.newbracelet .text { padding-top: 0px; width: 80%; display: block; margin: auto; } section.newbracelet .present { display: block; margin: auto; padding-top: 0; width: 250px; } section.newbracelet .firstgold { font-size: 16px; } section.newbracelet .btn { margin-top: 290px; bottom: 50px; margin-left: -128px; } } /* moonlitsky2026 首頁活動 Banner */ section.banner01.moonlitsky2026 { background-color: #000; height: 42vw; margin-top: 40px; overflow: hidden; } section.banner01.moonlitsky2026::before { animation: moonlitsky-home-background-in 0.8s ease-out both; background: url('https://qdm.griffinemblem.camel.app/images/moonlitsky2026/cover_pc.jpg?v=2') center top / cover no-repeat; content: ""; inset: 0; position: absolute; } @keyframes moonlitsky-home-background-in { from { opacity: 0; } to { opacity: 1; } } section.banner01.moonlitsky2026 .cover-copy { color: #FFF; left: 0; padding: 50px 24px 0; position: absolute; text-align: center; text-shadow: 0 0 21px rgba(0, 0, 0, 0.95), 0 0 16px rgba(0, 0, 0, 0.9); top: 0; width: 100%; z-index: 1; } section.banner01.moonlitsky2026 .cover-brand { font-family: Baskerville, serif; font-size: 28px; letter-spacing: 3px; } section.banner01.moonlitsky2026 .cover-present { font-family: Baskerville, serif; font-size: 20px; margin-top: 10px; } section.banner01.moonlitsky2026 .cover-title { font-family: Baskerville, serif; font-size: 42px; letter-spacing: 1px; margin-top: 16px; } section.banner01.moonlitsky2026 .cover-brand, section.banner01.moonlitsky2026 .cover-present, section.banner01.moonlitsky2026 .cover-title, section.banner01.moonlitsky2026 .firstgold, section.banner01.moonlitsky2026 .btn { animation: moonlitsky-home-copy-in 0.7s ease-out both; } section.banner01.moonlitsky2026 .cover-brand { animation-delay: 0.8s; } section.banner01.moonlitsky2026 .cover-present { animation-delay: 0.96s; } section.banner01.moonlitsky2026 .cover-title { animation-delay: 1.12s; } section.banner01.moonlitsky2026 .firstgold { animation-delay: 1.28s; } section.banner01.moonlitsky2026 .btn { animation-delay: 1.44s; } @keyframes moonlitsky-home-copy-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } } section.banner01.moonlitsky2026 .firstgold { bottom: 104px; color: #FFF; font-family: Baskerville, serif; font-size: 18px; left: 0; position: absolute; text-align: center; text-shadow: 0 0 21px rgba(0, 0, 0, 0.95), 0 0 16px rgba(0, 0, 0, 0.9); width: 100%; z-index: 1; } section.banner01.moonlitsky2026 .btn { background-color: rgba(0, 0, 0, 0.5); border: 1px solid #FFF; border-radius: 0; bottom: 32px; color: #FFF !important; box-sizing: border-box !important; display: inline-block; font-size: 18px; left: calc(50% - 120px); letter-spacing: 1px; height: 50px !important; line-height: 48px !important; min-height: 50px !important; margin: 0; padding: 0; position: absolute; text-align: center; text-decoration: none !important; width: 240px; z-index: 1; } section.banner01.moonlitsky2026 .btn:hover { background-color: rgba(19, 30, 51, 0.9); color: #FFF !important; transform: none; } @media screen and (max-width: 980px) { section.banner01.moonlitsky2026 { height: 120vw; margin-top: 50px; } section.banner01.moonlitsky2026::before { background-image: url('https://qdm.griffinemblem.camel.app/images/moonlitsky2026/cover_m.jpg'); } section.banner01.moonlitsky2026 .cover-copy { padding: 45px 20px 0; } section.banner01.moonlitsky2026 .cover-brand { font-size: 22px; } section.banner01.moonlitsky2026 .cover-present { font-size: 17px; } section.banner01.moonlitsky2026 .cover-title { font-size: 29px; line-height: 1.25; } section.banner01.moonlitsky2026 .firstgold { bottom: 88px; font-size: 16px; } section.banner01.moonlitsky2026 .btn { bottom: 24px; font-size: 16px; left: calc(50% - 110px); height: 46px !important; line-height: 44px !important; min-height: 46px !important; width: 220px; } }
GRIFFIN EMBLEM
Present
The Griffin Moonlit Sky
Two Straps Two Styles
#YourStyleYourTimepiece
探索中秋限定禮遇 腕上珠寶與神獅象徵
結合法國腕錶設計與珠寶美學，
致力提供珠寶般的華奢風格腕錶。
GRIFFIN EMBLEM系列錶作源自神獸獅鷲各式表徵。
“More Than A Watch,
A Piece Of Art.”
FOUNDER & CHIEF DESIGNER
Etoile 星辰
源自法文星星之意
GRIFFIN EMBLEM以一只腕錶收藏巴黎星空夜景
鏤飾工藝盡顯華奢風情
ETOILE MONTANTE
鏤空腕錶新作
延續經典星空鏤飾寶石面盤
，
採用新型Swiss Super-Luminova冷光塗料演繹藍色星光。
SERVICE
服務地點
台北101預約制服務中心
台北市信義區信義路五段7號57樓
