@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;color:#111}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; min-width:640px;width:640px;
min-height:100vh; display:flex; flex-direction:column;background:#fff;margin:0 auto}
input:focus{outline:none}
/*TOP整體下滑介面設定*/
.m0{ width:100%; height:auto; overflow:hidden; }
.m0-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}
.top-bar{position:fixed;top:0px; z-index:100; height:172px;transition:all 0.3s; background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;}
.bg1{background:linear-gradient(90deg,#f5f5f5 50%,#f5f5f5 50%) no-repeat center top/640px 500vh ,url(../../images/bg.jpg) no-repeat  center/cover;background-attachment: fixed;/*height:100vh*/; z-index: 2}
.mt1{width:640px/*;min-height:100vh*/;height:auto;overflow:hidden;/*position:fixed;left:50%;top:0;margin-left:-300px*/;background:rgba(245,245,245,.95);margin:0 auto;}
.m1{width:640px;height:auto;overflow:hidden;background: #268f3b;box-shadow:0 2px 8px rgba(0,0,0,.25);position:fixed;top:0;left:50%;margin:0 0 0 -320px;z-index:99;
background:linear-gradient(180deg,#268f3b 20%,#51a034 90%) no-repeat center top}
.m1x{width:100%;height:100px;}
.m1 .a1{width:92%;height:100px;overflow:hidden;margin:0 auto;position:relative}
.m1 .a1 .lg1{width:150px;height:auto;margin:0 0 0 -75px;position:absolute;left:50%;top:18px}
.m1 .a1 .lg1 img{width:100%;height:auto;}
.m1 .a1 .mn1{width:54px;height:auto;float:left;margin:25px 0 0 11px}
.m1 .a1 .mn1 img{width:100%;height:auto;transition:all 0.3s;filter:brightness(100%)}
.m1 .a1 .mn1 img:hover {transform:rotate(0deg) scale(1); transition:all 0.3s;filter:brightness(150%)}
.m1 .a1 .zom{width:30px;height:auto;float:right;margin:33px 20px 0 0}
.m1 .a1 .zom img{width:100%;height:auto;transition:all 0.3s;filter:brightness(100%)}
.m1 .a1 .zom img:hover {transform:rotate(0deg) scale(1); transition:all 0.3s; filter:brightness(150%)}
.m1 .a1 .mbr{width:52px;height:auto;float:right;margin:23px 11px 0 0}
.m1 .a1 .mbr img{width:100%;height:auto;transition:all 0.3s;filter:brightness(100%)}
.m1 .a1 .mbr img:hover {transform:rotate(0deg) scale(1); transition:all 0.3s; filter:brightness(150%)}
/*---------首頁橫幅桌機+手機版本專用-------------*/
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn1{ width:100%; height:auto; overflow:hidden; line-height:0;margin:0 auto 0;border-bottom:1px solid rgba(180,165,155,.35)}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn1 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn1 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block; }
.bn1 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:auto;  }
.bn1 .carousel-indicators button{ height:16px; width:6px; background-color:rgba(255,255,255,.8); border:2px solid rgba(255,255,255,.8); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s}
.bn1 .carousel-indicators button:hover{background-color:#f0eb39;transition:all 0.3s;border:2px solid #fff}
.bn1 .carousel-indicators button:focus{background-color:#f0eb39!important;border:2px solid #f0eb39!important}
.bn1 .carousel-indicators button.active{background-color:#f0eb39; border:2px solid #f0eb39}
.bn1 .carousel-indicators{ bottom:40px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn1 .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}
.bn1 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn1 .carousel-control.left, .bn1 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn1 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn1 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn1 .carousel-control.left,
.bn1 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn1 .carousel-control-next, .bn1 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn1 .carousel-control-next:hover, 
.bn1 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn1 .carousel-control-next-icon,
.bn1 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn1 .carousel-control-next, 
.bn1 .carousel-control-prev{width:8%}
.bn1 .carousel-control-prev-icon{background-image:none!important}
.bn1 .carousel-control-next-icon{background-image:none!important}

/*20230410--大橫幅左右按鈕*/
.btl, .btr{width:14px;height:auto;overflow:hidden;opacity:.7;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.btl:hover, .btr:hover{opacity:.9;}
.btl img, .btr img{width:100%;height:auto}
.bgt1{width:100%;height:auto;overflow:hidden;font:500 34px/54px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#005251;text-align:center;padding:30px 0;border-bottom:4px solid #005251}
.bgt1 h4{font:500 16px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:4px}

/*---------臻緻商品橫幅------------*/
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn2{ width:100%; height:auto; overflow:hidden; line-height:0;margin:0 auto 45px;}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn2 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn2 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block;}
.bn2 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:auto;  }
.bn2 .carousel-indicators button{ height:16px; width:6px; background-color:rgba(255,255,255,.8); border:2px solid rgba(255,255,255,.8); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s}
.bn2 .carousel-indicators button:hover{background-color:#f0eb39;transition:all 0.3s;border:2px solid #fff}
.bn2 .carousel-indicators button:focus{background-color:#f0eb39!important;border:2px solid #f0eb39!important}
.bn2 .carousel-indicators button.active{background-color:#f0eb39; border:2px solid #f0eb39}
.bn2 .carousel-indicators{ bottom:40px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn2 .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}
.bn2 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn2 .carousel-control.left, .bn2 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn2 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn2 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn2 .carousel-control.left,
.bn2 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn2 .carousel-control-next, .bn2 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn2 .carousel-control-next:hover, 
.bn2 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn2 .carousel-control-next-icon,
.bn2 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn2 .carousel-control-next, 
.bn2 .carousel-control-prev{width:8%}
.bn2 .carousel-control-prev-icon{background-image:none!important}
.bn2 .carousel-control-next-icon{background-image:none!important}
.bgt1{width:100%;height:auto;overflow:hidden;font:500 34px/54px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#005251;text-align:center;padding:30px 0;border-bottom:4px solid #005251}
/*商品區*/
.m2{width:100%;height:auto;overflow:hidden;background:#fff}
.m2 .a2{width:92%;height:auto;overflow:hidden;margin:0 auto;position:relative}
.ls1{width:100%;height:auto;overflow:hidden;margin:0 0 25px}
.ls1 .im1{width:40%;height:auto;overflow:hidden;float:left}
.ls1 .im1 a img{width:100%;height:auto;transition:all 0.3s}
.ls1 .im1 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
.ls1 .b1{width:60%;height:auto;float:right;padding-left:4%;position:relative;box-sizing: border-box;}
.ls1 .b1 .t1{width:100%;height:auto;overflow:hidden;font:700 28px/36px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";margin-bottom:6px }
.ls1 .b1 .t1 a{font:700 28px/36px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#005251}
.ls1 .b1 .t1 a:hover{color:#2a7a79}
.ls1 .t2{width:100%;height:92px;overflow:hidden;font:500 16px/21px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555 ;margin-bottom:10px}
.ls1 .t2 ul{padding-left:20px;}
.ls1 .t2 ul li{ list-style:outside;list-style-type:disc;padding:0!important}
.bt1{width:80px; height:38px;display:inline-block; text-align:center;transition:all 0.3s;margin:0 auto;float: right}
.bt1 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt1 a{width:100%; height:38px;font:400 16px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:block;border-radius:0px;background:#fff;border:1px solid #aaa;box-sizing: border-box;}
.bt1 a:hover{ background:#333; border:1px solid #333;transition:all 0.3s;color:#fff}
.ls1 .b1 .t3{width:100%;height:30px;overflow:hidden;font:500 24px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#005251 ;position:absolute;left:0; top:240px;background:linear-gradient(90deg,#005251 50%,#005251 50%) no-repeat left center/140px 2px;padding-left:150px;box-sizing: border-box;}

.ls1-2 .im1{float:right}
.ls1-2 .b1{float:left;padding:0 4% 0 0;}
.ls1-2 .bt1{float:left}
.ls1-2 .b1 .t3{background:linear-gradient(90deg,#005251 50%,#005251 50%) no-repeat right center/140px 2px;padding:0 150px 0 0 ;text-align: right}
/*MORE*/
.bt2{width:260px; height:50px; text-align:center;transition:all 0.3s;margin:60px auto 25px;}
.bt2 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt2 a{width:100%; height:50px;font:20px/50px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#005251;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt2 a:hover{ background:#176564; border:0px solid #333;transition:all 0.3s;color:#fff}
/*美姿學程*/

.m3{width:100%;height:auto;overflow:hidden;background:#fff}
.m3 .a3{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative}
.bgt2{width:100%;height:auto;overflow:hidden;font:500 34px/54px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#947f64;text-align:center;padding:30px 0;border-bottom:4px solid #947f64}
.bgt2 h4{font:500 18px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:4px}
/*美姿學程--LIST*/
.ls2{width:100%;height:auto;overflow:hidden;margin:0 0 50px;background:linear-gradient(90deg,#947f64 50%,#947f64 50%) no-repeat center bottom/100% 80px}
.ls2 .im2{width:60%;height:auto;overflow:hidden;float:left}
.ls2 .im2 a img{width:100%;height:auto;transition:all 0.3s}
.ls2 .im2 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
.ls2 .b2{width:40%;height:auto;float:right;position:relative;box-sizing: border-box;padding:30px 0 0 2%;}
.ls2 .b2 > div{float:left}
.ls2 .b2 .t4{width:100%;height:60px;overflow:hidden;font:700 24px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";margin-bottom:6px }
.ls2 .b2 .t4 a{font:700 24px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#77664f;letter-spacing:-1.5px}
.ls2 .b2 .t4 a:hover{color:#928473}
.ls2 .t5{width:100%;height:auto;overflow:hidden;font:500 16px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#888 ;margin-bottom:10px}
.ls2 .t5 ul{padding-left:20px;}
.ls2 .t5 ul li{ list-style:outside;list-style-type:disc;padding:0!important}
.bt3{width:80px; height:38px;display:inline-block; text-align:center;transition:all 0.3s;margin:0 6% 0 0;float: right!important}
.bt3 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt3 a{width:100%; height:38px;font:400 16px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:block;border-radius:0px;background:#fff;border:1px solid #aaa;box-sizing: border-box;}
.bt3 a:hover{ background:#333; border:1px solid #333;transition:all 0.3s;color:#fff}
.ls2 .b2 .t6{width:100%;height:30px;overflow:hidden;font:400 16px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;opacity:.6;margin:-12px 0 0}
.ls2 .b2
.t7{width:100%;height:30px;overflow:hidden;font:italic 500 26px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;}
.ls2 .b2
.t7 span{font:500 16px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
/*MORE*/

.bt4{width:260px; height:50px; text-align:center;transition:all 0.3s;margin:60px auto 25px;}
.bt4 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt4 a{width:100%; height:50px;font:20px/50px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#746045;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt4 a:hover{ background:#887b6a; border:0px solid #333;transition:all 0.3s;color:#fff}

.ls2-2 .im2{float:right}
.ls2-2 .b2{float:left;padding:40px 2%  0 2%;}
.ls2-2 .bt3{/*float:left!important*/;margin:0 0% 0 0;}
/*美業諮詢*/
.bn2-2{margin:0 0 0 }
.m4{width:100%;height:auto;overflow:hidden;}
.m4 .a4{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;background: url(../../images/bg2.jpg) center;padding:50px 0 0 ;box-sizing: border-box;}

.bgt3{width:100%;height:auto;overflow:hidden;font:700 56px/76px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#000;text-align:center;padding:30px 0;/*border-bottom:4px solid #000*/}
.bgt3 h4{font:500 28px/38px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:-1.5px}
/*美業諮詢---列表*/

.ls3{width:500px;height:350px;overflow:hidden;margin:0 auto 10px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.35);position:relative;}
.ls3 .im3{width:370px;height:auto;overflow:hidden;margin:0 auto;}
.ls3 .im3 a img{width:100%;height:auto;transition:all 0.3s}
.ls3 .im3 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
.ls3 .t8{width:65px;height:220px;overflow:hidden;font:bold  12px/65px  "Times New Roman",verdana,"微軟正黑體";color:#908080 ;position:absolute;top:0;left:0;-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;background:#fff;text-align: center;text-transform: uppercase;letter-spacing:6px;padding-top:8px;box-sizing: border-box;}
/*watch NOW*/
.ls3 .bt5{width:80px; height:80px;overflow: hidden; position:absolute ;top:70px; right:26px;z-index:3}

.ls3 .bt5 a{width:100%; height:100%;font:15px/20px  "Times New Roman",verdana,"微軟正黑體";color:#fff; display:block;background:rgba(0,0,0,.6);border:0px solid #aaa;box-sizing: border-box;border-radius:100px;text-transform: uppercase;text-align:center;padding:22px 0}

.ls3 .bt5 a:hover{ background:rgba(0,0,0,.9);; border:0px solid #333;transition:all 0.3s;color:#fff}
.ls3 .b3{width:100%;height:130px;position:relative;box-sizing: border-box;padding:15px 0 ;background:url(../../images/bg3.jpg) center;text-align:center}
.ls3 .b3
.t9{width:100%;height:40px;overflow:hidden;font: 500 26px/40px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;}
.ls3 .b3
.t9 a{font:500 26px/40px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#baac9a}
.ls3 .b3 .t9 a:hover{color:#95897a}
.ls3 .b3
.t10{width:100%;height:50;overflow:hidden;font:300 16px/25px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;letter-spacing:1px}
/*MORE*/
.bt6{width:260px; height:50px; text-align:center;transition:all 0.3s;margin:60px auto 25px/*;clear: both*/}
.bt6 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt6 a{width:100%; height:50px;font:20px/50px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#000;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt6 a:hover{ background:#333; border:0px solid #333;transition:all 0.3s;color:#fff}
/*donw1*/
.m5{width:100%;height:auto;overflow:hidden;background:#111}
.m5 .a5{width:92%;height:auto;overflow:hidden;margin:0 auto;padding:70px 0 }
.m5 .a5 .lg2{width:145px;height:auto;overflow:hidden;margin:0 auto 40px;}
.m5 .a5 .lg2 img{width:100%;height:auto}
.m5 .a5 .b4{width:100%;height:auto;overflow:hidden;margin:0 auto 30px;text-align:center;}

.ls4{width:auto;height:62px;overflow:hidden;display: inline-block;margin:0 18px}
.ls4 a img{width:auto;height:100%;transition:all 0.3s}
.ls4 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
/*donw1--超連結*/
.m5 .a5 .b5{width:80%;height:auto;overflow:hidden;margin:0 auto;padding:20px 0;background: url(../../images/line.png) no-repeat center top, url(../../images/line.png) no-repeat center bottom;text-align: center;margin-bottom:60px}
.m5 .a5
.b5 a{width:auto;height:auto;font:500 18px/32px "Times New Roman","Century Gothic",'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#b9a685 ;display: inline-block;margin:0 10px}
.b5 a:hover{color:#a6967b;text-decoration:underline}

.m5 .a5 .im4{width:80%;height:auto;overflow:hidden;margin:0 auto}
.m5 .a5 .im4 a img{width:auto;height:100%;transition:all 0.3s}
.m5 .a5 .im4 a img:hover {transform:rotate(0deg) scale(1.1); transition:all 0.3s; filter:brightness(110%)}
/*donw2--常駐下選單*/
.m6x{width:100%;height:100px;overflow:hidden;display:none}
.m6{width:640px;height:auto;background:#fff;position:fixed;bottom:0;left:50%;margin:0 0 0-320px;box-shadow:0 2px 12px rgba(0,0,0,.45);z-index:10;padding:0px 0 0} 
.m6 .a6{width:100%;height:100px;margin:0 auto;display:none}
.ls5{width:16.6%;height:100px;float:left;text-align:center;position: relative}
.ls5 > a{width:100%;height:100px;display:block;padding:25px 0 0 ;box-sizing: border-box;opacity:.5}

.ls5 a .im5{width:auto;height:26px;overflow:hidden;margin-bottom:4px}
.ls5 a .im5 img{width:auto;height:100%;overflow:hidden;}
.ls5 a .t11{width:100%;height:auto;overflow:hidden;font:400 16px/32px "Times New Roman","Century Gothic",'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#333}
.ls5 a:hover{opacity:.9}
.ls5 a.active{opacity:1;/*background:#e4dfd9;*/border-radius:150px;}
.ls5 .ct1{width:40px;height:40px;overflow:hidden;font:400 18px/40px 'Noto Sans SC','Noto Sans TC',"Century Gothic",'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff;border-radius:150px;position:absolute;top:-5px; right:2px; background:#277877;text-align:center;opacity:1!important}
/*搜尋彈出視窗*/
.fm1{/* width:600px;*/height:auto;overflow:hidden;margin:60px auto 0}
.fm1 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box;background:#fff}
.fm1 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.fm1 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.fm1 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 0;margin:0 auto;}
.fm1 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.fm1 .modal-content form .modal-body .btn-close{ position:absolute;top:5px; right:5px;font:26px/50px "Century Gothic","微軟正黑體"; opacity:.8}
.fm1 .modal-content form .modal-body .aa1{width:100%;height:auto;overflow:hidden;}
.fm1 .modal-content form .modal-body .aa1 .tt1{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Sans SC','Noto Sans TC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:15px;}

.fm1 .modal-content form .modal-body .aa1 .tt2{ width:100%; height:auto;overflow:hidden;font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto 10px; letter-spacing:0px; float:left; text-align:left;  border:0px solid #ddd; border-radius:0px; }

.fm1 .modal-content form .modal-body .aa1 .tt2 h4
{font:700 28px/46px 'Noto Serif TC',
'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#599d00;letter-spacing:0px}

.fm1 .modal-content form .modal-body .aa1 .tt2 h4 img{width:auto;height:32px; padding-bottom:6px; vertical-align:middle; margin-right:5px}
.fm1 .modal-content form .modal-body .aa1 .tt2 h5
{font:700 28px/46px 'Noto Serif TC',
'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#c00;letter-spacing:0px}

.fm1 .modal-content form .modal-body .aa1 .tt2 h5 img{width:auto;height:32px; padding-bottom:6px; vertical-align:middle; margin-right:5px}

.bt7{width:49%; height:50px;font:500 24px/48px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:1px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;margin:0 2% 0 0!important; background:#555;float:left;display: block}
.bt7-2{width:100%;margin-top:15px!important;;margin:0 !important;}
.bt7 > img{width:auto;height:28px;display:block; padding:0 0 4px; margin-right:0;float:left}
.bt7:hover{ background:#333; border:0px solid #333;transition:all 0.3s}

.bt8{width:49%; height:50px;font:500 24px/48px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:1px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;margin:0!important; background:#005251;float:right;display: block}
.bt8-2{width:100%;margin-top:15px!important}

.bt8 > img{width:auto;height:28px;display:block; padding:0 0 4px; margin-right:0px;}
.bt8:hover{ background:#216c6b; border:0px solid #333;transition:all 0.3s}

.fm1 .in1{width:100%;height:60px;overflow:hidden;display:block;border:2px solid #ccc;padding:0 10px;box-sizing: border-box;border-radius:1px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:25px}

/*20230718----左選單-改版--會員資訊+會員功能*/
.mm-menu-2{width:640px;min-width:640px;background:#dcd2cb!important;left:50%;margin-left:-320px;overflow:auto}
#mm-blocker{ left:50%;margin-left:-320px;}
/*.mm-menu-2, 
.mm-menu > .mm-panel{ left:50%;margin-left:-300px;}*/
	 /*左選單*/
.mm-listview > li > a, 
.mm-listview > li > span{ font:500 32px/71px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";background: none;background:linear-gradient(90deg,#a00 50%,#d00 100%) no-repeat left top/0% 100% #111;}
.mm-listview > li > a:hover{/* background:#ad0014;*/ background:none;background:linear-gradient(90deg,#a00 50%,#d00 100%)no-repeat left top/100% 100% #111; color: #fff}
.mm-listview > li > a img{width:auto;height:32px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.mm-listview > li > span{padding:0 0 0 70px;background:#181818; transition:all 0.3s;background: none;background:linear-gradient(90deg,#a00 50%,#d00 100%) no-repeat left top/0% 100% #181818;}
.mm-listview > li > span:hover{ transition:all 0.3s;color: #000;transition:all 0.3s;background: none;background:linear-gradient(90deg,#a00 50%,#d00 100%) no-repeat left top/100% 100% #181818;}
.mm-listview > li > .lk2{  height:auto; overflow:hidden;font:500 32px/56px 'Noto Sans SC','Noto Sans TC',"微軟正黑體"; }
.mm-listview > li > .lk2 a{font:500 32px/56px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#fff; width:100%; display:inline-block; height:60px; }
/*左選單-次選單*/

.mm-listview > li > .lk2 a:hover{ color:#fff}
.mm-listview > li > .lk2 a::before{ content:'◇'; margin:0 5px 0 0;  font-size:15px; vertical-align:top;font:900 18px/60px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";margin-right:15px}
.lk2{  height:auto; overflow:hidden; }
.lk2 a img{ width:auto; height:30px; display:inline-block; padding-bottom:4px; margin-right:5px}
.lk2 a{font:28px/50px "微軟正黑體";color:#fff; width:100%; display:inline-block; height:40px; }
.lk2 a:hover{color:#fff; }
.lk2 a::before{ content:''; margin:0 5px 0 0;  font-size:15px; vertical-align:middle}

.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}


/*左選單列表會員介面*/
.m7{width:100%;height:auto;overflow:hidden;/*background:#181818;*/background:#a5978f}
.m7 .a7{width:100%;height:auto;overflow:hidden;margin:0 auto;}
.m7 .a7 .b6{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:0px;padding:10px 3% 20px;box-sizing: border-box;border:1px solid #a5978f}
.m7 .a7 .b6 .im6{width:40%;height:auto;float:left;margin-right:5%;border-radius:150px;}
.m7 .a7 .b6 .im6 img{width:100%;height:auto;border-radius:150px;}
.m7 .a7 .b6 .t23{width:55%;height:auto;overflow:hidden;float:left;font:500 36px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding-top:8px}
.m7 .a7 .b6 .t23 h4{font:300 24px/42px "Century Gothic","微軟正黑體";padding:0;margin-bottom:6px}
.bt15{width:120px; height:40px;font:22px/34px 'Noto Sans SC','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 #3577c1;transition:all 0.3s}
.bt15 a{width:100%; height:40px;font:400 18px/34px 'Noto Sans SC','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}

/*20230718--template_ph_menu--左選單-會員登入候選單-----*/
.m7 .a7 .b7{width:100%;height:auto;overflow:hidden;}
.m7 .a7 .b7 .ls6{width:100%;height:auto;overflow:hidden;float:left;box-sizing: border-box;border-bottom:1px solid #a2938b;position:relative}
.m7 .a7 .b7 .ls6 a{width:100%;height:auto;overflow:hidden;font:400 18px/60px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;padding:0px 4%;background:#dcd2cb;display: block}
.m7 .a7 .b7 .ls6 a img{width:auto;height:18px; padding-bottom:4px; vertical-align:middle; margin-right:10px}
.m7 .a7 .b7 .ls6 a:hover{background:#beb1a9}
.m7 .a7 .b7 .ls6-2 a{background:#a89b93;border-bottom:15px solid #dcd2cb}
.m7 .a7 .b7 .ls6-2 a:hover{color:#111;background:#b1a6a0;}
/*20230718---template_ph_menu--左選單--標準選單-----*/
.m7 .a7 .b8{width:100%;height:auto;overflow:hidden;}
.m7 .a7 .b8 .ls7{width:100%;height:auto;overflow:hidden;float:left;box-sizing: border-box;border-bottom:1px solid #a2938b;position:relative;}

.m7 .a7 .b8 .ls7 a{width:100%;height:auto;overflow:hidden;font:500 28px/80px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;padding:0px 4%;background:#dcd2cb;display: block;box-sizing: border-box;}
.m7 .a7 .b8 .ls7 a img{width:30px;height:30px; padding-bottom:4px; vertical-align:middle; margin-right:10px}
.m7 .a7 .b8 .ls7 a:hover{background:#beb1a9}
.m7 .a7 .b8 .ls7-2 a{padding-left:40px}
.m7 .a7 .b8 .ls7-2 a:hover{}
/*購物車數量*/
.ct2{width:36px;height:36px;overflow:hidden;font:400 18px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic",'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff;border-radius:150px;position:absolute;top:12px; right:15px; background:#277877;text-align:center;opacity:1!important}

/*---------內頁列表橫幅------------*/
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn3{ width:100%; height:300px; overflow:hidden; line-height:0;margin:0 auto 45px;}
.bn3-2{margin:0 auto 0;}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn3 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn3 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block;}
.bn3 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:auto;  }
.bn3 .carousel-indicators button{ height:16px; width:6px; background-color:rgba(255,255,255,.8); border:2px solid rgba(255,255,255,.8); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s}
.bn3 .carousel-indicators button:hover{background-color:#f0eb39;transition:all 0.3s;border:2px solid #fff}
.bn3 .carousel-indicators button:focus{background-color:#f0eb39!important;border:2px solid #f0eb39!important}
.bn3 .carousel-indicators button.active{background-color:#f0eb39; border:2px solid #f0eb39}
.bn3 .carousel-indicators{ bottom:40px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn2 .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}
.bn3 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn3 .carousel-control.left, .bn3 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn3 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn3 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn3 .carousel-control.left,
.bn3 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn3 .carousel-control-next, .bn3 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn3 .carousel-control-next:hover, 
.bn3 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn3 .carousel-control-next-icon,
.bn3 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn3 .carousel-control-next, 
.bn3 .carousel-control-prev{width:8%}
.bn3 .carousel-control-prev-icon{background-image:none!important}
.bn3 .carousel-control-next-icon{background-image:none!important}
/*20230718*/
.bgt4{width:100%;height:40px;overflow:hidden;font:400 24px/36px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#fff;text-align:center;padding:0px 0;border-bottom:0px solid #000;background:#000;position:relative}
.bgt4 h4{font:500 18px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:4px}


/*clinic_list美業諮詢--*/
.m8{width:100%;height:auto;overflow:hidden;background:#fff}
	.m8 .a8{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;/*background: url(../../images/bg2.jpg) center;*/box-sizing: border-box;padding:30px 0 0 3%}

/*clinic_list美業諮詢------列表*/

.ls8{width:47%;height:auto;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.35);position:relative;border-radius:0 0 30px 0;float:left;margin:0 3% 15px 0}
.ls8 .im7{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative}
.ls8 .im7 a img{width:100%;height:auto;transition:all 0.3s}
.ls8 .im7 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
.ls8 .im7 .t12{width:40px;height:100%;overflow:hidden;font:bold 12px/40px  "Times New Roman",verdana,"微軟正黑體";color:#908080 ;position:absolute;top:0;left:0;-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;background:rgba(255,255,255,.85);text-align: center;text-transform: uppercase;letter-spacing:4px;padding-top:4px;box-sizing: border-box;z-index:2}
/*watch NOW*/
.ls8 .bt9{width:80px; height:80px;overflow: hidden; position:absolute ;top:88px; right:6px;z-index:3}

.ls8 .bt9 a{width:100%; height:100%;font:15px/20px  "Times New Roman",verdana,"微軟正黑體";color:#fff; display:block;background:rgba(0,0,0,.6);border:0px solid #aaa;box-sizing: border-box;border-radius:100px;text-transform: uppercase;text-align:center;padding:22px 0}

.ls8 .bt9 a:hover{ background:rgba(0,0,0,.9);; border:0px solid #333;transition:all 0.3s;color:#fff}
.ls8 .b9{width:100%;height:130px;position:relative;box-sizing: border-box;padding:15px 10px ;background:url(../../images/bg3.jpg) center;text-align:center}
.ls8 .b9
.t13{width:100%;height:40px;overflow:hidden;font: 500 22px/40px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;text-overflow:ellipsis;white-space:nowrap;}
.ls8 .b9
.t13 a{font:500 22px/40px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#baac9a}
.ls8 .b9 .t13 a:hover{color:#95897a}
.ls8 .b9
.t14{width:100%;height:25px;overflow:hidden;font:300 15px/25px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;letter-spacing:.5px;text-align:left}
.bt10{width:260px; height:50px; text-align:center;transition:all 0.3s;margin:0px auto 40px;clear: both;padding-top:40px}
.bt10 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt10 a{width:100%; height:50px;font:20px/50px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#000;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt10 a:hover{ background:#333; border:0px solid #333;transition:all 0.3s;color:#fff}


/*clinic_detail美業諮詢--*/
.bk1{width:120px;height:40px;overflow:hidden;position: absolute;left:2%; top:0;z-index:9;}
.bk1 a{width:100%;height:auto;overflow:hidden;display: block;font:18px/38px 'Noto Sans SC','Noto Sans TC',"微軟正黑體","Century Gothic";color:#aaa;text-align: left;}
.bk1 a:hover{color:#fff}
.m9{width:100%;height:auto;overflow:hidden;background:#fff}
.m9 .a9{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;/*background: url(../../images/bg2.jpg) center;*/box-sizing: border-box;padding:0 0 0 0%}
.ph1{width:90px;height:80px;overflow:hidden;position:fixed;right:50%;top:18%;margin-right:-320px;z-index:10}
.ph1 a{width:100%;height:100%;overflow:hidden;display: block;background:#79ba55;border-radius:100px 0 0 100px;padding:6px 0px 0 12px;box-sizing: border-box;}
.ph1 a:hover{background:#8bd761}
.ph1 a .im8{width:46px;height:46px;margin:0 auto 5px}
.ph1 a .im8 img{width:100%;height:100%;}
.ph1 a .t15{width:100%;height:15px;font:400 13px/15px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";text-align:center;color:#fff}

.m9 .a9 .im9{width:100%;height:380px;overflow:hidden;margin:0 auto;}
.m9 .a9 .im9 img{width:100%;height:100%;}
.m9 .a9 .im9 
.t16{width:60px;height:380px;overflow:hidden;font: 20px/60px  "Times New Roman",verdana,"微軟正黑體";color:#908080 ;position:absolute;top:0;left:0;-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;background:rgba(255,255,255,.75);text-align: center;text-transform: uppercase;letter-spacing:13px;padding-top:6px;box-sizing: border-box;z-index:2}
/*美業諮詢-標題-*/
.m9 .a9 .t17{width:100%;height:auto;font:700 38px/60px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";text-align:center;color:#111;margin:0 0 6px;padding:6px 10px;box-sizing: border-box;}
/*美業諮詢-副標文案-*/
.m9 .a9 .b10{width:100%;height:auto;overflow:hidden}
.m9 .a9 .b10 .st1{width:100%;height:60px;font:500 32px/58px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#444;margin:0 0 0px;background:#c6c0b9;padding:0 6%; box-sizing: border-box;text-align:center}

.m9 .a9 .b10 .t18{width:100%;height:auto;font:400 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;margin:0 0 0px;padding:12px 20px;text-align:justify;text-justify: inter-ideograph;box-sizing: border-box;letter-spacing:-1px}

/*美業諮詢-資訊-*/
.ls9{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;padding:15px 20px;box-sizing: border-box;letter-spacing:-.6px}
.ls9 .t19{width:22%;height:auto;font:500 22px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;float:left;text-align: right;}

.ls9 .t20{width:78%;height:auto;font:500 22px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;float:right}
.ls9 .t20 h4{font:italic 500 35px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#dd0068;}
.ls9 .t20 h4 span{height:auto;font:italic 500 22px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
/*時刻*/
.bx1{width:92%;height:auto;overflow:hidden;margin:20px auto;border:2px solid #333}
.bx1 table{border:1px solid #333;border-right:0;border-bottom:0}
.bx1 table .t21{background:#666;color:#fff}
.bx1 table tr .t22{background:#666;color:#fff}
.bx1 table tr .t23{background:#aaa;color:#fff}
.bx1 table tr td{border:1px solid #333;border-left:0;border-top:0;padding:4px 2px;font:500 16px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
/*服務醫師*/
.m9 .a9 .b10 .c2{width:100%;height:auto;overflow:hidden;padding:20px 2%;box-sizing: border-box;}
.ls10{width:30%;height:auto;overflow:hidden;float:left;margin:0 1.5%}
.ls10 .im10{width:100%;height:auto;overflow:hidden;margin:0 0 0px;border-radius:100px;}
.ls10 .im10 img{width:100%;height:100%;}
.ls10 .t24{width:100%;height:auto;font:500 22px/40px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;text-align: center}


/*course_list--20230718*/
.bgt5{width:100%;height:40px;overflow:hidden;font:400 24px/36px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#fff;text-align:center;padding:0px 0;border-bottom:0px solidbk1 #000;background:#947f64;position:relative}
.bgt5 h4{font:500 18px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:4px}

/*course_list---MORE*/
.bt11{width:260px; height:50px; text-align:center;transition:all 0.3s;;margin:0px auto 40px;clear: both;padding-top:40px}
.bt11 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt11 a{width:100%; height:50px;font:20px/50px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#746045;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt11 a:hover{ background:#887b6a; border:0px solid #333;transition:all 0.3s;color:#fff}

/*course_list---美姿學程--LIST*/
.m10{width:100%;height:auto;overflow:hidden;background:#fff}
.m10 .a10{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;/*background: url(../../images/bg2.jpg) center;*/box-sizing: border-box;padding:30px 0 0 3%}
.ph1{width:90px;height:80px;overflow:hidden;position:fixed;right:50%;top:18%;margin-right:-320px;z-index:10}
.ls11{width:47%;height:auto;overflow:hidden;/*background:linear-gradient(90deg,#947f64 50%,#947f64 50%) no-repeat center bottom/100% 80px;*/float:left;margin:0 3% 15px 0}
.ls11 .im11{width:100%;height:auto;overflow:hidden;margin-bottom:10px}
.ls11 .im11 a img{width:100%;height:auto;transition:all 0.3s}
.ls11 .im11 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
.ls11 .b11{width:100%;height:auto;float:right;position:relative;box-sizing: border-box;padding:0px 0 0 0%;}
.ls11 .b11 > div{float:left}

.ls11 .b11 .t25{width:100%;height:60px;overflow:hidden;font:700 24px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";margin-bottom:6px }
.ls11 .b11 .t25 a{font:700 24px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#77664f;letter-spacing:-1.5px}
.ls11 .b11 .t25 a:hover{color:#928473}
.ls11 .b11 .t26{width:100%;height:auto;overflow:hidden;font:500 16px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#888 ;margin-bottom:20px}
.ls11 .b11 .t26 ul{padding-left:20px;}
.ls11 .b11 .t26 ul li{ list-style:outside;list-style-type:disc;padding:0!important}
.bt12{width:80px; height:38px;display:inline-block; text-align:center;transition:all 0.3s;position:absolute;right:4%;bottom:60px}
.bt12 a{width:100%; height:38px;font:400 16px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:block;border-radius:0px;background:#fff;border:1px solid #aaa;box-sizing: border-box;}
.bt12 a:hover{ background:#333; border:1px solid #333;transition:all 0.3s;color:#fff}
.ls11 .b11 .c3{width:100%;height:auto;overflow:hidden;background:#947f64;padding:5px 10px 10px;box-sizing: border-box;}
.ls11 .b11 .c3 .t27{width:100%;height:30px;overflow:hidden;font:400 16px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;opacity:.6;margin:-20 0 0}
.ls11 .b11 .c3
.t28{width:100%;height:30px;overflow:hidden;font:italic 500 26px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff ;}
.ls11 .b11 .c3 .t28 span{font:500 16px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
/*course_detail--美姿學程--內頁*/
.bk2{width:120px;height:40px;overflow:hidden;position: absolute;left:2%; top:0;z-index:9;}
.bk2 a{width:100%;height:auto;overflow:hidden;display: block;font:18px/38px 'Noto Sans SC','Noto Sans TC',"微軟正黑體","Century Gothic";color:#ccc;text-align: left;}
.bk2 a:hover{color:#fff}
/*course_detail--美姿學程--內頁--標題-*/
.m9 .a9 .t28{width:100%;height:auto;font:700 42px/90px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";text-align:left;color:#fff;margin:-90px auto 0px;padding:0 0;box-sizing: border-box;background:rgba(0,0,0,.7);position:relative;z-index:9;text-align:center}
/*course_detail--美姿學程--內頁--獎師介紹-*/
.ls12{width:100%;height:auto;overflow:hidden;padding: 25px 15px;box-sizing: border-box;}
.ls12 .im12{width:30%;height:auto;overflow:hidden;margin:0 0 0px;border-radius:100px;float:left;}
.ls12 .im12 img{width:100%;height:100%;}
.ls12 .c4{width:66%;height:auto;overflow:hidden;float:right}
.ls12 .c4 .t29{width:100%;height:auto;font:500 35px/50px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;}

.ls12 .c4 .t29 span{width:100%;height:auto;font:500 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";margin-left:5px}
.ls12 .c4 .t30{width:100%;height:auto;font:500 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;text-align:justify;text-justify: inter-ideograph;}
/*course_detail--美姿學程--內頁--獎師介紹-*/


.m9 .a9 .b12{width:100%;height:auto;overflow:hidden;/*background:#c6c0b9;*/padding:20px 0 50px}
.m9 .a9 .b12-2{padding:5px 0 35px}
.m9 .a9 .b12-3{background:#fff}
.bt13{width:80%; height:70px;font:500 28px/70px 'Noto Sans SC','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 auto 0;}
.bt13 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt13 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#dd0068; }
.bt13 a:hover{ background:#e63c8c; border:0px solid #3577c1;transition:all 0.3s;}

/*course_detail--美姿學程--彈出視窗---報名表格*/
.fm2{/* width:600px;*/height:auto;overflow:hidden;margin:0px auto 0}
.fm2 .modal-dialog{margin:6px auto 0}
.fm2 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box;background:#c3bdb6}
.fm2 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.fm2 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.fm2 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 0;margin:0 auto;}
.fm2 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.fm2 .modal-content form .modal-body .btn-close{ position:absolute;top:5px; right:5px;font:26px/50px "Century Gothic","微軟正黑體"; opacity:.6;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;transition:all 0.3s}
.fm2 .modal-content form .modal-body .btn-close:hover{opacity:1;transition:all 0.3s}
.fm2 .modal-content form .modal-body .aa1{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.fm2 .modal-content form .modal-body .aa1 .tt1{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Sans SC','Noto Sans TC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:15px;}

.fm2 .modal-content form .modal-body .aa1 .tt2{ width:100%; height:auto;overflow:hidden;font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto 10px; letter-spacing:0px; float:left; text-align:center;  border:0px solid #ddd; border-radius:0px; }
/*報名表格*/

.ls13{width:100%;height:auto;overflow:hidden;margin-bottom:6px}
.ls13 .t31{width:100%;height:20px;overflow:hidden;font:500 16px/20px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:5px}
.ls13 .in2{width:100%;height:60px;overflow:hidden;display:block;border:2px solid #066661;padding:0 10px;box-sizing: border-box;border-radius:1px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";}

.ls13 .in3{width:100%;height:78px;overflow:hidden;display:block;border:2px solid #066661;padding:5px;box-sizing: border-box;border-radius:1px;font:500 22px/26px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";}



/*完成報名送出按鈕*/
.bt14{width:100%; height:70px;font:500 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:0px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 25px; background:#dd0068}
.bt14 img{width:auto;height:26px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt14:hover{ background:#e63c8c; border:0px solid #3577c1;transition:all 0.3s}
.bt14 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#dd0068; }
.bt14 a:hover{ background:#e63c8c; border:0px solid #3577c1;transition:all 0.3s;}

/*取消按鈕*/
.bt17{width:100%; height:40px;font:500 22px/40px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:0px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0px auto 0; background:#888}
.bt17 img{width:auto;height:16px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt17:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s}
.bt17 a{width:100%; height:40px;font:500 22px/40px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#888; }
.bt17 a:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s;}

/*內頁回列表按鈕*/

.bt16{width:50%; height:80px;font:500 32px/78px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:100
    px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 0; /*background:#888*/}
.bt16-2{margin:0 auto 0;}
.bt16 img{width:auto;height:32px;display:inline-block; padding:0 0 4px; margin-right:6px;}
/*.bt16:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s}*/
.bt16 a{width:100%; height:80px;font:500 32px/78px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#888; }
.bt16 a:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s;}

/*內頁回列表按鈕*/
.bt16b{width:90%; height:40px;font:400 22px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:0px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px auto 40px; background:#888}
.bt16b img{width:auto;height:16px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt16b:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s}
.bt16b a{width:100%; height:40px;font:400 22px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#888; }
.bt16b a:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s;}

/*shop_list--20230719*/
.m11{width:100%;height:auto;overflow:hidden;background:#fff}
.m11 .a11{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;/*background: url(../../images/bg2.jpg) center;*/box-sizing: border-box;padding:30px 0 0 3%}
.m11 .a11-2{padding:20px 0 0 3%}
.bgt6{width:100%;height:40px;overflow:hidden;font:400 24px/36px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#fff;text-align:center;padding:0px 0;border-bottom:0px solidbk1 #000;background:#005251;position:relative}
.bgt6-2{background:#007e7c;}
.bgt6 h4{font:500 18px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:4px}
/*shop_list--列表區--20230719*/
.ls14{width:47%;height:auto;overflow:hidden;/*background:linear-gradient(90deg,#947f64 50%,#947f64 50%) no-repeat center bottom/100% 80px;*/float:left;margin:0 3% 15px 0}
.ls14 .im13{width:100%;height:350px;overflow:hidden;margin-bottom:10px;position: relative}
.ls14 .im13 > a img{width:100%;height:100%;transition:all 0.3s}
.ls14 .im13 > a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
.ls14 .b13{width:100%;height:auto;float:right;position:relative;box-sizing: border-box;padding:0px 0 0 0%;}
.ls14 .b13 > div{float:left}

.ls14 .b13 .t32{width:100%;height:60px;overflow:hidden;font:700 24px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";margin-bottom:6px }
.ls14 .b13 .t32 a{font:700 24px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#005251;letter-spacing:-1.5px}
.ls14 .b13 .t32 a:hover{color:#1c6e6d}
.ls14 .t33{width:100%;height:auto;overflow:hidden;font:500 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#888 ;margin-bottom:0px}

.bt18{width:80px; height:38px;display:inline-block; text-align:center;transition:all 0.3s;position:absolute;right:0%;bottom:0px}
.bt18 a{width:100%; height:38px;font:400 16px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:block;border-radius:0px;background:#fff;border:1px solid #aaa;box-sizing: border-box;}
.bt18 a:hover{ background:#333; border:1px solid #333;transition:all 0.3s;color:#fff}

/*內頁相關外連結按鈕*/
.map1{width:80px; height:36px; text-align:center;transition:all 0.3s;display: inline-block;vertical-align: top;margin-left:4px}
.map1 a{width:100%; height:36px;font:20px/34px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:12px 5px 12px 12px;background:#0044a1;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.map1 a:hover{ background:#2b6bc2; border:0px solid #333;transition:all 0.3s;color:#fff}

.phn1{width:120px; height:36px; text-align:center;transition:all 0.3s;display: inline-block;vertical-align: top;margin-left:4px}
.phn1 a{width:100%; height:36px;font:400 20px/33px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:12px 5px 12px 12px;background:#111;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.phn1 a:hover{ background:#444; border:0px solid #333;transition:all 0.3s;color:#fff}

.lin1{width:120px; height:36px; text-align:center;transition:all 0.3s;display: inline-block;vertical-align: top;margin-left:4px}
.lin1 a{width:100%; height:36px;font:400 20px/34px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:12px 5px 12px 12px;background:#6fb94b;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.lin1 a:hover{ background:#90d170; border:0px solid #333;transition:all 0.3s;color:#fff}

/*shop_list---MORE*/
.bt19{width:260px; height:50px; text-align:center;transition:all 0.3s;;margin:0px auto 40px;clear: both;padding-top:40px}
.bt19 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt19 a{width:100%; height:50px;font:20px/50px "Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#005251;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt19 a:hover{ background:#176564; border:0px solid #333;transition:all 0.3s;color:#fff}

/*shop_detail.asp--主圖*/
.m9 .a9 .im14{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;aspect-ratio: 1 / 1}
.m9 .a9 .im14 img{width:100%;height:auto;}

.m9 .a9 .im14-2{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;aspect-ratio: 1.6667/ 1}
.m9 .a9 .im14-2 img{width:100%;height:auto;}

.m9 .a9 .im14-3{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;}
.m9 .a9 .im14-3 img{width:100%;height:auto;}

/*shop_detail.asp---關鍵字*/
.m9 .a9 .b10 .c5{width:88%;height:auto;overflow:hidden;margin:0 auto 5px}
.bt20{width:auto; height:38px;display:inline-block; text-align:center;transition:all 0.3s;font:400 20px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;border:1px solid #aaa;padding:0 10px}
.bt20 a{width:100%; height:38px;font:400 20px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:block;border-radius:0px;background:#fff;box-sizing: border-box;}
.bt20 a:hover{  border:0px solid #333;transition:all 0.3s;color:#111}
.m9 .a9 .b10 .c5 .pr1{width:100%;height:auto;overflow:hidden;margin:0 auto 10px;font:/*italic*/ 700 42px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#e30060;letter-spacing:-1px;float:left;margin-top:8px;/*text-align:center*/}
.m9 .a9 .b10 .c5 .pr1:before{content:'價格:';font:/*italic*/ 700 39px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#e30060;/*display: inline-block;vertical-align:top;padding:0 8px 0 0;width:auto;height:auto;overflow:hidden;*/}
.m9 .a9 .b10 .c5 .pr1 span{font:500 24px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;text-decoration:line-through;margin-right:10px;letter-spacing:0px;vertical-align: top}
.m9 .a9 .b10 .c5 .pr1 h4{font:/*italic*/ 700 42px/40px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#e30060;letter-spacing:-1px;display: inline-block;vertical-align:top;padding-top: 7px}
.m9 .a9 .b10 .c5 .lv1{width:auto;height:50px;overflow:hidden;float: right}
.m9 .a9 .b10 .c5 .lv1 img{width:auto;height:100%;display: inline-block}
/*shop_detail.asp---商品簡介*/
.m9 .a9 .b10 .t34{width:88%;height:auto;font:400 28px/42px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;margin:0 auto;padding:40px 0 ;text-align:justify;text-justify: inter-ideograph;box-sizing: border-box;letter-scpacing:-1px}
.m9 .a9 .b10 .t34 h4{font:700 36px/62px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#000;margin:2px 0 2px;letter-scpacing:-1px}
.m9 .a9 .b10 .t34 ul{padding-left:20px;}
.m9 .a9 .b10 .t34 ul li{ list-style:outside;list-style-type:disc}
.m9 .a9 .b10 .t34 img{max-width:100%;height:auto; margin-bottom:16px;border-radius:8px}
/*shop_detail.asp---付款及運送方式*/
.m9 .a9 .b10 .c6{width:94%;height:auto;overflow: hidden; margin:20px auto ;position:relative}
.ls15{width:auto;height:32px;overflow:hidden;float:left;margin-right:10px}
.ls15 img{width:auto;height:100%;}

.mo1{width:auto;height:32px;overflow:hidden;position: absolute;right:2%;top:0px}
.mo1 a img{width:auto;height:100%;transition:all 0.3s}
.mo1 a img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s; filter:brightness(110%)}
/*shop_detail.asp-詳細介紹+詳細介紹+推薦商品-*/
.m9 .a9 .b10 .c7{width:100%;height:auto;overflow: hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc;margin:0 0 15px}
.ls16{width:33.3%;height:auto;overflow:hidden;float:left}
.ls16 a{width:100%;height:60px;overflow:hidden;display:block;font:700 24px/60px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;text-align:center;background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/0% 3px}
.ls16 a:hover{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/50% 4px;color:#111;}

.ls16 a.active{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/50% 4px;color:#111;}


.m9 .a9 .b10 .t35{width:100%;height:auto;font:400 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;margin:0 auto 20px;padding:12px 20px;text-align:justify;text-justify: inter-ideograph;box-sizing: border-box;letter-scpacing:-1px}
.m9 .a9 .b10 .t35 ul{padding-left:20px;}
.m9 .a9 .b10 .t35 ul li{ list-style:outside;list-style-type:disc}
.m9 .a9 .b10 .t35 img{max-width:100%}

/*shop_detail.asp-相關熱門商品--空間區域*/
.m9 .a9 .b10 .c8{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;box-sizing: border-box;padding:30px 0 0 3%}

/*shop_detail.asp加入購物車+結帳按鈕區域*/
.m6 .a6 .b14{width:82%;height:100px;float:left;padding:10px 2%;box-sizing: border-box;}
/*shop_detail.asp---加入購物車按鈕*/
.bt21{width:49%; height:auto; text-align:center;transition:all 0.3s;;margin:0px auto 0;float:left}
.bt21 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt21 a{width:100%; height:80px;font:700 28px/78px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111; display:block;border-radius:6px;background:#fff;border:1px solid #333;box-sizing: border-box;text-transform:uppercase}
.bt21 a:hover{ background:#333; border:1px solid #333;transition:all 0.3s;color:#fff}

/*shop_detail.asp---結帳按鈕區域*/
.bt22{width:49%; height:60px; text-align:center;transition:all 0.3s;margin:0px auto 0;float: right}
.bt22 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt22 a{width:100%; height:80px;font:700 28px/78px'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#fff; display:block;border-radius:6px;background:#e81967;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt22 a:hover{ background:#f0548f; border:0px solid #333;transition:all 0.3s;color:#fff}

/*shop_car.asp-流程步驟-*/

.m9 .a9 .b10 .c9{width:100%;height:auto;overflow: hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc;margin:0 0 15px}
/*.ls17{width:33.3%;height:auto;overflow:hidden;float:left}*/
.ls17{width:33.3%;height:60px;overflow:hidden;display:block;font:500 20px/60px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";;float:left;color:#888;text-align:center;background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/0% 3px,url(../../images/shop/ic9b.png) no-repeat right center/12px auto;}
.ls17b{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/100% 4px,url(../../images/shop/ic9.png) no-repeat right center/12px auto;color:#111;}

.ls17c{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/0% 3px;}

.ls17c2{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/100% 4px;color:#111;}
/*已下單項目*/
.m9 .a9 .b10 .c10{width:92%;height:auto;overflow: hidden;margin:10px auto 25px}

.m9 .a9 .b10 .c10 .im15{width:30%;height:auto;overflow:hidden;float:left}
.m9 .a9 .b10 .c10 .im15 img{width:100%;height:auto;overflow:hidden;}
.m9 .a9 .b10 .c10 .t36 {width:68%;height:auto;overflow:hidden;font:700 26px/36px 'Noto Sans SC','Noto Sans TC', "微軟正黑體";color:#005251;;float:right}
/*----shop_car-------數量+價格-------*/
.m9 .a9 .b10 .c11{width:92%;height:auto;overflow: hidden;margin:0 auto 15px}
.d1{width:60%;height:45px;margin:0 0 30px;float:left}
.d1 .btn1{width:80px; height:45px; float:left}
.d1 .btn1 a{width:100%;height:43px;font:700 24px/43px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#fff;display:inline-block; text-align:center; background:#888 ; border:1px solid #888;border-radius:5px 0 0 5px;}
.d1 .btn1-2 a{border-radius:0 5px 5px 0 ;}
.d1 .btn1 a:hover{background:#333  ; color:#fff;border:1px solid #333}
.d1 input{width:80px; height:43px; border:1px solid #888 ; border-right:0;border-left:0; float:left; padding:0; text-align:center;color:#111;font:600 24px/36px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";}
.d1 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#6b18df;}
.pr2{width:40%;height:auto;overflow:hidden;margin:0 auto 10px;font:italic 700 42px/42px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#e30060;letter-spacing:-1px;float:right;text-align:right;padding-right:20px;box-sizing: border-box;}

/*shop_car.asp--金額結算*/
.bx2{width:100%;height:auto;overflow:hidden;margin:0 auto;border:0px solid #333;box-sizing: border-box;}
.bx2 table{border:0px solid #333;border-right:0;border-bottom:0;box-sizing: border-box;}
.bx2 table .t21{background:#666;color:#fff}
.bx2 table tr td{border-bottom:0px solid #888;border-left:0;border-top:0;padding:12px 15px;font:500 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
.bx2 table .dlin{border-bottom:1px solid #aaa;}

.bx2 table tr .pr3{font:700 28px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#e30060;letter-spacing:-1px;}
.bx2 table tr .pr3 h4{font:500 18px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;letter-spacing:-1px;}
.bx2 table tr .t37{font:500 18px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;letter-spacing:-1px;}

/*上一步+下一步*/
.m6 .a6 .b14-2{width:52%; float:right}
.bt21-2{width:47%;float:right;margin-right:3%}
.bt22-2{width:47%;float:right}

	/*運送地區+小計*/
.m6 .a6 .b15{width:48%;height:100px;float:left;padding:15px 0 0 2%;box-sizing: border-box;}
.m6 .a6 .b15 .t38{width:100%;height:auto;font:500 17px/25px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#0a3472;letter-spacing:-1px;}

.m6 .a6 .b15 .pr4{width:100%;height:auto;font:700 30px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#e30060;letter-spacing:-1px;}
.m6 .a6 .b15 .pr4 span{color:#333;}

/*付款說明文字*/
.m9 .a9 .b10 .t39{width:100%;height:auto;font:400 20px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;letter-spacing:-1px;padding:0 2%;margin-bottom:10px}
/*付款方式 列表選項*/
.m9 .a9 .b10 .c11{width:92%;height:auto;overflow: hidden;margin:0 auto 15px}
.m9 .a9 .b10 .t39{width:100%;height:auto;font:400 20px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;letter-spacing:-1px;padding:0 2%;margin-bottom:10px}
/*勾選介面設定*/
.m9 .a9 .b10 .c12{width:92%;height:auto;overflow: hidden;margin:0 auto;padding:20px 0}
.ck1{ width:26px; height:26px; overflow:hidden;float: left;margin-top:5px;float:right}
.ck1 input[type="radio"] {display:none;}
.ck1 input[type="radio"] + label { background:#bbb; width:20px; height:20px;border-radius:100px; padding:2px}
.ck1 input[type="radio"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff }
.ck1 input[type="radio"]:checked + label div {border-radius:100px;background:#2eab98}
.ck1 label{height:19px;font:13px/18px "微軟正黑體";}

/*shop_car.asp--金額結算*/
.bx3{width:100%;height:auto;overflow:hidden;margin:0 auto;border:0px solid #333;box-sizing: border-box;}
.bx3 table{border:0px solid #333;border-right:0;border-bottom:0;box-sizing: border-box;}
.bx3 table tr td{border-bottom:1px solid #ccc;border-left:0;border-top:0;padding:12px 6px;font:700 20px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}

.im16{width:auto;height:24px;display:inline-block;margin-left:5px}
.im16 img{width:auto;height:100%;vertical-align: top;padding-top:3px;}

.bx3 .t40{width:100%;height:24px;font:400 18px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;letter-spacing:0px;}
.bx3 .t40 span{width:auto;height:24px;display:inline-block;padding:0 10px;font:500 16px/22px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;background:#ccc}

.bx3 .t40 h4{width:auto;height:24px;display:inline-block;padding:0 10px;font:500 18px/22px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#001fa4;float: right}

.bx3 .t41{width:auto;height:24px;display:inline-block;padding:0 10px;font:500 16px/22px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;background:#ccc;margin-left:10px;}
/*shop_car3.asp-商品瀏覽*/
.m9 .a9 .b10 .t42{width:100%;height:auto;font:700 30px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-1px;text-align:center}
.m9 .a9 .b10 .t42 span{color:#e30060;}
.m9 .a9 .b10 .im17{width:45px;height:auto;overflow:hidden;margin:0 auto;padding:15px 0}
.m9 .a9 .b10 .im17 img{width:100%;height:auto;}

/*shop_car3.asp取貨人資料*/
.m9 .a9 .b10 .c13{width:88%;height:auto;overflow: hidden;margin:0 auto;padding:20px 0}
.ls18{width:100%;height:auto;overflow:hidden;margin-bottom:12px}
.ls18 .t43{width:100%;height:20px;overflow:hidden;font:500 16px/20px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:5px}
.ls18 .in4{width:100%;height:60px;overflow:hidden;display:block;border:2px solid #333;padding:0 10px;box-sizing: border-box;border-radius:1px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls18 .in5{width:100%;height:78px;overflow:hidden;display:block;border:2px solid #333;padding:5px;box-sizing: border-box;border-radius:1px;font:500 22px/26px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";}



.ls18 .d2 {width:100%;height:60px;overflow:hidden;display:block;border:2px solid #333;padding:0 10px;box-sizing: border-box;border-radius:1px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls18 .d2 .im18{width:auto;height:42px;overflow:hidden;float:left;margin-top:5px}
.ls18 .d2 .im18-2{float:right}
.ls18 .d2 .im18 img{width:auto;height:100%;vertical-align:top;padding:4px 0 0;margin:0 8px;box-sizing: border-box;}

.ls18 .d2 
.in5{width:75%;height:56px;overflow:hidden;display:block;border:0px solid #333;padding:0 0;box-sizing: border-box;border-radius:1px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";float:left}
.ls18 .t44{width:25%;height:50px;overflow:hidden;font:500 22px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";float:right;text-align:right;color:#aaa}

/*同意條款*/
/*勾選介面設定*/
.d3{width:100%;height:auto;overflow:hidden;}
.ck2{ width:40px; height:40px; overflow:hidden;float: left;display: block;margin-top:8px}
.ck2 input[type="checkbox"] {display:none;}
.ck2 input[type="checkbox"] + label { background:#bbb; width:20px; height:20px;border-radius:4px; padding:2px}
.ck2 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:2px;box-sizing: border-box; background:#fff }
.ck2 input[type="checkbox"]:checked + label div {border-radius:2px;background:#0d0da3}
.ck2 label{height:19px;font:13px/18px "微軟正黑體";}
.d3 .t45{width:calc(100% - 40px);height:auto;overflow:hidden;font:500 22px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";float:left;color:#111;display: inline-block;vertical-align:top;padding:5px 0}
.d3 .t46{width:100%;height:auto;overflow:hidden;font:500 22px/40px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";float:left;text-align:left;color:#111}
.d3 .t46 img{width:auto;height:22px; padding-bottom:4px; vertical-align:middle; margin-left:10px}
.t47{width:100%;height:auto;overflow:hidden;font:400 18px/24px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";float:left;text-align:left;color:#333}

/*shop_car3.asp商品訂購項目彈出視窗搜尋彈出視窗*/
.fm3{/* width:600px;*/height:auto;overflow:hidden;margin:60px auto 0}
.fm3 .modal-dialog{max-width:580px}
.fm3 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box;background:#fff}
.fm3 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.fm3 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.fm3 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 0;margin:0 auto;}
.fm3 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.fm3 .modal-content form .modal-body .btn-close{ position:absolute;top:5px; right:5px;font:25px/50px "Century Gothic","微軟正黑體"; opacity:.8}
.fm3 .modal-content form .modal-body .aa1{width:100%;height:auto;overflow:hidden;}
.fm3 .modal-content form .modal-body .aa1 .tt1{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Sans SC','Noto Sans TC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:15px;}
.fm3 .modal-content form .modal-body .aa1 .tt2{ width:90%; height:auto;overflow:hidden;font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto 10px; letter-spacing:0px; float:left; text-align:left;  border:0px solid #ddd; border-radius:0px;}
/*shop_car3.asp商品訂購項目彈出視窗--關閉按鈕*/
.bt23{width:30%; height:54px;font:500 24px/46px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:1px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;margin:0 auto; background:#555;float:left;display: block}
.bt23 > img{width:auto;height:28px;display:block; padding:0 0 4px; margin-right:0;float:left}
.bt23:hover{ background:#333; border:0px solid #333;transition:all 0.3s}
/*shop_car3.asp商品訂購項目彈出視窗--商品項目介面*/
.bx4{width:100%;height:auto;overflow:hidden;margin:20px auto;border:2px solid #333;background:#fff;box-sizing: border-box;}
.bx4 table{border:1px solid #333;border-right:0;border-bottom:0}
.bx4 table .t48{background:#ddd;}
.bx4 table tr td > img{width:60px;height:auto;}
.bx4 table tr td{border:1px solid #333;border-left:0;border-top:0;padding:4px 2px;font:500 16px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
.bx4 table .t49{color:#e40f6e;}
/*member_login.asp*/
.mbg1{background:url(../../images/mb/bg1.jpg) repeat-y center/640px auto, url(../../images/bg.jpg) no-repeat center/cover;background-attachment: fixed;/*height:100vh*/; z-index:2}
.mt1-2{background:none}
.m12{width:100%;height:auto;overflow:hidden;}
.m12 .a12{width:480px;height:auto;overflow:hidden;margin:0 auto 40px;position:relative;box-sizing: border-box;padding:120px 0 0 0;}
.m12 .a12 .im19{width:370px;height:auto;overflow:hidden;margin:0 auto 0px;}
.m12 .a12 .im19 img{width:100%;height:auto;overflow:hidden;}
/*member_login.asp--欄位區域*/
.m12 .a12 .c14{width:100%;height:auto;overflow:hidden;}
.ls19{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.ls19-2{margin-bottom:0}
.ls19 .t50{width:100%;height:36px;overflow:hidden;font:300 28px/34px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:8px;color:#fff;text-transform: uppercase;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.ls19 input,
.ls19 select{border-image: linear-gradient(to right, #268f3b, #51a034, #70b12c, #268f3b) 0!important;background:rgba(0,0,0,.85)!important;box-shadow:0 2px 8px rgba(0,0,0,.25)!important}
.ls19 .in6{width:100%;height:72px;overflow:hidden;display:block;/*border:1px solid */;padding:0 15px;box-sizing: border-box;border-radius:1px;font:400 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #268f3b, #51a034, #70b12c, #268f3b) 1;background:rgba(0,0,0,.6);color:#fff}

.t51{width:100%;height:auto;overflow:hidden;text-align:right;margin-bottom:15px}
.t51 a{font:400 28px/42px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:5px;color:#fff;text-align:right}
.t51 a img{width:auto;height:22px; padding-bottom:4px; vertical-align:middle; margin-right:5px}

.bt24{width:100%; height:70px;font:500 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:100px; padding:0 0; transition:all 0.3s;margin:0 auto 0;background:#51a034;border:0}
.bt24 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt24:hover{background:#70b12c}
.bt24 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#dd0068; }
.bt24 a:hover{ background:#e63c8c; border:0px solid #3577c1;transition:all 0.3s;}
.bt24-2{margin-bottom:0px}
.bt25{width:100%; height:40px;overflow:hidden;font:500 22px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:100px; padding:0 0; transition:all 0.3s;margin:25px auto 0; }
.bt25-2{margin:0 auto 0;}
.bt25 img{width:auto;height:16px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt25:hover{ background:#666; border:0px solid #3577c1;transition:all 0.3s}
.bt25 a{width:100%; height:40px;font:400 20px/36px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;border:0px solid #fff;box-sizing: border-box;background:rgba(0,0,0,.40) }
.bt25 a:hover{ transition:all 0.3s;background:rgba(255,255,255,.3);color:#fff}
/*member_join.asp*/
.mbg2{background:url(../../images/mb/bg2.jpg) no-repeat center top/640px auto, url(../../images/bg.jpg) no-repeat center/cover;background-attachment: fixed;/*height:100vh*/; z-index:2}
.m12 .a12-2{padding:120px 0 0 0;}
.m12 .a12 .im19-2{width:250px;margin:0 auto -10px;}
/*member_join.asp--表單*/
.ls19 .d4{width:100%;height:auto;overflow:hidden;font:300 20px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";display:inline-block}
.ls19 .in7{width:30%;height:72px;overflow:hidden;display:block;/*border:1px solid */;padding:0 15px;box-sizing: border-box;border-radius:1px;font:300 20px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #7d622b, #ab965d, #a78c5d, #977340) 1;background:rgba(0,0,0,.6);color:#fff;float:left;text-align: center;}

.ls19 .in8{width:68%;height:72px;overflow:hidden;display:block;/*border:1px solid */;padding:0 15px;box-sizing: border-box;border-radius:1px;font:300 20px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #7d622b, #ab965d, #a78c5d, #977340) 1;background:rgba(0,0,0,.6);color:#fff;float:right}
.ls19 .in8-2{float:left}
/*member_join.asp--同意條款*/
/*勾選介面設定*/
.d5{width:100%;height:auto;overflow:hidden;margin:8px 0}
.ck3{ width:40px; height:40px; overflow:hidden;float: left;display: block;margin-top:8px}
.ck3 input[type="checkbox"] {display:none;}
.ck3 input[type="checkbox"] + label { background:#fff; width:20px; height:20px;border-radius:0px; padding:2px}
.ck3 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:2px solid #fff;border-radius:2px;box-sizing: border-box; background:#fff }
.ck3 input[type="checkbox"]:checked + label div {border-radius:2px;background:#176564}
.ck35label{height:19px;font:13px/18px "微軟正黑體";}
.d5 .t54{width:calc(100% - 40px);height:auto;overflow:hidden;font:500 22px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";float:left;color:#fff;display: inline-block;vertical-align:top;padding:5px 0}
.d5 .t54 a{font:500 22px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#84c7ff;text-decoration:underline}
.d5 .t54 a:hover{}
/*member_join2.asp--說明文*/
.m12 .a12 .c14 .t52{width:100%;height:auto;overflow:hidden;font:300 24px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:10px;color:#fff;text-transform: uppercase;padding:20px 0 10px;border-bottom:1px solid rgba(255,255,255,.3);letter-spacing:-.6px;text-align:justify;text-justify: inter-ideograph;}
.m12 .a12 .c14 .t53{width:100%;height:76px;overflow:hidden;font:300 60px/62px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin-bottom:8px;color:#fff;}

.ls19 .in9{width:58%;height:72px;overflow:hidden;display:block;border:1px solid ;padding:0 15px;box-sizing: border-box;border-radius:1px;font:300 20px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #7d622b, #ab965d, #a78c5d, #977340) 1;background:rgba(0,0,0,.6);color:#fff;float:left}

/*member_join2.asp--重發驗證碼按鈕*/
.bt26{width:38%; height:70px;font:400 24px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:0 100px 100px 0; padding:0 0; transition:all 0.3s;background:#746045;border:0;float:right}
.bt26 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt26:hover{background:#97866e}
.bt26 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0 100px 100px 0;background:#dd0068; }
.bt26 a:hover{ background:#e63c8c; border:0px solid #3577c1;transition:all 0.3s;}
/*member_join--*/
.fm4{/* width:600px;*/height:auto;overflow:hidden;margin:0px auto 0}
.fm4 .modal-dialog{max-width:580px}
.fm4 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box;background:#fff}
.fm4 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.fm4 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.fm4 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 10px;margin:0 auto;}
.fm4 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.fm4 .modal-content form .modal-body .btn-close{ position:absolute;top:5px; right:5px;font:25px/50px "Century Gothic","微軟正黑體"; opacity:.8}
.fm4 .modal-content form .modal-body .aa1{width:100%;height:auto;overflow:hidden;}
.fm4 .modal-content form .modal-body .aa1 .tt1{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Sans SC','Noto Sans TC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:15px;}
.fm4 .modal-content form .modal-body .aa1 .tt2{ width:90%; height:auto;overflow:hidden;font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto 10px; letter-spacing:0px; float:left; text-align:left;  border:0px solid #ddd; border-radius:0px;}

/*服務條款+隱私權政策文案區域*/
/*服務條款--彈出介面--*/
/*.fm4{ width:560px; height:auto; overflow:hidden; margin:50px auto 0}
.fm4 .modal-content{ border:0;}
.fm4 .t16{width:520px;height:auto;overflow:hidden;font:24px/40px verdana,"微軟正黑體";color:#555;text-align:left;padding:12px 20px; text-align:center; letter-spacing:0px}*/
.fm4 .bb1{width:100%;height:600px;overflow:auto;overflow-x:hidden;font:300 18px/24px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";text-align:justify;text-justify:inter-ideograph;margin:0 auto; letter-spacing:-0.5px}
.fm4 .bb1 h4{font:500 18px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#000}
.fm4 .bb1 > ul{padding-left:20px; margin:0 0 0 20px}
.fm4 .bb1 > ul > li{ list-style:outside;list-style-type:decimal; margin-bottom:3px}
.fm4 .bb1 > ul > li ul{padding-left:22px; margin:0 0 0px}
.fm4 .bb1 > ul > li ul li{list-style-type:lower-alpha;margin:0 0 3px;}
.fm4 .bb1 > ul > li .c11{padding-left:0px;}
.fm4 .bb1 > ul > li .c11 li{list-style-type:none; }
.fm4 .bb1 .b11{}
.fm4 .bb1 .b11 li{ list-style:outside;list-style-type:disc;margin-bottom:0px}
.fm4 .bb1 .b13{}
.fm4 .bb1 .b13 li{list-style-type:none;}
.fm4 .bt11{ background:#888; color:#fff; transition:all 0.3s}
.fm4 .bt11:hover{ background:#aaa;transition:all 0.3s}
.fm4 .bb2{ padding:12px 20px;}
/*同意條款按鈕*/
.bt27{width:100%; height:50px;font:500 24px/48px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:1px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;margin:0!important; background:#005251;float:right;display: block}
.bt27 > img{width:auto;height:28px;display:block; padding:0 0 4px; margin-right:0px;}
.bt27:hover{ background:#216c6b; border:0px solid #333;transition:all 0.3s}
/*member_forget.asp--忘記密碼*/
.m12 .a12-3{padding:100px 0 0 0;}
.mbg3{background:url(../../images/mb/bg3.jpg) no-repeat center top/640px auto, url(../../images/bg.jpg) no-repeat center/cover;background-attachment: fixed;/*height:100vh*/; z-index:2}
.m12 .a12 .im19-3{width:450px;margin:0 auto 20px;}
/*member_password--重設密碼*/
.mbg4{background:url(../../images/mb/bg4.jpg) no-repeat center top/640px auto, url(../../images/bg.jpg) no-repeat center/cover;background-attachment: fixed;/*height:100vh*/; z-index:2}
.m12 .a12-3{padding:100px 0 0 0;}
.m12 .a12 .im19-4{width:472px;margin:0 auto 20px;}
/*member_EDIT--會員資料*/
.mbg5{background:url(../../images/mb/bg5.jpg) no-repeat center top/640px auto, url(../../images/bg.jpg) no-repeat center/cover;background-attachment: fixed;/*height:100vh*/; z-index:2}
.m12 .a12-4{padding:40px 0 0 0;}
.m12 .a12 .im19-5{width:389px;margin:0 auto 0px;}
.ls19 .in10{width:100%;height:72px;overflow:hidden;display:block;border:1px solid ;padding:0 15px;box-sizing: border-box;border-radius:1px;font:300 20px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #7d622b, #ab965d, #a78c5d, #977340) 1;background:rgba(0,0,0,.6);color:#fff}


/*--member_order----頁籤--*/

.m9 .a9 .b10 .c15{width:100%;height:auto;overflow: hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc;margin:0 0 15px;background:#fff}
.ls20{width:25%;height:auto;overflow:hidden;float:left}
.ls20 a{width:100%;height:60px;overflow:hidden;display:block;font:700 24px/60px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#555;text-align:center;background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/0% 3px}
.ls20 a:hover{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/50% 4px;color:#111;}
.ls20 a.active{background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center bottom/70% 4px;color:#111;}
/*--member_order----訂購項目列表--*/
.m9-2{background:#c6c0b9}
.m9 .a9 .b10 .c16{width:100%;height:auto;overflow: hidden; border-bottom:0px solid #ccc; border-top:0px solid #ccc;margin:0 auto 15px;}
.ls21{width:100%;height:auto;overflow:hidden;}
.bx5{width:100%;height:auto;overflow:hidden;margin:0 auto 15px;background:#fff;box-sizing: border-box;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:0 10px;}
.bx5 table{border:0px solid #333;border-right:0;border-bottom:0}
.bx5 table tr td > a img{width:80px;height:auto;}
.bx5 table tr td{border:0px solid #333;border-left:0;border-top:0;padding:6px 8px;font:500 22px/30px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";letter-spacing:-.5px!important}
.bx5 table tr td > span{color:#e30060;}
.bx5 table .t55{border-bottom:1px solid #aaa;}
.bx5 table .t55 td > span{letter-spacing:6.4px;color:#111}
.bx5 table tr .t56{color:#3560b8;}
.bx5 table tr .t57{color:#e30060;font:700 26px/30px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";}
.bx5 table tr .t58{font:700 28px/32px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";letter-spacing:-1px}
.bx5 table tr .t58 a{font:700 28px/32px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";letter-spacing:-1px}
.bx5 table tr .t58 a:hover{text-decoration:underline}
.bx5 table tr .t59{font:700 26px/32px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";letter-spacing:-1px}
/*member_index.asp*/
.m13{width:100%;height:auto;overflow:hidden;background:#d8d5d1}
.m13 .a13{width:100%;height:auto;overflow:hidden;margin:0 auto;position:relative;box-sizing: border-box;padding:0;}
.m13 .a13 .b16{width:100%;min-height:100px; height:auto;overflow:hidden;background:#277877;padding:20px 4%;box-sizing: border-box;margin-bottom:30px}
.m13 .a13 .b16 .im20{width:150px;height:150px;overflow:hidden;float:left;border-radius:200px;}
.m13 .a13 .b16 .im20 img{width:100%;height:100%;overflow:hidden;border-radius:200px;}
.m13 .a13 .b16 .c17{width:calc(100% - 170px);height:auto;overflow:hidden;float:right}

.m13 .a13 .b16 .c17 .t60{width:100%;height:auto;overflow:hidden;float:left;font:500 36px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;;margin-bottom:3px;}

.m13 .a13 .b16 .c17 .t60 span{width:60px;height:36;overflow:hidden;background:#6c1fdf;color:#ffde00;font:italic 700 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin:10px 0 0 10px;border-radius:6px;display: inline-block;vertical-align: top;text-align:center;padding:0 3px 2px 0}
.m13 .a13 .b16 .c17 .t61{width:100%;height:auto;font:500 20px/26px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";padding:0;margin-bottom:2px;color:#fff}
.m13 .a13 .b16 .c17 .t62{width:100%;height:auto;font:500 20px/26px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";padding:0;margin-bottom:0;color:#fff}
.m13 .a13 .b16 .c17 .t62 span{font:italic 700 32px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fae696}
.m13 .a13 .b16 .c17 .t62 span > h4{font:italic 500 20px/30px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fae696;display: inline-block;margin-left:-4px}
.m13 .a13 .b16 .c17 .t62b{width:100%;height:auto;font:italic 500 16px/26px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";padding:0;color:#fae696;margin-left:124px;}
/*會員專區--功能區域*/

.m13 .a13 .b17{width:90%;min-height:100px; height:auto;overflow:hidden;background:#fff;padding:10px 4% 0;border-radius:20px;box-sizing: border-box;margin:0 auto 25px}
.st2{width:100%;height:40px;font:700 24px/38px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;margin:0 0 16px;letter-spacing:-1px;border-bottom:1px solid #ccc;padding-bottom:4px}
.m13 .a13 .b17 .c18{width:100%;height:auto;overflow:hidden;}
.ls22{width:23%;height:auto;overflow:hidden;margin:0 1% 15px;float:left}

.ls22 a{width:100%;height:auto;display: block;border-radius:100px;}
.ls22 a:hover{background:#ddd}
.ls22 a .im21{width:auto;height:42px;overflow:hidden;margin:0 auto 2px;text-align:center;}

.ls22 a .im21 img{width:auto;height:100%}
.ls22 a .t63{width:100%;height:auto;overflow:hidden;font:500 20px/32px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;text-align:center}
/*member_index.asp---登出按鈕*/
.bt28{width:320px; height:50px; text-align:center;transition:all 0.3s;margin:30px auto 30px;clear: both;}
.bt28 img{width:auto;height:20px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt28 a{width:100%; height:50px;font:20px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#88755c;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt28 a:hover{ background:#a19483; border:0px solid #333;transition:all 0.3s;color:#fff;}
.bt28-2{margin:20px auto 50px;}
/*member_edit---照片*/

.ls19 .d4 .im22{width:150px;height:150px;overflow:hidden;float:left;border-radius:200px;margin-right:0}
.ls19 .d4 .im22 img{width:100%;height:100%;overflow:hidden;border-radius:200px;}

.ls19 .in11{width:calc(100% - 180px);height:75px;overflow:hidden;display:block;border:1px solid ;padding:0 0;box-sizing: border-box;border-radius:0px;font:300 20px/68px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #7d622b, #ab965d, #a78c5d, #977340) 1;background:rgba(0,0,0,.6);color:#fff;float:right;margin-top:30px}
.ls19 .in11b{width:100%;margin-top: 0}
/*取消最愛按鈕*/
.bt29{width:98px; height:28px; text-align:center;transition:all 0.3s;position:absolute;right:8px;bottom:8px;z-index:3}
.bt29 a img{width:auto;height:12px;display:inline-block; padding:0 0 3px; margin-right:0px;}
.bt29 a{width:100%; height:28px;font:16px/26px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:4px;background:#e20040;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt29 a:hover{ background:#e9095d; border:0px solid #333;transition:all 0.3s;color:#fff}
/*20230725-生日-年月日欄位*/
.ls19 .d4 .in12{width:25.3%;height:72px;overflow:hidden;display:block;border:1px solid ;padding:0 15px;box-sizing: border-box;border-radius:1px;font:300 24px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";border-image: linear-gradient(to right, #7d622b, #ab965d, #a78c5d, #977340) 1;background:rgba(0,0,0,.6);color:#fff;float:left;text-align:center}
.ls19 .d4 .t64{width:8%;height:72px;overflow:hidden;display:block;font:300 20px/70px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;float:left;text-align:center}

/*shop_MSG.asp---成功+失敗訊息*/
.b18{width:100%;height:auto;overflow:hidden;margin-bottom:20px;padding:40px 0 0}
.b18 .t65{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Sans SC','Noto Sans TC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:15px;}

.b18 .t66{ width:100%; height:auto;overflow:hidden;font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto 10px; letter-spacing:0px; float:left; text-align:center;  border:0px solid #ddd; border-radius:0px; }
.b18 .t66 h4
{font:700 28px/46px 'Noto Serif TC',
'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#599d00;letter-spacing:0px}
.b18 .t66 h4 img{width:auto;height:32px; padding-bottom:6px; vertical-align:middle; margin-right:5px}
.b18 .t66 h5
{font:700 28px/46px 'Noto Serif TC',
'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#c00;letter-spacing:0px}
.b18 .t66 h5 img{width:auto;height:32px; padding-bottom:6px; vertical-align:middle; margin-right:5px}
/*shop_MSG.asp--按鈕區域*/
.b19{width:92%;height:auto;overflow:hidden;margin:0 auto 50px;padding:40px 0 0}
.bt30{width:48%; height:60px; text-align:center;transition:all 0.3s;;margin:0px 4% 0 0;float:left}
.bt30-2{float:none;margin:0 auto}
.bt30 a{width:100%; height:60px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#005251;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}

.bt30 a img{width:auto;height:26px;display:inline-block; padding:0 0 4px; margin-right:6px;}
.bt30 a:hover{ background:#176564; border:0px solid #333;transition:all 0.3s;color:#fff}
.bt31{width:48%; height:60px; text-align:center;transition:all 0.3s;;margin:0px 0%;float:left}
.bt31 a{width:100%; height:60px;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"Times New Roman","Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0px;background:#111;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt31 a:hover{ background:#111; border:0px solid #333;transition:all 0.3s;color:#555}
/*invite_Code.asp*/
.m13-2{background:none;margin-bottom:60px}
.t67{width:90%;height:auto;overflow:hidden;font:500 24px/34px 'Noto Sans SC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";margin:0 auto 20px}
 .ls23{width:90%;height:auto;overflow:hidden;margin:0 auto 20px}
 .ls23 .t68{width:25%;height:auto;overflow:hidden;float:left;font:500 28px/80px 'Noto Sans SC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";text-align:right}
 .in13{ width:65%; hebb13ight:80px; overflow:hidden; border:1px solid #aaa; border-radius:2px; background:#fff; color:#000; margin:0 5px;font:500 24px/80px 'Noto Sans SC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; text-align:center; display:block;float: left;box-sizing: border-box;box-shadow:0 1px 4px rgba(0,0,0,0) inset;padding: 0 20px;}
.ls23 .im26{width:auto;height:36px;overflow:hidden;float:right;display: inline-block;margin-top:9px}
.ls23 .im26 a img{width:auto;height:100%;opacity:.7;transition:all 0.3s}
.ls23 .im26 a:hover img{opacity:.4;transition:all 0.3s}
/*invite_Code.asp----QRCODE區域*/
.b20{width:88%;height:auto;overflow:hidden; margin:0 auto 30px!important; display:block; padding:30px 0 20px;border-bottom:0px solid #ccc;background:#dcd5cc
;border-radius:12px;}
.b20 .im27{width:300px;height:auto;overflow:hidden;margin: 0 auto 10px}
.b20 .im27 img{width:100%;height:auto;}
.b20 .t69{width:100%;hseight:auto;overflow:hidden;margin: 0 auto 10px;text-align: center;letter-spacing:-.5px;font:500 28px/42px 'Noto Sans SC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111; }

/*invite_Code.asp---立即邀请好友按鈕*/
.bt32{width:88%; height:80px; text-align:center;transition:all 0.3s;;margin:30px auto 30px;clear: both;}
.bt32 img{width:auto;height:32px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt32 a{width:100%; height:80px;font:32px/78px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#88755c;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt32 a:hover{ background:#a19483; border:0px solid #333;transition:all 0.3s;color:#fff}
/*20230921--左選單LOGO*/
.lg3a{width:100%;height:auto;overflow:hidden;background:#d4bfb1 ;padding:20px 20px; sbox-sizing: border-box;border-bottom:1px dotted #b5a59a}
.lg3a .lg3{width:auto;height:60px;overflow:hidden;}
.lg3 img{width:auto;height:100%}
/*20230921---DOWN重切*/
.m14{width:100%;height:auto;overflow:hidden}
.m14 .a14{width:92%;height:auto;overflow:hidden;margin:0 auto;padding:70px 0 }
.m14 .a14 .t70{width:100%;hseight:auto;overflow:hidden;margin: 0 0 10px;text-align:left;letter-spacing:-.5px;font:500 22px/34px 'Noto Sans SC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;background:linear-gradient(90deg,#bbb 50%,#bbb 100%) no-repeat right center/72% 1px }
.m14 .a14 .b21{width:100%;height:auto;overflow:hidden;border-bottom: 1px solid #bbb;margin-bottom:15px;padding-bottom:15px}
.ls24{width:100%;height:auto;overflow:hidden;}

.ls24 .im28{width:auto;height:16px;overflow:hidden;margin: 0 8px 0 0;float:left;padding:9px 0 0 }
.ls24 .im28 img{width:auto;height:100%;vertical-align: top}

.ls24 .t71{width:88%;height:auto;overflow:hidden;font:400 16px/30px 'Noto Sans SC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;float:left}
.ls24 .t71 a{font:400 16px/30px 'Noto Sans SC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;}
.ls24 .t71 a:hover{text-decoration: underline;color:#111;}
.t72{width:100%;height:auto;overflow:hidden;font:400 16px/28px 'Noto Sans SC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;float:left}

/*獎金*/
.m13 .a13 .b22{width:90%;height:auto;overflow:hidden;padding:30px 0 0;margin:0 auto}

.in14{ width:70%; height:60px; overflow:hidden; border:2px solid #aaa; border-radius:6px; background:#fff; color:#000; font:500 26px/56px 'Noto Sans SC','Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體"; text-align:center; display:block;box-sizing: border-box;box-shadow:0 1px 4px rgba(0,0,0,0) inset;padding: 0 20px;margin:0 0 25px;float:left}

.m13 .a13 .b23{width:90%;height:auto;overflow:hidden;margin:0 auto}

.bx6{width:100%;height:auto;overflow:hidden;margin:0 auto 20px;background:#fff;box-sizing: border-box;border-top:0px solid #aaa;border:1px solid #888;padding:0 0;}
.bx6 table{border:1px solid #888;border-right:0;border-bottom:0;box-sizing: border-box;}
.bx6 table tr td > a img{width:80px;height:auto;}
.bx6 table tr td{border:1px solid #888;border-left:0;border-top:0;padding:6px 8px;font:500 18px/30px verdana,'Noto Sans SC','Noto Sans TC',"微軟正黑體";letter-spacing:-.5px}
.bx6 table tr td > span{color:#e30060;;font:italic 600 24px/30px verdana,'Noto Sans SC','Noto Sans TC',"微軟正黑體";letter-spacing:-1px}
.bx6 table .t73{background:#e5e4df}
.bx6 table tr .t56{color:#3560b8;}

/*身分證*/
.m12 .a12 .im19-6{width:300px;margin:0 auto 0px;}
.ls19 .d4 .im29{width:100%;height:auto;overflow:hidden;float:left;border-radius:10px;margin:10px 0 20px}
.ls19 .d4 .im29 img{width:100%;height:auto;overflow:hidden;border-radius:0;}

/*右上購物車按鈕*/
.m1 .a1 .cart{width:27px;height:auto;float:right;margin:33px 40px 0 0;position:relative}
.m1 .a1 .cart img{width:100%;height:auto;transition:all 0.3s;filter:brightness(100%)}
.m1 .a1 .cart img:hover {transform:rotate(0deg) scale(1); transition:all 0.3; filter:brightness(150%)}

.m1 .a1 .cart .ct2{width:32px;height:32px;overflow:hidden;font:400 18px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic",'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#fff;border-radius:150px;position:absolute;top:-10px; right:-26px; background:#e30050;text-align:center;opacity:1!important; z-index:99}

/*獎金時間搜尋按鈕*/
.bt33{width:28%; height:60px; text-align:center;transition:all 0.3s;;margin:0;float: right}
.bt33 img{width:auto;height:26px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt33 a{width:100%; height:60px;font:500 26px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:4px;background:#88755c;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase}
.bt33 a:hover{ background:#a19483; border:0px solid #333;transition:all 0.3s;color:#fff}



/*20231110-member_order2-預約美容師+預定時間*/
.bt34{width:auto; height:auto; text-align:center;transition:all 0.3s;;margin:0;display:inline-block;vertical-align: top;}
.bt34 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-right:2px;}

.bt34 a{width:auto; height:34px;font:400 20px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#6e8500;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase;padding:0 20px}
.bt34 a:hover{ background:#8ba02b; border:0px solid #333;transition:all 0.3s;color:#fff}
/*member_Reserve.asp--服務預約*/

.im14 .t74{width:100%;height:auto;overflow:hidden; font:700 36px/42px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);padding:15px 25px;box-sizing: border-box;}

.im14 .t74b{width:260px;height:auto;overflow:hidden;position:absolute;top:40%;left:50%;padding:15px 25px;box-sizing: border-box;margin-left:-130px}

.im14 .t74b > a{width:100%;height:auto;overflow:hidden; font:500 28px/34px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;display:block; padding:6px 20px;box-sizing: border-box;text-align:center;background:rgba(0,0,0,.4);border-radius:100px;}
.im14 .t74b > a:hover{background:rgba(0,0,0,.8);}

.im14 .t74b > a h4{font:700 20px/20px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff}
.tga{margin-top:-100px;display: block}
.c19{width:94%;height:auto;overflow:hidden;margin:0 auto;padding:20px 0}

.c19-2{padding:20px 0 0}
.in15{width:38%;height:52px;overflow:hidden;display:block;border:2px solid #ccc;padding:0 15px;box-sizing: border-box;font:500 24px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;float:left;text-align:center;border-radius:3px;background:#fff;margin:0 2% 0 0}

.bt35{width:20%; height:auto; text-align:center;transition:all 0.3s;margin:0;display:block;float: left
}
.bt35 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-right:2px;}

.bt35 a{width:100%; height:52px;font:400 20px/50px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#333;border:0px solid #aaa;box-sizing: border-box;text-transform:uppercase;padding:0 20px}
.bt35 a:hover{ background:#555; border:0px solid #333;transition:all 0.3s;color:#fff}
/*member_Reserve.asp---美容師*/
.ls25{width:30%;height:auto;overflow:hidden;margin:0 1.5% 20px;float:left}
.ls25 .im30{width:100%;height:auto;overflow:hidden;float:left;border-radius:100%;margin:0 0 10px}
.ls25 .im30 img{width:100%;height:auto;overflow:hidden;}

.ls25 .t75{width:100%;height:auto;overflow:hidden; font:700 28px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;margin-bottom:12px}
.ck4a{}
.ck4{ width:36px; height:36px; overflow:hidden;margin:5px auto;}
.ck4 input[type="radio"] {display:none;}
.ck4 input[type="radio"] + label { background:#bbb; width:30px; height:30px;border-radius:100px; padding:2px}
.ck4 input[type="radio"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff }
.ck4 input[type="radio"]:checked + label div {border-radius:100px;background:#2eab98}
.ck4 label{height:19px;font:13px/18px "微軟正黑體";}

/*member_Reserve.asp---日期*/
.ls26a{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:20px}
.ls26{width:25%;height:36px;overflow:hidden;margin:0 1% 20px 0;float:left}
.ls26 a{width:100%;height:36px;overflow:hidden;display: block; font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;}
.ls26 a:hover{display: block;background:#ddd;border-radius:100px;}
.ls26 a.active{display: block;background:#2eab98;border-radius:100px;color:#fff}

.btn1{width:10%;height:auto;overflow:hidden;margin:0 0% 20px;float:right;text-align: right;border-left:1px solid #aaa;box-sizing: border-box;}
.btn1 a img{width:36px;height:auto;overflow:hidden;display: inline-block;}
.btn1 a img:hover{opacity:.8;transition:all 0.3s}
/*member_Reserve.asp---日期*/
.ls27a{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc}
.ls27{width:23%;height:auto;overflow:hidden;margin:0 1% 20px 0;float:left}
.ls27 a{width:100%;height:36px;overflow:hidden;display: block; font:500 22px/32px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;border-radius:100px;}
.ls27 a:hover{background:#ddd;}
.ls27 a.active{background:#333;color:#fff}
/*down-版權宣告*/
.m15x{width:640px;height:50px;overflow:hidden}
.m15{width:640px;height:60px;overflow:hidden;/*background:linear-gradient(180deg,#268f3b 20%,#51a034 90%) no-repeat center top;*/position: fixed;bottom:0;left:50%;margin:0 0 0 -320px;background:#195124}
.m15 .a15{width:100%;height:60px;overflow:hidden;box-sizing: border-box;padding:0;font:300 24px/58px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center;letter-spacing:-1px}


/*index.asp-icon導覽區*/
.m16{width:100%;height:auto;overflow:hidden;}
.m16 .a17{width:92%;height:auto;overflow:hidden;box-sizing: border-box;padding:40px 0 20px;font:300 17px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center;margin:0 auto}

/*member_Reserve.asp---美容師*/
.ls28{width:19%;height:auto;overflow:hidden;margin:0 2.5% 0px;display: inline-block}
.ls28 a{width:100%;height:auto;overflow:hidden;display:block;transition:all 0.3s;}
.ls28 a .im31{width:100%;height:auto;overflow:hidden;border-radius:100px;margin:0 0 10px;padding:25px;box-sizing: border-box;background:linear-gradient(0deg,#268f3b 20%,#51a034 90%) no-repeat center top;aspect-ratio: 1 / 1;border:5px solid #268f3b;box-shadow:0 1px 6px rgba(0,0,0,.35);}
.ls28 a .im31 img{width:100%;height:auto;overflow:hidden;transition:all 0.3s;}
.ls28 a:hover .im31 img {transform:rotate(0deg) scale(1.25); transition:all 0.3s;}

.ls28 a .t76{width:100%;height:40px;overflow:hidden; font:500 22px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;margin-bottom:0;letter-spacing:-1px}

/*index.asp-icon導覽區*/
.m17{width:100%;height:auto;overflow:hidden;}
.m17-2{background:#e8e8e8}
.m17 .a18{width:88%;height:auto;overflow:hidden;box-sizing: border-box;padding:8px 0 30px;font:300 17px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center;margin:0 auto}

/*配套+新品介紹列表*/
.ls29{width:100%;height:auto;overflow:hidden;margin:0 0 25px;border-radius:25px;box-shadow:0 2px 6px rgba(0,0,0,.35);}
.ls29 a{width:100%;height:auto;overflow:hidden;display:block;transition:all 0.3s;}
.ls29 a img{width:100%;height:auto;overflow:hidden;transition:all 0.3s;}
.ls29 a:hover img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
/*video_list.asp-影音介紹列表*/
.m9 .a9 .b24{width:88%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 0}
.ls30{width:100%;height:auto;overflow:hidden;margin:0 0 35px;border-radius:25px;box-shadow:0 2px 6px rgba(0,0,0,.35);}
.ls30 {width:100%;height:auto;overflow:hidden;display:block;transition:all 0.3s;}
.ls30 img{width:100%;height:auto;overflow:hidden;transition:all 0.3s;}
.ls30:hover img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}


.ls30 .if1{width:100%;height:auto;overflow:hidden;aspect-ratio: 1.7778 / 1}

.ls30 .if1 iframe{width:100%;height:auto;aspect-ratio: 1.7778 / 1}

.ls30 .t77{width:100%;height:40px;overflow:hidden; font:500 24px/38px 'Noto Sans SC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;margin-bottom:0}
/*aa_1--主圖*/
.ls31{width:88%;height:auto;overflow:hidden;margin:0 auto 25px; border-bottom:1px dashed #aaa;padding:0 0 20px}
.ls31 .im32{width:100%;height:auto;overflow:hidden;margin:0 auto;aspect-ratio: 2 / 1;border-radius:10px}
.ls31 .im32 img{width:100%;height:100%;}
.ls31 .t78{width:100%;height:auto;font:400 28px/42px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;margin:0 0 0px;padding:15px 0 0;text-align:justify;text-justify: inter-ideograph;box-sizing: border-box;letter-scpacing:-1px}
.ls31 .t78 h4{font:700 42px/50px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#000;margin:2px 0 12px;letter-scpacing:-1px}
.ls31 .t78 ul{padding-left:20px;}
.ls31 .t78 ul li{ list-style:outside;list-style-type:disc}

/*contact_view.--文案標題*/
.t79{width:92%;height:auto;font:400 28px/42px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體";color:#111;margin:0 auto 5px;padding:20px 0;text-align:justify;text-justify: inter-ideograph;box-sizing: border-box;letter-scpacing:-1px}

/*內頁專用標題*/
.bgt7{width:100%;height:auto;overflow:hidden;font:700 56px/76px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#000;text-align:center;padding:20px 0 20px;/*border-bottom:4px solid #000*/}
.bgt7 h4{font:500 28px/38px 'Noto Sans SC','Noto Sans TC',verdana,"微軟正黑體"; color:#333;letter-spacing:-1px}