@charset "utf-8";
/* CSS Document */

/* 重設
--------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, addresbgts, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;background: transparent;/*vertical-align: baseline;*/}
ol, ul, li{list-style: none;}

/*以下為針對HTML5,暫時不開放----------------*/  
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*/
fieldset,img { border: none; }

/*-------------------基本-----------------------------*/
*, ::after, ::before{box-sizing: content-box}
a{ font-size:15px; text-decoration:none;outline:none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); color:#000 /* for IE */;transition:all 0.3s}
a:hover{ font-size:15px; text-decoration:none;color:#000;outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());transition:all 0.3s}
a:focus{outline: none;hlbr:expression(this.onFocus=this.blur());text-decoration:none;transition:all 0.3s;color:#111}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; 
min-height:100vh; display:flex; flex-direction:column;background: #fff}
input:focus{outline:none}
/*TOP整體下滑介面設定*/
.m0{ width:100%; height:auto; overflow:hidden; }
.m0-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}

.dwbt1{width:60px; height:60px;overflow:hidden;display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;position:fixed; bottom:5px; right:5px;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.dwbt1 a{width:100%; height:100%;padding:5px;box-sizing: border-box;text-align:center;display:block;background:#000}
.dwbt1 a img{width:100%;height:100%;transition:all 0.3s}
.dwbt1 a img:hover {transform:rotate(0deg) scale(.85); transition:all 0.3s;}

.m1{width:100%;height:auto;overflow:hidden;/*background:rgba(0,0,0,0.80);*/position:fixed;top:0;left:0;z-index:99}
.m1-2{height:0;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);position:fixed;top:0px; z-index:100;background:rgba(0,0,0,0.7);box-shadow:0 2px 8px rgba(0,0,0,0.25);opacity:0;ransition:all 0.3s;}
.top-bar{ height:80px;transition:all 0.3s; opacity:1;overflow:inherit;}

.m1 .a1{width:96%;height:90px;overflow:hidden; margin:0 auto;}
.m1 .a1 .lg1{width:auto;height:44px;float:left;display:inline-block!important;margin:18px 0 0}
.m1 .a1 .lg1 img{width:auto;height:100%;}
.m1 .a1 .b1{width:auto;height:auto;overflow:hidden;float:right;margin-top:10px;text-align:right;background:rgba(29,27,23,0.8);padding:5px 20px 5px 0px;box-sizing: border-box;border-radius:6px}
.top-bar .a1 .b1{background:none}
.m1 .a1 .b1 .t1{width:auto;height:50px;overflow:hidden;display: inline-block;margin:0 0 0 24px;text-align:center}
.m1 .a1 .b1 .t1 a{width:auto;height:50px;font:400 18px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;background:linear-gradient(90deg,#d8af6e 50%,#d8af6e 50%) no-repeat center 42px/0% 2px;display:block}
.m1 .a1 .b1 .t1 a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:0px}
.m1 .a1 .b1 .t1 a:hover,
.m1 .a1 .b1 .t1 a.active{/*text-decoration: underline;*/color:#d8af6e;background:linear-gradient(90deg,#d8af6e 50%,#d8af6e 50%) no-repeat center 42px/100% 2px}
.m2{width:100%;height:auto;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.25);margin:80px 0 0;}
.m2 .a2{width:100%;height:auto;overflow:hidden; margin:0 auto;}
/*第1區*/
.m2 .a2 .b2{width:50%;height:900px;overflow:hidden;float:left;background: url("../../images/im1.jpg") no-repeat center/cover;position:absolute}
.m2 .a2 .b2 .t2{width:500px;height:auto;overflow:hidden;position:absolute; bottom:11%;left:50%;font:700 26px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase;color:#fff;margin:0 0 0 -250px}
.m2 .a2 .b2 .t2 span{font:500 36px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m2 .a2 .b2 .t2 h4{font:400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
/*第2區*/
.m2 .a2 .b3{width:50%;height:900px;overflow:hidden;float:right;background: url("../../images/im2.jpg") no-repeat center/cover;position:relative}
.m2 .a2 .b3 .t3{width:500px;height:auto;overflow:hidden;position:absolute; bottom:11%;left:50%;font:700 26px/32px'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase;color:#fff;margin:0 0 0 -250px}
.m2 .a2 .b3 .t3 span{font:500 36px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m2 .a2 .b3 .t3 h4{font:400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";}

/*第3區*/
.m3{width:100%;height:auto;overflow:hidden;background: url("../../images/im3.jpg") no-repeat center top/cover;}

.m3 .a3{width:86%;height:1000px;overflow:hidden;position:relative;margin:0 auto}
.m3 .a3 .t4{width:600px;height:auto;overflow:hidden;font:700 26px/32px'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase;color:#111;margin:400px 0 0 ;float:right}
.m3 .a3 .t4 span{font:500 36px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m3 .a3 .t4 h4{font:400 14px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";}

/*DOWN*/
.m4{width:100%;height:auto;overflow:hidden;background:#2b2726}
.m4 .a4{width:1200px;height:auto;overflow:hidden;position:relative;margin:0 auto;font:400 16px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:center;color:#aaa;padding:20px 0;text-align:left}
.m4 .a4 h4{display: inline-block;margin-left:20px;float:right}
/*DOWN*/
.bg1{/*background:url("../../images/bg1.jpg") center/cover;background-attachment: fixed*/;background:#110d06}
/*Registration.asp*/
.bgt2{width:100%;height:auto;overflow:hidden;font:italic 900 72px/92px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;color:#d3e4ff;text-align:center;margin:0 auto 40px;letter-spacing:-4px;text-shadow:0 2px 12px rgba(0,0,0,.25);padding-bottom:8px}
.bgt2 h4{width:100%;height:auto;overflow:hidden;font:italic 700 28px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;color:#333;text-align:center;letter-spacing:-1px;padding:25px 0 0;}


/*Registration.asp--報名表*/
.m5{width:100%;height:auto;overflow:hidden;border-bottom:0px dashed #b6b6cc;margin-top:40px;}
.m5 .a5{width:1300px;min-height:1050px; height:auto;overflow:hidden;padding:60px 0 60px;margin:0 auto}

.m5 .a5 .b4{width:1000px;min-height:500px; height:auto;overflow:hidden;padding:0 0 0;background:rgba(255,255,255,.85);border:4px solid rgba(25,75,160,.6);box-shadow:0 2px 8px rgba(0,0,0,.25);border-radius:30px;margin:0 auto 40px;padding:40px 5%;box-sizing: border-box;}

.m5 .a5 .b4 .t5{width:100%;height:auto;overflow:hidden;font: 500 28px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;color:#111;margin:0 0 25px 0;letter-spacing:0px;
 border-bottom:3px dotted rgba(230,70,50,.4) ;padding:0 0 25px}

.ls1{width:100%;height:auto;overflow:hidden;margin:0 0 12px 0;padding-bottom:12px;border-bottom:1px solid #ccc}

.ls1{width:100%;height:auto;overflow:hidden;}
.ls1 .t6{width:25%;height:50px;overflow:hidden;font: 500 24px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;float:left;text-align:right;margin-right:2%}

.ls1 .t6-2{width:100%;text-align:left;}

.ls1 .t6 span{font: 500 26px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#E60029;letter-spacing:0px;}

.not1{width:73%;height:40px;overflow:hidden;font: 500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0f3177;letter-spacing:0px;float:left;padding:0 0 0 27% }


.ls1 input{width:calc(100% - 
 27%);height:50px;overflow:hidden;display:block;float:right;padding:0 12px;border:2px solid rgba(25,75,160,.6);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:8px}

.ls1 select{width:42%;height:50px;overflow:hidden;display:block;float:left;padding:0 12px;border:2px solid rgba(25,75,160,.6);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:8px;background:#fff}


.ls1 .c2{width:73%;height:50px;overflow:hidden;font: 500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0f3177;letter-spacing:0px;float:right;margin:0 0 10px}

.ls1 .c2 .in1{width:46%;height:50px;overflow:hidden;display:block;float:left;padding:0 12px;border:2px solid rgba(25,75,160,.6);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:8px;background:#fff;margin-right:2%}

/*目前合作通路*/
/*勾選介面設定*/
.ck1{ width:auto; height:42px; overflow:hidden;margin:8px 6px 0 0;display: inline-block}
.ck1 > input[type="checkbox"] {display:none;}
.ck1 > input[type="checkbox"] + label { width:36px; height:36px;border-radius:5px; padding:3px}
.ck1 > input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:2px solid #888/*rgba(230,70,50,.4)*/;border-radius:8px;box-sizing: border-box; background:#fff }
.ck1 > input[type="checkbox"]:checked + label div {border-radius:8px;background:#e36150}
.ck1 label{height:19px;font:13px/18px "微軟正黑體";}
.ck1 span{width:100%;height:auto;overflow:hidden;font:500 24px/38px 'Noto Sans TC', "微軟正黑體";color: #111;display:inline;vertical-align:top;}
.ck1 span a{font:500 24px/38px 'Noto Sans TC', "微軟正黑體";color:#ff0072  ;margin-left: -6px}
.ck1 span a:hover{color:#cc0534 ;text-decoration: underline}

.ck1 span .in2{width:250px;height:36px;overflow:hidden;display:block;float:right;padding:0 12px;border:0; border-bottom:2px solid rgba(230,70,50,.4);box-sizing: border-box;font: 500 22px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";border-radius:0px;background:none}
.ls1 .c3{width:73%;height:auto;overflow:hidden;font: 500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#0f3177;letter-spacing:0px;float:right;margin:0 0 10px;position:relative}
.ls1 .c3-2{width:100%;}

.ls3{width:300px;height:auto;overflow:hidden;margin:0 0 12px 0;padding-bottom:0;border-bottom:0px solid #ccc}



/*報名場次*/
.ck2{ width:100%; height:42px; overflow:hidden;margin:8px 6px 0 0;display: inline-block}


.ck2{ width:100%; height:auto; overflow:hidden;margin:0;display: inline-block}
.ck2 > input[type="radio"] {display:none;}
.ck2 > input[type="radio"] + label { width:28px; height:28px;border-radius:2px; padding:2px;margin:12px 8px 0 0}
.ck2 > input[type="radio"] + label div {display:block;width:
100%;height:100%; border:1px solid #888/*rgba(230,70,50,.4)*/;border-radius:3px;box-sizing: border-box; background:#fff }
.ck2 > input[type="radio"]:checked + label div {border-radius:4px;background:url("../../images/SP/ic36.png") no-repeat center/auto 12px #e36150;border:2px solid #e36150}
.ck2 label{height:19px;font:13px/18px "微軟正黑體";}
.ck2 span{width:100%;height:auto;overflow:hidden;font:500 24px/50px 'Noto Sans TC', "微軟正黑體";color: #111;display:inline;vertical-align:top;}
.ck2 span a img{width:40px;height:40px;display:inline-block;margin-right:4px;padding-bottom:6px;vertical-align:middle}
.ck2 span a{font:500 20px/38px 'Noto Sans TC', "微軟正黑體";color:#111  ;}
.ck2 span a:hover{color:#f7422f;text-decoration: underline}




/*提交資料*/
.bt2{width:420px; height:70px;font:500 28px/70px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:60px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto; background:#c1272d;}
.bt2:hover{ background:#f03f46; border:0px solid #3577c1;transition:all 0.3s}
.bt2 img{width:auto;height:24px;display:inline-block; padding:0 0 8px; margin-left:6px;}
.bt2 a{width:100%; height:80px;font:500 28px/80px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#001a4d; }
.bt2 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}

/*MSG--彈出視窗*/
.m6 {margin-top:40px}
.m6 .modal-content{ background-color:#fff}
.m6 .modal-header{font:500 24px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; }

.m6 .modal-body{font:500 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center}
.modal-footer{}
.bt3{width:120px; height:50px;font:500 21px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:60px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto; background:#c1272d;}
.bt3:hover{ background:#f03f46; border:0px solid #3577c1;transition:all 0.3s}
.bt3 img{width:auto;height:24px;display:inline-block; padding:0 0 8px; margin-left:6px;}
.bt3 a{width:100%; height:80px;font:500 28px/80px  "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#001a4d; }
.bt3 a:hover{ background:#2343a1; border:0px solid #3577c1;transition:all 0.3s;}


/*MSG--彈出視窗*/
.m11 {margin-top:40px;}
.m11 .modal-dialog {max-width:700px}
.m11 .modal-content{ background-color:#fad6b1;max-width:700px}
.m11 .modal-header{font:500 24px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;border-bottom:0px solid #ffaaa1 }
.m11 .modal-header h5{text-align:center;margin:0 auto;width:100%;padding:0 0 0 20px;font:italic 900 36px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m11 .modal-body{font:500 22px/50px "Chiron GoRound TC",'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;border-top:1px solid #ffaaa1 }
.m11 .modal-footer{border-top:1px solid #ffaaa1 }

/*202580925--追加活動行程*/
.bt4{width:240px;height:auto;overflow:hidden;position:absolute;right:20px;top:0}x
.bt4 img{width:100%;height:100%;transition:all 0.3s}
.bt4 img:hover{transform:scale(.92);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.st1{width:100%;height:36px;overflow:hidden;font:italic 700 28px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-1.5px;margin-bottom:20px}
.ls4{width:100%;height:auto;overflow:hidden;margin:0 0 6px 0;padding-bottom:6px;border:2px solid #ffaaa1;padding:10px 20px; border-radius:100px;box-sizing: border-box;background:rgba(255,255,255,.45)}
.ls4 .t8{width:30%;height:36px;overflow:hidden;font:italic 500 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;float:left;text-align:left;}
.ls4 .t8 span{width:15px;height:36px;font:500 12px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;vertical-align:middle;padding-bottom:4px;margin-right:0px;transform:scale(.45);display:inline-block}

.ls4 .t9{width:70%;height:36px;overflow:hidden;font:italic 700 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;float:left;text-align:left;}

.bt1{width:200px; height:50px;overflow:hidden;margin-top:10px}
.bt1 img{width:100%;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt1 a{width:100%; height:50px;font:400 22px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:2px;border:1px solid #333;display:block;box-sizing: border-box;text-align:center
}
.bt1 a:hover{ background:#1b4da0; border:1px solid #1b4da0;transition:all 0.3s;color:#fff;}

/*product_list.asp--商品列表--大標題*/
.bgt1{width:1200px; height:auto; overflow:hidden;font:700 52px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#333; margin:0 auto 20px; letter-spacing:-2.5px;padding:0 0 0 15px;
background:
linear-gradient(90deg,#333 50%,#333 50%) no-repeat left center /4px 64%
/*linear-gradient(90deg,#609200 50%,#609200 50%) no-repeat left bottom /25% 1px;*/}

.bgt1 h4{font:400 25px/50px 'Noto Sanst TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#555; text-align: center;letter-spacing:0}
.bgt1-2{width:1155px}
.bgt1-3{ background:none; text-align:center; padding:40px 0 0}
/*product_list.asp--商品列表--副標題*/
.bgt3{width:300px; height:50px; overflow:hidden;font:500 32px/47px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000; margin:0 auto 35px;text-align: center;background:#efefef;border-radius:100px}
.bgt3-2{ margin:0 auto 60px;}
.bgt3 h4{font:300 20px/36px 'Noto Sanst TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#555; margin:20px 0 40px;text-align: center;}
/*product_list.asp--商品列表--橫幅*/
.bn1{ width:100%; height:200px; background:url(../../images/pd/bn1.jpg) no-repeat center/cover;margin:80px 0 20px}
/*product_list.asp--商品列表*/
.m12{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;margin-bottom:100px}
.m12 .a6{width:1240px;height:auto;overflow:hidden;margin: 0 auto;}
.m12 .a6 .b5{width:100%;min-height:660px; height:auto;overflow:hidden;padding:20px 20px 0;box-sizing: border-box;text-align:center}
.m12 .a6 .b5 .ls2 {width:29.33%;height:auto;overflow:hidden;margin:0 1.5% 30px;/*float:left;*/background:rgba(255,255,255,1);box-shadow:0 2px 10px rgba(0,0,0,.25);padding:0;border-radius:10px;box-sizing: border-box;display:inline-block}
.m12 .a6 .b5 .ls2-2{margin:0 0 30px 0}
.m12 .a6 .b5 .ls2 a{width:100%;height:auto;overflow:hidden;display:block}
.m12 .a6 .b5 .ls2 a:hover{background:#f0f0f0}
.m12 .a6 .b5 .ls2 > a .im1{width:100%;height:auto;overflow:hidden;margin-bottom:20px;aspect-ratio: 1 / 1}
.m12 .a6 .b5 .ls2 > a .im1 img{width:100%;height:auto;transition:all 0.8s;}

.m12 .a6 .b5 .ls2 > a:hover .im1 img{transform:scale(1.09);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.m12 .a6 .b5 b.ls2 > a:hover .im1 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.m12 .a6 .b5 .ls2 > a .t10{width:94%;height:60px;overflow:hidden;box-sizing: border-box;font:500 22px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000;text-align: center;margin:0 auto 15px;transition:all 0.3s}
.m12 .a6 .b5 .ls2 > a:hover .t10{color:#666;transition:all 0.3s}
.bt5{width:120px; height:40px;font:300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 30px; background:#111}
.bt5 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt5:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s}
.bt5 a{width:100%; height:40px;font:300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#111; }
.bt5 a:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s;}


/*商品內頁----麵包屑*/
.gd1{width:1200px;height:auto;overflow:hidden;font:500 24px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:left;letter-spacing: -.5px;color:#333;margin:20px auto 40px}
.sgd1 span{font:300 20px/30px 'Noto Sans TC','Noto Sans SC', "新細明體";color:#666;}
.gd1 a{font:300 20px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;}
.gd1 a:hover{color:#154da0 ;}


/*商品內頁----框架*/
.m13{width:100%;height:auto;overflow:hidden;}
/*商品內頁--商品圖+文空間*/
.m13 .a7{width:1200px;height:auto;overflow:hidden;margin:0 auto}
/*商品內頁--左半邊*/
.m13 .a7 .b6  {width:40%;height:auto;overflow:hidden;margin:0 3% 60px 0;float: left}
/*商品內頁--左半邊主圖*/
.m13 .a7 .b6 .im2{width:100%;height:auto;overflow:hidden;margin:0 5% 2px 0;border-radius:12px}
.m13 .a7 .b6 .im2 > img{width:100%;height:auto;}
/*商品內頁--左半邊主圖---切換圖片*/
.m13 .a7 .b6 .c4{width:100%;height:auto;overflow:hidden;}
.m13 .a7 .b6 .c4 .im3 {width:31.33%;height:auto;overflow:hidden;float:left;padding:8px 0 0; margin:0 1%}
.m13 .a7 .b6 .c4 .im3 img{width:100%;height:auto;}
/*商品內頁--右半邊---標題*/
.m13 .a7 .b7  {width:55%;height:auto;overflow:hidden;float: left;margin-bottom:40px}
.m13 .a7 .b7 .t11{width:100%;height:auto;overflow:hidden;font:700 42px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-2px;margin:0 0 10px}
/*商品內頁--右半邊---簡介*/
.m13 .a7 .b7 .t12{width:100%;height:auto;overflow:hidden;font:500 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#555;text-align:justify;text-justify: inter-ideograph;margin-bottom:20px}
/*商品內頁--右半邊---簡介--副標題*/
.m13 .a7 .b7 .t12 h4{font:700 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-2px;margin-bottom: 5px}
/*商品內頁--右半邊---簡介*/
.m13 .a7 .b7 .pr1{width:100%;height:auto;overflow:hidden;font:500 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#555;text-align:justify;text-justify: inter-ideograph;margin-bottom:20px}
.m13 .a7 .b7 .pr1 span{font:italic 700 32px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#ff0a6c}


/*商品內頁----下方頁籤*/
.m13 .a7 .b8{width:100%; height:auto;overflow:hidden;margin:0 auto 25px;padding: 20px 0 0 }
.m13 .a7 .b8 .c5{width:100%;height:60px;overflow:hidden; background:linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center bottom/ 100% 1px;text-align: center;margin:0 auto;}
.m13 .a7 .b8 .c5 .ls3{width:auto;height:60px;overflow:hidden;margin:0 1px;display:inline;}
.m13 .a7 .b8 .c5 .ls3 a{width:auto;height:58px;overflow:hidden;font:500 24px/58px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";display:inline-block;background:#fefefe;padding:0 3%;box-shadow:0 -3px 8px rgba(0,0,0,.15) inset;border-radius:6px 6px 0 0;border:1px solid #ccc;vertical-align: top;border-bottom: 0;color: #999}
.m13 .a7 .b8 .c5 .ls3 a:hover{background:#eee;color: #333}
.m13 .a7 .b8 .c5 .ls3 a:focus{background:#ddd;color: #000}
.m13 .a7 .b8 .c5 .ls3 a.active{background:#fff ;color: #333;line-height:60px;box-shadow:0 -2px 8px rgba(0,0,0,0) inset;border:1px solid #aaa;height:59px;}
.m13 .a7 .b8 .c5 .ls3 a.active:before{font:500 28px/39px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";content:'★'; margin-right:0px;display: inline; vertical-align:baseline;}
.m13 .a7 .b8 .c5 .ls3{width:auto;height:60px;overflow:hidden;margin:0 1px;display:inline;}

.m13 .a7 .b8 .c6{width:96%;height:auto;overflow:hidden;font:500 18px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";padding:20px 0;margin:0 auto}

.m13 .a7 .b8 .c6 > img{max-width:100%;height:auto;}
.m13 .a7 .b8 .c6 ul{padding-left:20px;}
.m13 .a7 .b8 .c6 ul li{list-style:outside;list-style-type:disc}

.m13 .a7 .b8 .c6 .im4{width:100%;height:auto;overflow:hidden;text-align:center}
.m13 .a7 .b8 .c6 .im4 img{max-width:100%;height:auto;}
/*-回商品列表按鈕*/
.m13 .a7 .b9
.bt6{width:300px; height:auto;font:500 24px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; display:block; text-align:center;border-radius:100px;padding:0;border:0px solid #aaa; transition:all 0.3s;margin:0 auto 60px; }
.m13 .a7 .b9
.bt6 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:4px;}
.m13 .a7 .b9
.bt15:hover{transition:all 0.3s}
.m13 .a7 .b9
.bt6 a{width:100%; height:54px;font:500 24px/52px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:2px;background:#333 }
.m13 .a7 .b9
.bt6 a:hover{ background:#555 ; border:0px solid #555;transition:all 0.3s;}
/*手機版選單*/
.mn1{ width:auto;height:46px; overflow:hidden;display:block; position:absolute; right:20px; top:17px; z-index:99;display:none}
.mn1 img{ width:auto;height:100%}

.mm-listview > li > a, .mm-listview > li > span{ font:21px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"}
.mm-listview > li > a:hover{ background:rgba(65,50,40,.9) }
.mm-listview > li > span{padding:0 0 0 40px;background:#181818; transition:all 0.3s}
.mm-listview > li > span:hover{ background:#1F286F ;transition:all 0.3s}
.lk2{  height:auto; overflow:hidden; }
.lk2 a img{ width:auto; height:30px; display:inline-block; padding-bottom:4px; margin-right:5px}
.lk2 a{font:22px/40px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px;}
.lk2 a:hover{}
.lk2 a::before{ content:''; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}


.m14{width:100%;height:0;overflow:hidden;background: #111;position: relative;margin-bottom:0;margin:0 0 0px;padding-bottom: 56.25%;/*aspect-ratio: 2.4 / 1*/;position:relative;-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 90%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 75%, transparent);}

.m14 video{width:100%;height:auto;animation:go1 2.5s ease-out 0s 1 alternate; animation-fill-mode: forwards;animation-paly-state: running; position:relative;background:#000;z-index:0;opacity:0;margin:0 0 0;}

@keyframes go1 { 
  0% {} 
100% {opacity:1}
}

.m14 .cv1{width:100%;height:300vh;overflow:hidden;background: url(../../images/cv1.png) center;position: absolute; top:0;left:0;z-index:2;background:rgba(0,0,0,.35);/*aspect-ratio: 2.4 / 1*/;}
.m14 .cv1 .t13{width:80%;height:auto;overflow:hidden;font:400 26px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center;color:#ecd8b5;text-align:center;/*position:absolute;top:23%;left:10%;*/letter-spacing:4px;margin:33% auto 0;text-shadow:0 5px 8px rgba(0,0,0,.72) }

.m14 .cv1 .a8 {width:80%;height:auto;overflow:hidden;border-radius:100px;margin:40px auto 0;}
.m14 .cv1 .a8 .not2{width:28px;height:50px;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:100px;margin:0 auto 0;padding:10px 6px;box-sizing: border-box;background:rgba(0,0,0,.6)}
.m14 .cv1 .a8 .not2 img{width:100%;height:auto;animation:go2 .7s ease-out 0s  infinite alternate; animation-fill-mode: forwards;animation-paly-state: running; position:relative;vertical-align:top}
@keyframes go2 { 
  0% {padding:0;opacity:.15} 
100% {padding:20px 0 0;opacity:1}
}
.m14 .cv1 .a8 .t14{width:100%;height:auto;overflow:hidden;font:400 14px/44px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center;color:#fff;text-align:center;}

.m14 .cv1 .a8 .t14 a{font:400 14px/26px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center;color:rgba(255,255,255,.75);text-align:center}
.m14 .cv1 .a8 .t14 a:hover{color:rgba(255,255,255,1);text-decoration: underline}

/*股東的回饋---大標題*/
.bgt4{width:100%;height:auto;overflow:hidden;font:700 54px/80px/* 'Noto Serif TC',*/'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;/*color:#d3e4ff;*/text-align:center;margin:0 auto 40px;letter-spacing:-1.5px;
color: transparent; 
background:url("../../images/bg2.jpg") center/100% 84%;   
-webkit-background-clip: text;
background-clip: text;color:#d8af6e}
.bgt4 h4{width:100%;height:auto;overflow:hidden;font:300 17px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;text-align:center;letter-spacing:3px;padding:8px 0 0;color:#fff;padding-left:2px}

/*股東的回饋---大框架*/
.m15{width:100%;height:auto;overflow:hidden;/*background:rgba(0,0,0,.88);*//*webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 75%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 20%, black 75%, transparent);*/background:#1a140a}

.m15 .a9{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 100px;border-bottom:0px dashed rgba(185,165,115,.15)}

/*股東的回饋----套件主體---*/
.m15 .a9 .b10{width:96%;height:auto;margin:0 auto;}
.bn2{width:100%;height:450px;}
.bn2-2{display:none}
.bn2 .carousel-inner{width:92%;margin:0 auto}
.bn2 .carousel-inner .carousel-item {padding:40px 0 0 ;text-align:center}
/*股東的回饋---套件主體-左右按鈕控制--*/
.bn2 .carousel-control-prev{left:0px;margin:0 ;width:40px;transition:all 0.3s;background:none;border:0}
.bn2 .carousel-control-next{right:-1px;margin:0 ;width:40px;transition:all 0.3s;background:none;border:0}
.bn2 .carousel-control-prev img,
.bn2 .carousel-control-next img{width:50px;height:50px;transition:all 0.3s}
.bn2 .carousel-control-prev:hover,
.bn2 .carousel-control-next:hover{transition:all 0.3s;transform:scale(.9);filter:contrast(120%);-webkit-filter:contrast(120%)}

/*-股東的回饋----訊息單體--*/
.ls5{width:29.33%;height:auto;overflow:hidden;border-radius:0;margin:0 1.5% 40px;/*float:left;*//*background:rgba(0,0,0,.85)*/;border-radius:10px;padding:25px;box-sizing: border-box;border:1px solid #31363d;display: inline-block;background:linear-gradient(180deg,#1a2027 0%,rgba(26,32,39,0) 100%) no-repeat center top;transition:all 0.3s}
.ls5:hover{border:1px solid #b89d6e;transition:all 0.3s}
.ls5 a{width:100%;height:auto;overflow:hidden;display:block;}
.ls5 a .im5{width:144px;height:144px;overflow:hidden;float:left;border-radius:12px;margin-bottom:5px;box-sizing: border-box;transition:all 0.3s}

.ls5 a .im5 img{width:100%;height:100%;transition:all 0.3s}
.ls5 a:hover .im5 img{transform:scale(.92);filter:contrast(120%);filter:contrast(120%);transition:all 0.3s;}
.ls5 .t15{width:100%;height:42px;overflow:hidden;font:400 15px/21px  'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff
;transition:all 0.3s;margin-bottom:0px;text-align:justify;text-justify: inter-ideograph;letter-spacing:-.5px}
.ls5 .t16{width:100%;height:72px;overflow:hidden;font:400 20px/36px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; 
;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align:justify;text-justify: inter-ideograph;color:/*#c3a570*/#fff;}
.ls5 .t16::before{content:'❤';font:700 22px/36px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#c3a570;margin-right:8px;vertical-align:middle;padding-bottom:2px}
.ln1{width:92%;height:0;overflow:hidden;border-bottom:0px dashed rgba(185,165,115,.15);margin:0 auto}
/*福利商品---大框架*/
.m16{width:100%;height:auto;overflow:hidden;/*background:url("../../images/bg3.jpg") center/cover;
-webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 85%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 20%, black 85%, transparent)*/;background:#241a0f}
.m16 .a10{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 100px;border-bottom:0px dashed rgba(185,165,115,.15)}
/*福利商品----套件主體---*/
.m16 .a10 .b11{width:96%;height:auto;overflow:hidden;margin:0 auto 40px;}
.bn3{width:100%;height:auto;overflow:hidden;}
.bn3-2{display:none}
/*首頁橫幅-------*/
.bn4{width:100%;height:1200px;overflow:hidden;background:url("../../images/bn1.jpg") no-repeat center/cover}



.bn3 .carousel-inner{width:92%;margin:0 auto}
.bn3 .carousel-inner .carousel-item {padding:40px 0 0 ;text-align:center}
/*福利商品---套件主體-左右按鈕控制--*/
.bn3 .carousel-control-prev{left:0px;margin:0 ;width:70px;transition:all 0.3s;background:none;border:0}
.bn3 .carousel-control-next{right:-1px;margin:0 ;width:70px;transition:all 0.3s;background:none;border:0}
.bn3 .carousel-control-prev img,
.bn3 .carousel-control-next img{width:50px;height:50px;transition:all 0.3s}
.bn3 .carousel-control-prev:hover,
.bn3 .carousel-control-next:hover{transition:all 0.3s;transform:scale(.9);filter:contrast(120%);-webkit-filter:contrast(120%)}
/*-福利商品----訊息單體--*/
.ls6{width:23%;height:auto;overflow:hidden;border-radius:0;margin:0 .5% 20px;/*float:left;*/background:rgba(0,0,0,.85);border-radius:10px;box-sizing: border-box;border:0px solid #b89d6e;display: inline-block;position:relative;border-radius:12px;}
/*.ls6 a{width:100%;height:auto;overflow:hidden;aspect-ratio: 1.6667 / 1;display:block}*/
.ls6 .im6{width:100%;height:auto;overflow:hidden;float:left;border-radius:12px;margin-bottom:0px;box-sizing: border-box;transition:all 0.3s;aspect-ratio: 2.3561 / 1}
.ls6 .im6 img{width:100%;height:auto;transition:all 0.3s;aspect-ratio: 2.3561 / 1}
.ls6:hover .im6 img{transform:scale(1.08);filter:contrast(120%);filter:contrast(120%);transition:all 0.3s;}
.ls6 .c7{width:100%;height:0;overflow:hidden;position:absolute;bottom:0; left:0;background:rgba(0,0,0,.0);transition:all 0.3s;z-index:99;padding:18px;box-sizing: border-box;aspect-ratio: 2.3561  / 1;border:2px solid rgba(0,0,0,.0);border-radius:12px;opacity:0;text-align:left;display:block;}
.ls6:hover .c7{;background:rgba(0,0,0,.9);transition:all 0.3s;height:auto;border:2px solid #b89d6e;opacity:1}
.ls6 .c7 .t17{width:100%;height:20px;overflow:hidden;font:400 15px/18px  'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#c3a570
;transition:all 0.3s;margin-bottom:0px;text-align:justify;text-justify: inter-ideograph;letter-spacing:-.5px}
.ls6 .c7 .t18{width:100%;height:32px;overflow:hidden;font:500 22px/32px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff
;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom:0px}

.ls6 .c7 .t18::before{content:'★';font:700 24px/32px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;margin-right:2px;vertical-align:middle;padding-bottom:4px}

.ls6 .c7 .t19{width:100%;height:23px;overflow:hidden;font:400 17px/23px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff
;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/*text-align:justify;text-justify: inter-ideograph;*/;margin-bottom:5px}
.bt7{width:100%; height:auto;overflow:hidden;position:absolute; right:10px;bottom:4px}
.bt7 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:4px;}
.bt7 a{width:100%; height:auto;font:500 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#c3a570; display:block;border-radius:2px;text-align: right }
.bt7 a:hover{text-decoration:underline}
.bt8{width:300px; height:auto;overflow: hidden; margin:0 auto 0px;border-radius: 8px }
.bt8-2{margin:0 auto 15px;}
.bt8 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:4px;}
.bt8 a{width:100%; height:70px;font:700 28px/68px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000; display:block;border-radius:2px;background:url("../../images/bg2b.jpg") center/100% auto;text-align:center;letter-spacing:.5px}
.bt8 a:hover{background:url("../../images/bg2b.jpg") center/125% auto;text-align:center; border:0px solid #555;transition:all 0.3s;}
/*限定紀念品---大框架*/
.m17{width:100%;height:auto;overflow:hidden;background:url("../../images/bg4.jpg") center/cover;
-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 100%, transparent);}
.m17 .a11{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 100px;border-bottom:0px dashed rgba(185,165,115,.15)}
/*限定紀念品----套件主體---*/
.m17 .a11 .b12{width:1240px;height:auto;overflow:hidden;margin:0 auto 40px;text-align:center}

.m17 .a11 .t22{width:100%;height:auto;overflow:hidden;font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:center;color:#fff;text-align:center;letter-spacing:1.5px}

.m17 .a11 .t22 span{font:500 20px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:center;color:rgb(238,202,144,1);text-align:center}

/*-限定紀念品----訊息單體--*/
.ls7{width:23%;height:auto;overflow:hidden;border-radius:0;margin:0 .8% 20px;/*float:left;*/bbox-sizing: border-box;border:0px solid #b89d6e;display: inline-block;position:relative;border-radius:20px;}
.ls7 a{width:100%;height:auto;overflow:hidden;}
/*.ls6 a{width:100%;height:auto;overflow:hidden;aspect-ratio: 1.6667 / 1;display:block}*/
.ls7 a .im7{width:100%;height:auto;overflow:hidden;float:left;border-radius:0;margin-bottom:0px;box-sizing: border-box;transition:all 0.3s;aspect-ratio: 1 / 1}
.ls7 a .im7 img{width:100%;height:auto;transition:all 0.3s;aspect-ratio:1 / 1}
.ls7 a:hover .im7 img{transform:scale(1.08);filter:contrast(120%);filter:contrast(120%);transition:all 0.3s;}
.ls7 a .c8{width:100%;height:auto;overflow:hidden;background:/*rgba(185,155,110,.80)*/#333;transition:all 0.3s;z-index:99;padding:15px 25px;box-sizing: border-box;border:2px solid rgba(0,0,0,.0);}
.ls7 a:hover .c8{background:/*rgba(185,155,110,.95)*/#555;transition:all 0.3s;}
.ls7 a .c8 .t20{width:100%;height:60px;overflow:hidden;font:500 20px/30px  'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff
;transition:all 0.3s;margin-bottom:0px;text-align:justify;text-justify: inter-ideograph;letter-spacing:-.8px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*集團規模---大框架*/
.m18{width:100%;height:auto;overflow:hidden;/*background:rgba(0,0,0,.88);*/background:url("../../images/bg5.jpg") center/cover;
-webkit-mask-image: linear-gradient(to bottom, transparent, black 18%, black 88%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 18%, black 88%, transparent);}
.m18 .a12{width:1240px;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 150px;border-bottom:0px dashed rgba(185,165,115,.15)}
/*集團規模----套件主體---*/
.m18 .a12 .b13{width:100%;height:auto;overflow:hidden;margin:0 auto 0;text-align:center}
/*-集團規模----訊息單體--*/
.ls8{width:17%;height:auto;overflow:hidden;margin:0 1% 25px;/*float:left;*/box-sizing: border-box;border:0px solid #b89d6e;display: inline-block;position:relative;border-radius:12px;background:rgba(65,50,40,.8);padding:20px 0;transition:all 0.3s}
.ls8:hover{transform:scale(.92);transition:all 0.3s; filter:brightness(150%)}
/*.ls8 a{width:100%;height:auto;overflow:hidden;}
.ls8 a{width:100%;height:auto;overflow:hidden;aspect-ratio: 1.6667 / 1;display:block}*/
.ls8 .im8{width:54px;height:auto;overflow:hidden;margin:0 auto 8px;box-sizing: border-box;transition:all 0.3s;aspect-ratio: 1 / 1;}
.ls8 .im8 img{width:100%;height:auto;transition:all 0.3s;aspect-ratio:1 / 1}
/*.ls8:hover .im7 img{transform:scale(1.08);filter:contrast(120%);filter:contrast(120%);transition:all 0.3s;}*/
.ls8 .im8b{width:auto;height:54px;display: inline-block;aspect-ratio: 2.6 / 1;padding:5px 0 ;box-sizing: border-box;}
.ls8 .im8b img{width:auto;height:100%;aspect-ratio: 2.6 / 1;}
.ls8 .t21{width:100%;height:30px;overflow:hidden;font:400 22px/30px  'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#d8af6e
;transition:all 0.3s;margin-bottom:0px;}
/*常見問題---大框架*/
.m19{width:100%;height:auto;overflow:hidden;/*background:rgba(0,0,0,.88);background:url("../../images/bg5.jpg") center/cover;*/
-webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 100%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 10%, black 100%, transparent);background:#171107}
.m19 .a13{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 0;border-bottom:0px dashed rgba(185,165,115,.15)}
/*福利商品----套件主體---*/
.m19 .a13 .b14{width:100%;height:auto;overflow:hidden;margin:0 auto 0;text-align:center}
.m20{width:100%;height:auto;overflow:hidden;border-radius:12px}
/*20260108-template_QA_Left.asp-常見問題列表介面--右邊列套件參數*/
.m20 .accordion-item{border:0px solid #666;background:/*rgba(65,50,40,.8)*/#2a2826;border-radius:12px!important;margin-bottom:20px}
.m20 .accordion-button{background:/*rgba(65,50,40,.8)*/#2a2826;color:#d8af6e;
font:500 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";box-sizing: border-box;padding:18px;/*border-bottom:0*/;border-radius:12px;outline:none!important}
.m20 .accordion-button:focus {box-shadow:0 0 0 rgba(0,0,0,0)}
.m20 .accordion-button span{font:900 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";margin-right:8px}
/*.m20 .accordion-button::before{font:700 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;content:'◎';margin-right:6px;vertical-align:middle;padding:4px 0 0 }*/
.m20 .accordion-button:focus{border:0}
.m20 .accordion-button:not(.collapsed){background:rgba(65,50,40,.1);color:#d8af6e;border:2px solid #725f53;border-bottom:0;border-radius:12px 12px 0 0;box-sizing: border-box;}
.m20 .accordion-button:not(.collapsed) span{font:900 20px/30px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";margin-right:8px}
.m20 .accordion-button.collapsed{border-radius:12px!important}
.m20 .accordion-button::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-image: url("../../images/ic5.png");background-repeat:no-repeat;background-size:auto 20px;width:20px;height:20px;display:block;/*margin-left:12px;*/transform: scale(1);}
.m20 .accordion-button:not(.collapsed)::after {
transform: rotate(135deg) scale(1.10);margin-right:0px}


.m20 .accordion-collapse{border:2px solid #725f53!important;border-top:1px dashed #725f53!important;border-radius:0 0 12px 12px!important;transition:all 0.3s}
.m20 .accordion-item:last-of-type .accordion-collapse{transition:all 0.3s}
.m20 .accordion-collapse .accordion-body{height:auto;overflow:hidden;padding:0; }
/*20260109-member_question.asp-常見問題列表介面---右邊列文案區*/
.m20 .t161{width:100%;height:auto
 ;overflow:hidden;font:300 19px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding:12px 25px 14px 57px;box-sizing: border-box;text-align:justify;text-justify: inter-ideograph;letter-spacing:-.5px;background:linear-gradient(180deg,#d8af6e 50%,#d8af6e 50%) no-repeat 41px center/1px 94%}
.m20 .t161 ul{padding-left:20px;}
.m20 .t161 ul li{ list-style:outside;list-style-type:disc}
/*注意事項---大框架*/
.m21{width:100%;height:auto;overflow:hidden;/*background:rgba(0,0,0,.90);background:url("../../images/bg5.jpg") center/cover;*/
/*-webkit-mask-image: linear-gradient(to bottom, transparent, black 0%, black 88%, transparent);
mask-image: linear-gradient(to bottom, transparent, black 0%, black 75%, transparent);*/;background:#171107}
.m21 .a14{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 100px;border-bottom:0px dashed rgba(185,165,115,.15)}
/*注意事項----大框架---*/
.m21 .a14 .b15{width:100%;height:auto;overflow:hidden;margin:0 auto 40px;text-align:center;font:400 19px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:left;background:/*rgba(65,50,40,.8)*/#2a2826;padding:25px;border-radius:12px
;box-sizing: border-box;}
.m21 .a14 .b15 ul{padding-left:20px;}
.m21 .a14 .b15 ul li{ list-style:outside;list-style-type:decimal;}

/*當期優惠不容錯過--標題*/
.bgt5{width:1200px;height:auto;overflow:hidden;font:700 54px/80px/* 'Noto Serif TC',*/'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;/*color:#d3e4ff;*/text-align:left;margin:0 auto 40px;letter-spacing:-1.5px;
color: transparent; 
background:url("../../images/bg2.jpg") center/100% 84%;   
-webkit-background-clip: text;
background-clip: text;color:#d8af6e}
.bgt5 h4{width:100%;height:auto;overflow:hidden;font:300 17px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;text-align:center;letter-spacing:3px;padding:8px 0 0;color:#fff;padding-left:2px}
.bgt5 span{font:400 55px/80px/* 'Noto Serif TC',*/'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;letter-spacing:3px;padding:8px 0 0;color:#d8af6e;padding-right:20px;letter-spacing:-1.8px}
.bgt5-2{text-align:center;margin-bottom:70px}
/*限定紀念品--標題*/
.bgt6{width:100%;height:auto;overflow:hidden;font:700 66px/80px/* 'Noto Serif TC',*/'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:20px;/*color:#d3e4ff;*/text-align:center;margin:0 auto 40px;letter-spacing:-1.5px;
color: transparent; 
background:url("../../images/bg2.jpg") center/100% 84%;   
-webkit-background-clip: text;
background-clip: text;color:#d8af6e}
.bgt6 br{display: none}
.bgt6 h4{width:100%;height:auto;overflow:hidden;font:500 36px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:30px;text-align:center;letter-spacing:3px;padding:20px 0 0;color:#e9c9b2;padding-left:0px;letter-spacing:1.5px}

/*即刻領取按鈕*/
.bt9{width:auto; height:auto;overflow: hidden; margin:0 0 0 15px;border-radius: 6px;display:inline-block;vertical-align:top;padding:6px 0 0}

.bt9 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:4px;}
.bt9 a{width:auto; height:38px;font:700 18px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000; display:block;border-radius:6px;background:url("../../images/bg2b.jpg") center/100%;text-align:center;letter-spacing:.5px;padding:0 16px;transition:all 0.3s;}

.bt9 a:hover{background:url("../../images/bg2b.jpg") center/125% auto;text-align:center; border:0px solid #555;transition:all 0.3s;}

.bt9b{display:none;float:right;margin:10px 80px 0 0 }
.bt9b a{height:48px;font:700 24px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";border:0;padding:0 20px}
.bt9b a:hover{color:#111}
/*告知彈出視窗*/
.m22{margin-top: 80px;}
.m22 .modal-header{background:#504a3f;border-bottom:0;border-radius:6px;text-align:center}
.m22 .modal-header .modal-title{width:100%; height:auto;overflow: hidden;font:400 28px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#d8af6e;xtext-align:center;display:block}
.m22 .modal-header .modal-title img{width:auto;height:26px; padding-bottom:5px; vertical-align:middle; margin-right:5px}

.m22 .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;opacity:1;font-size:20px}

/*右滑選單*/
.m23{background:#1d1b17}
.m23 .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d8af6e'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;opacity:1;font-size:32px}


.ls9{width:100%;height:auto;overflow:hidden;}
.ls9 a{width:100%;height:auto;overflow:hidden;padding:16px 20px;display:block;font:400 28px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;background:#1d1b17;box-sizing: border-box}
.ls9 a:hover{background:#d8af6e;color:#1d1b17}
.ls9 a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:0px}


/*20260603----當期優惠不容錯過*/

.bn5{width:100%;height:auto;overflow:hidden;}
.bn5-2{display:none}

.bn5 .carousel-inner{width:92%;margin:0 auto}
.bn5 .carousel-inner .carousel-item {padding:40px 0 0 ;text-align:center}
/*福利商品---套件主體-左右按鈕控制--*/
.bn5 .carousel-control-prev{left:0px;margin:0 ;width:70px;transition:all 0.3s;background:none;border:0}
.bn5 .carousel-control-next{right:-1px;margin:0 ;width:70px;transition:all 0.3s;background:none;border:0}
.bn5 .carousel-control-prev img,
.bn5 .carousel-control-next img{width:50px;height:50px;transition:all 0.3s}
.bn5 .carousel-control-prev:hover,
.bn5 .carousel-control-next:hover{transition:all 0.3s;transform:scale(.9);filter:contrast(120%);-webkit-filter:contrast(120%)}
/*-福利商品----訊息單體--*/
.ls10{width:48%;height:auto;overflow:hidden;border-radius:0;margin:0 .6% 20px;/*float:left;*/background:#fff;border-radius:10px;box-sizing: border-box;border:0px solid #b89d6e;display: inline-block;position:relative;border-radius:12px;}
.ls10 a{width:100%;height:auto;overflow:hidden;display:block}
/*.ls10 a{width:100%;height:auto;overflow:hidden;aspect-ratio: 1.6667 / 1;display:block}*/
.ls10 a .im9{width:300px;height:auto;overflow:hidden;float:left;border-radius:12px 0 0 12px;margin-bottom:0px;box-sizing: border-box;transition:all 0.3s;aspect-ratio: 1.3333 / 1}
.ls10 a .im9 img{width:100%;height:auto;transition:all 0.3s;aspect-ratio: 1.3333 / 1}
.ls10:hover .im9 img{transform:scale(1.08);filter:contrast(120%);filter:contrast(120%);transition:all 0.3s;}
.ls10 a .c9{width:calc(100% - 300px);height:auto;overflow:hidden;transition:all 0.3s;padding:10px 25px;box-sizing: border-box;border:2px solid rgba(0,0,0,.0);border-radius:12px;text-align:left;display:block;float:left;}

.ls10 a .c9 .t23{width:100%;height:32px;overflow:hidden;font:700 26px/32px  'Noto Sans TC',"Century Gothic","微軟正黑體"; color:/*#c3a570*/#111;
;transition:all 0.3s;margin-bottom:4px;text-align:justify;text-justify: inter-ideograph;letter-spacing:0px}
.ls10 a .c9 .t24{width:100%;height:20px;overflow:hidden;font:300 17px/20px arial,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111
;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom:2px}

/*.ls10 .c9 .t25::before{content:'★';font:700 24px/32px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;margin-right:2px;vertical-align:middle;padding-bottom:4px}*/
.ls10 a .c9 .t25{width:100%;height:22px;overflow:hidden;font:400 17px/22px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111
;letter-spacing:0px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/*text-align:justify;text-justify: inter-ideograph;*/;margin-bottom:1px}
.ls10 a .c9 .t26{width:100%;min-height:22px;overflow:hidden;font:500 15px/20px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#7b653d
;letter-spacing:0px;margin-bottom:1px}

.ls10 a .c9 .d1{width:100%;height:auto;overflow:hidden;text-align:left}
.tg1{width:auto;height:auto;overflow:hidden;display: inline-block;font:400 16px/21px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;background:#b67d2e;padding:0 3px;letter-spacing:-.5px;margin-bottom:2px}
.tg1-2{background:#a34f4a}
.tg1-3{background:#666}
.tg1-4{background:#6b1b0a}
.tg1-5{background:#2e8abc}
.tg1-6{background:#097313}
.tg1-7{background:#dd70b0}
.tg1-8{background:#36678a}
.tg1-9{background:#ddab04}