@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, address, 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}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; min-width:1200px;
min-height:100vh; display:flex; flex-direction:column;background: #fff}
/*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;}


.m1{width:100%;height:800px;overflow:hidden;background: #111;position: relative;margin-bottom:0}

.m1 .cv1{width:100%;height:700px;overflow:hidden;background: url(../../images/cv1.png) center;position: absolute; top:0;left:0;z-index:2;background:rgba(0,0,0,.5)}
.m1 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:-10% 0 0 }

@keyframes go1 { 
  0% {} 
100% {opacity:1}
}
/*前景內容*/
.m1 .a1{width:1200px;height:auto;overflow:hidden;position:absolute;top:0;left:50%;z-index:3;margin:0 0 0 -600px}
.m1 .a1 .im1a{width:40%;height:auto;overflow:hidden;float:left;margin-left:0%;animation:go2 1.2s ease-out 1s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0;}

@keyframes go2 { 
  0% {} 
100% {opacity:1;margin-left:4%;}
}
.m1 .a1 .im1a .im1{width:100%;height:auto;overflow:hidden;float:left;margin-left:2%;
animation:go2-2 1.0s linear 1s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running; }

@keyframes go2-2 { 
  0% {padding-top:40px} 
100% {padding-top:20px;}
}


.m1 .a1 .im1a .im1 img{width:100%;height:auto;}
.m1 .a1 .b1{width:50%;height:auto;overflow:hidden;float: right}
.m1 .a1 .b1 .t1{width:100%;height:auto;overflow:hidden;font:300 46px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #fff;float:right;animation:go3 1s ease-out 1.4s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0;padding-top:25px;letter-spacing:-.8px}

@keyframes go3 { 
  0% {} 
100% {opacity:1;padding-top:70px;}
}

.m1 .a1 .b1 .c1{width:45%;height:auto;overflow:hidden;margin-bottom:30px; animation:go4 1s ease-out 2.0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0;padding-top:80px;margin-right:5%;float:right}

@keyframes go4 { 
  0% {} 
100% {opacity:1;padding-top:25px;}
}
.m1 .a1 .b1 .c1 .im2{width:100%;height:auto;box-shadow:0 3px 12px rgba(0,0,0,.3)}
.m1 .a1 .b1 .c1 .im2 img{width:100%;height:auto;}
.m1 .a1 .b1 .c1 .t2{width:100%;height:auto;overflow:hidden;font:500 20px/54px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #fff;text-align: center;margin-bottom:0px;}
.bt1{width:100%; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;box-shadow:0 3px 12px rgba(0,0,0,.3)}
.bt1:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt1 a{width:100%; height:60px;font:24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#0a4a8f; }
.bt1 a:hover{ background:#2f9acb; border:0px solid #3577c1;transition:all 0.3s;}
.bt1 a img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:1px;}

/*top*/
.m2x{width:100%;height:0px;position:relative;line-height: 80px}
.m2{width:100%;height:auto;background:#fff;/*position:fixed;top:0;left:left;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.4)*/;position:relative;z-index:5}
.m2 .a2{width:96%;height:100px;margin:0 auto;position:relative}
.m2b{height:0;overflow:hidden}
.m2b .a2{height:0;}
.top-bar{height:auto;position:fixed;top:0px; z-index:100; height:100px;transition:all 0.3s; background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;}
.m2 .a2 .lg1{width:auto;height:50px;overflow:hidden;margin-top:25px;float:left}
.m2 .a2 .lg1 img{width:auto;height:100%;}
.m2 .a2 .lk1a{/*width:calc(100% - 24% - 170px);*/height:auto;float:left;text-align:center;margin-left:0;width:80%;position:absolute;left:10% ;top:0}
.m2 .a2 .lk1a .lk1{width:auto;height:100%;display:inline-block;margin:0 15px;position:relative}
/*top--主選單*/
.m2 .a2 .lk1a .lk1 a{width:auto;height:auto;overflow:hidden;display: inline-block;;font:500 17px/100px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center 70%/0 2px}
.m2 .a2 .lk1a .lk1:hover a{color:#111;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center 70%/100% 2px}


.m2 .a2 .lk1a .lk1b{width:60px;height:100%;margin:0 0 0 0;position:relative;padding:0 0 0;display:inline-block}

.m2 .a2 .lk1a .lk1b a{width:100%;height:auto;overflow:hidden;font:500 14px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;border-radius:100px;padding:0 0;border:1px solid #ccc}

.m2 .a2 .lk1a .lk1b a:hover{color:#111;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center 70%/100% 2px}

/*20210601-MENU--下拉選單-文字版*/
.m2 .a2 .lk1a .lk1 .mn2{ width:200px;height:0;position:absolute;top:80px; left:-70px;opacity:0;  background:linear-gradient(90deg,#fff 100%,#fff 0%) no-repeat center top/0px 0px #fff;transition:all 0.3s linear;}
.m2 .a2 .lk1a .lk1 .mn2{ height:auto;opacity:1; background:linear-gradient(90deg,#fff 100%,#fff 0%) no-repeat center top/0 0px;transition:all 0.3s linear; padding:5px 0 10px }
.m2 .a2 .lk1a .lk1 .mn2 a{ width:100%; height:0; display:inline-block;
font:500 18px/38px 'Noto Sans TC',"微軟正黑體"; color:#111; text-align:center; background:#efefef;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.35);border:0px dotted #aaa;margin-bottom:3px;box-sizing: border-box;border-radius:100px;}
.m2 .a2 .lk1a .lk1 .mn2 a:hover{ height:40px; display:inline-block; background:#265e9c;color: #fff}
.m2 .a2 .lk1a .lk1:hover .mn2 a{ height:40px}
.m2 .a2 .lk1a .lk1 span{ width:0; height:0; border-bottom:10px solid #fff;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s;
position:absolute; top:0px; left:30px; z-index:5;}
.m2 .a2 .lk1a .lk1:hover span{ opacity:1;transition:all 0.3s}

/*-----------------常駐選單------------------*/
.m2 .a2 .lk2a{width:300px/*calc(100% - 72% - 200px)*/;height:auto;float: right;text-align:right;}
.m2 .a2 .lk2a .hd1{width:auto;height:100px;margin:0 0 0 12px;position:relative;float:right;padding:32px 0 0;box-sizing: border-box;}
/*top--選單*/
.m2 .a2 .lk2a .hd1 > a{width:auto;height:auto;overflow:hidden;display: inline-block;;font:500 14px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;/*background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center 70%/0 2px;*/background:#080808;border-radius:100px;padding:0 12px}
.m2 .a2 .lk2a .hd1:hover{/*background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center 70%/100% 2px*/}

.m2 .a2 .lk2a .hd1 > a:hover{width:auto;height:auto;overflow:hidden;display: inline-block;color:#fff;background:#555}

.m2 .a2 .lk2a .hd1b a,
.m2 .a2 .lk2a .hd1b a:hover
{/*background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center 70%/0% 2px*/;background:none;padding:0;border-radius:0;}

.m2 .a2 .lk2a .hd1 > a img{width:auto;height:30px;transition:all 0.3s;padding-top:0px;margin-top:-4px}
.m2 .a2 .lk2a .hd1 > a img:hover {transform:rotate(0deg) scale(.9); transition:all 0.3s;}

.m2 .a2 .lk2a .hd1c a{ background:#0e5093; }
.m2 .a2 .lk2a .hd1c a:hover
{ background:#2380a8; }

.bt19{width:150px; height:auto;font:20px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;float:right}
.bt19:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt19 a{width:100%; height:40px;font:500 20px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;border:0px solid #fff;box-sizing: border-box;background:#0e5093;letter-spacing:-.5px}
.bt19 a:hover{ background:#2380a8; transition:all 0.3s;font:500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
.bt19 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}


/*20210601-MENU--下拉選單-文字版*/
.m2 .a2 .lk2a .hd1 .mn3{ width:200px;height:0;overflow: hidden; position:absolute;top:75px; left:-60px;opacity:0;  background:linear-gradient(90deg,#fff 100%,#fff 0%) no-repeat center top/0px 0px #fff;transition:all 0.3s linear;opacity:0}
.m2 .a2 .lk2a .hd1:hover .mn3{ height:auto;opacity:1;overflow:inherit; background:linear-gradient(90deg,#fff 100%,#fff 0%) no-repeat center top/0 0px;transition:all 0.3s linear; padding:5px 0 10px;}
.m2 .a2 .lk2a .hd1 .mn3 a{ width:100%; height:0; display:inline-block;
font:500 18px/38px 'Noto Sans TC',"微軟正黑體"; color:#111; text-align:center; background:#eee;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.35);border:0px dotted #aaa;margin-bottom:3px;box-sizing: border-box;border-radius:100px}
.m2 .a2 .lk2a .hd1 .mn3 a:hover{ height:40px; display:inline-block; background:#265e9c;color: #fff}
.m2 .a2 .lk2a .hd1:hover .mn3 a{ height:40px}
.m2 .a2 .lk2a .hd1 span{ width:0; height:0; border-bottom:10px solid #fff;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s;
position:absolute; top:0px; left:30px; z-index:5;}
.m2 .a2 .lk2a .hd1:hover span{ opacity:1;transition:all 0.3s}


/*-零接觸經濟 */
.bgt1{width:100%;height:auto;overflow:hidden;display: inline-block;font:700 60px/84px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align: center;letter-spacing:0px}
.bgt1 h4{font:300 32px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding-top:25px}
.bgt1 h4 br{display:none}
.m3{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd}
.m3 .a3{width:1200px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:80px 0}
.m3 .a3 .b2{width:100%;height:auto;overflow:hidden;padding-top:50px}
.m3 .a3 .b2 .ls1{width:30.33%;height:auto;overflow:hidden;margin: 0 1.5% 0px;float:left}
.m3 .a3 .b2 .ls1 .im3{width:56%;height:auto;overflow:hidden;margin:0 auto 10px;}
.m3 .a3 .b2 .ls1 .im3 img{width:100%;height:auto;}
.m3 .a3 .b2 .ls1 .t3{width:100%;height:auto;overflow:hidden;font:300 36px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center}
.m3 .a3 .b2 .t3b{width:100%;height:auto;overflow:hidden;font:300 36px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center}
/*零接觸經濟 */
.m4{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd}
.m4 .a4{width:1200px;min-height:300px; height:auto;overflow:hidden;margin:0 auto;padding:80px 0}
.m4 .a4 .b4{width:600px;height:auto;overflow:hidden;margin:0 auto;text-align: center}
.m4 .a4 .b4 .st1{width:100%;height:auto;overflow:hidden;float: left;font:500 30px/90px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #888;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center top/180px 100%,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center /100% 2px;text-align: center;letter-spacing:4px }
.m4 .a4 .b4 .ls2{width:100%;height:auto;overflow:hidden;margin-bottom: 20px}
.m4 .a4 .b4 .ls2 .t4{width:22%;height:auto;overflow:hidden;float: left;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #333;text-align: left}
.m4 .a4 .b4 .ls2 input{width:78%;height:auto;overflow:hidden;float: left;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 8px rgba(0,0,0,.3) inset}

.bt2{width:60%; height:60px;font:24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:15px auto 0;background:#111;display: inline-block}
.bt2 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:4px;}
.bt2:hover{ background:#a00; border:0px solid #3577c1;transition:all 0.3s}
.bt2 a{width:100%; height:60px;font:24px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333; }
.bt2 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;}

.bt3{width:48%; height:60px;font:24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 4% 0 0;float: left}
.bt3-2{margin:0 }
.bt3:hover{ background:#a00; border:0px solid #3577c1;transition:all 0.3s}
.bt3 a{width:100%; height:60px;font:500 24px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:6px;background:#fff;border:1px solid #aaa;box-sizing: border-box;}
.bt3 a:hover{ background:#ccc; border:1px solid #333;transition:all 0.3s;color:#111}
.bt3 a img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-right:4px;}
/*down*/
.m5{width:100%;height:60px;overflow:hidden;background:#080808;}
.m5 .a5{width:1200px;height:auto;overflow:hidden;margin: 0 auto;font:16px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center;}
	.m5 .a5 a,
	.m5 .a5 a:hover{font:16px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;}
.m5 .a5 br{display:none}
/*aa1*/
.bn1{width:100%;height:400px;overflow:hidden;background: url(../../images/aa1/bn1.jpg) no-repeat center top;margin-bottom:50px;animation:go5 2s ease-out 0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0;background-size:cover;transform:scale(1)}

@keyframes go5 { 
  0% {} 
100% {opacity:1;background-size:cover;transform:scale(1.0);}
}
.m6{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd}
.m6 .a6{width:1200px;min-height:300px; height:auto;overflow:hidden;margin:0 auto;padding:40px 0}
/*教學項目列表*/
.m6 .a6 .b5{width:100%;height:auto;overflow:hidden;padding-top:0;text-align:center;position: relative}
.m6 .a6 .b5 .ls4{width:29.33%;height:auto;overflow:hidden;margin: 0 1.5% 60px;display:inline-block}
.sdw1{width:60px;height:42px;display:inline-block;background:#888 ;border-radius:100px;font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;position:absolute;top:360px;left:32%}
.sdw1::after{content:'→';font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
.sdw1-2{left:64%}
.sdw1-3{left:15%;top:auto;bottom:280px}
.sdw1-4{left:48%;top:auto;bottom:280px}
.st2{width:100%;height:auto;overflow:hidden;float: left;font:500 30px/90px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #888;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center top/280px 100%,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center /100% 2px;text-align: center;letter-spacing:2px;margin-bottom:25px}
.st2 span{font:500 18px/90px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #888}
.m6-2{ background:#f4f4f4}
.st2-2{background:linear-gradient(90deg,#f4f4f4 50%,#f4f4f4 50%) no-repeat center top/240px 100%,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center /100% 2px;}
.m6 .a6 .b5 .ls4 .im4{width:70%;height:auto;overflow:hidden;margin:0 auto 0;}
.m6 .a6 .b5 .ls4 .im4 img{width:100%;height:auto;}
.m6 .a6 .b5 .ls4 .t5{width:100%;height:auto;overflow:hidden;font:500 28px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0;text-align: center}
.m6 .a6 .b5 .ls4 .t5 span{width:42px;height:42px;display:block;background:#244b7f ;border-radius:100px;font:700 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;margin:0 auto 8px;text-align:center}
.m6 .a6 .b5 .ls4 .t5 h4{width:100vw
	;height:108px;overflow:hidden;display:table-cell;font:500 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;/*text-align:justify;text-justify: inter-ideograph;*/text-align: center;letter-spacing:-.5px;margin:0 auto;vertical-align:middle}
/*手機漢堡選單*/
.m2 .a2 .mn1{width:auto;height:50px;float:right;margin-top:24px;display:none}
.m2 .a2 .mn1 img{width:auto;height:100%;transition:all 0.3s;filter:contrast(100%);-webkit-filter:contrast(100%);}
.m2 .a2 .mn1 img:hover{width:auto;height:100%;transition:all 0.3s;filter:contrast(180%);-webkit-filter:contrast(180%);}


/*智能掌櫃手機網頁版---會員登入*/
.pha{min-width:600px;width:600px;margin:0 auto;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center top/600px 1000%,url(../../images/ph/bg1.jpg) no-repeat center top;background-attachment: fixed;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.m2-2{width:600px;position:fixed;left:50%;margin-left:-300px;top:0}
.m2-2 .a2{width:92%;}
.m2-2 .a2 .mn1{display: block}
.m4-2{width: 92%;margin:0 auto}
.m4-2 .a4{width: 100%;padding:20px 0 0}
.m4-2 .a4 .b4{width: 100%;}
/*20210726--member_login*/
.tbgt{width:300px;height:80px;overflow:hidden;position: fixed;top:0;left:50%;font:500 32px/80px 'M PLUS Rounded 1c','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;margin:0 0 0 -150px;z-index: 99;text-align:center}
.m7{width:100%;height:100vh;overflow:hidden;background: #ae0015}
.m7-2{background:#fff}
.m7 .a7{width:92%;height:auto;overflow:hidden;margin:0 auto}
.m7 .a7 .t6{width:100%;height:auto;overflow:hidden;font:300 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center;margin:40px 0 40px} 
/*20210726--member_login--頁籤-*/
.m7 .a7 .b6{width:80%;height:60px;overflow:hidden;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center bottom/100% 1px;margin:0 auto 25px;padding:0 2%;box-sizing: border-box;}
.m7 .a7 .b6 .ls5{width:47%;height:60px;overflow:hidden;margin:0 1.5%;float:left}
.m7 .a7 .b6 .ls5 a{width:100%;height:50px;overflow:hidden;font:300 28px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";border:1px solid #fff;display: block;color:#fff;text-align:center;margin:10px 0 0;box-sizing: border-box;border-radius:8px 8px 0 0}
.m7 .a7 .b6 .ls5 a:hover{background:#fff;color:#333;height:60px;margin: 0;line-height:58px;font-weight:700}
.m7 .a7 .b6 .ls5 a.active{height:60px;background:#fff;color:#333;margin: 0;line-height:58px;font-weight:700}
/*20210726--member_login--輸入框-*/
.m7 .a7 .b7{width:80%;height:auto;overflow:hidden;margin:0 auto}
.m7 .a7 .b7 .ls6{width:100%;height:auto;overflow:hidden;margin-bottom:0}
.m7 .a7 .b7 .t7{width:100%;height:auto;overflow:hidden;font:300 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff}
.m7 .a7 .b7 .ls6 > input{width:100%;height:auto;overflow:hidden;font:500 24px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;border:2px solid #ccc;box-shadow:0 1px 8px rgba(0,0,0,.2) inset;display: block;border-radius:6px;box-sizing: border-box;text-align:left;padding:0 3%;margin-bottom:15px}
/*20210726--member_login--登入按鈕*/
.bt4{width:100%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000; display:inline-block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 25px; background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0);text-transform: uppercase}
.bt4 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt4:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s}
.bt4 a{width:100%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;}
.bt4 a:hover{border:0px solid #3577c1;transition:all 0.3s;}
/*20210726--member_login--註冊+忘記密碼按鈕*/
.m7 .a7 .b8{width:80%;height:auto;overflow:hidden;margin:0 auto 0;}
.bt5{width:auto; height:70px;font:28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:left}

.bt5-2{float:right}
.bt5:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt5 a{width:100%; height:70px;font:28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;}
.bt5 a:hover{border:0px solid #3577c1;transition:all 0.3s;text-decoration:underline}
.bt5 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
/*20210726-member_join--會員註冊*/
.m7 .a7 .b7 .t8{width:100%;height:auto;overflow:hidden;font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000}
.m7 .a7 .b7 .ntc{width:100%;height:auto;overflow:hidden;font:500 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#043770;margin-bottom:20px}
.m7 .a7 .b7 .ntc::before{font:500 24px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#043770;content:'※';/*width:20px;height:80px;display:block*/}
/*20210726--member_join--註冊送出按鈕*/
.bt6{width:100%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 25px; background:#b6192c;box-shadow:0 1px 8px rgba(0,0,0,0);text-transform: uppercase}
.bt6 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt6:hover{ background:#d33447; border:0px solid #3577c1;transition:all 0.3s}
.bt6 a{width:100%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;}
.bt6 a:hover{border:0px solid #3577c1;transition:all 0.3s;}

/*20210726-member_join--會員註冊*/
.m7 .a7 .b9{width:100%;height:auto;overflow:hidden;font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;background:linear-gradient(90deg,#b6192c 50%,#b6192c 50%) no-repeat center/80% 3px;text-align: center;margin:40px 0 15px}
.m7 .a7 .b9 .ls7{width:130px;height:130px;overflow:hidden;margin:0 16px;background:#aaa;text-align:center;border-radius:100px;display:inline-block;border:0px solid #b6192c;box-sizing: border-box;padding:5px}
.m7 .a7 .b9 .ls7-2{background:#b6192c;}
.m7 .a7 .b9 .ls7 img{width:auto;height:34px;}
.m7 .a7 .b9 .ls7 .t9{width:80%;height:auto;overflow:hidden;font:500 22px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;margin:0 auto}
.m7 .a7 .b9 .ls7-2 .t9{color:#fff;}

/*20210726--member_join2--重新發送簡訊按鈕*/
.bt7{width:80%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:40px auto 35px; background:#111;box-shadow:0 1px 8px rgba(0,0,0,0);text-transform: uppercase;}
.bt7 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt7:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt7 a{width:100%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;}
.bt7 a:hover{border:0px solid #3577c1;transition:all 0.3s;}

/*20210726--member_join2--同意條款---勾選介面設定*/
.rul{ width:100%; height:auto; overflow:hidden;text-align: center;margin:10px 0 30px}
.rul input[type="checkbox"] {display:none;}
.rul input[type="checkbox"] + label { background:#bbb; width:26px; height:26px;border-radius:6px; padding:2px}
.rul input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:4px;box-sizing: border-box; background:#fff }
.rul input[type="checkbox"]:checked + label div {border-radius:8px;background:#b6192c}
.rul label{font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;display:inline-block;margin-right:8px}
.rul .t9{width:auto; height:40px;font:500 28px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;display:inline-block;vertical-align: top;margin:-8px 0 0;letter-spacing:-2px;text-align:left}
.rul .t9 a{font:500 30px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#b6192c;}
.rul .t9 a:hover{text-decoration: underline}
/*20210726--member_join3--同意條款*/
.bgt2{width:100%;height:auto;overflow:hidden;font:700 36px/76px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align: center}
.bgt2 span{color:#b6192c}
.bgt2 img{width:auto;height:36px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
/*20210727--member_join2--條款彈出視窗*/
.m8{width:580px;height:auto;overflow:hidden;margin-left: -290px;left:50%}
.m8 .modal-dialog{max-width:100%}
.m8 .modal-header .btn-close{font-size:36px;transition:all 0.3s}
.m8 .modal-header .btn-close:hover{transition:all 0.3s}
.m8 .modal-title{font:500 32px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.m8 .modal-body .t10{width:100%;height:auto;overflow:hidden;font:500 24px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;margin:0 auto}

.m8 .modal-body .t10 img{width:auto;height:42px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.m8 .modal-body .t10 ul{padding-left:25px;}
.m8 .modal-body .t10 ul li{ list-style:outside;list-style-type:decimal}

/*20210727--member_join2--重新發送簡訊按鈕*/
.bt8{width:auto; height:50px;font:700 28px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px; padding:0 16px;border:0px solid #e95377; transition:all 0.3s;margin:15px auto; background:#111;box-shadow:0 1px 8px rgba(0,0,0,0);text-transform: uppercase;}
.bt8:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s;color:#fff; }
.bt8 img{width:auto;height:26px;display:inline-block; padding:0 0 4px; margin-right:2px;vertical-align:middle}
/*20210727--member_forget3--改密碼成功彈出*/
.m8 .modal-body .t10-2{text-align:center}

.not{width:50px;height:50px;overflow:hidden;position:fixed;right:50%;top:15px;z-index:99;margin-right:-210px}
.not a{width:100%;height:auto;display:block}
.not a img{width:auto;height:50px;transition:all 0.3s}
.not a:hover img{width:auto;height:50px;opacity:.7;transition:all 0.3s}
.not a .cnt{width:30px;height:30px;overflow:hidden;position:absolute;right:0px;top:0px;font:700 20px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;background:#fa0;text-align: center;border-radius:100px;z-index:3}

/*20210727-掌櫃首頁*/
.m9{width:100%;min-height:160px; height:auto;overflow:hidden;background:#c22b3d}
.m9 .a8{width:92%;height:auto;margin:25px auto}
.m9 .a8 .b10{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:20px}
.m9 .a8 .b10 .im5{width:20%;height:auto;float:left;margin-right:5%;border-radius:100px;}
.m9 .a8 .b10 .im5 img{width:100%;height:auto;}
.m9 .a8 .b10 .t11{width:75%;height:auto;overflow:hidden;float:left;font:500 42px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding-top:8px}
.m9 .a8 .b10 .t11 h4{font:300 28px/42px "Century Gothic","微軟正黑體";padding:0}

.bt9{width:140px; height:50px;font:28px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;position:absolute;right:0;top:30px}
.bt9:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt9 a{width:100%; height:50px;font:28px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;border:2px solid #fff;box-sizing: border-box;}
.bt9 a:hover{ background:rgba(255,255,255,.2); transition:all 0.3s;}
.bt9 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}

.m9 .a8 .b10 .t12{width:34%;height:auto;overflow:hidden;float:left;font:500 34px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding-top:0;background:linear-gradient(90deg,#ee8484 50%,#ee8484 50%) no-repeat right center/1px 94%;margin-right:4%;letter-spacing:-.5px}
.m9 .a8 .b10 .t12-2{background:none}
.m9 .a8 .b10 .t12 h4{font:700 24px/36px "Century Gothic","微軟正黑體";padding:0;letter-spacing:-1px}

/*20210727-點數支付按鈕*/
.bt10{width:100%; height:70px;font:28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:30px auto 40px;text-align: center}
.bt10 img{width:auto;height:32px;display:inline-block; padding:0 0 8px; margin-right:1px;}
.bt10:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s}


.bt10 a{width:100%; height:70px;font:700 36px/64px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000; display:block;border-radius:100px;background:#fff;letter-spacing:-1px}
.bt10 a:hover{ background:#ccc; border:0px solid #3577c1;transition:all 0.3s;}

/*20210728-掌櫃主頁DOWN2--常駐選單*/
.dw1x{width:100%;height:100px;}
.dw1{width:600px;height:100px;border-top:1px solid #ddd; position:fixed;left:50%;bottom:0;margin-left:-300px; background:#fff;z-index:3;box-shadow:0 -2px 12px rgba(0,0,0,.12)}
.dw1 .ls8{width:25%;height:100px;float:left;position:relative}
.dw1 .ls8 .qt1{width:34px;height:34px;overflow:hidden; position:absolute; right:16px; top:8px;font:18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; background:#824ccd; text-align:center;border-radius:100px; z-index:1}
.dw1 .ls8 > a{width:86%; height:80px;/*overflow:hidden;*/ display:block;text-align:center;padding:10px 0;font:500 24px/25px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;border-radius:200px;margin:0 auto}
.dw1 .ls8 > a:hover,
.dw1 .ls8 > a.active {background:#ad0014;}
.dw1 .ls8 > a .im6{width:100%;height:35px;margin:0px 0 10px;padding:10px 0 0;background: url(../../images/ph/ic17.png) no-repeat center/auto 35px}
.dw1 .ls8 > a:hover .im6,
.dw1 .ls8 > a.active .im6{background: url(../../images/ph/ic17b.png) no-repeat center/auto 35px}
.dw1 .ls8 > a .im6-2{background: url(../../images/ph/ic18.png) no-repeat center/auto 35px}
.dw1 .ls8 > a:hover .im6-2,
.dw1 .ls8 > a.active .im6-2{background: url(../../images/ph/ic18b.png) no-repeat center/auto 35px}
.dw1 .ls8 > a .im6-3{background: url(../../images/ph/ic19.png) no-repeat center/auto 35px}
.dw1 .ls8 > a:hover .im6-3,
.dw1 .ls8 > a.active .im6-3{background: url(../../images/ph/ic19b.png) no-repeat center/auto 35px}
.dw1 .ls8 > a .im6-4{background: url(../../images/ph/ic20.png) no-repeat center/auto 35px}
.dw1 .ls8 > a:hover .im6-4,
.dw1 .ls8 > a.active .im6-4{background: url(../../images/ph/ic20b.png) no-repeat center/auto 35px}
/*.dw1 .ls8 > a .im6 img{width:auto;height:35px}*/
.dw1 .ls8 > a .t13{width:100%;height:25px;font:500 28px/25px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333}
.dw1 .ls8 > a:hover .t13,
.dw1 .ls8 > a.active .t13{color:#fff}

/*20210728--member_index-新聞頁籤*/
.m10{width:100%;height:auto;overflow:hidden;margin:-20px 0 20px 0;}
.m10 .a9{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:10px 0 0 0}
.m10 .a9 .b10{width:98%;height:auto;overflow:hidden;
	background:linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat 33.33% center/1px 88%,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat 66.66% center/1px 88% #fff;border-radius:10px 10px 0 0
;box-shadow:0 -3px 10px rgba(0,0,0,.3);margin:0 auto 20px}

.m10 .a9 .b10 .ls9{width:33.33%;height:auto;overflow:hidden;float:left;border-bottom:1px solid #ccc; }
.m10 .a9 .b10 .ls9 a{width:100%;height:auto;overflow:hidden;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;	background:linear-gradient(90deg,#ad0014 50%,#ad0014 50%) no-repeat center bottom/0px 3px;display:block;text-align: center}
.m10 .a9 .b10 .ls9 a:hover,
.m10 .a9 .b10 .ls9 a.active{background:linear-gradient(90deg,#ad0014 50%,#ad0014 50%) no-repeat center bottom/100% 3px}

/*20210728--member_index-新聞list*/
.m10 .a9 .b11{width:92%;height:auto;overflow:hidden;margin: 0 auto}
.m10 .a9 .b11 .ls10{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m10 .a9 .b11 .ls10 a{width:100%;height:auto;overflow:hidden;display:block}
.m10 .a9 .b11 .ls10 a:hover{ background:#e8e8e8}
.m10 .a9 .b11 .ls10 a .im7{width:100%;height:auto;overflow:hidden;margin-bottom:10px;border-radius:10px;}
.m10 .a9 .b11 .ls10 a .im7 img{width:100%;height:auto;transition:all 0.3s}
.m10 .a9 .b11 .ls10:hover a .im7 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.m10 .a9 .b11 .ls10 a .t14{width:100%;height:auto;overflow:hidden;font:700 27px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;letter-spacing:-.5px;transition:all 0.3s}
.m10 .a9 .b11 .ls10 a:hover .t14{color:#333;transition:all 0.3s}
.m10 .a9 .b11 .ls10 a .t14 h4{width:100%;height:auto;overflow:hidden;font:500 20px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;display: block}

/*20210728---會員個人我的首頁*/
.m9-2{background:#fff}
.m9-2 .a8 .b10 .t11{color:#111}
/*20210728---會員個人我的首頁--編輯按鈕*/
.bt11{width:140px; height:50px;font:28px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555; display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;position:absolute;right:0;top:30px}
.bt11:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt11 a{width:100%; height:50px;font:28px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555; display:block;border-radius:100px;border:2px solid #555;box-sizing: border-box;}
.bt11 a:hover{ background:#ccc; transition:all 0.3s;}
.bt11 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}
/*20210728---會員個人我的首頁--管理中心*/
.m11{width:100%;height:auto;overflow:hidden;margin:0px 0 20px 0;}
.m11 .a10{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 0 0}
.m11 .a10 .b11{width:100%;height:auto;overflow:hidden;	background:linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat 33.33% center/1px 100%,
	linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat 66.66% center/1px 100%;border-bottom:1px #ccc solid}
.m11 .a10 .b11 .st3{width:100%;height:auto;overflow:hidden;font:700 32px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;background:#ccc;padding:0 4%;box-sizing: border-box;}
.m11 .a10 .b11 .ls11{width:33.33%;height:auto;overflow:hidden;float:left}
.m11 .a10 .b11 .ls11 a{width:100%;height:auto;overflow:hidden;display:block;text-align: center;padding:20px 8px;box-sizing: border-box;border-radius:0px}
.m11 .a10 .b11 .ls11 a:hover{background:#e8e8e8;}
.m11 .a10 .b11 .ls11 a img{width:auto;height:60px;margin:0 0 4px;transition:all 0.3s}
.m11 .a10 .b11 .ls11 a:hover img{opacity:.7;transition:all 0.3s}
.m11 .a10 .b11 .ls11 a .t15{width:100%;height:auto;overflow:hidden;font:700 27px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;transition:all 0.3s}
.m11 .a10 .b11 .ls11:hover a .t15{color:#ad0014;transition:all 0.3s}
/*20210728---member_edit--會員資料管理*/
.m10 .a9 .b10-2{
	background:linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat 50% center/1px 88%,#fff;margin: 0 auto 0}
.m10 .a9 .b10-2 .ls9{width:50%}
.m10 .a9 .b12{width:92%;height:auto;overflow:hidden;margin:30px auto 0}
.m10 .a9 .b12 .ls12{width:100%;height:auto;overflow:hidden;}
.m10 .a9 .b12 .ls12 .t16{width:25%;height:auto;overflow:hidden;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;float:left;margin-bottom:30px}
.m10 .a9 .b12 .ls12 input{width:75%;height:auto;overflow:hidden;float: left;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 8px rgba(0,0,0,.3) inset}
.m10 .a9 .b12 .ls12 > select{width:75%;height:60px;overflow:hidden;float: left;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 8px rgba(0,0,0,.3) inset}
.m10 .a9 .b12 .ls12 
.ina1{width:75%;height:60px;overflow:hidden;float:left;margin-bottom:20px}
.m10 .a9 .b12 .ls12 .ina1 select{width:90%;height:60px;overflow:hidden;float: left;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 8px rgba(0,0,0,.3) inset;}
.m10 .a9 .b12 .ls12 
.ina1 .t17{width:10%;height:60px;overflow:hidden;float: left;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;text-align: center}
.m10 .a9 .b12 .ls12 .ina1-2{width:37.5%;}
.m10 .a9 .b12 .ls12 .ina1 .in1{width:80%;height:60px;overflow:hidden;float: left;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 8px rgba(0,0,0,.3) inset;}
.m10 .a9 .b12 .ls12 .ina1-2 .t17{width:20%;}
.m10 .a9 .b12 .ls12 .ina1-3{width:36.5%;margin:0 1% 20px 0}
.m10 .a9 .b12 .ls12 .ina1-3 .in1{width:100%}
.m10 .a9 .b12 .ls12 .ina1 .in2{width:100%;height:60px;overflow:hidden;float: left;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 8px rgba(0,0,0,.3) inset;}
/*20210728--member_edit--確認儲存按鈕*/
.bt12{width:80%; height:70px;font:700 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 25px; background:#111;box-shadow:0 1px 8px rgba(0,0,0,0);text-transform: uppercase}
.bt12 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt12:hover{ background:#333; border:0px solid #3577c1;transition:all 0.3s}
.bt12 a{width:100%; height:70px;font:700 28px/70px 'Noto Sans TCv',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;}
.bt12 a:hover{border:0px solid #3577c1;transition:all 0.3s;}
/*20210728--order_list-使用點數紀錄*/
.m11 .a10 .b11 .ls13{width:100%;height:auto;overflow:hidden;float:left;background:#eee;padding:20px 4%;box-sizing: border-box;border-bottom:2px solid #ddd}
.m11 .a10 .b11 .ls13 .t18{width:100%;min-height:40px; height:auto;overflow:hidden;font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;}
.m11 .a10 .b11 .ls13 .t18 span{color:#00397f;}
.m11 .a10 .b11 .ls13 .t18 h4{width:auto;height:auto;overflow:hidden;float:right;font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;}
.m11 .a10 .b11 .ls13 .t18 h5{width:auto;height:auto;overflow:hidden;float:right;fowidth:100%;height:auto;overflow:hidden;nt:500 36px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #f4004b}
/*20210728--order_list-使用點數紀錄----刷新*/

.bt13{width:100px;height:100px;overflow:hidden;position:fixed;right:50%;bottom:105px;margin-right:-295px;z-index:9}
.bt13 a img{width:auto;height:100%;transition:all 0.3s}
.bt13 a:hover img{opacity:.85;transition:all 0.3s}
/*20210728--recharge--儲值----信用卡按鈕*/
.m12{width:100%;min-height:160px; height:auto;overflow:hidden;}
.m12 .a11{width:92%;height:auto;margin:10px auto}
.m12 .a11 .b13{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.m12 .a11 .t19{width:100%;height:auto;overflow:hidden;font:700 32px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";/*color:#043770;*/margin-bottom:10px;color:#000;}
.m12 .a11 .t19 img{width:auto;height:32px; padding-bottom:6px; vertical-align:middle; masrgin-right:3px}
.m12 .a11 .t19 h4{font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:10px}
.m12 .a11 .t19 > span{font:500 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:10px}
.m12 .a11 .t19 h4 span{text-decoration:underline;color: #043770}
.m12 .a11 .b13 .bt14{width:100%;height:auto;overflow:hidden;margin:0 2% 0 0;float:left;}
.m12 .a11 .b13 .bt14 a{width:100%;height:auto;overflow:hidden;display: block;background:#7e6b5a;padding:20px 20px;box-sizing: border-box;text-align: center;border-radius:10px;font:500 36px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
.m12 .a11 .b13 .bt14 a img{width:auto;height:36px;padding-bottom:8px; vertical-align:middle; margin-right:12px}
.m12 .a11 .b13 .bt14 a:hover{background:#a08a77;}
.m12 .a11 .b13 .bt14 a .t20{font:500 42px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
/*20210728--recharge--儲值----臨櫃--QRCODE*/
.m12-2{background:#e8e8e8}
.m12-2 .a11{padding:0px 0 0}
.m12 .a11 .b13 .im8{width:66%;height:auto;overflow:hidden;margin:0 auto 5px;padding:20px 0}
.m12 .a11 .b13 .im8 img{width:100%;height:auto;overflow:hidden}
/*.t21{width:66%;height:90px;overflow:hidden;font:700 54px/90px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;background:#feb400;border-radius:8px;margin:0 auto 20px;text-align: center;letter-spacing:-1px}
.t21 span{width:auto;height:24px;overflow:hidden;font:500 20px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";vertical-align:top;padding-top:26px;display:inline-block;margin:0 5px}

.t21 h4{width:auto;height:24px;overflow:hidden;font:500 20px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";vertical-align:middle;padding-top:8px;display:inline-block;margin:0 5px}*/

.t21{width:100%;height:90px;overflow:hidden;font:700 56px/84px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;background:#feb400;border-radius:8px;margin:0 auto 20px;text-align: center;letter-spacing:-1px;padding:0 20px;box-sizing: border-box;border:0px solid #b6192c}
.t21 span{width:auto;height:28px;overflow:hidden;font:500 24px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";vertical-align:top;padding-top:16px;display:inline-block;margin:0 5px;float:left}

.t21 h4{width:auto;height:28px;overflow:hidden;font:500 24px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";vertical-align:middle;padding-top:40px;display:inline-block;margin:0 0 0 5px;float:right}


/*20210728-recharge_credit--儲值流程*/
.t21-2{width:100%}
.in3{width:100%;height:70px;overflow:hidden;font:500 24px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;border:2px solid #ccc;box-shadow:0 1px 8px rgba(0,0,0,.2) inset;display: block;border-radius:6px;box-sizing: border-box;text-align:left;padding:0 3%;margin-bottom:15px}

/*20210728--payment-*/
.t22{width:100%;height:auto;overflow:hidden;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;background:#bbb;border-radius:8px;margin:20px auto 20px;text-align:center;}
/*20210729----左選單-改版--會員資訊+會員功能*/
.mm-menu > .mm-panel::before,
.mm-menu > .mm-panel::after{height:0}
.pma{width:440px!important;height:auto;overflow:auto;padding:0!important;/*position: relative!important*/}


/*.pma .pmn{width:100%;height:auto;overflow:hidden;}*/
.m13{width:100%;height:auto;overflow:hidden;background:#282828;}
.m13 .a12{width:100%;height:auto;overflow:hidden;margin:0 auto;}
.m13 .a12 .b14{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:0px;padding:10px 3% 20px;box-sizing: border-box;border:1px solid #383838}
.m13 .a12 .b14 .im9{width:40%;height:auto;float:left;margin-right:5%;border-radius:100px;}
.m13 .a12 .b14 .im9 img{width:100%;height:auto;}
.m13 .a12 .b14 .t23{width:55%;height:auto;overflow:hidden;float:left;font:500 36px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding-top:8px}
.m13 .a12 .b14 .t23 h4{font:300 24px/42px "Century Gothic","微軟正黑體";padding:0;margin-bottom:6px}
.bt15{width:140px; height:50px;font:28px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;/*position:absolute;right:0;top:30px*/}
.bt15:hover{border:0px solid #t363577c1;transition:all 0.3s}
.bt15 a{width:100%; height:50px;font:28px/44px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;border:2px solid #fff;box-sizing: border-box;}
.bt15 a:hover{ background:rgba(255,255,255,.2); transition:all 0.3s;}
.bt15 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}
/*20210729---template_ph_menu--左選單---會員登入候選單-----*/
.m13 .a12 .b15{width:100%;height:auto;overflow:hidden;}
.m13 .a12 .b15 .ls14{width:100%;height:auto;overflow:hidden;float:left;box-sizing: border-box;border-bottom:1px solid #383838}
.m13 .a12 .b15 .ls14 a{width:100%;height:auto;overflow:hidden;font:500 26px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding:0px 4%;background:#282828;display: block}
.m13 .a12 .b15 .ls14 a img{width:auto;height:26px; padding-bottom:4px; vertical-align:middle; margin-right:8px}
.m13 .a12 .b15 .ls14 a:hover{background:#c22b3d}
.m13 .a12 .b15 .ls14-2 a{background:#690f1a;border-bottom:15px solid #111}
	.m13 .a12 .b15 .ls14-2 a:hover{color:#fff;background:#c22b3d;}

/*20210729---template_ph_menu--左選單---標準選單-----*/
.m13 .a12 .b16{width:100%;height:auto;overflow:hidden;padding:0 0 80px 0}
.m13 .a12 .b16 .ls15{width:100%;height:auto;overflow:hidden;float:left;box-sizing: border-box;border-bottom:1px solid #383838}
.m13 .a12 .b16 .ls15 a{width:100%;height:auto;overflow:hidden;font:500 26px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding:0px 4%;background:#111;display: block;box-sizing: border-box;}
.m13 .a12 .b16 .ls15 a img{width:auto;height:26px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.m13 .a12 .b16 .ls15 a:hover{background:#1f276f}
.m13 .a12 .b16 .ls15-2 a{padding-left:40px}
.m13 .a12 .b16 .ls15-2 a:hover{}
.m13 .a12 .b16 .ls15-3{margin:0 0 80px}
/*20210729--notic_list--通知*/
.m14{width:100%;height:auto;overflow:hidden;margin:0px 0 20px 0}
.m14 .a13{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 0 0}
.m14 .a13 .ls16{width:100%;height:auto;overflow:hidden;border-bottom:1px #ccc solid;padding:10px 3%;box-sizing: border-box;}
.m14 .a13 .ls16 .im10{width:16%;height:auto;overflow:hidden;margin-right: 2%;float:left}
.m14 .a13 .ls16 .im10 img{width:100%;height:auto;}
.m14 .a13 .ls16 .b17{width:82%;height:auto;overflow:hidden;float:left}
.m14 .a13 .ls16 .b17 .t24{width:100%;height:auto;overflow:hidden;font:italic 500 22px/26px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;}
.m14 .a13 .ls16 .b17 .t25{width:100%;height:auto;overflow:hidden;font:500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;}
.m14 .a13 .ls16 .b17 .t25 span{font:700 24px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#ff0066;}
.m14 .a13 .ls16 .b17 .t25 h4{width:auto;height:30px;overflow:hidden;font:500 22px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;background:#f00011;display: inline-block;padding:2px 2%;box-sizing: border-box;border-radius:8px;vertical-align:top;margin:0 0 0 }
.m14 .a13 .ls16 .b17 .t25 .tp2{background:#6d9f15}
.m14 .a13 .ls16 .b17 .t25 .tp3{background:#5100ac}
.m14 .a13 .ls16 .b17 .t25 .tp4{background:#f57300}
.m14 .a13 .ls16 .b17 .t25 .tp5{background:#00a98b}
.m14 .a13 .ls16 .b17 .t25 .tp6{background:#185bb5}
/*20210730--news_list--*/
.m10-2{margin:0 0 20px 0;}
.m10-2 .a9{padding:0 0}

/*20210730--news_list--*/
.m10-3{margin:15px 0 20px 0;}
.m10 .a9 .b11 .im10{width:100%;height:auto;overflow:hidden;margin-bottom:10px;border-radius:10px;}
.m10 .a9 .b11 .im10 img{width:100%;height:auto;}
.m10 .a9 .b11 .t26{width:100%;height:auto;overflow:hidden;font:700 27px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;letter-spacing:-.5px;transition:all 0.3s;margin-bottom:20px}

.m10 .a9 .b11 .t26 h4{width:100%;height:auto;overflow:hidden;font:500 20px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;display: block}
.m10 .a9 .b11 .t27{width:100%;height:auto;overflow:hidden;font:500 24px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-.5px;transition:all 0.3s;margin-bottom:20px}
.m10 .a9 .b11 .t27 ul{padding-left:25px;}
.m10 .a9 .b11 .t27 ul li{ list-style:outside;list-style-type:decimal}

/*20210730--綁定名單*/
.m10 .a9 .b18{width:100%;height:auto;overflow:hidden;}
b10-2
.m10 .a9 .b18 table{width:100%;height:auto;overflow:hidden}

.m10 .a9 .b18 table tr td{padding:6px 5px;border-bottom:1px solid #ccc;font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m10 .a9 .b18  table .t28{background:#ddd}
.m10 .a9 .b18  table .t28 td{border-right:1px solid #aaa;padding:2px 5px !important;}
.m10 .a9 .b18  table tr .t29{font:700 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#b6192c}

.bt16{width:130px; height:40px;font:700 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;}
.bt16:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt16 a{width:100%; height:40px;font:700 24px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333; display:block;border-radius:100px;border:2px solid #333;box-sizing: border-box;}
.bt16 a:hover{ background:#ccc; transition:all 0.3s;}
.bt16 a img{width:auto;height:24px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}
/*20210730---exchange--兌換點數---*/
.m7 .a7 .b9-2{background:linear-gradient(90deg,#b6192c 50%,#b6192c 50%) no-repeat center/50% 3px;text-align: center;}
.t30{width:100%;height:90px;overflow:hidden;font:700 56px/84px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#b6192c;background:#fff;border-radius:8px;margin:0 auto 20px;text-align: center;letter-spacing:-1px;padding:0 20px;box-sizing: border-box;border:3px solid #b6192c}
.t30 span{width:auto;height:28px;overflow:hidden;font:500 24px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";vertical-align:top;padding-top:16px;display:inline-block;margin:0 5px;float:left}

.t30 h4{width:auto;height:28px;overflow:hidden;font:500 24px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";vertical-align:middle;padding-top:40px;display:inline-block;margin:0 0 0 5px;float:right}

.d1{width:100%;height:80px;margin:0 0 30px;}
.d1 .bt17{width:20%; height:80px; float:left}
.d1 .bt17 a{width:100%;height:80px;font:500 42px/76px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;display:inline-block; text-align:center; background:#b6192c ; border:0px solid #244b7f;border-radius:5px 0 0 5px;box-sizing: border-box;}
.d1 .bt17-2 a{border-radius:0 5px 5px 0 ;}
.d1 .bt17 a:hover{background:#d74e5f  ; color:#fff;border:0px solid #4a82cd}
.d1 input{width:60%; height:74px; border:3px solid #b6192c ; border-right:0;border-left:0; float:left; padding:0; text-align:center;font:500 32px/66px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;}
.d1 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#6b18df;}

/*down-選單*/
.m15x{width:100%;height:100px;display:none}
.m15{width:100%;height:100px;overflow:hidden;position:fixed;bottom:0;left:0;box-shadow:0 -3px 8px rgba(0,0,0,.25);
background:linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat 14.28% center/1px 100%,
linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat 28.56% center/1px 100%,
linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat 42.84% center/1px 100%,
linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat 57.12% center/1px 100%,
linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat 71.4% center/1px 100%,
linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat 85.68% center/1px 100%,
#eee;display:none}
.m15 .a14{width:100%;height:auto;overflow:hidden;}
.ls17{width:14.28%;height:auto;overflow:hidden;float:left}
.ls17 a{width:100%;height:100px;display:block;padding:15px 0 0 }
.ls17 a:hover{background:#96b8d7}

.ls17 a .im11{width:100%;height:40px;overflow:hidden;margin:0 auto 10px;text-align:center}
.ls17 a .im11 img{width:auto;height:100%;}
.ls17 a .t31{width:100%;height:auto;overflow:hidden;
font:700 18px/24px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#333;text-align:center}

/*內頁BG*/
.bg1{ background:#080808}

/*01層以後標題*/
.bgt3{width:100%;height:auto;overflow:hidden;display:block;font:500 70px/90px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center;letter-spacing:1.5px;margin:0 0 20px}
.bgt3b{color:#111;}
.bgt3c{color:#111;margin:0 0 5px}
.bgt3d{font:700 70px/90px 'Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center;letter-spacing:1.5px;;margin:0 0 0}
.bgt3 h4{font:300 32px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding-top:25px}
.bgt3d h4{padding-top:10px}

.bgt3 h5{font:300 42px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding-top:10px;letter-spacing:8px}
.bgt3 h6{font:300 42px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding-top:10px;letter-spacing:2px}

.bgt3 span{font-weight:500}

/*.bgt3 h4 br{display:none}*/

/*----------01---AI驅動的健康新時代-------------*/
.m16{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd}
.m16 .a15{width:1000px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0}
.m16 .a15 .b19{width:100%;height:auto;overflow:hidden;}
.m16 .a15 .b19 .t32{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin:0 0 40px}
.m16 .a15 .b19 .t32 h4{font:700 1em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"}
.bt18{width:260px; height:auto;font:28px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0}

.bt18:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt18 a{width:100%; height:50px;font:500 .9em/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:100px;border:0px solid #fff;box-sizing: border-box;background:rgba(255,255,255,1);letter-spacing:-.5px}
.bt18 a:hover{ background:rgba(255,255,255,.65); transition:all 0.3s;}
.bt18 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}


/*---------------03----科技為核，美學為形------------------*/
.m17{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;background:url("../../images/im5.png") no-repeat center bottom/360px auto,
url("../../images/bg1.jpg") no-repeat center/cover}

/*.m17{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;background:/*url("../../images/im5.png") no-repeat center bottom/360px auto,
url("../../images/bg1.jpg") no-repeat center/cover}*/

.m17 .a16{width:1000px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 420px}
/*.m17 .a16{width:1000px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 60px}*/
.m17 .a16 .b20{width:100%;height:auto;overflow:hidden;}

.m17 .a16 .b20 .t33{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin:0 0 40px}
.m17 .a16 .b20 .t33 h4{font:700 1em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"}




/*---------------04----科技為核，美學為形------------------*/
.m18{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;}
.m18 .a17{width:1000px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 120px}
.m18 .a17 .b21{width:100%;height:auto;overflow:hidden;}

.m18 .a17 .b21 .t34{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin:0 0 40px}
.m18 .a17 .b21 .t34 h4{font:700 1em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"}

/*.m18 .a17 .b21 .im12{width:800px;height:auto;overflow:hidden;margin:0 auto 10px;position:relative}*/



.m18 .a17 .b21 .im12{width:800px;height:auto;overflow:hidden;margin:0 auto 10px;position:relative;animation:ts  auto ease-out; 
transform-origin: 0 10%;animation-timeline:scale();}

@keyframes ts{ 
 from {transform: scaleX(0) ;} 
to {transform: scaleX(1);}
}


.m18 .a17 .b21 .im12 img{width:100%;height:auto;}
/*.m18 .a17 .b21 .im12 .cv2{width:32px;height:32px;overflow:hidden;position: absolute; top:240px;left:350px;z-index:2;animation:go6 .4s ease-out 0s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running;}*/

.m18 .a17 .b21 .im12 .cv2{width:80px;height:80px;overflow:hidden;position: absolute; top:216px;left:330px;z-index:2;animation:go6 .4s ease-out 0s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running;}

@keyframes go6{ 
  0% {opacity:.8} 
  10% {opacity:.4} 
  20% {opacity:.15}
   50% {opacity:.75}
  90% {opacity:.55}
100% {opacity:.2}
}


/*---------------05----持久續航時刻待命------------------*/
.m19{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;;background:url("../../images/bg1.jpg") no-repeat center/cover}
.m19 .a18{width:100%;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 }
.m19 .a18 .b22{width:1000px;height:auto;overflow:hidden;margin:0 auto} 

.m19 .a18 .b22 .t35{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin:0 0 60px}
.m19 .a18 .b22 .t35 h4{font:700 1em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"}

.m19 .a18 .b22b{width:1200px;height:auto;overflow:hidden;margin:0 auto}

.ls18{width:27.3%;height:auto;overflow:hidden;float:left;margin:0 2% 0;float:left;padding:154px 0 0 }
.ls18 .im13{width:100%;height:auto;overflow:hidden;border-radius: 100%}
.ls18 .im13 img{width:100%;height:auto;}

.ls18b{width:33.3%;height:auto;overflow:hidden;float:left;margin:0 2% 0;float:left}
.ls18b .im14{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.ls18b .im14 img{width:100%;height:auto;}

.ls18b .t36{width:100%;height:auto;overflow:hidden;
font:italic 500 28px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin:0 0 60px;text-align:center}
.ls18b .t36 h4{
font:italic 700 60px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-2px;display: inline-block;margin-right:10px}
.ls18b .t36 img{width:auto;height:24px;padding-top:28px; vertical-align:top; margin-right:-1px}



.ls18b .t36 .ic1{width:30px;height:30px;display: inline-block;vertical-align: top;margin-right:-10px;padding-top:42px;
background: url("../../images/ic9.png"), linear-gradient(rgba(110,200,0,1) 0%,rgba(60,150,0,1) 80%);
background-blend-mode:hard-light;
background-repeat: no-repeat;
background-position:center;
animation:go9 2s ease-out 0s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running;background-size:cover;transform:scale(1);background-size:15px 30px,15px 0px;}

@keyframes go9 { 
  0% {} 
100% {background-size:15px 30px,15px 20px;}
}


/*---------------06----5ATM防水等級------------------*/
.m20{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;background:url("../../images/bg2.jpg") no-repeat right center/720px auto #fff}
.m20 .a19{width:100%;min-height:300px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 }
.m20 .a19 .b23{width:900px;height:auto;overflow:hidden;margin:0 auto} 

.m20 .a19 .b23 .t37{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:center;margin:0 0 30px}
.m20 .a19 .b23 .t37 h4{font:400 16px/40px "Times New Roman",'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase}
.m20 .a19 .b23b{width:900px;height:auto;overflow:hidden;margin:0 auto;text-align:center;} 
	
.ls19{width:56px;height:auto;overflow:hidden;margin:0 4px 0;padding:5px;border:1px solid #aaa;background:rgba(2555,255,255,.85);display:inline-block;box-sizing: border-box;border-radius:6px}
.ls19 img{width:100%;height:auto;}

/*---------------07----每日健康報告(多種數據)------------------*/

.bgt4{width:100%;height:auto;overflow:hidden;display: inline-block;font:500 56px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align: left;letter-spacing:1.5px;margin:0 0 10px}
.bgt4b{color:#fff}
.bgt4 h4{font:300 32px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding-top:10px}
/*.bgt4 h4 br{display:none}*/

.m21{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;border-top:1px solid #e8e8e8;background:#fff}
.m21 .a20{width:100%;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 60px;}
.m21 .a20 .b24{width:1200px;height:auto;overflow:hidden;margin:0 auto} 
.m21 .a20 .b24 .im15{width:40%;height:auto;overflow:hidden;float:left}
.m21 .a20 .b24 .im15 img{width:100%;height:auto;}
.m21 .a20 .b24 .c2{width:calc(100% - 42%);height:auto;overflow:hidden;margin:0 auto;float:right;padding:110px 0 0 } 
.m21 .a20 .b24 .c2 .t38{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:left;margin:0 0 0;padding:0 0 0;text-align:left}
.m21 .a20 .b24 .c2 .t38 h4{font:400 16px/40px "Times New Roman",'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase}
	
/*---------------08----各種情境照------------------*/
.m22{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;border-top:1px solid #d8d8d8;background:#fff}
.m22 .a21{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:120px 0 0;}
.m22 .a21 .b25{width:100%;height:auto;overflow:hidden;margin:0 auto} 
.m22 .a21 .b25 .im16{width:49.9%;height:auto;overflow:hidden;float:left}
.m22 .a21 .b25 .im16 img{width:100%;height:auto;}
.m22 .a21 .b25 .im16b{float:right}




/*---------------09----心率+變異+血氧功能(詳細)------------------*/
.m23{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;}
.m23 .a22{width:100%;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 120px}
.m23 .a22 .b26{width:90%;height:auto;overflow:hidden;margin:0 auto;padding:40px 0 0}

.ls20{width:30.3%;height:auto;overflow:hidden;margin:0 1.5% 0;border:1px solid #3a2b6c;display:block;box-sizing: border-box;border-radius:36px;padding:25px;box-sizing: border-box;background:linear-gradient(0deg,rgba(130,90,250,.20) 20%,rgba(140,20,240,.06) 80%) no-repeat center top;float:left}
.ls20 .im17{width:100%;height:auto;overflow:hidden;margin:0 0 10px}
.ls20 .im17 img{width:100%;height:auto;}
.ls20 .t39{width:100%;height:auto;overflow:hidden;
font:700 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin:0 0 5px}
.ls20 .t40{width:100%;height:108px;overflow:hidden;
font:300 18px/27px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;text-align:justify;text-justify: inter-ideograph;}


/*---------------10----睡眠功能+助眠音樂(詳細)------------------*/

.bn2{width:100%;height:600px;overflow:hidden;background: url(../../images/bg3.jpg) no-repeat center -50px/cover;position:relative;margin:0 0 0}

.bn2 .t41{width:600px;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align: left;position:absolute;right:300px;top:240px;text-shadow:0 2px 10px rgba(255,255,225,.35)}

.bn2 .t41 span{color:#fff}
.bn2 .t41 h4{font:500 32px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}

.bn2 .t41 h5{font:300 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}

.m24{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;}
.m24 .a23{width:100%;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:80px 0 80px}
.m24 .a23 .b27{width:90%;height:auto;overflow:hidden;margin:0 auto}

.ls21{width:47%;height:auto;overflow:hidden;margin:0 1.5% 0;border:1px solid #3a2b6c;display:block;box-sizing: border-box;border-radius:36px;padding:25px;box-sizing: border-box;background:linear-gradient(0deg,rgba(130,90,250,.20) 20%,rgba(140,20,240,.06) 80%) no-repeat center top;float:left}
.ls21 .im18{width:26%;height:auto;overflow:hidden;margin:0 ;float:left}
.ls21 .im18 img{width:100%;height:auto;}
.ls21 .c3{width:calc(100% - 30%);height:auto;overflow:hidden;float:right}

.ls21 .c3 .im19{width:100%;height:auto;overflow:hidden;margin:0 0 15px}
.ls21 .c3 .im19 img{width:100%;height:auto;}
.ls21 .c3 .t42{width:100%;height:auto;overflow:hidden;
font:700 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;margin:0 0 5px}
.ls21 .c3 .t42 img{width:auto;height:24px;padding-bottom:4px;vertical-align:middle; margin-right:5px;display: inline-block}
.ls21 .c3 .t43{width:100%;height:108px;overflow:hidden;
font:300 18px/27px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:justify;text-justify: inter-ideograph;}
/*---------------11----運動功能(詳細)------------------*/

.m25{width:100%;height:1000px;overflow:hidden;background: #111;position: relative;margin-bottom:0}

.m25 .cv3{width:100%;height:100%;overflow:hidden;position: absolute; top:0;left:0;z-index:2;background:rgba(0,0,0,.45)}
.m25 video{width:120%;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:-6% 0 0 -15%}

.m25 .a24{width:100%;height:auto;overflow:hidden;position:absolute;top:0;left:0%;z-index:3;}
.m25 .a24 .b28{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0 80px}
.m25 .a24 .b28 .c4{width:calc(100% - 36%);height:auto;overflow:hidden;margin:0 auto;float:left;padding:30px 0 0 } 
.m25 .a24 .b28 .c4 .t45{width:100%;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;margin:0 0 20px}
.m25 .a24 .b28 .c4 .t45 h4{font:500 32px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}
.m25 .a24 .b28 .c4 .t45 h5{font:300 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}


.m25 .a24 .b28 .c4 .t46{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;margin:0 0 0;padding:0 0 0;text-align:left}
.m25 .a24 .b28 .c4 .t46 h4{font:400 16px/40px "Times New Roman",'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase}
	
/*.m25 .a24 .b28 .c5{width:100%;height:auto;overflow:hidden;margin:0 auto;float:left;padding:30px 0 0 } */

.ls22{width:47%;height:auto;overflow:hidden;margin:0 3% 0 0;border:1px solid #3a2b6c;display:block;box-sizing: border-box;border-radius:15px;padding:25px 25px 8px ;box-sizing: border-box;background:linear-gradient(0deg,rgba(255,255,255,.70) 20%,rgba(255,255,255,.40) 80%) no-repeat center top;float:left;background:#fff}
.ls22 .im20{width:100%;height:auto;overflow:hidden;margin:0 0 10px}
.ls22 .im20 img{width:100%;height:auto;}
.ls22 .t47{width:100%;height:auto;overflow:hidden;
font:700 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:center;margin:0 0 5px}
.ls22 .t47 img{width:auto;height:24px;padding-bottom:6px;vertical-align:middle; margin-right:0px;display: inline-block}
.ls22 .t48{width:100%;height:108px;overflow:hidden;
font:300 18px/27px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;text-align:justify;text-justify: inter-ideograph;}



/*---------------12關懷圈功能(詳細)------------------*/

.m26{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;
background:url("../../images/im22.png") no-repeat -18% bottom/auto 90%,
url("../../images/bg4.jpg") no-repeat center/cover}

.m26 .a25{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0 100px}
.m26 .a25 .b29{width:64%;min-height:700px;height:auto;overflow:hidden;margin:0 auto;float: right}
.m26 .a25 .b29 .c5{width:100%;height:auto;overflow:hidden;margin:0 auto;float:left;padding:30px 0 0 } 
.m26 .a25 .b29 .c5 .t48{width:100%;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0 0 10px}
.m26 .a25 .b29 .c5 .t48 h4{font:500 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}

.m26 .a25 .b29 .c5 .t49{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:left;margin:0 0 0;padding:0 0 0;text-align:left}
.m26 .a25 .b29 .c5 .t49 h4{font:400 16px/40px "Times New Roman",'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase}

.ls23{width:47%;height:auto;overflow:hidden;margin:0 3% 0 0;border:1px solid #3a2b6c;display:block;box-sizing: border-box;border-radius:15px;padding:25px 25px 8px ;box-sizing: border-box;background:linear-gradient(0deg,rgba(255,255,255,.70) 20%,rgba(255,255,255,.40) 80%) no-repeat center top;float:left;background:#fff}
.ls23 .im21{width:100%;height:auto;overflow:hidden;margin:0 0 10px}
.ls23 .im21 img{width:100%;height:auto;}
.ls23 .t50{width:100%;height:auto;overflow:hidden;
font:700 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:center;margin:0 0 5px}
.ls23 .t50 img{width:auto;height:24px;padding-bottom:6px;vertical-align:middle; margin-right:0px;display: inline-block}


/*---------------13女性週期+健康專欄------------------*/

.m27{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;
background:url("../../images/im25.png") no-repeat right bottom/auto 100%,
url("../../images/bg6.jpg") no-repeat left center/cover; }

.m27 .a26{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:100px 0;}
.m27 .a26 .b30{width:100%;min-height:700px;height:auto;overflow:hidden;margin:0 auto;}
.m27 .a26 .b30 .c6{width:100%;height:auto;overflow:hidden;margin:0 auto;float:left;padding:30px 0 0;text-align:center} 
.m27 .a26 .b30 .c6 .t51{width:100%;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0 0 10px}
.m27 .a26 .b30 .c6 .t51 h4{font:500 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}

.m27 .a26 .b30 .c6 .t52{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:left;margin:0 0 0;padding:0 0 0;}
.m27 .a26 .b30 .c6 .t52 h4{font:400 16px/40px "Times New Roman",'Noto Sans TC',"Century Gothic","微軟正黑體";text-transform:uppercase}

.m27 .a26 .b30 .c7{width:800px;height:auto;overflow:hidden;margin:0 auto;padding:25px 0 0;text-align:center} 

.ls24{width:47%;height:auto;overflow:hidden;margin:0 3% 0 0;border:1px solid #3a2b6c;display:block;box-sizing: border-box;border-radius:15px;padding:12px 25px 20px ;box-sizing: border-box;background:linear-gradient(0deg,rgba(255,255,255,.70) 20%,rgba(255,255,255,.40) 80%) no-repeat center top;float:left;background:#fff}
.ls24 .im22{width:100%;height:auto;overflow:hidden;margin:0 0 5px}
.ls24 .im22 img{width:100%;height:auto;}
.ls24 .t53{width:100%;height:auto;overflow:hidden;
font:700 24px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:left;margin:0 0 0px}

.ls24 .t53 img{width:auto;height:24px;padding-bottom:6px;vertical-align:middle; margin-right:0px;display: inline-block}
.ls24 .t54{width:100%;height:108px;overflow:hidden;
font:400 18px/27px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;margin:0 0 0px;text-align:justify;text-justify: inter-ideograph;}

/*---------------14沛能戒專屬充電倉------------------*/

.m28{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;background:url("../../images/bg7.jpg") no-repeat right center/cover; }
.m28 .a27{width:1200px;height:700px;overflow:hidden;margin:0 auto;padding:60px 0;box-sizing: border-box;}
.m28 .a27 .im23{width:45%;height:auto;overflow:hidden;float:left;animation:go7 1.2s ease-in-out 0s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running;}
@keyframes go7{ 
  0% {padding:40px 0 0; filter:brightness(120%)} 
100% {padding:0px 0 0;filter:brightness(95%)}
}
.m28 .a27 .im23 img{width:100%;height:auto;}

.m28 .a27 .b31{width:calc(100% - 47%);height:auto;overflow:hidden;float:right;padding:120px 0 0}

.m28 .a27 .b31 .t55{width:100%;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;margin:0 0 20px}
.m28 .a27 .b31 .t55 h4{font:500 32px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}

.m28 .a27 .b31 .t56{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;margin:0 0 0;padding:0 0 0;}



/*---------------15-沛能戒戒圍測量盒------------------*/

.m29{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;
background:url("../../images/im29.png") no-repeat 66% bottom/auto 95%,
url("../../images/bg8.jpg") no-repeat right center/cover; }
.m29 .a28{width:1200px;height:900px;overflow:hidden;margin:0 auto;padding:0 0;box-sizing: border-box;}

.m29 .a28 .b32{width:calc(100% - 47%);height:auto;overflow:hidden;float:left;padding:120px 0 0}
.m29 .a28 .b32 > div{float:left}
.m29 .a28 .b32 .t57{width:100%;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0 0 25px}
.m29 .a28 .b32 .t57 h4{font:500 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 0 0}

.m29 .a28 .b32 .t58{width:100%;height:auto;overflow:hidden;
font:300 1.3em/1.6em 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:left;margin:0 0 25px;padding:0 0 0;}
.m29 .a28 .b32 .im24{width:300px;height:auto;overflow:hidden}
.m29 .a28 .b32 .im24 img{width:100%;height:auto;}



/*---------------16-規格------------------*/

.m30{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;background:#fff }
.m30 .a29{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:120px 0;box-sizing: border-box;}

.m30 .a29 .b33{width:100%;height:auto;overflow:hidden;box-sizing: border-box;margin-bottom:20px;border-radius:0px;}
.m30 .a29 .b33 .accordion-header{/*border-radius:0px;*/}
.m30 .a29 .b33 .accordion-header .accordion-button{padding:5px 20px;box-sizing: border-box!important;font:500 24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;border-radius:0px;background:#fff}
.m30 .a29 .b33 .accordion-header .accordion-button::before{font:700 12px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#ccc;content:'◢';vertical-align:top;padding-top:6px;margin-right:8px;}
.m30 .a29 .b33 .accordion-collapse .accordion-body{padding:0}
.t59{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";border:0px solid #ccc;border-top:0;border-bottom:0;box-sizing: border-box;padding:10px 40px;color:#082576}
.t59 > ul{padding-left:25px;}
.t59 > ul > li{ list-style:outside;list-style-type:disc;}
.t59 > ul > li ul{padding-left:25px;}
.t59 > ul > li ul li{ list-style:outside;list-style-type:circle}
/*16-沛能戒戒圍測量盒--規格文案之列表*/
.ls25{width:27.3%;height:auto;overflow:hidden;margin:0 6% 8px 0;float:left;border-bottom:1px dashed #aaa;padding:0 0 8px}
.ls25b{padding:0 0 0px;margin:0 6% 0 0;border:0}
.ls25 .t60{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#082576}
.ls25 .t60 h4{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111}



/*---------------FOOTER追加訂購按鈕 ------------------*/

.m31{width:100%;height:auto;overflow:hidden;margin-bottom:0;background:#fff;position:fixed;bottom:0;left:0;z-index:999;border-top:1px solid #eee;box-shadow:0 -2px 8px rgba(0,0,0,.15)}
.m31x{width:100%;height:80px;}
.m31 .a30{width:96%;height:auto;overflow:hidden;margin:0 auto;padding:20px 0}
.m31 .a30 .lg2{width:auto;height:40px;overflow:hidden;float:left}
.m31 .a30 .lg2 img{width:auto;height:100%;}

.m31 .a30 .t61{width:180px;height:auto;overflow:hidden;font:800 24px/40px vardana,'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;display: inline-block;float: right;text-align: right;margin-right:20px;letter-spacing:-.5px}

.bt19{width:150px; height:auto;font:20px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;float:right}
.bt19:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt19 a{width:100%; height:40px;font:500 20px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;border:0px solid #fff;box-sizing: border-box;background:#0e5093;letter-spacing:-.5px}
.bt19 a:hover{ background:#2380a8; transition:all 0.3s;font:500 22px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
.bt19 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}


/*---------------02-功能介紹------------------*/

.m32{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;background: url("../../images/bg9.jpg") no-repeat center/cover;}
.m32 .a31{width:900px;height:auto;margin:0 auto;padding:100px 0 120px}

/*--↓大橫幅-空間布局--*/
.bnr1{ width:100%; height:615px;  line-height:0;margin:0 auto 0;}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/

.bnr1 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0; height:540px; overflow:hidden; display:block;box-sizing: border-box;border-radius:25px;box-shadow:0 2px 8px rgba(255,255,255,0) }
.bnr1 .carousel-inner > .carousel-item a img{ width:100%; padding:0 0 0; height:100%; overflow:hidden; display:block;border-radius:25px;border:1px solid #444;;box-sizing: border-box;}
/*--↓大橫幅-圓點Page控制--*/
.bnr1 .carousel-indicators{height:6px}
.bnr1 .carousel-indicators button{ height:1px; width:25%; background-color:rgba(255,255,255,.75); border:0px solid #26b7bc; margin:0 0px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:0;transition:all 0.3s;margin:2px 0}
.bnr1 .carousel-indicators button:hover{background-color:#0e5093;transition:all 0.3s;border:0px solid #0e5093}
.bnr1 .carousel-indicators button:focus{background-color:#0e5093;border:0px solid #0e5093 !important;}
.bnr1 .carousel-indicators button.active{background-color:#0e5093;border:0px solid #0e5093 !important;height:6px;margin:0px 0}
.bnr1 .carousel-indicators{ bottom:20px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bnr1 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s}
.bnr1 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/

.bnr1 .carousel-control-prev-icon{}
.bnr1 .carousel-control-next, 
.bnr1 .carousel-control-prev{opacity:1;background:rgba(0,0,0,0)!important;border:0}
/*--控制左右鍵尺寸--*/
.bnr1 .carousel-control-prev{font-size:50px;left:-150px;bottom:auto;top:42%}
.bnr1 .carousel-control-next{ font-size:50px;right:-150px;;bottom:auto;top:42%}

/*--控制左右鍵寬度--*/
.bnr1 .carousel-control.left,
.bnr1 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}


/*-----------------contact_view.asp---------------------*/
.bn3{width:100%;height:400px;overflow:hidden;background: url(../../images/cv/bn1.jpg) no-repeat center top;margin-bottom:50px;animation:go8 2s ease-out 0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0;background-size:cover;transform:scale(1)}

@keyframes go8 { 
  0% {} 
100% {opacity:1;background-size:cover;transform:scale(1.0);}
}

.m33{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;background:#fff }
.m33 .a32{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0;box-sizing: border-box;}
.m33 .a32 .im25{width:42%;height:auto;overflow:hidden;float: left}
.m33 .a32 .im25 img{width:100%;height:auto;}
.m33 .a32 .b34{width:calc(100% - 46%);height:auto;overflow:hidden;float: right}

.m33 .a32 .b34 .t62{width:100%;height:auto;overflow:hidden;font:500 24px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;margin:0 0 10px 0}
.m33 .a32 .b34 .t63{width:100%;height:auto;overflow:hidden;font:500 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;margin:0 0 30px 0}
.m33 .a32 .b34 .t63 span{font:800 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#d3064e;}

.ls26{width:100%;height:auto;overflow:hidden;margin:0 6% 12px 0;float:left;border-bottom:1px solid #ddd;padding:0px 0 12px;float:left}

.ls26 .t64{width:25%;height:auto;overflow:hidden;font:400 20px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;float: left;text-align: right;margin:0 4% 0 0 }
.ls26 .t64b:before{content:'＊';font:700 14px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#d3064e;display:inline;vertical-align: top;margin-right:10px}
.ls26 .in4{width:calc(100% - 29%);height:50px;overflow:hidden;float: left;font:300 20px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #ccc;padding:0 20px;box-shadow:0 0px 3px rgba(0,0,0,.15) inset;ffloat:left;}


.ls26 .in5{width:30%;height:50px;overflow:hidden;float: left;font:700 20px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 3px rgba(0,0,0,.15) inset;float:left;background:#fff}

.ls26 .in6{width:30%;height:50px;overflow:hidden;float: left;font:300 20px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #ccc;padding:0 20px;box-shadow:0 0px 3px rgba(0,0,0,.15) inset;float:left;}

.ls26 .c8{width:calc(100% - 29%);height:auto;overflow:hidden;float: left}
.ls26 .c8 .in7{width:49%;height:50px;overflow:hidden;float: left;font:300 20px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #aaa;padding:0 20px;box-shadow:0 0px 3px rgba(0,0,0,.15) inset;float:left;background:#fff;margin:0 0 10px}
.ls26 .c8 .in7b{margin-left:2%}

.ls26 .c8 .in8{width:100%;height:50px;overflow:hidden;float: left;font:300 20px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #000;box-sizing: border-box;border-radius:6px;border:1px solid #ccc;padding:0 20px;box-shadow:0 0px 3px rgba(0,0,0,.15) inset;float:left;}

.ls26 .t67{width:calc(100% - 29%);height:auto;overflow:hidden;font:500 24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;}
.ls26 .t67 h4{font:italic 700 20px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;}
.ls26 .t67 h4 span{font:italic 700 32px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#ff0a6c;}
.ls26 .im26{width:auto;height:50px;overflow:hidden;float: left}
.ls26 .im26 img{width:100%;height:100%;}

.bt20{width:200px; height:auto;font:20px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;float:right;margin: 20px 0 0}
.bt20:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt20 a{width:100%; height:60px;font:500 24px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;border:0px solid #fff;box-sizing: border-box;background:#0e5093;letter-spacing:-.5px}
.bt20 a:hover{ background:#2380a8; transition:all 0.3s;color:#fff;}
.bt20 a img{width:auto;height:28px;display:inline-block; padding:0 0 6px; margin-right:2px;vertical-align:middle}

.bt20b{width:200px; height:auto;font:20px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s;float:right;margin:20px 0 0;background:#0e5093;}
.bt20b:hover{border:0px solid #3577c1;transition:all 0.3s;background:#2380a8;}

.bt20b img{width:auto;height:30px;display:inline-block; padding:0 0 4px; margin-right:2px;vertical-align:middle}
/*contact_OK*/
.m33 .a32 .b35{width:100%;height:auto;overflow:hidden}
.m33 .a32 .b36{width:100%;height:auto;overflow:hidden;text-align:center;margin:0 auto 40px}
.t65{width:96%;min-height:100px; height:auto;overflow:hidden;font:500 24px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; letter-spacing:-.5px;margin:0 auto 20px;text-align:center}
.t65 h4{font:500 36px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; text-align:center; margin-bottom:8px}
.t65 h4 img{width:auto;height:38px; padding-bottom:6px; vertical-align:middle; margin-right:0px}

.bt21{width:auto; height:70px;font:700 28px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px; padding:0 50px;border:0px solid #e95377; transition:all 0.3s;margin:0 12px 0; background:#222}
.bt21 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt21:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s}
.bt21 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333; }
.bt21 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;}

/*-----------------contact_view.asp---------------------*/
.bn4{width:100%;height:400px;overflow:hidden;background: url(../../images/aa2/bn1.jpg) no-repeat center top;margin-bottom:50px;animation:go8 2s ease-out 0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0;background-size:cover;transform:scale(1)}
.m34{width:100%;height:auto;overflow:hidden;;position: relative;margin-bottom:0;background:#fff }
.m34 .a33{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0;box-sizing: border-box;}
.m34 .a33 .im27{width:62%;height:auto;overflow:hidden;float: left}
.m34 .a33 .im27 img{width:100%;height:auto;}
.m34 .a33 .b37{width:calc(100% - 68%);height:auto;overflow:hidden;float: left;padding:8px 2% 2% 2%;box-sizing: border-box;}

.ls27{width:300px;height:auto;overflow:hidden;margin-bottom:30px; float:left;padding:20px;box-sizing: border-box;border:1px solid #ccc;border-radius:25px;box-shadow:0 3px 12px rgba(0,0,0,.18);}
.ls27 .im28{width:75%;height:auto;margin:0 auto 6px}
.ls27 .im28 img{width:100%;height:auto;}
.ls27 .t66{width:100%;height:auto;overflow:hidden;font:700 36px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";color: #111;text-align: center;margin-bottom:15px;}
.bt22{width:100%; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;box-shadow:0 3px 12px rgba(0,0,0,0)}
.bt22:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt22 a{width:100%; height:60px;font:24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#0a4a8f; }
.bt22 a:hover{ background:#2f9acb; border:0px solid #3577c1;transition:all 0.3s;}
.bt22 a img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:1px;}
/*手機漢堡選單2-用選單下滑套件版本--驅動按鈕*/
.mn4{width:auto;height:50px;float:right;margin-top:19px;display:none;background:none;border:0;padding:4px 0px 0;margin-left:6px}
.mn4:hover{background:none!important;border:0px!important}
.mn4:focus{background:none!important}
.mn4 img{width:auto;height:100%;transition:all 0.3s;filter:contrast(100%);-webkit-filter:contrast(100%);}
.mn4 img:hover{width:auto;height:100%;transition:all 0.3s;filter:contrast(180%);-webkit-filter:contrast(180%);}

/*手機漢堡選單2-用選單下滑套件版本--選單介面*/
.m35{width:100%;min-height:80vh;height:auto;overflow:auto;background:#080808}

.m35 .offcanvas-header{font:500 32px/15px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-transform:uppercase;letter-spacing:-2px;color:#fff;background:#080808;padding:0px 12px 3px 18px}
.m35 .offcanvas-header .btn-close{width:42px;height:42px;transition:all 0.3s;font:300 42px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%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;margin:5px 0 0 }
.m35 .offcanvas-header .btn-close:hover{transition:all 0.3s}
/*手機漢堡選單2-MENU下拉套件*/
.m35 .a34{width:100%;height:500px;overflow:auto;box-sizing: border-box;margin-bottom:20px;border-radius:0px;padding:6px 12px 12px}
.m35 .a34 .accordion-header{border:0px solid #ccc!important;
border-bottom:0px solid #333!important}
.m35 .a34 .accordion-header .accordion-button{padding:6px;box-sizing: border-box!important;font:700 30px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;border-radius:0px;background:#080808;border:0px solid #ccc!important}
.m35 .a34 .accordion-collapse .accordion-body{padding:0}
/*.m35 .a34 .accordion {--bs-accordion-border-width:0px}*/
.m35 .a34 .accordion-item{border:0!important}
.t68{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";border:0px solid #ccc;border-top:0;box-sizing: border-box;padding:10px 10px;color:#082576;background:#080808}
.t68 > ul{padding-left:25px;}
.t68 > ul > li{ list-style:outside;list-style-type:disc;}
.t68 > ul > li ul{padding-left:25px;}
.t68 > ul > li ul li{ list-style:outside;list-style-type:circle}
/*16-沛能戒戒圍測量盒--規格文案之列表*/

.ls28{width:100%;height:auto;overflow:hidden;margin:0 0% 0px;float:left;padding:0 0 0px;}
.ls28 a{width:100%;height:56px;overflow:hidden;font:400 24px/48px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;display:block;border-bottom:0px dotted #888!important;box-sizing: border-box;padding:2px 0 ; text-align:left;background:#080808;border-radius:0px}
.ls28 a:hover{color:#fff;background:#0d1e4b;}
.ls28 a::before{font:700 12px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";content:'◢';color:#888;margin-right:12px;vertical-align:top;padding-top:12px;display:inline-block;}
.ls28 a:hover::before{color:#fff;}
.ls28b{padding:0 0 0px;margin:0 6% 0 0;border:0}

.ls28 .t69{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#082576;border:0px solid #ccc!important}
.ls28 .t69 h4{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111}

.m35 .a34 .accordion-button:not(.collapsed)::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%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")}
.accordion-button::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%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")}

/*---------------03----科技為核，美學為形---(改版)-------------*/
.m17b{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;background:url("../../images/bg10.jpg") no-repeat center top/cover}

/*.m17{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;background:/*url("../../images/im5.png") no-repeat center bottom/360px auto,
url("../../images/bg1.jpg") no-repeat center/cover}*/
.m17b .a16{width:1000px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 40px}
/*.m17 .a16{width:1000px;min-height:500px; height:auto;overflow:hidden;margin:0 auto;padding:120px 0 60px}*/
.m17b .a16 .b20{width:100%;height:auto;overflow:hidden;}

.m17b .a16 .im29{width:245px;height:auto;overflow:hidden;margin:20px auto;}
.m17b .a16 .im29 img{width:100%;height:auto;}

.m17b .a16 .im30{width:336px;height:auto;overflow:hidden;margin:0 auto 0;}
.m17b .a16 .im30 img{width:100%;height:auto;}

.m17b .a16 .b20 .t70{width:100%;height:auto;overflow:hidden;
font:500 28px/52px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:center;margin:-80px 0 80px}
.m17b .a16 .b20 .t70 h4{font:400 24px/38px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:10px}

/*產品規格----table版--*/
.m36{width:100%;min-height:500px;height:auto;overflow:auto;background: url("../../images/bg11.jpg") no-repeat center/cover;}
.m36 .a35{width:1000px;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 130px;box-sizing: border-box;}
.m36 .a35 .b38{width:100%;height:auto;overflow:hidden;padding:20px 0 0 }
.bx1{width:100%;height:auto;overflow:hidden;border:0px solid #333;background:rgba(0,0,0,.85);box-sizing: border-box;}
.bx1 table{width:100%;height:auto;overflow:hidden;border:1px solid #222;border-right:0;border-bottom:0;box-sizing: border-box;}
.bx1 table tr td{height:36px;border:1px solid #222;border-left:0;border-top:0;padding:6px 12px;font:300 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#ccc}
.bx1 table tr .t71{width:25%;background:rgba(50,50,50,.5);color:#aaa}
.bx1 table tr .t72{width:75%;background:rgba(50,50,50,.35);color:#fff}
.bx1 table tr .t71b{width:25%;background:#03162a;color:#aaa}
.bx1 table tr .t72b{width:75%;background:#122235;color:#fff}

.m36 .a35 .b38 .t73{width:100%;height:auto;overflow:hidden;
font:400 24px/52px 'Noto Serif TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;margin-bottom:10px}

.m36 .a35 .b38 .t73::before{content:'◇';
font:400 14px/52px 'Noto Serif TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;vertical-align:top;margin-right: 10px}



/*戒指VS手錶----table--*/
.m37{width:100%;min-height:500px;height:auto;overflow:auto;background:
url("../../images/bg12.jpg") no-repeat center/cover;}
.m37 .a36{width:1000px;height:auto;overflow:hidden;margin:0 auto;padding:100px 0 130px;box-sizing: border-box;}
.m37 .a36 .b39{width:100%;height:auto;overflow:hidden;padding:20px 0 0 }

.m37 .a36 .b39{width:100%;}

.bx2{width:100%;height:auto;overflow:hidden;border:0px solid #333;background:rgba(0,0,0,.85);box-sizing: border-box;}
.bx2 table{width:100%;height:auto;overflow:hidden;border:1px solid #222;border-right:0;border-bottom:0;box-sizing: border-box;}
.bx2 table tr td{height:36px;border:1px solid #282828;border-left:0;border-top:0;padding:6px 12px;font:300 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#ccc}
.bx2 table tr td{height:36px;border:1px solid #282828;border-left:0;border-top:0;padding:8px 12px;font:400 18px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#ccc}ㄠ
.bx2 table tr .t74{width:26%;background:rgba(50,50,50,.5);color:#aaa}
.bx2 table tr .t75{width:37%;background:rgba(50,50,50,.35);color:#fff;position:relative}
.bx2 table tr .t74b{width:26%;background:rgba(0,0,0,.5);color:#fff;}
.bx2 table tr .t75b{width:37%;background:#122235;color:#fff;border-right:1px solid #264468}
.bx2 table tr .t75c{width:37%;background:#122235;color:#fff}
.bx2 table tr .t75d{width:37%;background:rgba(50,50,50,.35);color:#fff;font:400 42px/60px 'Noto Serif TC',"Century Gothic","微軟正黑體"; color:#fff;position:relative}

.m37 .a36 .b39 .t76{width:100%;height:auto;overflow:hidden;
font:400 24px/52px 'Noto Serif TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;margin-bottom:10px}

.m37 .a36 .b39 .t76::before{content:'◇';
font:400 14px/52px 'Noto Serif TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:left;vertical-align:top;margin-right: 10px}

.ls29{width:100%;height:auto;overflow:hidden;padding:30px 0 0}
.ls29 .im31{width:60%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0 0 0 }
.ls29 .im31 img{width:100%;height:auto;}
.ls29 .t77{width:100%;height:auto;overflow:hidden;
font:500 32px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin-bottom:10px}
.ls29 .t77 h4{width:100%;height:auto;overflow:hidden;
font:300 18px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;margin-bottom:10px;text-transform: uppercase}



.ic2{width:38px;height:38px;overflow:hidden;position:absolute;right:24px; top:19px}
.ic2 img{width:100%;height:100%;vertical-align:top}

.ic3{width:38px;height:38px;overflow:hidden;position:absolute;right:24px; top:6px}
.ic3 img{width:100%;height:100%;vertical-align:top}