/* 專案CSS */

/* ---------- 共用 ---------- */
:root{    
    --pri01:#8473F7;/* 主要 紫 */
    --pri02:#7db9e8;
    --pri03:#A9795C;/* 主要 棕 */
    --pri04:#F0BCA9;
    --pri05:#D6DFF5;
    --pri06:#DFE6F8;
    --pri07:#F6A3BA;
    --pri08:#BF9C87;
    --pri09:#F4CFC4;
    --pri11:#E2E8F8;
    --pri10:#484848;/* 內文 字使用顏色 */

    /* 橫向漸層 */
    --double01:linear-gradient(90deg, var(--pri01) 40%, var(--pri02) 98.23%);
    --double02:linear-gradient(90deg, var(--pri03) 40%, var(--pri04) 98.23%);
    --double03:linear-gradient(90deg, var(--pri08) 40%, var(--pri09) 98.23%);
    --double04:linear-gradient(90deg, var(--pri01) 40%, var(--pri07) 98.23%); 
    --double05:linear-gradient(90deg, #816EF8 40%, #FAA5B8 98.23%); /* 醫美診間 使用 */

    /* 中心漸層 */
    --center01:radial-gradient(circle at center,var(--pri04),rgba(255, 0, 0, 0),rgba(255, 0, 0, 0));
    --center02:radial-gradient(circle at center,var(--pri11),rgba(255, 0, 0, 0),rgba(255, 0, 0, 0));
    --center03:radial-gradient(circle at center,var(--pri07),rgba(255, 0, 0, 0),rgba(255, 0, 0, 0));
    --center04:radial-gradient(circle at center,var(--pri04),rgba(255, 0, 0, 0),rgba(255, 0, 0, 0));

    /* 文字 */
    --fontS:1.2vw; /* 內文 文字 */
    --fontSS:12px; /* 附註、解說文字 */
    /* --fontM:1.2vw; 中 標題 */
    /* --fontB:1.2vw; 大 標題 */

    /*--fontIndexB:11vw;  首頁 大英文 */
    --fontIndexB2:5vw; /* 首頁 大數字 */
    --fontIndexM:2vw;; /* 首頁 中 */
    --fontIndexS:1.5vw; /* 首頁 小 */
    --fontIndexKV:5vw; /* 首頁 KV */
}

/* btn */
a.main-btn{padding: 10px 80px;letter-spacing:10px;font-size:var(--fontS);border-radius: 99px;color: #FFF;}
a.b1{background:var(--double01);}/* 紫 漸層 */
a.b2{background:var(--double02);}/* 棕 漸層 */
a.b3{background:var(--double03);}/* 紅紫 漸層 */

a.main-btn:before{}
.main-btn2{padding:10px 30px;background-color:#000;color:#FFF;font-size:18px;font-weight:300;}
.main-btn2:hover{background-color:#816EF8;color:#FFF;}
a.btnW{font-size:18px;}

/* 背後漸層 */
.gradient:after,
.gradient:before{content:" ";display:inline-block;position:absolute;width:130%;height:160%;top:-20px;z-index: -1;}
.gradient:before{left:-45%;animation: change1 5s infinite;background-image: var(--center01);}
.gradient:after{right:-45%;animation: change2 6s infinite;background-image: var(--center02);}

/* 內頁Banner */
.mainContent .top-kv{}
body{position:relative;}

/* ---------- header ---------- */
header{background-color: rgba(0,0,0,0.7);width: 100%;padding: 20px 0 10px 0;position: absolute;z-index: 999;}
header .headerBox{width:calc(100% - 100px);max-width:1500px; margin:0px auto;display: flex;justify-content: space-between;}
header a.logo{background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(../Images/logo.svg);display: inline-block;width:220px;height:40px;}

header nav{display:inline-block;}
header dl{display:inline-block;margin-left:20px;position:relative;vertical-align:middle;}
/*header dl:last-child{margin-left:0px;}*/
/*header dl:last-child dt{padding-top:3px;}*/
header dt{}
header dd{position:absolute;display:none;}
/* header dl:hover dd{display:inline-block;} *//* 預備下拉選單 */
header dt a,
header dd a{color:#FFF;font-size:20px;font-weight:300;}
header a:hover{color:var(--pri01);}

a.line{margin-top:3px;}
a.fb,
a.line{opacity:0.8;}
a.fb:hover,
a.line:hover{opacity:1;}
.fb:before{font-size:25px;}
.fb:hover,
.fb:hover:before{opacity:1;color:#FFF;}
.line{background-repeat:no-repeat;background-position:center;background-size:cover;background-image: url(../Images/icon-line.webp);width:22px;height:22px;}


/* ---------- footer ---------- */
footer{background-color:#F8F8F8;padding-top:45px;margin-top:100px;}

footer .block{display: block;width:100%;}
footer .b1{width:100%;}
footer a.logo{width:410px;height:75px;background-image: url(../Images/logo-footer.svg);background-repeat: no-repeat;background-size: cover;background-position: center;margin:0 auto;display: block;}
footer .list{text-align:center;margin-top:30px;}
footer .list a{font-size:20px;border-right:1px #000 solid;padding:3px 20px;color: #000;}
footer .list a:last-child{border:none;}
footer .note{display: block;text-align: center;font-size:12px;}
footer .note a{color:#000;}
footer a:hover{color:var(--pri01);}

footer .b2{width:100%;background-image:url(../Images/footer-bg.webp);height:100px;background-position:left top;}

footer .b3{display:block;text-align:center;background-color:#F3F3F3;border-top:solid 1px #E7E7E7;padding:20px 0;color:#222;margin-top:30px;}
footer .b3 li{display:inline-block;margin: 0 5px;vertical-align: middle;}
footer .b3 a{color:#222;}
footer .b3 a.fb,
footer .UI.fb::before{color:#000;}
footer .line{background-image:url(../Images/icon-line-footer.webp);}
footer a.line,footer a.fb{vertical-align:middle;display:inline-block;}



/* ---------- cookies ---------- */
.cookies-box{position: fixed;z-index: 100;height: 100vh;width: 100vw;top: 0;display:none;}
.cookies-box.show{display:inline-block;}
.cookies-box:after{content: " ";display: inline-block;position: absolute;width: 100vw;left: 0;top: 0;height: 100vh;background-color: rgba(0,0,0,0.8);z-index:100;}
/*.s7 .cookies-data{bottom:375px;}*/
.cookies-data{position:fixed;max-width:1000px;padding:55px 30px 30px 30px;background-color:rgba(255,255,255,0.9);left:50%;bottom:0;margin-left:-500px;z-index:200;}
.cookies-data .UI{position:absolute;right:25px;top:20px;}
.cookies-data .UI:before{font-size:25px;color:#000;}
.cookies-data a.btnW{color:#000;margin-right:20px;}
.cookies-data a.btnW:hover,
.cookies-data .UI:hover:before{color:#816EF8;}
.cookies-data p{font-size:20px;color:#5A5A5A;margin-bottom:10px;}
.cookies-data .cookies{text-align:right;padding:10 20px;}
.cookies-data .cookies a{display:inline-block;}


/* ---------- index ---------- */
/* 錨點 */
.anchor{position: relative;z-index: -1;}
#clinics{top:-100px;}
/* 共用 */
.index h6{letter-spacing: 4px;font-size:var(--fontIndexM);}
.index h4{font-size:var(--fontIndexM);}
.index h6 b{}
.index h4 b{}

/* 英文字區塊 */
.en-block .title{width:100%;font-size:8vw;line-height:7vw;font-family:'Cormorant', serif;margin-bottom:100px;position:relative;}
.en-block .title:after{content:" ";display:inline-block;width:5vw;height:2px;background-color:#828282;left:0;bottom:-45px;position:absolute;}
.en-block .wordBox{width:100%;vertical-align:top;}
.en-block .word{width: 48%;display: inline-block;}
.en-block dl{display:flex;justify-content:space-between;width:calc(100% - 250px);text-align:left;padding:0 0 0 0;align-items:center;margin-bottom:31px;}
.en-block dd{font-size:var(--fontS);}
.en-block dt{text-align:center;}
.en-block .word span{color:var(--pri10);width:100%;margin-top:25px;}
.en-block span{width:48%;letter-spacing:2px;display:inline-block;font-size:var(--fontS);color:var(--pri10);vertical-align:top;line-height:2.8vw;}


/* KV */
.index .block.A{position:relative;height:50vw;overflow:hidden;}
.block.A a.UI{position:absolute;top:50%;z-index:100;}
.block.A a.UI:before{font-size:40px;color:#FFF;}
.block.A a.UI:hover:before{color:var(--pri01);}
.block.A a.prev{left:20px;}
.block.A a.next{right:20px;}
.block.A ul{width:100%;padding-top:50%;position:relative;overflow:hidden;}
.block.A li{background-position:center;background-repeat:no-repeat;background-size:cover;display:block;width:100%;position:absolute;min-height:100%;max-height:100%;}

.block.A li a{pointer-events:none;width:100vw;height:100%;padding-top:100%;position:relative;z-index:0;}
.block.A li.selected a{display:block;pointer-events:all;z-index:1;}
.block.A li img{width:100%;height:100vh;opacity:0;}

.block.A .circle{position: absolute;bottom: 30px;width: 100%;text-align: center;}
.block.A .circle a{display:inline-block;margin-left:5px;border-radius:99px;width:13px;height:13px;background-color:#CCC;margin-left: 10px;}
.block.A .circle a:first-child{margin-left:0;}
.block.A .circle a.focus,
.block.A .circle a:hover{background-color:var(--pri01);}

/* 關於微整美學 */
.index .block.B{width:calc(100% - 100px);margin:0 auto;padding:120px 50px 50px 50px;position:relative;}
.block.B .title{margin-bottom:50px;padding-bottom:50px;margin-left:-50px;opacity:0;}
.block.B h6{margin-left:-50px;opacity:0;}
.block.B .word,
.block.B span{opacity:0;margin-top:-30px;}

/* 醫美療程3關鍵 */
.index .block.C{width:100%;}
.block.C h4{width:100%;text-align: center;color:#FFF;background:var(--double03);padding:10px 0 20px 0;margin-left:-1000px;opacity:0;}
.block.C h4 b{font-size:var(--fontIndexB2);}

.block.C ul{display:flex;justify-content:space-between;}
.block.C li{display:inline-block;width:calc(100% / 3);padding:20px;text-align: center;background-position:center;background-repeat:no-repeat;background-size:cover;margin-top:-50px;opacity:0;}
.block.C li.f1{background-image:url(../Images/block03-1.webp);}
.block.C li.f2{background-image:url(../Images/block03-2.webp);}
.block.C li.f3{background-image:url(../Images/block03-3.webp);}

.block.C dl{width:100%;padding:50px;min-height:100%;
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,0) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,0) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00e5e5e5',GradientType=0 );}
.block.C dt{font-size:var(--fontIndexM);}
.block.C dt b{font-size:var(--fontIndexB2);font-family: 'Roboto', sans-serif;vertical-align: middle;font-weight:700;}
.block.C dt span{vertical-align:middle;letter-spacing:2px;margin-left:10px;font-size:var(--fontIndexM);font-weight:400;letter-spacing:10px;}
.block.C dl:first-child dd{margin-bottom:20px;}
.block.C dd{font-size:var(--fontS);color:var(--pri10);text-align:left;line-height:2vw;margin-bottom: 40px;}
.block.C dd b{font-weight:300;}
.block.C dd:last-child{margin-bottom:0;}
.block.C .btnBox{width:100%;text-align: center;}

.block.C div span{display:block;}
.block.C div span:before{content:" ";display:inline-block;width:5px;height:5px;background-color:var(--pri10);border-radius:99px;vertical-align:middle;margin:-5px 5px 0 0;}

/* 原廠認證診所 */
.index .D{width:100%;text-align:center;padding:100px 0;background-position:center;background-repeat:no-repeat;background-image: url(../Images/block04-bg.webp);background-size:cover;opacity:0;}
.block.D h6{color:#892D49;font-weight:700;letter-spacing:10px;}
.block.D .title{width:100%;font-size:3vw;margin:20px 0 10px 0;font-family: 'Cormorant Garamond', serif;font-weight:300;color:#430B17;}
.block.D dl{width:500px;margin:auto;display:flex;justify-content:space-around;align-items:center;}
.block.D dd{}
.block.D span{display:block;font-size:28px;font-weight:300;letter-spacing:10px;color:#222;}
.block.D span:nth-child(2){font-size:18px;letter-spacing:0px;color:#D985A6;}

/* 微整美學&自信美麗 */
.index .E{color:var(--pri10);width:100%;padding:100px 0;position:relative;max-width:1200px;margin: auto;color:#3E3D3D;}
.block.E h4{font-weight:500;letter-spacing:20px;display:block;text-align:center;margin-bottom:20px;opacity:0;}
.block.E h4 b{font-family:'Roboto', sans-serif;font-weight:300;}
.block.E .subtitle{font-size: var(--fontS);text-align:center;margin-bottom:55px;position:relative;z-index:2;opacity:0;margin-top:-20px;}
.block.E .bg-title{font-size:5.5vw;text-align:center;margin-bottom:60px;font-family: 'Cormorant Garamond', serif;font-weight:500;letter-spacing:2px;position:absolute;width:100%;top:19vh;color:#FDF4F0;z-index:-1px;}
.block.E .bg-title b{font-family:'Roboto', sans-serif;font-weight:300;margin:0 10px;}
.block.E dl{max-width:1150px;width:100%;margin:0 auto 100px auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;margin-top:-20px;opacity:0;}
.block.E .pic{padding:10px;border-radius:50px 0 50px 0;background-image: linear-gradient(to top, #F1A4B8 20%, #FDE6E4 40%, #D7D3E2 80%);}
.block.E dd{font-size:var(--fontS);padding-left:50px;line-height:2.3vw;color:var(--pri10);}
.block.E dd i{display:flex;justify-content:center;align-items:center;}

.block.E .sort{width:100%;text-align:center;display:flex;align-items:flex-start;justify-content:space-between;}
.block.E .sort img{width:100%;}
.block.E ul{display:inline-block;width:calc((100% / 3) - 60px);font-size:var(--fontS);margin-top:-50px;opacity:0;}
.block.E li:first-child{font-weight:400;width:100%;text-align:center;line-height:normal;font-size:var(--fontS);letter-spacing:4px;}
.block.E li{color:var(--pri10);text-align:left;margin-bottom:15px;line-height:2.2vw;}
.block.E .s1 li:first-child{color:#1B4189;}
.block.E .s2 li:first-child{color:#AF2A55;}
.block.E .s3 li:first-child{color:#1EA34B;}
.block.E .note{width:100%;text-align:center;font-family: Lato, Arial, Helvetica, 'LiHei Pro', 'Noto Sans TC', "微軟正黑體", 'Microsoft JhengHei', "新細明體", sans-serif;}

/* 舒顏美人幫 */
.index .F{background-image:url(../Images/block06-bg.webp);background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:80px;opacity:0;}
.block.F .detail{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;}
.block.F .pic{display:flex;align-items:flex-end;justify-content:center;width:60%;}
.block.F img{width:100%;}
.block.F .list{display:inline-block;width:calc(40% - 30px);padding-left:30px;margin-top:-50px;}
.block.F .list .title{font-size:var(--fontIndexM);margin-bottom:20px;font-weight:500;color:var(--pri10);}
.block.F h4{font-weight:500;letter-spacing:20px;margin-bottom:20px;font-weight:500;}
.block.F u:last-child{border-bottom:none;}
.block.F u{display:block;font-size: var(--fontS);color:#8A8B8D;margin-bottom:15px;padding-bottom:15px;border-bottom:1px #000 dashed;text-decoration:none;}
.block.F b{display:block;font-weight:400;}
.block.F .l1 b,
.block.F .l1 b a{color:#183189;}/* Restylane 瑞絲朗 NASHA */
.block.F .l2 b,
.block.F .l2 b a{color:#183189;}/* Restylane 瑞絲朗–OBT */
.block.F .l3 b,
.block.F .l3 b a{color:#892D49;}/* Sculptra 舒顏萃 */
.block.F .l4 b,
.block.F .l4 b a{color:#308800;}/* Dysport 儷緻 */
/* .block.F .l5 b{color:#308800;} */
.block.F u i{transform:rotate(90deg);display:inline-block;}
.block.F u:hover i{margin-left:10px;}
.block.F a{color:var(--pri10);}
.block.F a:hover{color:var(--pri10);}

/* Restylane 瑞絲朗 NASHA */
.block.F u.l1 a:hover{color:#183189;}

/* Restylane 瑞絲朗–OBT */
.block.F u.l2 a:hover{color:#183189;}

/* Sculptra 舒顏萃 */
.block.F u.l3 a:hover{color:#892D49;}

/* Dysport 儷緻 */
.block.F u.l4 a:hover{color:#308800;}

/* 醫美診間 */
.index .G{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../Images/block07-bg.webp);display:flex;justify-content:space-between;align-items:center;opacity:0;}
.block.G .word{width:100%;min-height:465p;margin:auto;text-align:center;position:relative;    height:465px;margin-top:-10px;opacity:0;}
.block.G h4{padding-left:100px;display:block;/*color:#222271;*/letter-spacing:10px;color:var(--pri10);}
.block.G h4 b{margin-right:30px;display:inline-block;font-weight:500;}
.block.G h4 b:last-child{margin-right:0;}
.block.G ul{}
.block.G li{font-size: var(--fontS);position:absolute;left:50%;top:50%;text-align:left;display:flex;align-items:center;justify-content:flex-start;}
.block.G i{vertical-align:middle;}
.block.G li b{max-width:65%;vertical-align:middle;margin-left:10px;min-height:68px;position:relative;line-height:1.5vw;display:flex;align-items:center;justify-content:flex-start;font-weight:300;/*color:#222271;*/color:var(--pri10);}
/*.block.G li a{color:#222271;}*/
.block.G li a:hover{color:#8472F7;}
.block.G li b:after{content:" ";width:80%;display:inline-block;height:3px;background:var(--double05);left:0;position:absolute;bottom:-5px;}

.block.G .pic{opacity:0;}
.block.G .pic .picpc{display:inline-block;}
.block.G .pic .picm{display:none;}

.block.G .w1{margin:-155px 0 0 -500px;}
.block.G .w2{margin:-70px 0 0 200px;width:650px;}
.block.G .w3{margin:0px 0 0 -400px;width:600px;}
.block.G .w4{margin:100px 0 0 270px;}

/* QA */
.index .H{width:90%;margin:50px auto;display:flex;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(../Images/block08.webp);padding:80px 100px;margin-top:-30px;opacity:0;}
.block.H .kind{}
.block.H ul{display:none;width:100%;}
.block.H li{display:block;margin-bottom:20px;padding:0 0 20px 10px;font-size:var(--fontS);position:relative;border-bottom:dashed 1px #CCC;color: var(--pri10);}
.block.H li a{color:#222;}
.block.H li a:hover{color:#8472F7;}
.block.H li:last-child{margin-bottom:0;padding-bottom:0;border:none;}
.block.H li:before{content:" ";display:inline-block;width:10px;height:10px;border-radius:99px;background-color:#000;vertical-align:middle;margin-right:5px;position:absolute;left:-10px;top:13px;}
.block.H .word,
.block.H .kind{display:inline-block;width:49%;}

.block.H .word{text-align:center;}
.block.H h4{letter-spacing:20px;font-weight:500;}
.block.H h4 span{font-family: 'Cormorant', serif;}
.block.H .tag{margin:20px 0;}
.block.H .tag a{font-size:var(--fontS);margin:0 20px;color:#7E7A78;font-weight:400;letter-spacing:10px}
.block.H .tag a.focus,
.block.H .tag a:hover,
.block.H.h1 .t1,
.block.H.h2 .t2,
.block.H.h3 .t3,
.block.H.h4 .t4{color:#8472F7;padding-bottom:10px;border-bottom:solid #8472F7 2px;}
.block.H .btnBox{}

.block.H.h1 .k1,
.block.H.h2 .k2,
.block.H.h3 .k3,
.block.H.h4 .k4,
.block.H.h1 .t1,
.block.H.h2 .t2,
.block.H.h3 .t3,
.block.H.h4 .t4{display:inline-block;}

/* 原廠認證診所 */
.index .I{width:calc(100% - 200px);margin:0 auto;padding:80px 0px 50px 0px;position:relative;}
.index .I h4{font-weight:500;margin-left:-50px;opacity:0;}
.index .I .title{font-size: 6.5vw;line-height: 6vw;padding-bottom: 80px;margin-top: 60px;margin-left:-50px;opacity:0;}
.block.I .title{}
.block.I .feature{width:100%;background-color:#FFF;padding:80px 20px 70px 20px;display:flex;justify-content:space-evenly;align-items:flex-start;align-items:center;margin: 0px 0 80px 0;opacity:0;}
.en-block .title:after {bottom: 4px;}
.block.I ul{text-align:center;font-size: var(--fontS);opacity:0;margin-top:-50px;}
.block.I li{}
.block.I li:last-child{margin:20px auto;}
.block.I li:nth-child(2):before{content:" ";display:block;width:13%;height:4px;background-color:#000;margin:10px auto 0 auto;}
.block.I .UI:before {font-size: 30px;}
.en-block .title {margin-bottom: -4px;}
.en-block .title:after {bottom: 4px;}


/* QA */
.index .J{width:90%;margin:0 auto;}
.block.J .title{width:100%;padding:10px 20px;background-color:#26264B;color:#FFF;font-size:var(--fontS);display:flex;align-items:center;justify-content:space-between;margin-bottom:1px;}
.block.J h5{display:inline-block;font-size: var(--fontS);letter-spacing:10px;}
.block.J .tag{display:inline-block;}
.block.J .tag a:before{font-size: var(--fontS);}
.block.J .tag a:before,
.block.J .tag a{color:#7168AC;}
.block.J .tag a{border-left:solid #7168AC 1px;padding-left:15px;margin-left:15px;}
.block.J .tag a:hover:before,
.block.J .tag a:hover{color:#FFF;}
.block.J a b{width:0;overflow:hidden;display:inline-block;}
.block.J a:hover b,.block.J a b:focus-within{width:80%;}
.block.J a input{width:100%;color:#7168AC;border-bottom: solid 1px #FFF;}
.block.J .UI2{text-align: right;}
.block.J .place{display:flex;justify-content:flex-end;align-items:flex-start;background-color:#FFF;}
.block.J .list{display:none;}
.block.J dl{font-size: var(--fontS);color:#222;padding-left:20px;margin:15px 0;cursor: pointer;}
.block.J a{color:#222;}
.block.J a:hover{color:#7168AC;}
.block.J dt{font-weight:400;}
.block.J dt:before{content:" * ";display:inline-block;vertical-align:middle;margin:0 5px 0 -13px;}
.block.J dd{position:relative;}
.block.J dd a:before{position:absolute;left:0;top:5px;font-size:20px;}
.block.J .map{width:60%;text-align:right;}
.block.J .map img{width:100%;}
.block.J .place .list-box{width:39%;height:24.5vw;overflow:auto;}

.block.J a input::placeholder{color:#FFF;opacity:.8;}
 .block.J a input:-ms-input-placeholder {color:#FFF;}

.J.show1 .p1,
.J.show2 .p2,
.J.show3 .p3,
.J.show4 .p4,
.J.show5 .p5{display:inline-block;}

/* .J.show1 .tag a:nth-child(1),
.J.show2 .tag a:nth-child(2),
.J.show3 .tag a:nth-child(3),
.J.show4 .tag a:nth-child(4),
.J.show5 .tag a:nth-child(5), */
.J .tag a.show{color:#FFF;}

/* 最新消息 */
.block.k{min-height:495px;position:relative;margin: 50px 0;opacity:0;margin-top:-80px;}
.block.k .list-box{position:relative;}
.block.k .list-box a{background-image:url(../Images/news/default.webp);position:absolute;width:490px;height:490px;background-position: center;background-repeat: no-repeat;background-size:cover;overflow:hidden;}
.block.k .list-box a:before{content:" ";width: 100%;height:490px;background-image:url(../Images/news01.webp);background-position:center;background-repeat:no-repeat;position:absolute;top:0px;}
.block.k .list-box a:hover:before{top:-520px;}
.block.k .list-box span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0px 20px 0 20px;position:absolute;width:100%;bottom:0;background-color:rgba(0,0,0,0.6);color:#FFF;line-height:50px;font-size:var(--fontS);z-index:10;}
.block.k a:hover span{line-height:90px;}
.block.k a.UI{position:absolute;top:50%;z-index:99;margin-top:-30px;}
.block.k a.UI:before{font-size:40px;color:#FFF;opacity:0.5;}
.block.k a.UI:hover:before{opacity:1;}
.block.k a.prev{left:0px;}
.block.k a.next{right:0px;}



/* ---------- 首頁動態 ---------- */
body.s1 header,body.s2 header,body.s3 header,body.s4 header,body.s5 header,body.s6 header,body.s7 header,body.s8 header,body.s9 header,body.s10 header,body.s11 header,body.s12 header,body.s13 header,body.s14 header,body.s15 header,body.s16 header,body.s17 header,body.s18 header,body.s19 header{position:fixed;top:0;z-index:250;}

body.s2 .block.B h6,
body.s3 .block.B h6,
body.s4 .block.B h6,
body.s5 .block.B h6,
body.s6 .block.B h6,
body.s7 .block.B h6,
body.s8 .block.B h6,
body.s9 .block.B h6,
body.s10 .block.B h6,
body.s11 .block.B h6,
body.s12 .block.B h6,
body.s13 .block.B h6,
body.s14 .block.B h6,
body.s15 .block.B h6,
body.s16 .block.B h6,
body.s17 .block.B h6,
body.s18 .block.B h6,
body.s19 .block.B h6{opacity:1;margin-left:0;}

body.s3 .block.B .title,
body.s4 .block.B .title,
body.s5 .block.B .title,
body.s6 .block.B .title,
body.s7 .block.B .title,
body.s8 .block.B .title,
body.s9 .block.B .title,
body.s10 .block.B .title,
body.s11 .block.B .title,
body.s12 .block.B .title,
body.s13 .block.B .title,
body.s14 .block.B .title,
body.s15 .block.B .title,
body.s16 .block.B .title,
body.s17 .block.B .title,
body.s18 .block.B .title,
body.s19 .block.B .title{opacity:1;margin-left:0;}

body.s5 .block.B .word,
body.s6 .block.B .word,
body.s7 .block.B .word,
body.s8 .block.B .word,
body.s9 .block.B .word,
body.s10 .block.B .word,
body.s11 .block.B .word,
body.s12 .block.B .word,
body.s13 .block.B .word,
body.s14 .block.B .word,
body.s15 .block.B .word,
body.s16 .block.B .word,
body.s17 .block.B .word,
body.s18 .block.B .word,
body.s5 .block.B span,
body.s6 .block.B span,
body.s7 .block.B span,
body.s8 .block.B span,
body.s9 .block.B span,
body.s10 .block.B span,
body.s11 .block.B span,
body.s12 .block.B span,
body.s13 .block.B span,
body.s14 .block.B span,
body.s15 .block.B span,
body.s16 .block.B span,
body.s17 .block.B span,
body.s18 .block.B span{margin-top:0;opacity:1;}

body.s11 .block.C h4,
body.s12 .block.C h4,
body.s13 .block.C h4,
body.s14 .block.C h4,
body.s15 .block.C h4,
body.s16 .block.C h4,
body.s17 .block.C h4,
body.s18 .block.C h4{margin-left:0;opacity:1;}

body.s11 .block.C li,
body.s12 .block.C li,
body.s13 .block.C li,
body.s14 .block.C li,
body.s15 .block.C li,
body.s16 .block.C li,
body.s17 .block.C li,
body.s18 .block.C li{margin-top:0;opacity:1;}

body.s8 .block.D,body.s9 .block.D,body.s10 .block.D,body.s11 .block.D,body.s12 .block.D,body.s13 .block.D,body.s14 .block.D,body.s15 .block.D,body.s16 .block.D,body.s17 .block.D,body.s18 .block.D{opacity:1;}

body.s6 .block.E h4, 
body.s7 .block.E h4, 
body.s8 .block.E h4, 
body.s9 .block.E h4, 
body.s10 .block.E h4,
body.s11 .block.E h4,
body.s12 .block.E h4,
body.s13 .block.E h4,
body.s14 .block.E h4,
body.s15 .block.E h4,
body.s16 .block.E h4,
body.s17 .block.E h4,
body.s18 .block.E h4{opacity:1;}

body.s6 .block.E .subtitle, 
body.s7 .block.E .subtitle, 
body.s8 .block.E .subtitle, 
body.s9 .block.E .subtitle, 
body.s10 .block.E .subtitle,
body.s11 .block.E .subtitle,
body.s12 .block.E .subtitle,
body.s13 .block.E .subtitle,
body.s14 .block.E .subtitle,
body.s15 .block.E .subtitle,
body.s16 .block.E .subtitle,
body.s17 .block.E .subtitle,
body.s18 .block.E .subtitle{margin-top:0;opacity:1;}

body.s18 .block.E dl, 
body.s17 .block.E dl,
body.s16 .block.E dl,
body.s15 .block.E dl,
body.s14 .block.E dl,
body.s13 .block.E dl,
body.s12 .block.E dl,
body.s11 .block.E dl,
body.s10 .block.E dl,
body.s9 .block.E dl,
body.s8 .block.E dl,
body.s7 .block.E dl,
body.s6 .block.E dl{margin-top:0;opacity:1;}

body.s7 .block.E ul,
body.s8 .block.E ul,
body.s9 .block.E ul,
body.s10 .block.E ul,
body.s11 .block.E ul,
body.s12 .block.E ul,
body.s13 .block.E ul,
body.s14 .block.E ul,
body.s15 .block.E ul,
body.s16 .block.E ul,
body.s17 .block.E ul,
body.s18 .block.E ul{margin-top:0;opacity:1;}

body.s10 .index .F,
body.s11 .index .F,
body.s12 .index .F,
body.s13 .index .F,
body.s14 .index .F,
body.s15 .index .F,
body.s16 .index .F,
body.s17 .index .F,
body.s18 .index .F{opacity:1;}


body.s12 .block.G .word,body.s13 .block.G .word,body.s14 .block.G .word,body.s15 .block.G .word,body.s16 .block.G .word,body.s17 .block.G .word,body.s18 .block.G .word{margin-top:75px;opacity:1;}
body.s12 .index .G,body.s13 .index .G,body.s14 .index .G,body.s15 .index .G,body.s16 .index .G,body.s17 .index .G,body.s18 .index .G{opacity:1;}
body.s12 .block.G h4,body.s13 .block.G h4,body.s14 .block.G h4,body.s15 .block.G h4,body.s16 .block.G h4,body.s17 .block.G h4,body.s18 .block.G h4{margin-top:0;opacity:1;}
body.s12 .block.G .w1,body.s13 .block.G .w1,body.s14 .block.G .w1,body.s15 .block.G .w1,body.s16 .block.G .w1,body.s17 .block.G .w1,body.s18 .block.G .w1{margin-left:-355px;opacity:1;}
body.s12 .block.G .w3,body.s13 .block.G .w3,body.s14 .block.G .w3,body.s15 .block.G .w3,body.s16 .block.G .w3,body.s17 .block.G .w3,body.s18 .block.G .w3{margin-left:-380px;opacity:1;}
body.s12 .block.G .w2,body.s13 .block.G .w2,body.s14 .block.G .w2,body.s15 .block.G .w2,body.s16 .block.G .w2,body.s17 .block.G .w2,body.s18 .block.G .w2{margin-left:-20px;opacity:1;}
body.s12 .block.G .w4,body.s13 .block.G .w4,body.s14 .block.G .w4,body.s15 .block.G .w4,body.s16 .block.G .w4,body.s17 .block.G .w4,body.s18 .block.G .w4{margin-left:70px;opacity:1;}
body.s12 .block.G .pic,body.s13 .block.G .pic,body.s14 .block.G .pic,body.s15 .block.G .pic,body.s16 .block.G .pic,body.s17 .block.G .pic,body.s18 .block.G .pic{opacity:1;}

body.s13 .block.k, body.s14 .block.k, body.s15 .block.k, body.s16 .block.k, body.s17 .block.k, body.s18 .block.k{opacity:1;margin-top:50px;}

body.s10 .block.H,
body.s11 .block.H,
body.s12 .block.H,
body.s13 .block.H,
body.s14 .block.H,
body.s15 .block.H,
body.s16 .block.H,
body.s17 .block.H,
body.s18 .block.H{margin-top:0px;opacity:1;}

body.s14 .block.I h4,body.s15 .block.I h4,body.s16 .block.I h4,body.s17 .block.I h4,body.s18 .block.I h4{margin-left:0;opacity:1}
body.s15 .block.I .title,body.s16 .block.I .title,body.s17 .block.I .title,body.s18 .block.I .title{margin-left:0;opacity:1}

body.s16 .block.I .feature,body.s17 .block.I .feature,body.s18 .block.I .feature{opacity:1;}

body.s16 .block.I ul,body.s17 .block.I ul,body.s18 .block.I ul{margin-top:0;opacity:1;}


body header,
.block.B h6,
.block.B .title,
.block.C h4,
.block.D,
.block.E h4,
.block.E .subtitle,
.block.E dl,
.index .F,
.block.G .word,
.block.G .pic,
.block.H,
.block.I h4,
.block.I .feature,
.block.k{transition: 0.8s;}
.block.I .title{transition: 1.6s;}
.block.B .word{transition:margin 1s, opacity 1s;}
.block.B span{transition:margin 1.5s, opacity 1.5s;}
.block.C li.f1{transition:margin 1s, opacity 1s;}
.block.C li.f2{transition:margin 1.8s, opacity 1.8s;}
.block.C li.f3{transition:margin 2.6s, opacity 2.6s;}
.block.E dl{transition:margin 1.5s, opacity 1.5s;}
.block.E .s1{transition:margin 1s, opacity 1s;}
.block.E .s2{transition:margin 1.8s, opacity 1.8s;}
.block.E .s3{transition:margin 2.6s, opacity 2.6s;}
.block.G .w1{transition:margin 1.5s, opacity 1.5s;}
.block.G .w2{transition:margin 2.5s, opacity 2.5s;}
.block.G .w3{transition:margin 3.5s, opacity 3.5s;}
.block.G .w4{transition:margin 4.5s, opacity 4.5s;}
.block.I ul:nth-child(1){transition:margin 1.5s, opacity 1.5s;}
.block.I ul:nth-child(2){transition:margin 2.5s, opacity 2.5s;}
.block.I ul:nth-child(3){transition:margin 3.5s, opacity 3.5s;}
/* ---------- 首頁動態 END ---------- */



/* ---------- 內頁共用 ---------- */
.mainContent .top-kv{width:100%;padding-top:20%;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#CCC;margin-bottom:60px;}

/* ---------- QA ---------- */
.qa{width:100%;}
.qa .top-kv{background-image: url(../Images/qa/kv.webp);}
.qa .content{max-width:1000px;margin:0 auto;}

.qa .tag{width:100%;margin-bottom:50px;}
.qa .tag a{width:calc(100% / 3);text-align:center;padding:10px 0;border-right:1px solid #FFF;display:inline-block;font-size:var(--fontS);font-weight:400;color:#747474;background-color:#E8E8E8;position:relative;}
.qa .tag a:last-child{border:none;}

.qa .qaList{display:none;border:1px #CBD7F3 solid;width:100%}
.qa .show1 .tag a:nth-child(1),
.qa .show2 .tag a:nth-child(2),
.qa .show3 .tag a:nth-child(3),
.qa .show4 .tag a:nth-child(4),
.qa  .tag a:hover{background-color:var(--pri01);color:#FFF;}
.qa .tag a:after{content:" ";display:none;width:20px;height:20px;background-color:var(--pri01);position:absolute;transform:rotate(45deg);bottom:-10px;left:50%;margin-left:-10px;}
.qa .show1 .tag a:nth-child(1):after,
.qa .show2 .tag a:nth-child(2):after,
.qa .show3 .tag a:nth-child(3):after,
.qa .show4 .tag a:nth-child(4):after{content:" ";display:inline-block;width:20px;height:20px;background-color:var(--pri01);position:absolute;transform:rotate(45deg);bottom:-10px;left:50%;margin-left:-10px;}

.qa .show1 .q1,
.qa .show2 .q2,
.qa .show3 .q3,
.qa .show4 .q4{display:inline-block;}
.qa dl{width:100%;margin-bottom:-2px;}
.qa dl:last-child{margin-bottom:-3px;}
.qa dl a{font-size:var(--fontS);width:100%;color:#302199;}
.qa dl a:focus dd,
.qa dl a:hover dd{display:inline-block;height:auto;opacity:1;padding:10px 20px 10px 60px;color:#5C5C5C;font-weight:100;line-height:2vw;}
.qa dt{width:100%;padding:10px 40px 10px 20px;position:relative;background-color:#DFE6F8;}
.qa dt b{font-family: 'Roboto', sans-serif;font-weight:500;}
.qa dl:last-child dt{border:none;}
.qa dd{width:100%;height:0;opacity:0;overflow:hidden;position:relative;}
.qa dd img{margin-top:30px;border:solid 1px #CCC;}
.qa dd:before{content:"A";font-size:30px;font-weight:500;position:absolute;left:25px;}

.qa dt::before,.qa dt::after{content:" ";display:inline-block;}
.qa dt::before{content:"Q";font-family: 'Roboto', sans-serif;font-weight:500;}
.qa dt::after{content:"keyboard_arrow_up";position:absolute;right:20px;top:50%;margin-top:-10px;transform:rotate(180deg);}
.qa a:hover dt::after,
.qa a:focus dt::after
{transform:rotate(0deg);}


/* ---------- 原廠防偽辨識 ---------- */
.attest{position:relative;}
.attest:after,
.attest:before{content: " ";display: inline-block;position: absolute;width:100vw;height:50%;top: 0;z-index: -1;top:20%;opacity:0.2;}
.attest:after{left:-25vw;background-image:var(--center03);}
.attest:before{right:-25vw;background-image:var(--center04);}
.attest .top-kv{background-image:url(../Images/attest/kv.webp);}

.attest .main-title,
.attest .title-EN,
.attest .divide,
.attest .step,
.attest .tag-box{width:100%;max-width:1000px;text-align:center;margin:0 auto;}

.attest .main-title{margin-bottom:30px;}
.attest .title-EN{margin-bottom:-20px;}
.attest .divide{margin-bottom:10px;}
.attest .step{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.attest .step:before,
.attest .step:after{content:" ";display:inline-block;width:calc(100% / 3);height:1px;background-color:#C6A68D;}
.attest .step:before{margin-right:30px;}
.attest .step:after{margin-left:30px;}

.attest .tag-box{display:flex;justify-content:center;align-items:center;}
.attest .tag-box a{font-size:var(--fontS);padding:15px 30px;background-color:#E8E8E8;margin-left:1px;color:#7B7B7B;font-weight:400;max-height:58px;width:calc(100% / 2);}
.attest .tag-box a:hover{background-color:#E8D6C8;color:#A47557;}

.attest .main-item{}
.attest .item{}

/*i1*/
.attest .i1{max-width:1000px;margin:0px auto 80px auto;border-top:dashed 1px #CCC;padding-top:80px;}
.attest .area1{display:flex;justify-content:center;align-items:center;position:relative;width:100%;border-bottom:solid 1px #D7D2D0;margin-bottom:50px;}
.attest .main-logo{width:100%;text-align:left;}
.attest .i1-pic{}
.attest .i1-logo{margin-left:40px;}
.attest .w1{text-align:right;position:absolute;top:0;right:50%;margin-right:-330px;}

.attest .area2{display:flex;justify-content:space-between;align-items:center;}
.attest dd:nth-child(even){text-align:center;}
.attest dd{width:calc(100% / 3);}
.attest dd i{display:block;}
.attest dd span{display:block;color:#4C4C4C;font-size:18px;width:100%;}
.attest dd b{display:block;color:#840A42;}
.attest dd b:before{content:" ";display:inline-block;width: 0;height: 0;border-style: solid;
border-width: 0 5px 10px 5px;border-color: transparent transparent #840a43 transparent;margin-right:5px;}
.attest dd img{}
.attest .note{text-align:center;font-size:20px;font-family: Lato, Arial, Helvetica, 'LiHei Pro', 'Noto Sans TC', "微軟正黑體", 'Microsoft JhengHei', "新細明體", sans-serif;margin:30px 0 50px 0;}

/* i2、i3共用 */
.attest .all-item.a1{/*background-color:#E9DED5;*/border-bottom:dashed 1px #C0BAB5;margin-bottom:-100px;padding-top:0;}
/* .attest .all-item.a2{background-color:#F5EFE9;} */
.attest .all-item{width:100%;padding:80px 0;}
.attest .all-item .item-box{max-width:1000px;width:100%;margin:0 auto;}
.attest .all-item .i-title{position:relative;}
.attest .all-item .t1{font-size:var(--fontS);vertical-align:middle;color:#002F76;display:block;}
.attest .all-item .t1:before{content:" ";display:inline-block;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../Images/attest/logo02.svg);width: 90px;height: 35px;margin-right:10px;}
.attest .all-item .t2{display:inline-block;font-weight:500;font-size:20px;color:#222;letter-spacing:5px;width:100%;margin:10px 0 20px 0;}
.attest .all-item.a2 i{margin-right: -455px;}

.attest .pic{display:flex;justify-content:space-between;}
.attest .pic li{}

.attest .word{display:flex;justify-content: space-evenly;font-size:var(--fontS);margin-top:45px;}
.attest .table{}
.attest .word ul{display:flex;flex-direction:column;justify-content:center;}
.attest .word li{}


/* ---------- 隱私權 ---------- */
.privacy{}
.privacy .top-kv{background-image:url(../Images/privacy/kv.webp);}
.privacy .content{width:100%;max-width:1000px;margin:0 auto;}
.privacy .area{margin:50px auto 0 auto;padding-top:50px;border-top:#C1C1C1 1px solid;}
.privacy dt,
.privacy dd{font-size:20px;color:#5C5C5C;}
.privacy dt{font-weight:700;color:#222;}
.privacy dd{line-height:40px;}
.privacy b{font-weight:500;display:block;color:#3E3E3E;}


/* ---------- linepopup ---------- */
.qr-box{padding:30px;}
.qr-box .block1,
.qr-box .block2{margin-bottom:30px;padding-bottom:30px;border-bottom:dashed 1px #CCC;}
.qr-box .block2{padding-right:100px;}
.qr-box .block1,
.qr-box .block2,
.qr-box .qrcode{width:100%;font-size:20px;line-height:35px;color:#828282;}

.qr-box h3{width:100%;margin-bottom:20px;}
.qr-box img{width:100%;}
.qr-box p,
.qr-box li{font-family: Lato, Arial, Helvetica, 'Noto Sans TC', 'LiHei Pro', "微軟正黑體", 'Microsoft JhengHei', "新細明體", sans-serif;}

.qr-box p{}
.qr-box ul{display:flex;}
.qr-box li{width:calc(100% / 2);}

.qr-box dl{display:flex;align-items:flex-end;}
.qr-box dt{margin-right:30px;}
.qr-box b{display:block;color:#000;line-height:25px;}
.qr-box span{font-size:12px;color:#828282;}


/* ---------- 最新消息 ---------- */
.mainContent.news{padding-top:120px;}

/* menu 修改 */
.newsBox header .logo{margin:0 auto;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../Images/logo.svg);display: inline-block;width: 220px;height: 40px;}
.newsBox footer .logo{width: 410px;height: 75px;background-image: url(../Images/logo-footer.svg);background-repeat: no-repeat;background-size: cover;background-position: center;margin: 0 auto;display: block;}

/* list */
.news .top-kv{background-image:url(../Images/news/kv.webp);}
.news .content{max-width:1000px;width:100%;margin:0 auto;}

.news-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.news-list a{flex:1;width:calc((96% / 3) - 1%);min-width:calc((96% / 3) - 1%);max-width:calc((96% / 3) - 1%);border-radius:45px 0 45px 0;margin:0 1% 20px 0;background-color:#DFE6F8;display:inline-block;overflow:hidden;vertical-align:top;}
&:nth-child(3n){margin-right:0;}/* 每數來第3個右邊不要外推 */
.news-list i{width:96%;padding-top:100%;display:block;margin:5px auto 0 auto;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:40px 0 0 0;background-image:url(../Images/news/default.webp);}
.news-list span{padding: 15px 15px 0px 15px;font-size: calc(var(--fontS) - 2px);color: #302199;font-weight: 400;width: 100%;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news-list a:hover{background-color:#adbce1;}
.news-list a:hover span{color:#FFF;}

.page-tag{width:100%;text-align:center;margin-top:30px;}
.page-tag a{display:inline-block;font-size:var(--fontS);font-family:'Roboto', sans-serif;color:#adbce1;margin:0 5px;font-weight:400;}
.page-tag a.prev{margin-left:-5px;}
.page-tag a.next{margin-right:-5px;}
.page-tag a.focus,
.page-tag a:hover{color:#302199;text-decoration:underline;}

/* logo 輪播 */
.news .list-box{width:100%;position:relative;margin-top:50px;}
.news .list-box a.UI{position:absolute;top:50%;margin-top:-15px;display:none;}
.news .list-box a.UI:before{font-size:30px;color:#adbce1;}
.news .list-box a.UI:hover:before{color:#302199;}
.news .list-box a.prev{left:-40px;}
.news .list-box a.next{right:-40px;}
.news .logo-list{width:100%;position:relative;overflow:hidden;max-height:216px;padding-top:21%;}
.news .logo-list li{display:inline-block;position:absolute;top:0;width:24%;}
.news .logo-list img{width:100%;}
.news .logo-list a{}

/* 跳到頂端 */
.go-top{padding: 10px 12px;background-color: #e4e4e4;border-radius: 99px;position: fixed;right: 20px;bottom: 20px;opacity: 0;}
.go-top:hover{background-color:#657DCD;color:#FFF;}
.go-top.show{opacity:1;}

/* 返回上頁 */
.go-back{font-size:20px;margin:0 0 10px 0;}
.go-back a{color: #9a9a9a;}
.go-back a:hover{color:#302199;}
.go-back a:before{vertical-align:middle;margin-top: -3px;color: #9a9a9a;}
.go-back a:hover:before{color: #302199;}

/* inner page */
.news-in{}
.news-in .main-top{display:flex;justify-content:space-between;}
.main-top .img{display:block;max-width:350px;width:32%;padding-top:32%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.main-top .img img{width:100%;}
.main-top .word{width:58%;}
.main-top .word b{display:block;font-size: calc(var(--fontS) + 5px);color:#302199;margin-bottom:20px;}
.main-top .word u{font-size:var(fontS);font-weight:500;color:#657DCD;text-decoration: none;margin-bottom:10px;}
.main-top .word span{font-size:var(fontS);color:#657DCD;}
.main-top .word b,.main-top .word u,.main-top .word span{display:block;}

.news-in .htmleditor{font-size:var(--fontS);background-color:#DFE6F8;padding:50px 30px;border-top:#B3B3B3 solid 1px;margin-top:30px;line-height:45px;}
.news-in .htmleditor a{color:var(--pri03);text-decoration:underline;}
.news-in .htmleditor a:hover{color:#68442e;}
.news-in .htmleditor b,
.news-in .htmleditor img{display:block;}
.news .btnBox{width:100%;text-align:center;margin-top:30px;}
.news .btnBox a:hover{opacity:0.8;}

/* ---------- error page ---------- */
.errorBox{display:flex;position:relative;height:100vh;background-image:url(../Images/error.webp);background-position:center;background-repeat:no-repeat;background-size:cover;top:30%;justify-content: center;align-items: center;}
.errorBox .error{width:420px;text-align:center;color:#FFF;font-size:25px;color:var(--pri01);}
.error b{font-size:110px;font-weight:100;color:#FFF;letter-spacing:10px;font-family:'Roboto', sans-serif;color:var(--pri01);font-family:'Cormorant', serif;font-weight:300;color: transparent;background-image: linear-gradient(180deg, #8473F7, #7db9e8 80%);-webkit-background-clip: text;}

.errorBox .error b, 
.errorBox .error span, 
.errorBox .error a {display: block;}

.ball-pulse > div {background-color: #fff;width: 15px;height: 15px;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: inline-block;background-color:var(--pri01);}

.ball-pulse > div:nth-child(1) {-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
.ball-pulse > div:nth-child(2) {-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
.ball-pulse > div:nth-child(3) {-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}

.error span {letter-spacing: 16px;margin-top: 15px;font-weight:400;}

.mainContent.errorBox .error a{color: #FFF;border-radius: 99px;border: 1px var(--pri01) solid;padding: 8px 0;letter-spacing: 7px;margin-top: 23px;background-color: rgba(255,255,255,0);transition:background-color .5s, color .5s,border .5s;color:var(--pri01);}
.mainContent.errorBox .error a:hover{color:#FFF;background-color:var(--pri01);}
/* error page 動畫 */
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }


/* ---------- 產品頁面 ---------- */
.product{}
.product .top-kv{min-height:700px;}
.product .detail{display:flex;max-width:1000px;width:100%;margin:0 auto;justify-content:space-between;align-items: center;}

.product dd{width:100%;}
.product .tableBox{display:table;width:100%;}
.product ul{color:#222;display:table-row;border-top:1px #CCC dashed;padding:10px 15px;position:relative;}
.product ul.header,
.product ul.header li{background-color:#4b4849;color:#FFF;padding:10px;font-size:calc(var(--fontS) - 5px);}
.product ul:nth-child(odd){background-color:#f8f8f8;}
.product ul:hover,
.product ul:hover:nth-child(odd){background-color:#f5f5f5;color:#183189;}
.product li{display:table-cell;font-size:calc(var(--fontS) - 5px);padding:10px;}
.product li{text-align:center;}
.product li:first-child{text-align:left;}
.product li a{display:inline-block;font-weight:300;}
.product li a,
.product li a:after{color:#222;}

.product dl{width:49%;}
.product dt{margin-bottom:10px;font-weight:400;font-size: var(--fontS);}
.product .pic{width:50%;text-align:center;}
.product img{max-width:100%;width:80%;}


.nasha{}
.nasha .top-kv{background-image: url(../Images/Product/kv01.webp);}
.obt .top-kv{background-image: url(../Images/Product/kv02.webp);}
.dysport .top-kv{background-image: url(../Images/Product/kv04.webp);}
.sculptra .top-kv{background-image: url(../Images/Product/kv03.webp);}
.nasha a:hover{color:#183189;}
.nasha a:hover:after{color:#183189;margin-left:10px;}



/* ---------- 動畫 ---------- */
header a,
footer a,
header a.fb,
header a.line,
header a.fb:hover,
header a.line:hover,
.qa dl a dd,
.qa dl a:hover dd,
.qa a dt:after,
.qa a:hover dt::after,
.qa a:focus dt::after,
.block.A .circle a,
.block.A .circle a.focus,
.block.A .circle a:hover,
.block.J .tag a:hover::before,
.block.J .tag a:hover,
.block.J .tag a::before,
.block.J .tag a,
.block.A a.UI::before,
.gradient::after,
.gradient::before,
.block.F a:hover i,
.block.F a i,
.block.J a,
.block.J a b,
.block.J a:hover b,
.block.A a.UI:hover::before,
.qa .tag a,
.qa .tag a:hover,
.attest .tag-box a,
.attest .tag-box a:hover,
.news-list a span,
.news-list a,
.news-list a:hover span,
.news-list a:hover span,
.page-tag a,
.page-tag a:hover,
.news-in .htmleditor a,
.news-in .htmleditor a:hover,
.news .btnBox a,
.news .btnBox a:hover,
.block.k .list-box a:before,
.block.k .list-box a:hover:before,
.block.k a span,
.block.k a:hover span,
.block.k a.UI:before,
.block.k a.UI:hover:before,
.block.F u:hover i,.block.F u i,
.block.F a:hover,.block.F a,
.news .list-box a.UI:before,
.news .list-box a.UI:hover:before,
.go-top,
.go-top.show,
.product a,
.product a:nth-child(odd),
.product a:hover,
.product a:hover:nth-child(odd),
.product .detail,
.product a:after,
.product a:hover:after{transition: 0.5s;}