@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, 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{  text-decoration:none;outline:none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); color:#000 /* for IE */;transition:all 0.3s}
a:hover{ text-decoration:none;color:#000;outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());transition:all 0.3s}
a:focus{outline: none;hlbr:expression(this.onFocus=this.blur());text-decoration:none;transition:all 0.3s}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ /* min-width:1280px;*/
min-height:100vh; display:flex; flex-direction:column;background:#fff;height:100%}
body img{line-height:0px;}
/*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;}
/*
.bg1{background:url("../../images/bn1.jpg")no-repeat center top/cover;background-attachment: fixed;animation:go1 1.8s ease-out 0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running; position:relative}

@keyframes go1 { 
  0% {opacity:0} 

100% {opacity:1}
}

.bg1m{width:100%;height:900px;overflow:hidden;}*/


.bg1{background:url("../../images/bn1.jpg")no-repeat center top/100% auto #5d237a;background-attachment: fixed;animation:go1 1.8s ease-out 0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running; position:relative}

@keyframes go1 { 
  0% {opacity:0} 

100% {opacity:1}
}

.bg1m{width:100%;height:750px;overflow:hidden;}


.bg2{background:url("../../images/bg8.jpg") center}
.m1{width:100%;height:300px;position:fixed;z-index:9998;transition:all 0.3s;opacity:1;/*background:#295284;*/;top:0;left: 0}
.m1x{width:100%;height:0;}
.m1 .a1{width:1300px;height:auto;overflow: hidden; margin:0 auto;font:500 13px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#e2d2a;position:relative;padding:40px 0 0}
.m1 .a1 .lg1{width:auto;height:220px;overflow:hidden;/*position:absolute;left:80px;top:30px*/;float:left;margin-right:20px}
.m1 .a1 .lg1 img{width:auto;;height:100%;}
.m1 .a1 .b1{width:calc(100% - 500px);height:240px;/*background:rgba(100,180,190,.8);*/margin:0 auto;border-radius:0;padding: 0 0%;box-sizing: border-box;text-align:center;float:left}

.m1 .a1 .b1 .t1a{width:100%;height:40px;overflow: hidden; margin:45px auto 0;text-align:center;padding:0 0 0;}
.m1 .a1 .b1 .t1a .t1{width:auto;height:40px;overflow:hidden;display: inline-block;text-shadow: 0 2px 6px rgba(0,0,0,.25);margin-top:0}
.m1 .a1 .b1 .t1a .t1-2{margin-right:-15px}
.m1 .a1 .b1 .t1a .t1 a{width:auto;height:40px;overflow:hidden;font:400 18px/40px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;display:inline-block;border-radius:0;padding:0 15px;margin-top:0;vertical-align:top}
.m1 .a1 .b1 .t1a .t1 a:hover{background:#927e63;color:#111}
.hd{width:100%;height:50px; margin-top:0;vertical-align:top;border-left:0px solid #fff}

.hd .ic1{width:auto;height:50px;float: right;margin:0 0 0 20px;position:relative}
.hd .ic1 span{font:500 18px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0px 0 0 6px;width:auto;height:35px;overflow:hidden;vertical-align:top;display: inline-block}
.hd .ic1 .qt1{background:#ff0066;width:32px;height:32px;overflow:hidden;font:400 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;position:absolute; right:-14px; top:-14px;border-radius:100px;z-index: 99}
.hd .ic1 > a img{width:auto;height:100%;transition:all 0.3s;vertical-align:top}
.hd .ic1 > a img:hover{opacity:.5;transition:all 0.3s}
/*搜尋*/
.sha{width:380px;height:50px;overflow:hidden;box-sizing: border-box;float:right}
.sha .t23{width:25%;overflow:hidden;font:500 22px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;height:60px;margin-right:2%;float:left}

.sha .inp1{width:calc(100% - 100px);height:50px;overflow:hidden;font:500 16px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:2px solid #ccc;border-right:0px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:4px 0 0 4px;float:left}

.bt13{width:100px; height:50px;font:20px/48px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float: left}
.bt13 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt13 a{width:100%; height:50px;font:500 20px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius:0 6px 6px 0;color:#fff;text-transform:uppercase;border:1px solid #ccc;box-sizing: border-box; background:#463c2c}
.bt13 a:hover{ background:#645947; border:1px solid #333;transition:all 0.3s;color:#fff}

/*會員功能下拉*/

.hd .ic1 .lk1{width:160px;height:0;overflow:hidden;transition:all 0.3s;position:absolute;left:-60px;top:40px;}

.top-bar .hd .ic1 .lk1{top:25px;;left:-70px;} 
.hd .ic1:hover .lk1{height:auto;padding:10px 5px 5px }

.hd .ic1:hover .lk1 a{width:100%;height:34px;overflow:hidden;font:500 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;background:#fff;box-sizing: border-box;border-radius:100px;margin-bottom:2px;box-shadow:0 2px 5px rgba(0,0,0,.2);border:1px solid #898278}

.hd .ic1:hover .lk1 a:hover{background:#6a645b;color:#fff;border:0px solid #2b4b7e;}

.hd .ic1 .lk1 a.lk2{}
.hd .ic1 .lk1 a.lk2:hover{ background:#7907a9;}

.hd .ic1 .lk1 a.lk3{background:#e30544;color:#fff}
.hd .ic1 .lk1 a.lk3:hover{ background:#ee4072;}

/*主選單下滑狀態控制*/
.m1-2{height:0;transition:all 0.3s;/*background:rgba(100,180,190,.0);*/}
/*.top-bar{position:fixed;top:0px; height:90px!important;transition:all 0.3s;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;background:rgba(0,0,0,0.85);z-index:9999!important;}*/
.top-bar .a1{padding:0;width:96%}
.top-bar .a1 .b1{background:rgba(100,180,190,0);height:70px;padding:10px 0 0;width:calc(100% - 300px);padding:10px 0 0 130px;box-sizing: border-box;}
.top-bar .a1 .lg1{width:auto;height:70px;top:100px;margin-top: 12px}
.top-bar .a1 .lg1 img{width:auto;height:100%;}
.top-bar2{opacity:0;height:0!important;overflow: hidden; transition:all 0.1s;background:#9d51ca}
.top-bar .a1 .b1 .t1a{padding:0;height:70px;margin-top:-40px}

.top-bar .hd{height:35px;margin-bottom:5px}
.top-bar .sha{height:35px;box-sizing: border-box;}
.top-bar .sha .inp1{height:35px}
.top-bar .hd .ic1{height:35px}
.top-bar .hd .ic1 span{font:500 18px/33px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";/*vertical-align:top;display: block;height:35px*/}
.top-bar .hd .ic1 > a img{}
.top-bar .hd .ic1 .qt1{width:26px;height:26px;text-align:center;position:absolute; right:-14px; top:-8px;font: 400 16px/26px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"}
.top-bar .bt13, 
.top-bar .bt13 a{height:35px;font: 500 20px/33px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"}
.top-bar .a1 .b1 .t1a .t1 {padding-top:15px}
.top-bar2 .a1 .b1 .t1a .t1:hover{text-decoration: underline}
.top-bar2 .a1 .b1 .t1a .t1 a{height:40px;font:700 18px/38px /*'Noto Serif TC'*/,'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"}
.top-bar .a1 .b1 .t1a .t1 a:hover{background:#d5b577;color:#111}
/*--20230730--↓大橫幅-圓點Page控制-----崁入圖片模式'*/
/*.bn1{width:100%;height:auto;overflow:hidden;margin:0 0 100px;position: relative}*/
.bn1{ width:100%; height:auto; overflow:hidden; line-height:0;margin:0 auto ;}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.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{ bottom:25px}
.bn1 .carousel-indicators button{ height:6px; width:20px; background-color:rgba(255,255,255,.95); border:2px solid rgba(255,255,255,.95); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.8);border-radius:50px;transition:all 0.3s}
.bn1 .carousel-indicators button:hover{background-color:#392c00;transition:all 0.3s;border:2px solid #392c00}
.bn1 .carousel-indicators button:focus{background-color:#392c00!important;border:2px solid #392c00!important}
.bn1 .carousel-indicators button.active{background-color:#392c00; border:2px solid #392c00;width:42px;}
/*--控制左右鍵滑鼠碰到顏色--*/
.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, .m2 .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}

/*品牌說明*/
.bgtm1{width:100%;height:150px;overflow:hidden;
background:linear-gradient(180deg,#ccc 50%,#ccc 50%) no-repeat center bottom/100% 1px, linear-gradient(180deg,#ccc 50%,#ccc 50%) no-repeat center 90px/100% 1px;margin-bottom:40px}
.bgtm1 .bgta1{width:82%;height:auto;overflow:hidden;margin:0 auto;position:relative}

.bgtm1 .bgta1 .bt1a{width:100%;height:auto;overflow:hidden;font:900 72px/90px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;letter-spacing:-2px;margin-left:-4px}

.bgtm1 .bgta1 .bt1b{width:100%;height:auto;overflow:hidden;font:500 22px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;}
.bgtm1 .bgta1 .bt1c{width:auto;height:auto;overflow:hidden;font:900 130px/130px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#2b4b7e;position:absolute;bottom:0;right:0;letter-spacing:-4px;text-transform:uppercase}
/*品牌說明*/
.m2{width:auto;height:auto;overflow:hidden;padding:120px 0 0 0}
.m2 .a2{width:82%;min-height:300px;height:auto;overflow:hidden;margin:0 auto;background:#fff;border-radius:60px;padding:75px 75px 50px;box-sizing: border-box;}
.m2 .a2 .im2{width:36%;height:auto;overflow:hidden;float:left;border-radius:40px;margin-bottom:40px}

.m2 .a2 .im2 img{width:100%;;height:auto;}
.m2 .a2 .b2{width:calc(100% - 42%);height:auto;overflow:hidden;float:right;padding:40px 0 0}
.m2 .a2 .b2 .t2{width:100%;height:65px;overflow:hidden;font:900 36px/65px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-overflow:ellipsis;white-space:nowrap;margin-bottom:30px}
.m2 .a2 .b2 .t3{width:100%;height:240px;overflow:hidden;font:400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-align:justify;text-justify: inter-ideograph;}
.bt1{width:260px; height:60px;font:28px/60px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;float:right}
.bt1 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt1:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt1 a{width:100%; height:60px;font:500 18px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#000;text-transform:uppercase}
.bt1 a:hover{ background:#444; border:0px solid #3577c1;transition:all 0.3s;}

.m2 .a2 .t4{width:100%;height:60px;overflow:hidden;font:400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#777;}


/*服務說明*/
.bgtm2{width:100%;height:150px;overflow:hidden;
background:linear-gradient(180deg,#ccc 50%,#ccc 50%) no-repeat center bottom/100% 1px, linear-gradient(180deg,#ccc 50%,#ccc 50%) no-repeat center 90px/100% 1px;margin-bottom:40px}
.bgtm2 .bgta2{width:82%;height:auto;overflow:hidden;margin:0 auto;position:relative;text-align:right}

.bgtm2 .bgta2 .bt2a{width:100%;height:auto;overflow:hidden;font:900 72px/90px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;letter-spacing:-2px;margin-left:-4px}

.bgtm2 .bgta2 .bt2b{width:100%;height:auto;overflow:hidden;font:500 22px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;}

.bgtm2 .bgta2 .bt2c{width:100%;height:auto;overflow:hidden;font:900 130px/130px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#2b4b7e;position:absolute;bottom:0;left:0;letter-spacing:-4px;text-transform:uppercase;text-align: left}

.m2 .a2-2{margin-bottom:130px}
.m2 .a2-2 .b2{float:left}
.m2 .a2-2 .im2{float:right}
.bt1-2{float:left}
.m2 .a2-2 .t4{text-align:right}
/*情報文章*/

.m3{width:auto;height:auto;overflow:hidden;padding:120px 0 0;background:#fff}
.m3 .a3{width:100%;min-height:300px;height:auto;overflow:hidden;margin:0 auto;background:#fff;border-radius:60px;padding:75px 0 50px;box-sizing: border-box;}

.bgtm3{width:100%;height:auto;overflow:hidden;margin-bottom:40px;border-bottom:1px solid #ccc;}  
.bgtm3 .bgt3{width:1200px;height:auto;overflow:hidden;font:900 72px/90px 'M PLUS 1p','Noto Sans TC',"Century Goth ic","微軟正黑體"; color:#000;letter-spacing:-2px;margin:0 auto;}
.bgtm3 .bgt3  span{font:500 22px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;letter-spacing:0;margin-left:30px}

.m3 .a3 .b3{width:1200px;height:auto;overflow:hidden;margin:0 auto;}
.m3 .a3 .b3 .t5{width:100%;height:auto;overflow:hidden;font:900 90px/90px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#2b4b7e;text-transform:uppercase;float:left;margin:0 auto 20px;letter-spacing:-6px;}
.m3 .a3 .b3 .t6{width:calc(100% - 300px);height:auto;overflow:hidden;float:left;font:400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#777;text-align:justify;text-justify: inter-ideograph;}

/*map*/
.map{width:100%;height:570px;overflow:hidden;margin-bottom:0}
.map iframe{width:100%;height:100%;overflow:hidden;}


/*聯絡我們*/
.m4{width:82%;height:auto;overflow:hidden;position: relative;border-radius:40px;margin:0 auto 25px}
.m4 img{width:100%;height:auto;transition:all 0.3s}
.m4 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%);-webkit-filter:brightness(120%);}


/*聯絡我們*/
.m5{width:100%;height:auto;overflow:hidden;margin:0 auto 120px}
.m5 .a5{width:82%;height:auto;overflow:hidden;margin:0 auto;}
.m5 .a5 .b4{width:400px;height:auto;overflow:hidden;float: left}
.m5 .a5 .b4 .lg2{width:145px;height:auto;overflow:hidden;margin-bottom:5px}
.m5 .a5 .b4 .lg2 img{width:100%;height:auto;}
.m5 .a5 .b4 .t7{width:100%;height:auto;overflow:hidden;float:left;font:400 16px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px}


.m5 .a5 .b5{width:200px;height:auto;overflow:hidden;float: right}
.m5 .a5 .b5b{width:250px;}
.m5 .a5 .b5c{width:400px;}
.m5 .a5 .b5
.st1{width:100%;height:auto;overflow:hidden;font:700 14px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px}
.m5 .a5 .b5 .t8{width:100%;height:auto;overflow:hidden;font:400 16px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.m5 .a5 .b5 .t8 a{font:400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;letter-spacing:-.5px}
.m5 .a5 .b5 .t8 a:hover{text-decoration: underline;color:#111;}
.m5 .a5 .b5 .t8 a img{width:auto;height:18px; padding-bottom:4px; vertical-align:middle; margin-right:5px}

/*news_list*/

.bn2{width:100%;height:900px;overflow:hidden;background: url("../../images/ns/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}


.bgtm4{width:1200px;height:auto;overflow:hidden;margin:0 auto 40px ;text-shadow:0 2px 12px rgba(0,0,0,0.35)}  
.bgtm4 .bgt4{width:100%;height:auto;overflow:hidden;font:900 72px/74px 'M PLUS 1p','Noto Sans TC',"Century Goth ic","微軟正黑體"; color:#fff;letter-spacing:-4px;margin:0 auto;}
.bgtm4 .bgt4 span{font:900 42px/74px 'M PLUS 1p','Noto Sans TC',"Century Goth ic","微軟正黑體"; color:#fff;margin:0 auto;letter-spacing:0px;margin-left:8px;vertical-align:middle} 
.bgtm4 .bgt4b{width:100%;height:auto;overflow:hidden;font:400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;letter-spacing:1px;margin-left:0}

.m6{width:100%;height:auto;overflow:hidden;margin:0 auto 40px;/*position:relative;z-index: 2*/}
.m6 .a6{width:1200px;min-height: 500px; height:auto;overflow:hidden;margin:0 auto;}
.m6 .a6-2{width:84%;}
.b6{width:96%;height:60px;overflow:hidden;margin:0 auto 50px;text-align:center;background:linear-gradient(100deg,#ccc 50%,#ccc 50%) no-repeat center bottom/100% 1px;position:relative}
.b6-2{width:100%;}
.ls1{width:auto;height:auto;overflow:hidden;display: inline-block}
.ls1 a{width:auto;height:auto;overflow:hidden;display: inline-block;padding:0 20px;font:700 24px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}

.ls1 a:hover{color:#2d4776;}
.ls1 a.active{color:#2d4776;background:linear-gradient(100deg,#2d4776 50%,#2d4776 50%) no-repeat center bottom/75% 5px}
.ls1b a:hover{color:#800;}
.ls1b a.active{color:#800;background:linear-gradient(100deg,#800 50%,#800 50%) no-repeat center bottom/75% 5px}
/*news_list----列表區*/
.m6 .a6 .b7{width:1300px;height:auto;overflow:hidden;margin:0 auto 20px;padding:0 0% 0 0%;box-sizing: border-box;}

.ls2{width:30.3%;height:auto;overflow:hidden;float:left;margin:0 3% 60px 0}
.ls2 .im3{width:100%;height:262px;overflow:hidden;border-radius:25px;border:1px solid #e8e8e8;box-sizing: border-box;}
.ls2 .im3 img{width:100%;height:100%;transition:all 0.3s}
.ls2 .im3 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%);-webkit-filter:brightness(120%);}

.ls2 .c2{width:100%;height:120px;overflow:hidden;border-radius:25px;background:#fff;padding:20px 30px 0;box-sizing: border-box;}

.ls2 .c2 .t9{width:100%;height:48px;overflow:hidden;margin-bottom:5px}
.ls2 .c2 .t9 a{font:700 20px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}
.ls2 .c2 .t9 a:hover{ color:#194182;}
.ls2 .c2 .t10{width:100%;height:44px;overflow:hidden;font:700 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:right}
.ls2 .c2 .t10 h4{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#555;float:left;padding:0 8px;border:1px solid #888}
.ls2 .c2 .t10 h5{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#0041aa;float:left;padding:0 8px;border:1px solid #0041aa}
.ls2 .c2 .t10 h6{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#6a0096;float:left;padding:0 8px;border:1px solid #6a0096}


/*頁籤*/
.pga1{width:100%;  border-top:0px dotted #ccc; height:auto; overflow:hiddepn;margin:30px 0 60px;text-align:center}
.pga{ border-top:0; margin-left:20px}
.pager div, .pager span, .pager a {
    border-radius: 5px;
}
.pager{
    margin: 0;
    padding:10px 0 0; height:auto; overflow:hidden
}
ul.PagerPagination li{display:inline}
ul.PagerPagination li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 100px;
    color: #888;
    display: inline-block;
    font:bold 26px/58px "Century Gothic","新細明體";
    height: 60px;
    margin-right:5px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 60px; cursor:pointer
}
ul.PagerPagination li a:hover {
    background: #666 none repeat scroll 0 0;
    border: 1px solid #666;
    color: #fff !important;
}
ul.PagerPagination li.active a {
    background: #295284 none repeat scroll 0 0;
    border: 1px solid #295284;
    color: #fff;
    display: inline-block;
    font:bold 26px/58px "Century Gothic","新細明體";
    width:60px;height:60px;
    text-align: center;
}
ul.PagerPagination .PagedList-skipToPrevious a, ul.PagerPagination .PagedList-skipToNext a {
    background: #fff none repeat scroll 0 0;
    color: #888;
    display: inline-block;
    font:bold 26px/58px "Century Gothic","新細明體";
    height: 60px;
    text-align: center;
    width: 60px;
}

/*news_detail.asp*/
.bt3{width:auto;height:auto;overflow:hidden;display:inline-block;position:absolute;right:5%;top:5px;text-align: right}
.bt3-2{right:0%;}
.bt3 a{font:700 18px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.bt3 a:hover{color:#194182}
.bt3 a img{width:auto;height:16px; padding-bottom:0px; vertical-align:middle; margin-right:8px}


.m6 .a6 .b8{width:900px;height:auto;overflow:hidden;margin:0 auto 40px;}
.m6 .a6 .b8 .t11{width:100%;height:auto;overflow:hidden;display:block;font:700 60px/72px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-4px;margin-bottom:25px}


.m6 .a6 .b8 .c3{width:100%;height:auto;overflow:hidden;margin-bottom:10px}
.m6 .a6 .b8 .c3 .dt1{width:50%;height:auto;overflow:hidden;display:inline-block;font:500 18px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left}
.m6 .a6 .b8 .c3 .dt1 a img{width:auto;height:24px; padding-bottom:3px; vertical-align:middle; margin-left:4px;transition:all 0.3s}
.m6 .a6 .b8 .c3 .dt1 a:hover img{opacity:.7;transition:all 0.3s}
.m6 .a6 .b8 .c3 .dt1 span{display:inline-block;font:900 18px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;margin-left:10px}

.tga1{width:50%;height:auto;overflow:hidden;float:right;padding-top:8px}
.tga1 .tg1{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#555;float:right;padding:0 8px;border:1px solid #888;margin-left:8px}

.tga1 .tg2{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#0041aa;float:right;padding:0 8px;border:1px solid #0041aa;margin-left:8px}

.tga1 .tg3{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#6a0096;float:right;padding:0 8px;border:1px solid #6a0096;margin-left:8px}

.tp1{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;float:right;padding:0 8px;border:1px solid #2b4b7e;background:#2b4b7e;margin-left:8px}

.m6 .a6 .b8 .im4{width:100%;height:auto;overflow:hidden;margin-bottom:30px}

.m6 .a6 .b8 .im4 img{width:100%;height:auto;}

.m6 .a6 .b8 .t12{width:100%;height:auto;overflow:hidden;margin-bottom:40px}
.m6 .a6 .b8 .t12 img{max-width:100%;}
.m6 .a6 .b8 .t12 ul{padding-left:20px;}
.m6 .a6 .b8 .t12 ul li{ list-style:outside;list-style-type:disc}

.tg2{width:100%;height:auto;overflow:hidden;font:700 18px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:inline-block;color:#111}
.tg2 a{width:auto;height:auto;overflow:hidden;font:700 18px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:inline-block;margin-left:4px;vertical-align:top;color:#111}
.tg2 a:hover{color:#444}
/*上下一則+回列表*/
.m6 .a6 .b9{width:100%;height:auto;overflow:hidden;margin:0 auto 50px;text-align:center;background:linear-gradient(100deg,#ccc 50%,#ccc 50%) no-repeat center top/100% 1px;position:relative}
.m6 .a6 .b9 .c4{width:900px;height:auto;overflow:hidden;margin:20px auto 0}
.bt4{width:auto;height:auto;overflow:hidden;display: inline-block}

.bt4 a{font:700 18px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.bt4 a:hover{color:#194182}
.bt4 a img{width:auto;height:12px; padding-bottom:0px; vertical-align:middle; margin-right:8px}

.bt4b{float:left}
.bt4c{float:right}
.bt4b a img{height:22px; padding-bottom:4px; vertical-align:middle;}
.bt4c a img{height:22px; padding-bottom:4px; vertical-align:middle; margin-left:8px}





/*aa1*/

.bn3{width:100%;height:900px;overflow:hidden;background: url("../../images/aa1/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}

.m6 .a6 .b8-2{width:1200px;}
.m6 .a6-2{}
.im5{width:84.5%;height:499px;overflow:hidden;float:left;border-radius:0px 50px 50px 0;margin-bottom:40px}
.im5 img{width:100%;height:100%;}
.m6 .a6 .t13{width:1200px;height:auto;overflow:hidden;display:block;font:900 66px/78px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-4px;margin-bottom:25px;margin:0 auto 35px}

.m6 .a6 .t14{width:1200px;height:auto;overflow:hidden;margin:0 auto 40px}
.m6 .a6 .t14 img{max-width:100%;}
.m6 .a6 .t14 ul{padding-left:20px;}
.m6 .a6 .t14 ul li{ list-style:outside;list-style-type:disc}

.m6 .a6 .t15{width:1200px;height:auto;overflow:hidden;display:block;font:400 18px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-.5px;margin:0 auto 50px;color:#555}


/*aa2*/

.bn4{width:100%;height:900px;overflow:hidden;background: url("../../images/aa2/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}

/*aa3*/

.bn5{width:100%;height:900px;overflow:hidden;background: url("../../images/aa3/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}
/*aa4*/
.m6 .a6 .t14-2{margin:40px auto 70px}
.bn8{width:100%;height:900px;overflow:hidden;background: url("../../images/aa4/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}
/*contact_view*/
.bn6{width:100%;height:900px;overflow:hidden;background: url("../../images/cv/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}

.m6 .a6 .b10{width:100%;height:auto;overflow:hidden;margin:0 auto 30px;background:linear-gradient(100deg,#ccc 50%,#ccc 50%) no-repeat center bottom/100% 1px;position:relative}

.m6 .a6 .b10 .t16{width:1200px;height:auto;overflow:hidden;display:block;font:500 16px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:.5px;margin:0 auto 15px;color:#111}

/*標單區*/
.m6 .a6 .b11{width:1200px;height:auto;overflow:hidden;margin:0 auto 50px;}
.ls3{width:100%;height:auto;overflow:hidden;margin-bottom:20px;float:left}
.ls3b{width:48%;margin-right:4%;}
.ls3c{width:48%;}
.ls3 .t17{width:100%;height:auto;overflow:hidden;font:500 16px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111}
.ls3 .t17 span{color:#de002a}
.ls3 .in1{width:40%;height:60px;overflow:hidden;font:500 16px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:10px;}
.ls3 .in1b{width:100%}
.ls3 .in2{width:100%;height:60px;overflow:hidden;font:500 16px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:10px;}

.ls3 .in3{width:100%;height:150px;overflow:hidden;font:500 16px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:5px 15px;box-sizing: border-box;border-radius:10px;}

.ls3 .in4{width:60%;height:60px;overflow:hidden;font:500 16px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:10px;float:left}
.ls3 .cd1{width:auto;height:40px;overflow:hidden;float:left;margin:10px 0 0 20px}
.ls3 .cd1 img{width:auto;height:100%;}

.ls3 .re{width:auto;height:40px;overflow:hidden;float:left;transition:all 0.3s;margin:10px 0 0 20px}
.ls3 .re a img{width:auto;height:100%;opacity:1;transition:all 0.3s}

.ls3 .re a img:hover{opacity:.6;transition:all 0.3s}




/*手機選單*/
.phm{width:auto;height:46px;overflow:hidden;float:right;margin:22px 15px 0 0;display: none}
.phm a{width:auto;height:100%;}
.phm a img{width:auto;height:100%;}

.mm-listview > li > span{padding:0 0 0 62px;background:#181818; transition:all 0.3s}

.mm-listview > li ,
.mm-listview > li > a,
.mm-listview > li > span{  font:500 26px/41px  'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color: #fff !important}
.mm-listview > li > img,
.mm-listview > li > a img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:4px}
.mm-listview > li > span:hover{ background:#fc0;transition:all 0.3s;color:#000}
.mm-listview > .plk1  a{position:relative}
.mm-listview > .plk1 > a img{width:36px; height:34px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}
.mm-listview > .plk1 > a:hover{ background:#11286a ;border-bottom:1px solid #295284 }
/*.plk1x{ height:auto; overflow:hidden;}*/

.mm-listview > .plk1b a{font:500 26px/39px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; /*height:41px;*/background:#111; padding-left:48px!important;box-sizing: border-box!important;}
.mm-listview > .plk1b a:hover{ color:#000;background:#11286a
}

.mm-listview > .plk1b a::before{content:'∟';font:500 20px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;vertical-align:top;margin-right:4px}
.mm-listview > .plk1b a.active{ color:#000;background:#11286a;padding-left:16px!important;}
.mm-listview > .plk1b a.active::before{content:'';}
/*會員登入後顯示就面*/
/*.mm-listview > .t65{padding:0 20px;font:italic 400 26px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";box-sizing: border-box;background:#3c3833;border-bottom:1px dotted #555}*/
.mm-listview > .t65 a{font:italic 400 26px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";box-sizing: border-box;background:#3c3833;border-bottom:1px dotted #555;color:#fff;}
.mm-listview > .t65 a:hover{ background:#3c3833;}
.mm-listview > .t65 > a img{width:auto; height:22px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px}
.mm-listview > .plk1c a{font:500 26px/39px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; height:41px;background:#30193a; padding-left:48px!important;}
.mm-listview > .plk1c a:hover{ color:#000;background:#452055;}
.mm-listview > .plk1c a::before{content:'∟';font:500 20px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;vertical-align:top;margin-right:4px}
.mm-listview > .plk1c a.active{ color:#000;background:#30193a;padding-left:16px!important;text-overflow:ellipsis;white-space:nowrap;}
.mm-listview > .plk1c a.active::before{content:'';}

/*會員登入前*/
.mm-listview > .plk1d a{font:500 26px/39px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; height:41px;background:#69263a; padding-left:20!important;}
.mm-listview > .plk1d a:hover{ color:#000;background:#aa3559;}
/*確認送出按鈕*/
.bt5a{width:100%;height:auto;overflow:hidden;text-align: center;position:relative;margin:35px auto 20px;float:left}
.bt5{width:300px; height:60px;font:500 24px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s; background:#8f8575;margin:0 auto 0;}
.bt5 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:10px;}
.bt5:hover{ background:#9b9386; border:0px solid #3577c1;transition:all 0.3s}
.bt5 a{width:100%; height:60px;font:500 24px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px; }
.bt5 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;}
/*聯絡我們資料送出完成*/
.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:28px/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 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:20px;}

.fm1 .modal-content form .modal-body .aa1 .tt2{ width:90%; min-height:110px;height:auto;overflow:hidden;font:500 24px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto 25px; letter-spacing:0px; float:left; text-align:left;  border-top:2px solid #ddd; border-radius:10px; border:1px solid #aaa;
 padding:15px 20px 20px;color:#333; }

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

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

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

.bt6{width:100%; height:70px;font:700 28px/68px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;margin:0 auto 15px; background:#555}
.bt6 > img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px}
.bt6:hover{ background:#333; border:0px solid #333;transition:all 0.3s}

/*MemberLogin會員登入*/
.bn7{width:100%;height:900px;overflow:hidden;background: url("../../images/mb/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}
.bt5-2{width:auto;height:auto;overflow:hidden;}
/*MemberLogin會員登入--註冊+忘記密碼*/
.bt5a .c5{width:300px;height:auto;overflow:hidden;float:left;position:absolute;left:0;top:10px}
.bt7{width:auto;height:auto;overflow:hidden;display: inline-block;float:left}
.bt7-2{border-right:1px solid #ccc;margin-right:20px;padding-right:20px}
.bt7 a{font:700 20px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.bt7 a:hover{color:#194182}
.bt7 a img{width:auto;height:18px; padding-bottom:4px; vertical-align:middle; margin-right:8px}

/*MemberLogin會員登入--FB+LINE*/
.bt5a .c6{width:500px;height:auto;overflow:hidden;float:left;position:absolute;right:0;top:10px}
.bt8{width:160px; height:50px;font:18px/48px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right;margin-left:10px;}

.bt8 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-right:8px;}

.bt8 a{width:100%; height:50px;font:500 18px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#009b12;text-transform:uppercase;}
.bt8 a:hover{ background:#3eb94c; border:0px solid #3577c1;transition:all 0.3s;}

.bt9{width:200px; height:50px;font:18px/48px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right}
.bt9 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt9:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt9 a{width:100%; height:50px;font:500 18px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#3464b0;text-transform:uppercase}
.bt9 a:hover{ background:#5d8ad2; border:0px solid #3577c1;transition:all 0.3s;}

/*會員登出按鈕*/
.bt10{width:120px; height:30px;font:18px/28px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;position:absolute;right:0%;top:15px}
.bt10 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt10 a{width:100%; height:30px;font:500 18px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#d86600;text-transform:uppercase}
.bt10 a:hover{ background:#ee8526; border:0px solid #ee8526;transition:all 0.3s;}


/*重新發送簡訊按鈕*/
.bt11{width:37%; height:60px;font:18px/58px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right}
.bt11 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt11 a{width:100%; height:60px;font:500 18px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:8px;background:#666;text-transform:uppercase}
.bt11 a:hover{ background:#888; border:0px solid #3577c1;transition:all 0.3s;}

/*member_edit.asp*/
.ls3 .in5{width:25%;height:60px;overflow:hidden;font:500 16px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:10px;float:left;display:block}
.ls3 .t18{width:5%;height:60px;overflow:hidden;font:500 16px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;float:left;text-align:center}
.ls3 .in6{width:35%;height:60px;overflow:hidden;font:500 16px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:10px;float:left;display:block;margin:0 20px 20px 0}

/*Join--※註記*為必填寫項目*/
.t19{width:100%;height:30px;overflow:hidden;font:700 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;float:left;text-align:left;margin-bottom:20px}
.t19 span{color:#de002a}

/*member_join.asp--同意條款*/
/*勾選介面設定*/
.c7{width:100%;height:auto;overflow:hidden;margin:8px 0;text-align:center}
.ck1{ width:40px; height:40px; overflow:hidden;display:inline-block;margin-top:8px}
.ck1 input[type="checkbox"] {display:none;}
.ck1 input[type="checkbox"] + label { background:#aaa; width:20px; height:20px;border-radius:0px; padding:2px}
.ck1 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:2px solid #fff;border-radius:2px;box-sizing: border-box; background:#fff }
.ck1 input[type="checkbox"]:checked + label div {border-radius:2px;background:#2dc6e0}
.ck1 label{height:19px;font:13px/18px "微軟正黑體";}
.c7 .t20{width:auto;height:auto;overflow:hidden;font:500 22px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;display: inline-block;vertical-align:top;padding:5px 0}
.c7 .t20 a{font:500 22px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#f40;}
.c7 .t20 a:hover{text-decoration: underline}

/*aa5*/
.bn9{width:100%;height:900px;overflow:hidden;background: url("../../images/aa5/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}


/*企業會員*/
.bn10{width:100%;height:900px;overflow:hidden;background: url("../../images/mb2/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}


/*guide_list.asp-了解更多*/
.bt12{width:80px; height:30px;font:16px/28px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float: right}
.bt12 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt12 a{width:100%; height:30px;font:500 16px/26px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius:4px;color:#333;text-transform:uppercase;border:1px solid #ccc;box-sizing: border-box;}
.bt12 a:hover{ background:#333; border:1px solid #333;transition:all 0.3s;color:#fff}

.t21{width:100%;overflow:hidden;font:400 16px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#666;height:48px;margin-bottom:6px}
.ls2 .c2b{height:175px;}


/*guide_detail.asp--*/
.yt1{width:100%;height:540px;overflow:hidden;margin-bottom:40px}
.yt1 iframe{width:100%;height:100%;}
.m6 .a6 .b8 .c8 {width:100%;height:auto;overflow:hidden;margin-bottom:40px}

.m6 .a6 .b8 .c8 .im6{width:30%;height:auto;overflow:hidden;float:left}
.m6 .a6 .b8 .c8 .im6 img{width:100%;height:auto;}
.m6 .a6 .b8 .c8 .t22{width:calc(100% - 33%);height:auto;overflow:hidden;float:right}
.m6 .a6 .b8 .c8 .t22 img{max-width:100%;}
.m6 .a6 .b8 .c8 .t22 ul{padding-left:20px;}
.m6 .a6 .b8 .c8 .t22 ul li{ list-style:outside;list-style-type:disc}

/*回TOP*/
.btp{width:55px;height:auto;overflow:hidden;position:fixed;right:8px;bottom:20px;z-index: 99;background:rgba(255,255,255,0);padding: 3px;border-radius:0;}
.btp a img{width:100%;height:auto;}
/*菜單常駐按鈕*/
/*.btp2{width:56px;height:56px;overflow:hidden;position:fixed;right:8px;bottom:80px;z-index: 99;background:#3a3734;border-radius:100px;text-align: center;padding:9px;box-sizing: border-box;border:5px solid rgba(255,255,255,.8);transition:all 0.3s}
.btp2 a img{width:100%;height:auto;display: block;vertical-align: middle;margin:0 auto}
.btp2:hover{background:#685d50;transition:all 0.3s}*/
/*我要報名*/
.bt14a{width:100%;height:auto;overflow:hidden;text-align: center;position:relative;margin:35px auto 20px;float:left}
.bt14{width:300px; height:70px;font:500 28px/70px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s; background:#2b4b7e;margin:0 auto 0;}
.bt14 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:10px;}
.bt14:hover{ background:#446dae; border:0px solid #3577c1;transition:all 0.3s}
.bt14 a{width:100%; height:70px;font:500 28px/70px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#e95377 }
.bt14 a:hover{ background:#446dae; border:0px solid #3577c1;transition:all 0.3s;}


/*手頁情報列表*/
.bn11{width:100%;padding-left:0; border-bottom:0px solid #111;margin:0 0 60px!important}
.bn11 .slick-list{width:100%;margin:0 auto}
.bn11 .slick-initialized .slick-slide{width:24%!important;float:left}
.bn11 .slick-prev:before, 
.bn11 .slick-next:before{font-family:"微軟正黑體";font:900 35px/60px 'Noto Serif TC','Noto Serif TC','M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:rgba(0,0,0,1);transition:all 0.3s}
.bn11 .slick-prev:hover:before, 
.bn11 .slick-next:hover:before{color:rgba(0,0,0,3);transition:all 0.3s}
.bn11 .slick-prev{left:30px;top:26%;display:none!important}
.bn11 .slick-next{right:50px;top:26%;;display:none!important}
.bn11 .slick-dots{display:block!important;bottom:-50px}

.ls4{width:670px;height:auto;overflow:hidden;margin:0 0 18px 0;border:0px solid rgba(215,170,40,0);border-radius:0px;box-shadow:0 2px 8px rgba(0,0,0,.0);/*background:#fff;*/float:left;box-sizing: border-box;transition:all 0.3s;padding-right:10px;}
.ls4-2{width:650px!important;margin:50px 0 0 }
.ls4-3{width:510px!important;margin:0 0 0 }
.ls4-4{width:520px!important;margin:50px 0 0 }
.ls4:hover{background:none;transition:all 0.3s;border:0px solid rgba(215,170,40,1);}
.ls4 a{width:100%;height:auto;overflow:hidden;padding:0;box-sizing: border-box;display:block} 
.ls4 a .im7{width:100%;height:75%;overflow:hidden;position:relative;border-radius:15px;}
.ls4 a .im7 img{width:100%;height:100%;transition:all 0.3s}
.ls4 a:hover .im7 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}

.ls4 .im7 
.cv1{width:100%;height:100%;overflow:hidden;position: absolute;top:0;left:0;text-align:center;background:rgba(0,0,0,.0);font:500 24px/400px 'Noto Serif TC','Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;opacity:0;z-index:9;box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;}

.ls4 .im7:hover 
.cv1{;opacity:1;background:rgba(0,0,0,.6);transition:all 0.3s}
.ls4-2 .im7 .cv1{line-height:384px}
.ls4-3 .im7 .cv1{line-height:300px}
.ls4-4 .im7 .cv1{line-height:300px}

.ls4 a .im7 .cv4{width:100%;height:15px;overflow:hidden;position: absolute;bottom:0px;left:0%;z-index:3;background:rgba(155,130,100,.85)/*d5a828*/ ;font:500 18px/23px 'Noto Serif TC','Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#111;text-align:center;padding:0 10px 0 6px;border-radius:0 20px 20px 0;letter-spacing:-1px}
.ls4 .im7 .cv4-2{background:#ff1e68;}
.ls4 a .t33{width:100%;height:64px;overflow:hidden;position:relative;font:700 18px/32px 'Noto Serif TC','Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#111;;margin:0 auto 5px;transition:all 0.3s}
.ls4 a .t33-2{text-align:center}
.ls4 a:hover .t33{color:#49361f;text-decoration:underline;transition:all 0.3s}
.ls4 a .t34{width:100%;height:25px;overflow:hidden;position:relative;font:500 18px/25px 'Noto Serif TC','Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#333;margin:0 auto 5px;text-align:justify;text-justify: inter-ideograph;}
/*分類名稱*/
.ls4 a .t34 .tp4{width:auto;height:25px;font:400 16px/25px 'Noto Serif TC','Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;background:#222;border:0px solid #aaa;float:right;box-sizing: border-box;display: inline-block;padding:0 4px}
.ls4 a .t34 .tp4-2{float:left;}

/*所有最新消息--手機版下拉分類介面*/
.b12{width:80%;height:auto;overflow:hidden;display:none;margin:0 auto 20px}
.b12 .t24{width:20%;height:62px;overflow:hidden;float:left;font:500 28px/62px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center}
.b12 select{width:calc(100% - 22%);height:62px;overflow:hidden;float:left;display: block;font:500 28px/56px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";border:2px solid #ccc;border-radius:6px;text-align:center}

/*編輯器表單 樣板*/
.bx1a{width:100%;height:auto;overflow:auto; overflow-y:hidden;margin:15px 0;transition:all 0.3s}

.bx1{width:1200px;height:auto;overflow:hidden;border: 0px solid #ccc;box-sizing: border-box;box-sizing: border-box;padding:0 0 10px}
.bx1-2{width:900px}

.bx1 table{border: 1px solid #ccc;border-right: 0;border-bottom: 0;box-sizing: border-box;}
.bx1 table tr td{border: 1px solid #ccc;border-left: 0;border-top: 0;padding:6px .5%;font:500 18px/24px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing: -1px}
.bx1 table .tt3{background:#eee;}
.bx1 table .tt4{ color:#c00}

.bx1 table .tt3 td{font:700 18px/24px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic";}
/**/
.m7{width:100%;height:auto;overflow:hidden;}
.m7 .a7{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:100px 0}
.ta1{width:470px;height:auto;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta1 img{width:100%;height:auto;}

.m7 .a7 .b13{width:82%;height:auto;overflow:hidden;margin:0 auto;}
.ls5{width:48%;height:auto;overflow:hidden;margin:0 4% 0 0;float:left}
.ls5 a{width:100%;height:auto;overflow:hidden;}
.ls5-2{margin:0}
.ls5 a img{width:100%;height:auto;transition:all 0.3s}
.ls5 a img:hover {/*transform:rotate(0deg) scale(1.0); */transition:all 0.3s; filter:brightness(130%)}
/*實境解謎*/
/*.ta2{width:290px;height:auto;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta2 img{width:100%;height:auto;}*/
.ta2{width:auto;height:96px;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta2 img{width:auto;height:100%;}
.m8{width:100%;height:auto;overflow:hidden;background: url("../../images/bg1.jpg") no-repeat center/cover;padding:0 0 0}
.m8 .a8{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:140px 0}
.m8 .a8 .b14{width:90%;height:auto;overflow:hidden;margin:0 auto;}
.ls6{width:30.3%;height:auto;overflow:hidden;float:left;margin:0 1.5% 60px}
.ls6 .im8{width:100%;/*height:296px;*/overflow:hidden;border-radius:25px;border:0px solid #e8e8e8;box-sizing: border-box;margin-bottom:15px;height:auto}
.ls6 .im8 img{width:100%;height:100%;transition:all 0.3s}
.ls6 .im8 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%);-webkit-filter:brightness(120%);}


.ls6 .t25{width:100%;height:28px;overflow:hidden;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;}
.ls6 .t25 a{font:700 26px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;}
.ls6 .t25 a:hover{ color:#194182;}
.ls6 .t26{width:100%;height:78px;overflow:hidden;font:400 18px/26px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;margin-bottom:10px}
.ls6 .dt3{width:100%;height:auto;overflow:hidden;font:400 18px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;margin-bottom:10px}
.bt15{width:120px; height:auto;font:500 18px/34px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right;position:relative;z-index: 2}
.bt15 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:10px;}

.bt15 a{width:100%; height:36px;font:500 18px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:100px;border:1px solid #333;box-sizing: border-box;}
.bt15 a:hover{ background:#463c2c; border:1px solid #463c2c;transition:all 0.3s;color:#fff}
.b7 .ls6 .t25 a{color:#111}
.b7 .ls6 .dt3{color:#111}
/*更多按鈕*/
.bt16{width:280px; height:auto;font:500 22px/50px 'M PLUS 1p','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}
.bt16 img{width:auto;height:20px;display:inline-block; padding:0 0 4px; margin-right:10px;}

.bt16 a{width:100%; height:52px;font:500 22px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:10px;border:0px solid #333;box-sizing: border-box;background:#c6b8a7}
.bt16 a:hover{ background:#f1e1ce; border:0px solid #c3baac;transition:all 0.3s;color:#111;opacity:.9}

/*說糖*/
.m8-2{background: url("../../images/bg2.jpg") center}
/*食驗所*/	
/*.ta3{width:441px;height:auto;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta3 img{width:100%;height:auto;}*/

.ta3{width:auto;height:96px;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta3 img{width:auto;height:100%;}
.m9{width:100%;height:auto;overflow:hidden;}
.m9 .a9{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:120px 0 }
.m9 .a9 .b15{width:93%;height:auto;overflow:hidden;margin:0 auto;}


.ls7{width:360px!important;height:auto;overflow:hidden;margin:0 20px 40px;border:0px solid rgba(215,170,40,0);border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.0);/*background:#fff;*/float:left;box-sizing: border-box;transition:all 0.3s}
.ls7:hover{background:none;transition:all 0.3s;border:0px solid rgba(215,170,40,1);}
.ls7 > a{width:100%;height:auto;overflow:hidden;padding:0;box-sizing: border-box;display:block} 
.ls7 > a .im9{width:100%;height:75%;overflow:hidden;position:relative;margin-bottom:10px;box-sizing: border-box;border-radius:12px;}
.ls7 > a .im9 img{width:100%;height:100%;transition:all 0.3s}
.ls7 > a:hover .im9 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}
.ls7 > a .t27{width:100%;height:auto;overflow:hidden;position:relative;font:700 24px/34px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#000;margin:0 0 0px;transition:all 0.3s;letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;}
.ls7 > a .t28{width:100%;height:auto;overflow:hidden;position:relative;font:400 18px/34px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#333;margin:0 0 0px;transition:all 0.3s;letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;}
.ls7 .c9{width:100%;height:auto;overflow:hidden;text-align: right}
.ls7 .c9 .pr1{width:auto;height:30px;overflow:hidden;position:relative;font:italic 700 30px/28px'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#ff004e;margin:0 0 0;transition:all 0.3s;letter-spacing:-.7px;display: inline-block;float:left;padding-right:8px}
.ls7 .c9 .pr1 span{;font:italic 700 18px/28px'M PLUS 1p','Noto Sans TC',"微軟正黑體";}
.ls7 .c9 .crt{width:auto;height:30px;overflow:hidden;margin:0 0 0;transition:all 0.3s;text-align: right;display: inline-block;float:right}
.ls7 .c9 .crt a img{width:auto;height:100%;vertical-align:middle;opacity:1;transition:all 0.3s}
.ls7 .c9 .crt a:hover img{opacity:.8;transition:all 0.3s}

/*最新消息套件*/
.js1{width:100%;padding-left:0; border-bottom:0px solid #111}
.js1 .slick-list{width:90%;margin:0 auto}
.js1 .slick-initialized .slick-slide{width:24%!important;float:left}
.js1 .slick-prev:before, 
.js1 .slick-next:before{font-family:"微軟正黑體";font:900 35px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:rgba(0,0,0,1);transition:all 0.3s}
.js1 .slick-prev:hover:before, 
.js1 .slick-next:hover:before{color:rgba(0,0,0,3);transition:all 0.3s}
.js1 .slick-prev{left:20px;top:33%}
.js1 .slick-next{right:40px;top:33%;}
.js1 .slick-dots{display:none!important}
	
/*down*/
.m10{width:100%;height:300px;overflow:hidden;background: url("../../images/bg6.jpg") no-repeat center bottom/cover;padding:40px 0  0;}
.m10 .a10{width:80%;height:auto;overflow:hidden;margin:0 auto;box-sizing: border-box;box-sizing: border-box;}
.m10 .a10 .b16{width:50%;height:auto;overflow:hidden;float:left}
.m10 .a10 .b16 .lg3{width:160px;height:auto;overflow:hidden;float:left}
.m10 .a10 .b16 .lg3 img{width:100%;height:auto;overflow:hidden;margin-bottom:10px}

.m10 .a10 .b16 .t29{width:calc(100% - 180px);height:auto;overflow:hidden;font:400 16px/24px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;float: right}
/*down-右邊1*/
.m10 .a10 .b17{width:50%;height:auto;overflow:hidden;float:right}
.m10 .a10 .b17 .c10{width:calc(100% - 200px);height:auto;overflow:hidden;float:left}
.ls8{width:140px;min-height:160px; height:auto;overflow:hidden;float:left!important;margin:0 25px 6px 0}


.ls8
.st2{width:100%;height:auto;overflow:hidden;font:700 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;border-bottom:1px solid #929089;margin-bottom:6px;padding-bottom:6px}

.ls8 .t30{width:100%;height:auto;overflow:hidden;font:400 16px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.ls8 .t30 a{font:400 16px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;letter-spacing:-.5px}
.ls8 .t30 a:hover{text-decoration: underline;color:#111;}
.ls8 .t30 a img{width:auto;height:18px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
/*down-右邊2*/
.m10 .a10 .b17 .c11{width:100%;height:auto;overflow:hidden;float:right;margin-bottom:20px;}

.ls9{width:100%; height:auto;overflow:hidden;float:left!important;margin:0 0 100px 0}
.ls9
.st3{width:100%;height:auto;overflow:hidden;font:700 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;margin-bottom:10px;}
.ls9
.st3 span{font:700 12px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";margin-left:6px}
.ls9 .im10{width:49px;height:49px;float:right;margin:0 0 0 15px}
.ls9 .im10 a img{width:100%;;height:100%;transition:all 0.3s}
.ls9 .im10:hover a img{width:100%;;height:100%;transition:all 0.3s;opacity:.8}

.ls9 .qr1{width:84px;height:auto;float:left;margin:0 6px 0 0}
.ls9 .qr1 a img{width:100%;;height:100%;transition:all 0.3s}
.ls9 .qr1 .t31{width:100%;height:auto;overflow:hidden;font:500 12px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;text-align:center}




/*down2*/

.m11{width:100%;height:auto;overflow:hidden;background: #d3c8b5}
.m11 .a11{width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;font:400 16px/60px'M PLUS 1p','Noto Sans TC',"微軟正黑體";}	

/*contact_view.asp*/
.bnr1{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/ns/bn1.jpg") no-repeat center/cover}
.bnr1 img{width:100%;height:auto;}

/*question_list--常見問題--問題列表區域*/
.b18{width:100%;min-height:600px;height:auto;overflow: hidden;margin: 0 auto 40px;padding:0 3% 20px;box-sizing: border-box;}
.b18 .accordion-button{border-radius:16px!important;margin-top: 20px;padding:20px 3%;}
.b18 .accordion-collapse{border:0}
.b18 .accordion-button,
.b18 .accordion-button:not(.collapsed){font:700 24px/30px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#333;box-sizing: border-box;box-shadow:0 2px 6px rgba(0,0,0,.3);text-align: left;background:#fcfaf6}
.b18 .accordion-button:not(.collapsed){color:#111;}
.b18 .accordion-button img{width:auto;height:30px; padding-bottom:0px; vertical-align:middle; margin-right:8px;}
.b18 .accordion-body{font:500 20px/32px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#333;background: #fff;width:92%;border-radius:0 0 10px 10px;box-shadow:0 2px 6px rgba(0,0,0,.3);margin:0 auto 25px}
.b18 .accordion-body ul{padding-left:25px;}
.b18 .accordion-body ul li{ list-style:outside;list-style-type:dics}
.accordion-button:not(.collapsed)::after{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.b18 .accordion-item{border:0px!important;background:none}
/*解謎任務進度條*/

.evt{width:100%;height:auto;overflow:hidden;margin:-38px 0 0px;float:left}
.evt .t32{width:100%; height:42px;font:400 18px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111 ;margin-bottom:8px}
.evt .t32 span{font:700 28px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fa9a00 ;display: inline-block;vertical-align:top;margin-left:6px}

.evt .prga{width:100%; height:4px;overflow: hidden; background:#ccc;}
.evt .prga .prg{height:4px;overflow: hidden;background:#fa9a00;}

/*糖業文化路徑*/
/*.ta4{width:400px;height:auto;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta4 img{width:100%;height:auto;}*/
.ta4{width:auto;height:96px;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta4 img{width:auto;height:100%;}
/*糖業文化路徑--列表日期*/
.dt2{width:calc(100% - 150px);height:auto;overflow:hidden;display:inline-block;font:500 18px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left;color:#6a6356}

/*講師介紹樣版*/
.ex1{width:100%;height:auto;overflow:hidden;}
.ex1 .tt5{width:100%; height:auto;font:400 24px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111 ;margin-bottom:20px;padding-bottom:8px; border-bottom:1px solid #aaa}
.ex1 .c12{width:100%;height:auto;overflow:hidden;}


.ls10{width:23%; height:auto;overflow:hidden;float:left!important;margin:0 2% 20px 0}

.ls10 .im11{width:100%;height:auto;overflow: hidden; float:left;border-radius:100px;}
.ls10 .im11 img{width:100%;;height:auto;transition:all 0.3s}
.ls10 .t35{width:100%; height:auto;font:500 15px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#000 ;margin-bottom:4px;text-align: center;letter-spacing:-1px;}

/*news_detail.asp--遊戲任務進度表*/
.Pros{width:100%;height:auto;overflow:hidden;background:#e8e8e8;padding:25px 25px 10px;box-sizing: border-box;border-radius:12px;margin-bottom:20px}
.Pros .t36{width:100%;height:50px;overflow:hidden; margin:0 auto;font:700 24px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;background:#463c2c;padding:10px 15px;box-sizing: border-box;border-radius:6px;margin-bottom:6px}
.Pros .t36 span{float:right;font:400 20px/30px 'M PLUS 1p','Noto Sans TC', "Century Gothic","微軟正黑體"; }
.Pros .t36 span img{width:20px;height:20px;display: inline;margin-right: 4px;vertical-align: top;padding-top:5px}

.Pros .t37{width:100%;height:auto;overflow:hidden; margin:0 auto;font:500 16px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;margin-bottom:12px;padding:0 6px;box-sizing: border-box;}
.Pros .t37 span{color:#4b2f11}

.ls11{width:100%;height:auto;overflow:hidden;background:#fff;padding:12px;box-sizing: border-box;border-radius:12px;margin-bottom:15px}
.ls11 .t38{width:100%;height:auto;overflow:hidden; margin:0 auto;font:700 24px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}
.ls11 .t38 > img{width:24px;height:24px;display: inline;margin-right: 4px;vertical-align: top;padding-top:5px}
.ls11 .t38 span{font:500 16px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls11 .t39{width:100%;height:auto;overflow:hidden; margin:0 auto;font:700 16px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}
.ls11 .t39 span{color:#7e2a01}
/*會員系統*/

.ta5{width:auto;height:96px;overflow:hidden;text-align:center;margin:0 auto 60px}
.ta5 img{width:auto;height:100%;}
/*20231006--手機版本選單按鈕*/
.cmn{width:70px;height:70px;position:fixed;bottom:4vh;left:8px;border-radius:100px;display:none;z-index:99;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.3);padding:12px;box-sizing: border-box;border:7px solid #111}
.cmn a img{width:100%;height:100%;}

/*20230514-手機版本左選單屆介面*/
.cmna{background:#ccc!important}
.mm-listview > .clk1  a{position:relative;background:#ccc!important;color:#111!important}
.mm-listview > .clk1 > a img{width:36px; height:34px; display:inline; margin-right:8px; vertical-align:middle; padding-bottom:4px;}
.mm-listview > .clk1 > a:hover{ background:#a0988a!important;border-bottom:1px solid #aaa;color:#111!important}

.mm-listview > .clk1b a{font:500 26px/39px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"!important;color:#fff; width:100%; display:block; height:41px;background:#e8e8e8; padding-left:48px!important;color:#111!important}
.mm-listview > .clk1b a:hover{ background:#a0988a;color:#111!important}

.mm-listview > .clk1b a::before{content:'∟';font:500 20px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;vertical-align:top;margin-right:4px}
.mm-listview > .clk1b a.active{ color:#000;background:#181818;padding-left:16px!important;}
.mm-listview > .clk1b a.active::before{content:'';}


/*shop購物車*/

.m12{width:100%;height:auto;overflow:hidden;}
.m12 .a22{width:80%;height:auto;overflow:hidden; margin:0 auto;padding:60px 0 80px}
.m12 .a22-2{width:1200px;}
.m12 .a22 .b23{width:100%;height:auto;overflow:hidden; }
.m12 .a22 .b23 .c3{width:100%;height:auto;overflow:hidden; ;margin-bottom:20px;border-bottom:1px solid #aaa;padding:0 0 15px;position: relative}

/*導覽*/
.gd1{width:50%;height:auto;overflow:hidden;font: 700 22px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0;float:left;padding:10px 0}
.gd1 a{font:700 22px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;}
.gd1 a:hover{color:#f80;/*text-decoration:underline*/}
.gd1 a::after{ content:'→';margin:0 1%;color:#111}
.gd1-2{width:80%;text-overflow:ellipsis;white-space:nowrap;}
/*篩選*/
.sot{width:300px;height:auto;overflow:hidden;float:right}
.sot .t87{width:20%;height:auto;overflow:hidden;float:left;font:500 20px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align: right}
.sot select{width:78%;height:44px;overflow:hidden;float:right;font:500 20px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;border-radius:12px;border:1px solid #111;background:#ebe9e0;padding:0 15px; text-align:
center;box-sizing: border-box;}

/*--*左邊商品分類-手風琴分類下拉*/
.st6{width:100%;height:50px;font:500 20px/50px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;text-transform: uppercase;background:#111;padding:0 15px;box-sizing: border-box;}
.st6 span{font:italic 500 20px/50px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;text-transform: capitalize;margin-left:8px}
.c16{width:100%;height:auto;overflow:hidden;box-sizing: border-box;margin-bottom:20px;border-radius:0px;}
.c16 img{width:22px;height:22px;vertical-align:top;padding:2px 0 0;margin-right:6px;display: none}
.c16 .accordion-header{/*border-radius:0px;*/}
.c16 .accordion-header .accordion-button{padding:18px 12px;box-sizing: border-box;font:700 18px/24px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;border-radius:0px;background:#fff;text-align: left}
.c16 .accordion-header .accordion-button:hover{background:rgba(200,190,175,.35)}
.c16 .accordion-collapse .accordion-body{padding:0}
.c16 .accordion-button,
.c16 .accordion-button:not(.collapsed){background:#ebe9e0}
.ls30{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd}
.ls30-2{border:0}
.ls30 a{width:100%;height:auto;overflow:hidden;display:block;padding:6px 20px;box-sizing:border-box;padding-left:20px}

.ls30 a::before{content:'└';font:500 18px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";display:  inline-block;padding:4px 0 0;letter-spacing:-1.5px}
.ls30 .t88{width:calc(100% - 30px);height:auto;overflow:hidden;font:400 16px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";float:right}
.ls30 a:hover{background:#ddd}
/*右邊商list*/
.m12 .a22 .b23 .c17a{width:calc(100% - 360px);height:auto;overflow:hidden;float:right}

.m12 .a22 .b23 .c17a .c17{width:100%;height:auto;overflow:hidden;}

.ls7-2{margin: 0 0 40px 20px}
/*shop_detail.asp---右邊商品詳細介紹*/
.m12 .a22 .b23 .c19{width:calc(100% - 330px);height:auto;overflow:hidden;float:right;margin-bottom:40px}

.m12 .a22 .b23 .c19 .b39{width:48%;height:auto;overflow:hidden;float:left}
.m12 .a22 .b23 .c19 .b39 .im46{width:98%;height:auto;overflow:hidden;margin-bottom:10px}
.m12 .a22 .b23 .c19 .b39 .im46 img{width:100%;height:auto;overflow:hidden;}
.m12 .a22 .b23 .c19 .b39 .d1{width:100%;height:auto;overflow:hidden;}
.m12 .a22 .b23 .c19 .b39 .d1 .im47{width:31.3%;height:auto;overflow:hidden;float:left;margin-right:2%}
.m12 .a22 .b23 .c19 .b39 .d1 .im47 img{width:100%;height:auto;overflow:hidden;}

/*shop_detail右詳介*/
.m12 .a22 .b23 .c19 .b40{width:calc(100% - 50%);height:auto;overflow:hidden;float:right}

.m12 .a22 .b23 .c19 .b40 .t90{width:100%;height:auto;overflow:hidden;font:700 32px/42px 'M PLUS 1p','Noto Sans TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#111;margin:0 0 20px;letter-spacing:-.5px}

.m12 .a22 .b23 .c19 .b40 .t91{width:100%;height:auto;overflow:hidden;font:500 20px/30px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#111;margin:0 0 20px;letter-spacing:0px;text-align:justify;text-justify: inter-ideograph;}

.m12 .a22 .b23 .c19 .b40 .pr5{width:auto;height:auto;overflow:hidden;position:relative;font:italic 700 42px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#ff004e;margin:0 0 0;transition:all 0.3s;letter-spacing:-.7px;padding-right:8px;margin-bottom:20px;text-align:right}

.ls32{width:100%;height:auto;overflow:hidden;margin-bottom: 8px}
.ls32 .t92{width:25%;height:auto;overflow:hidden;font:500 20px/50px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#111;float:left}
.ls32 .t93{width:75%;height:auto;overflow:hidden;font:500 20px/50px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#111;float:left}
.ls32 .d2{width:75%;height:auto;overflow:hidden;float:left}
.ls32 .d2 .qbt{width:28%; height:46px; float:left}
.ls32 .d2 .qbt a{width:100%;height:46px;font:700 28px/44px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#111;display:inline-block; text-align:center; background:#ccc ; border:1px solid #666;border-radius:2px 0 0 2px;box-sizing: border-box;}
.ls32 .d2 .qbt-2 a{border-radius:0 2px 2px 0 ;}
.ls32 .d2 .qbt a:hover{background:#aaa; color:#111;border:1px solid #666}
.ls32 .d2 input{width:42%; height:46px; border:1px solid #888 ; border-right:0;border-left:0; float:left; padding:0; text-align:center;font:500 22px/44px 'M PLUS 1p','Noto Sans TC','Noto Sans SC', verdana; color:#000;box-sizing: border-box;}
.ls32 .d2 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#111;}


/*FB分享*/
.bt45{width:49%; height:50px;font:500 20px/48px'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:left;margin-right:2%}
.bt45:hover{ border:0px solid #3577c1;transition:all 0.3s}
.bt45 a{width:100%; height:50px;font:500 20px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:6px; background:#3577c1;padding:0 0}
.bt45 a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.bt45 a:hover{ background:#215da1; border:0px solid #3577c1;transition:all 0.3s;color:#fff}
/*line分享*/
.bt46{width:49%; height:50px;font:500 20px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:left;margin-left:0}
.bt46:hover{ border:0px solid #3577c1;transition:all 0.3s}
.bt46 a{width:100%; height:50px;font:500 20px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:6px; background:#3abf00;padding:0 0}
.bt46 a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:5px}
.bt46 a:hover{ background:#4bcc12; border:0px solid #3577c1;transition:all 0.3s;color:#fff}

/*立即結帳*/
.bt47{width:48%; height:60px;font:500 20px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:0; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px 0 0 0}
.bt47:hover{ border:0px solid #3577c1;transition:all 0.3s}
.bt47 a{width:100%; height:60px;font:500 24px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:0;padding:0 0;background:#ef0060;float:right}

.bt47 a:hover{ background:#f12a6b; border:0px solid #3577c1;transition:all 0.3s;color:#fff}
.bt47 a img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:5px;}
.bt47a{width:calc(100% - 330px);height:auto;overflow:hidden;float:right;text-align:center}
.bt47-2{width:300px;display:inline-block;float:none}
/*加入購物車*/
.bt47b{width:48%; height:60px;font:500 20px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:0; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:25px 4% 0 0;float:left}
.bt47b a{width:100%; height:60px;font:500 24px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#001a4d; display:inline-block;border-radius:0;padding:0 0;background:#fff; border:2px solid #001a4d;box-sizing: border-box;}

.bt47b a:hover{ background:#eee; border:2px solid #001a4d;transition:all 0.3s;color:#001a4d}
.bt47b a img{width:auto;height:24px; padding-bottom:4px; vertical-align:middle; margin-right:5px;}
.bt47b-2{width:300px;display:inline-block;float:none;vertical-align: top}

/*商品詳細介紹---頁籤*/
.m12 .a22 .b23 .c20{width:100%;height:auto;overflow:hidden;margin-bottom:40px}
.m12 .a22 .b23 .c20-2{width:calc(100% - 330px);height:auto;overflow:hidden;float: right}
.m12 .a22 .b23 .c20 .d3{width:100%;height:auto;overflow:hidden;background:linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center bottom/100% 1px;border-left:1px solid #ccc}
.ls33{width:200px;height:auto;overflow:hidden;float: left}
.ls33 a{width:100%;height:auto;overflow:hidden;font:500 24px/56px 'M PLUS 1p','Noto Sans TC', 'Noto Sans SC',"Century Gothic","微軟正黑體";display:block;background:#eee;;text-align:center;border:1px solid #ccc;color:#888; border-left:0;box-sizing: border-box;}
.ls33 a:hover{background:#ccc;border:1px solid #ccc;border-left:0;color:#555 }
.ls33 a.active{background:#8f8575;color: #fff}
/*shop_view+商品描述+購物需知+紅利說明*/
.m12 .a22 .b23 .c20 .d4{width:100%;min-height:150px; height:auto;overflow:hidden;padding:30px;font:400 18px/28px 'Noto Sans SC', "Century Gothic","微軟正黑體";border:1px solid #ccc;border-top:0;box-sizing: border-box;color:#333}
.m12 .a22 .b23 .c20 .d4 img{max-width:100%;height:auto}
.m12 .a22 .b23 .c20 .d4 > ul{padding-left:25px;}
.m12 .a22 .b23 .c20 .d4 > ul > li{ list-style:outside;list-style-type:decimal}
.m12 .a22 .b23 .c20 .d4 > ul > li ul{padding-left:25px;}
.m12 .a22 .b23 .c20 .d4 > ul > li ul li{ list-style:outside;list-style-type:disc}
/*相關商品標題*/
.m53 .a29-2{padding:0 0}
.t94{width:1200px;height:auto;overflow:hidden;margin:0 auto 35PX;border-bottom:1px solid #aaa;padding:0 0 0;font: 700 28px/50px 'M PLUS Rounded 1c','M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;}

/*shop_detail左圖*/
.bt44{width:auto; height:44px;font:500 20px/42px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 0px 0;float:right}
.bt44:hover{  border:0px solid #3577c1;transition:all 0.3s}
.bt44 a{width:auto; height:44px;font:700 20px/42px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:0; background:#c7c0a5;padding:0 30px;border:0px solid #ddd;box-sizing: border-box;}
.bt44 a:hover{ background:#e3d9b2; border:0px solid #333;transition:all 0.3s;color:#111}

.m9-2 .a9{width:78%;padding:0 0 60px}
.m9-2 .ls7{width:270px!important}


/*20230426---商品規格*/
.ls32 .d5{width:75%;height:auto;overflow:hidden;float:left;text-align: left}
/*20230426---商品規格---容量+顏色*/
.ls32 .d5 .t104{width:100%!important; height:auto;overflow:hidden; transition:all 0.3s;text-align:left!important;padding:4px 0 0}
.ls32 .d5 .t104 a{width:auto; height:42px;overflow: hidden; font:400 20px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333; display:inline-block;border-radius:2px; background:#fff;padding:0 8px;border:1px solid #999;box-sizing: border-box;float:left;margin:0 2% 8px 0}

.ls32 .d5 .t104 a:hover{ background:#fff; transition:all 0.3s;color:#011a75;border:1px solid #011a75}
.ls32 .d5 a.t104no {color:#ccc;border:1px solid #ccc;cursor: auto}
.ls32 .d5 a.t104no:hover{color:#ccc;border:1px solid #999;} 

.ls32 .d5 a.active {color:#fff;border:1px solid #333;cursor: auto;background:#333}
.ls32 .d5 a.active:hover {color:#fff;border:1px solid #333;cursor: auto;background:#333}

/*20230426---商品規格---尺寸*/
.ls32 .d5 .t105{width:100%!important; height:auto;overflow:hidden; transition:all 0.3s;text-align:left!important;padding:4px 0 0}
.ls32 .d5 .t105 a{width:auto; height:42px;overflow: hidden; font:400 20px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333; display:inline-block;border-radius:2px; background:#fff;padding:0 20px;border:1px solid #999;box-sizing: border-box;float:left;margin:0 2% 8px 0}

.ls32 .d5 .t105 a:hover{ background:#fff; transition:all 0.3s;color:#011a75;border:1px solid #011a75}
.ls32 .d5 a.t105no {color:#ccc;border:1px solid #ccc;cursor: auto}
.ls32 .d5 a.t105no:hover{color:#ccc;border:1px solid #999;} 

.ls32 .d5 a.active {color:#fff;border:1px solid #333;cursor: auto;background:#333}
.ls32 .d5 a.active:hover {color:#fff;border:1px solid #333;cursor: auto;background:#333}


.in1b{width:100%;height:50px;overflow:hidden;font:500 20px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:2px;}

/*加入購物車 彈出視窗*/
.m13{/* width:600px;*/height:auto;overflow:hidden;margin:60px auto 0;}
.m13 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box;background:fff}
.m13 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.m13 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.m13 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 0;margin:0 auto;}
.m13 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.m13 .modal-content form .modal-body .btn-close{ position:absolute;top:5px; right:5px;font:28px/50px "Century Gothic","微軟正黑體"; opacity:.8}
.m13 .modal-content form .modal-body .a21{width:100%;height:auto;overflow:hidden;}
.m13 .modal-content form .modal-body .a21 .t47{ width:100%;height:auto;overflow:hidden;font:700 36px/40px'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-2px; float:left; text-align:center; margin-bottom:20px;}

.m13 .modal-content form .modal-body .a21 .t48{ width:90%; min-height:110px;height:auto;overflow:hidden;font:500 24px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto; letter-spacing:0px; float:left; text-align:left;/*   border-top:2px solid #ddd;border-radius:20px; border:2px solid #fff;
background:
linear-gradient(180deg,#ccc 70%,#fff 100%) no-repeat left top/2px 100%,
linear-gradient(180deg,#ccc 70%,#fff 100%) no-repeat right top/2px 100%; padding:15px 20px 20px;color:#333; */}

.m13 .modal-content form .modal-body .a21 .t48 h4
{font:700 28px/46px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#599d00;letter-spacing:0px}

.m13 .modal-content form .modal-body .a21 .t48 h4 img{width:auto;height:36px; padding-bottom:6px; vertical-align:middle; margin-right:5px}
.m13 .modal-content form .modal-body .a21 .t48 h5
{font:700 28px/46px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#c00;letter-spacing:0px}

.m13 .modal-content form .modal-body .a21 .t48 h5 img{width:auto;height:36px; padding-bottom:6px; vertical-align:middle; margin-right:5px}

/*20230410-繼續購物+前往結帳按鈕*/
.bt51{width:48%; height:60px;font:700 24px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center;border-radius:2px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;;background:#555;float:left;margin:0 4% 0 0!important;display: block ;box-sizing: border-box;}

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

.bt52{width:48%; height:60px;font:700 24px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display: block; text-align:center;border-radius:2px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;background:#ef0060;box-sizing: border-box;float:left;margin:0!important}

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

/*shop_car*/
.m14{width:100%;height:auto;overflow:hidden;}
.m14 .a32{width:1200px;height:auto;overflow:hidden; margin:0 auto;padding-top:60px}
.m14 .a32{margin:0 auto 80px}
.m14 .a32 .b41{width:100%;height:auto;overflow:auto;overflow-y:hidden;margin-bottom:40px}
.m14 .t95{width:100%;height:auto;overflow:hidden;margin:0 auto 20PX;border-bottom:1px solid #aaa;padding:0 0 0;font: 700 28px/50px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;}

.im48{width:60px;height:auto;overflow:hidden;float:left}
.im48 img{width:100%;height:auto;vertical-align:top}
.t96{width:calc(100% - 70px);height:auto;overflow:hidden;font:400 22px/28px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',verdana,"微軟正黑體"; color:#555;float:right}
.m14 .in13{width:100%;height:40px;overflow:hidden;font:500 20px/40px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";padding: 0 6px;box-sizing: border-box;border:2px solid #ccc;border-radius:6px;text-align:center !important}
/*表單內表格框*/
.bx2{width:1200px;height:auto;overflow:hidden;border:1px solid #ccc;box-sizing: border-box;margin-bottom:40px}
.bx2 table{border:1px solid #ccc;border-bottom:0;border-right:0;box-sizing: border-box;}

.bx2 textarea{width:100%;height:120px;overflow:hidde;font:700 20px/30px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:2px;box-sizing: border-box;padding:5px 12px}
.bx2 table tr td{border:1px solid #ccc;border-top:0;border-left:0;font:500 18px/20px 'M PLUS 1p','Noto Sans TC', "Century Gothic","微軟正黑體";padding:10px 8px}
.bx2 table .t54{background:#eee}
.bx2 table tr td span{font:700 16px/20px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#ff004e}
.bx2 table tr .t97{background:#ddd;}
.bx2 input{width:60%;height:50px;overflow:hidde;font:700 18px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;border:2px solid #ccc;border-radius:2px;box-sizing: border-box;padding:0 12px;display: block}
.bx2 select{width:50%;height:50px;overflow:hidde;font:700 18px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;border:2px solid #ccc;border-radius:2px;box-sizing: border-box;padding:0 12px;display: block}
.bx2 .in14{width:30%;margin-right:2%;float:left;margin-bottom:10px}
.bx2 .in14b{width:30%;float:left}

.bx2 .in15{width:26%;margin-right:0%;float:left;}

.bx2 .in16{width:100%;}

.t98{width:6%;height:50px;overflow:hidden;font:700 22px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;text-align:center}




/*shop_car.asp*/
.ls35{width:100%;height:auto;overflow:hidden;margin-bottom: 4px}
.ls35 .d2{width:100%;height:auto;overflow:hidden;float:left}
.ls35 .d2 .qbt{width:28%; height:46px; float:left}
.ls35 .d2 .qbt a{width:100%;height:46px;font:700 28px/44px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#111;display:inline-block; text-align:center; background:#ccc ; border:1px solid #666;border-radius:2px 0 0 2px;box-sizing: border-box;}
.ls35 .d2 .qbt-2 a{border-radius:0 2px 2px 0 ;}
.ls35 .d2 .qbt a:hover{background:#aaa; color:#111;border:1px solid #666}
.ls35 .d2 input{width:42%; height:46px; border:1px solid #888 ; border-right:0;border-left:0; float:left; padding:0; text-align:center;font:500 22px/44px 'M PLUS 1p','Noto Sans TC','Noto Sans SC', verdana; color:#000;box-sizing: border-box;border-radius:0 0 0 0 ;}
.ls35 .d2 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#111;}

.t101{width:100%;height:auto;overflow:hidden;font:700 22px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#003884;float:left;}

/*同上資訊*/
.in19{width:20px!important;height:20px!important;display:inline-block;vertical-align: middle;margin:16px 8px 0 30px } 
.t100{width:50%;height:auto;overflow:hidden;font:700 22px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;text-align: left}

.bx1 textarea{width:100%;height:120px;overflow:hidde;font:700 20px/30px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;display:block;border:2px solid #ccc;border-radius:12px;box-sizing: border-box;padding:5px 12px}

/*繼續購物按鈕*/
.m14 .a32 .b42{width:100%;height:auto;overflow:hidden;margin-bottom:80px;text-align:center}
.bt48{width:auto; height:50px;font:700 20px/48px'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block; text-align:center;border-radius:2px; border:0px solid #e95377; transition:all 0.3s;margin:0 8px;background:#c7c0a5;padding:0 60px;}
.bt48:hover{  border:0px solid #3577c1;transition:all 0.3s;background:#e3d9b2;}
.bt48 a{width:auto; height:50px;font:700 20px/48px'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:2px; background:#c7c0a5;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt48 a:hover{ background:#e3d9b2; border:0px solid #333;transition:all 0.3s;color:#111}
/*下一步*/
.bt49{width:auto;height:50px;font:700 20px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:2px; border:0px solid #e95377; transition:all 0.3s;margin:0 8px;background:#ef0121;padding:0 60px;}
.bt49:hover{  border:0px solid #3577c1;transition:all 0.3s;background:#f22d47;}
.bt49 a{width:auto; height:50px;font:700 20px/48px'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:2px; background:#ef0121;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt49 a:hover{ background:#f22d47; border:0px solid #333;transition:all 0.3s;color:#111}


/*發票介面*/ 
.bx2 .c21{width:100%;height:auto;overflow:hidden;margin-bottom:20px;background:#ffa;padding:12px 20px;box-sizing: border-box;}
.bx2 .in17{width:50%;margin-bottom:20px}
.bx2 .c21 .ls34{width:48%;height:auto;overflow:hidden;margin-right:1%;float:left}
.bx2 .c21 .ls34 .t99{width:30%;height:auto;overflow:hidden;font:700 22px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;float:left;}
.bx2 .in18{width:68%;hetextareaight:auto;float:left;} 
/**/
.bx2 .im49{width:36px;height:auto;overflow:hidden;margin:0 auto}
.bx2 .im49 a img{width:100%;height:auto;opacity:1;transition:all 0.3s}
.bx2 .im49 a img:hover{opacity:.75;transition:all 0.3s}

/*付款方式Radio介面設定*/
.ck2{ width:100%; height:30px; overflow:hidden;padding: 5px 0 0}
.ck2 input[type="radio"] {display:none;}
.ck2 input[type="radio"] + label { background:#bbb; width:24px; height:24px;border-radius:100px; padding:2px;box-sizing: border-box;}
.ck2 input[type="radio"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff; cursor:pointer;transition:all 0.3s}
.ck2 input[type="radio"]:checked + label div {border-radius:100px;background:#33d0b8;transition:all 0.3s;}
.ck2 label{height:19px;font:13px/18px "微軟正黑體";}
/*付款方式Radio介面設定-無法點選之樣式*/
.ck2 input[type="radio"] + .dis{background:#d8d8d8;}
.ck2 input[type="radio"] + .dis div{ cursor:default}
.ck2 input[type="radio"]:checked + .dis div{background:#fff;}
/*shop_MSG*/
.m14 .a32 .b43{width:100%;height:auto;overflow:hidden}
.t102{width:96%;min-height:100px; height:auto;overflow:hidden;font:500 24px/38px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; letter-spacing:-.5px;margin:0 auto 20px;text-align:center}
.t102 h4{font:500 36px/50px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; text-align:center; margin-bottom:8px}
.t102 h4 img{width:auto;height:38px; padding-bottom:6px; vertical-align:middle; margin-right:0px}
/*shop_MSG 按鈕*/
.m14 .a32 .b43 .c22{width:100%;height:auto;overflow:hidden;text-align:center;margin-bottom:80px}
.bt50{width:auto; height:60px;font:700 24px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block; text-align:center;border-radius:6px; border:0px solid #e95377; transition:all 0.3s;margin:0 8px;padding:0 60px;}

.bt50 a{width:auto; height:60px;font:700 24px/58px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:inline-block;border-radius:2px; background:#c7c0a5;padding:0 60px;border:0px solid #ddd;box-sizing: border-box;}
.bt50 a:hover{ background:#e3d9b2; border:0px solid #333;transition:all 0.3s;color:#111}


/**/
.m6 .a6 .b19{width:100%;height:auto;overflow:hidden;overflow-x:auto}
/*20230707---手機板購物車*/

.cabt{width:auto; height:54px;font:16px/30px "Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:6px; padding:0 0px;border:0px solid #e95377; transition:all 0.3s; margin:18px 30px 0 0;position:relative;z-index:3;display: none;float:right}
.cabt a{width:auto; height:100%;overflow:hidden; display:block}
.cabt a img{width:auto;height:100%;opacity:1;transition:all 0.3s}
.cabt a:hover img{opacity:.75;transition:all 0.3s}

.cabt a:hover{ /*background:#1d219d; */border:0px solid #3577c1;transition:all 0.3s;}
.qt2{width:24px;height:24px;background:#ed0a30;color:#fff;font:12px/24px "Century Gothic","微軟正黑體";text-align:center;position: absolute;right:-10px; top:-10px;border-radius:100px;z-index:99;}
/*20231015-料理菜單*/
.m15{width:100%;height:auto;overflow:hidden;}
.m15 .a15{width:100%;height:auto;overflow:hidden; margin:0 auto;}
.m15 .a15 .b20{width:100%;height:auto;overflow:hidden;}
.ls36{width:100%;height:auto;overflow:hidden;}
.ls36 .im12{width:50%;height:auto;overflow:hidden;float:left}
.ls36 .im12 img{width:100%;height:auto;}
.ls36 .im13{width:50%;height:auto;overflow:hidden;float:left}
/*.ls36 .im13 a img{width:100%;height:auto;transition:all 0.3s}
.ls36 .im13 a:hover img{transition:all 0.3s;filter:contrast(140%);-webkit-filter:contrast(140%);}*/
.ls36 .im13 a img{width:100%;height:auto;transition:all 0.3s}
.ls36 .im13 a:hover img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;filter:contrast(125%);-webkit-filter:contrast(125%);}
.ls36 .t40{width:100%;height:0;overflow:hidden;font:12px/24px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";}
.m15 .a15 .b21{width:100%;height:330px;overflow:hidden;background: url("../../images/bg2.jpg") center no-repeat}
/*更多按鈕*/
.bt17{width:460px; height:auto;font:500 22px/88px 'M PLUS 1p','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:120px auto 0}
.bt17 img{width:auto;height:46px;display:inline-block; padding:0 0 4px; margin-right:10px;}

.bt17 a{width:100%; height:90px;font:700 30px/88px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:10px;border:0px solid #333;box-sizing: border-box;background:url("../../images/bg3.jpg") no-repeat center}
.bt17 a:hover{ border:0px solid #c3baac;transition:all 0.3s;color:#111;opacity:.9}
/*人才招募*/
.m16{width:100%;height:600px;overflow:hidden;background: url("../../images/bg4.jpg") no-repeat center}
.m16 .a16{width:100%;height:auto;overflow:hidden; margin:0 auto;}
.ta6{width:auto;height:96px;overflow:hidden;text-align:center;margin:160px auto 30px}
.ta6 img{width:auto;height:100%;}
.m16 .t41{width:100%;height:auto;overflow:hidden;font:500 18px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center;margin-bottom:40px}

/*人才招募---聯絡我們按鈕*/
.bt18{width:280px; height:auto;font:500 22px/50px 'M PLUS 1p','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}
.bt18 img{width:auto;height:20px;display:inline-block; padding:0 0 4px; margin-right:10px;}

.bt18 a{width:100%; height:56px;font:500 22px/54px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#c6b8a7; display:block;border-radius:6px;border:1px solid #c6b8a7;box-sizing: border-box;background:rgba(200,185,165,.1)}
.bt18 a:hover{ background:rgba(200,185,165,.4); border:1px solid #c6b8a7;transition:all 0.3s;color:#c6b8a7;opacity:.9}

/*QA-用餐須知*/
.m17{width:100%;height:300px;overflow:hidden;background: url("../../images/bg5.jpg") no-repeat center/cover}
.m17 .a17{width:900px;height:auto;overflow:hidden; margin:0 auto;padding:70px 0 0 50px;box-sizing: border-box;}
.ta7{width:360px;height:auto;overflow:hidden;text-align:center;float: left;padding-top: 20px}
.ta7 img{width:auto;height:100%;}

.m17 .b22 {width:calc(100% - 390px);height:auto;overflow:hidden;float:right;}

.m17 .a17 .b22 .t42{width:100%;height:auto;overflow:hidden;font:500 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:left;margin-bottom:20px}

/*QA-用餐須知*按鈕*/
.bt19{width:280px; height:auto;font:500 22px/50px 'M PLUS 1p','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 }
.bt19 img{width:auto;height:20px;display:inline-block; padding:0 0 4px; margin-right:10px;}

.bt19 a{width:100%; height:56px;font:500 22px/54px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:6px;border:1px solid #111;box-sizing: border-box;background:rgba(0,0,0,.0)}
.bt19 a:hover{ background:rgba(0,0,0,.2); border:1px solid #111;transition:all 0.3s;color:#111;opacity:.9}

/*down*/
 .t43{width:100%;height:auto;overflow:hidden;margin-bottom:10px;float:right;text-align: right}
 .t43 a{font:400 16px/20px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align: center;width: auto; height:auto;display: inline-block;margin-left:20px}
 .t43 a:hover{text-decoration:underline}
 .t44{width:100%;height:auto;overflow:hidden;margin-bottom:20px;float:right;text-align: right;font:400 16px/20px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}

/*aa1*/
.ls37{width:94%;height:auto;overflow:hidden;margin:0 auto;background:linear-gradient(90deg,#c6b8a7 60%,rgba(200,185,165,0) 100%) no-repeat center 86% /100% 4px;margin-bottom:80px;position:relative}
.ls37 .im14{width:40%;height:auto;overflow:hidden;float:left;border-radius:18px;border:12px double #c6b8a7;box-sizing: border-box;}
.ls37 .im14 img{width:100%;height:auto;}

.ls37 .t44{width:calc(100% - 44%);height:auto;overflow:hidden;font:500 22px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; float:right;text-align:justify;text-justify: inter-ideograph;letter-spacing:0px;padding:26px 0 0;}
.ls37 .t44 > span{font-size:36px;font-weight:700;margin-right:1.5px}
.ls37-2{background:linear-gradient(-90deg,#c6b8a7 60%,rgba(200,185,160,0) 100%) no-repeat center 86% /100% 4px;}
.ls37-2 .im14{float:right}
.ls37-2 .t44{float:left}

/*aa2*/
.ls38{width:94%;height:auto;overflow:hidden;margin:0 auto;background:linear-gradient(90deg,#c6b8a7 60%,rgba(200,185,165,0) 100%) no-repeat center 86% /100% 0px;margin-bottom:40px;border-bottom:6px double #ddd;padding-bottom:40px;position:relative}
.ls38 .im15{width:40%;height:auto;overflow:hidden;float:left;border-radius:18px;border:12px double #c6b8a7;box-sizing: border-box;}
.ls38 .im15 img{width:100%;height:auto;}

.ls38 .t45{width:calc(100% - 44%);height:auto;overflow:hidden;font:500 22px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; float:right;/*text-align:justify;text-justify: inter-ideograph;*/letter-spacing:0px;padding:0px 0 0 0;box-sizing: border-box;}


.ls38-2 .im15{float:right}
.ls38-2 .t45{float:left;/*width:auto;max-width:56%*/}
.ls38 .t45 > span{font-size:36px;font-weight:700;margin-right:1.5px}
.ls38 .t45 h4{font:italic 800 48px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體";margin-bottom:10px;letter-spacing:-1.5px;color:#47403a;width:auto;height:auto;overflow:hidden;display:block;border-bottom:0px solid #ddd;clear:both;text-align:left}
.ls38 .t45 h4 img{width:auto;height:54px; padding-bottom:4px; vertical-align:top; margin-right:-0px}
.ls38 .t45 h4 span{font:italic 800 21px/42px 'M PLUS Rounded 1c','M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體";text-transform:uppercase;letter-spacing:-.5px;margin-left:8px}

.ls38 .t45 ul{padding-left:30px;}
.ls38 .t45 ul li{ list-style:outside;list-style-type:disc}
.ls38 .t45 ul li{font:500 24px/38px 'M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體";letter-spacing:-.5px}
.ls38 .t45 ul li h5{font:500 30px/38px 'M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體"; color:#e80042;display:inline;;letter-spacing:-.5px}
.ls38 .t45 ul li h5 span{font:500 20px/38px 'M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體"; color:#111;display:inline}
.ls38 .t45 ul li h5::before{font:700 20px/38px 'M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體"; color:#111;content:'〈';margin-left:-10px;margin-right:2px}
.ls38 .t45 ul li h5::after{font:700 20px/38px 'M PLUS 1p','Noto Sans TC','M PLUS 1p',"Century Gothic","微軟正黑體"; color:#111;content:'〉';margin-left:3px}

/*about*/
.m18{width:100%;height:auto;overflow:hidden;background:url("../../images/bg1.jpg") no-repeat center top/cover}
.m18 .a18{width:1300px;height:auto;overflow:hidden; margin:0 auto 40px;padding:120px 0;box-sizing: border-box;}
.tt6{width:100%; height:100px;overflow: hidden;margin-bottom:60px}
.tt6 img{width:auto; height:100%;}
.m18 .a18 .img1{width:580px;height:auto;overflow:hidden;float:left;border-radius:15px}
.m18 .a18 .img1 img{width:100%;height:auto}
.t46{width:calc(100% - 640px);min-height:400px; height:auto;overflow:hidden;font:400 21px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;letter-spacing:0px;padding:0 0 0 0;box-sizing: border-box;margin:0 auto 40px;float:right;position: relative}
.t46 h4
{font:900 60px/70px /*'M PLUS Rounded 1c',*/'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:25px}

.t46 span
{font:700 italic 24px/42px /*'M PLUS Rounded 1c',*/'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#001457;margin-bottom:25px}



/*about*/
.m19{width:100%;height:auto;overflow:hidden;background:#d0b375}
.m19 .a19{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:0 0 0 0;box-sizing: border-box;}
.tt6b{text-align:right;width:1200px;margin:0 
auto}


.ls39{width:33.33%;height:auto;overflow:hidden;margin:0 auto ;float:left}
.ls39 .im16{width:100%;height:auto;overflow:hidden;float:left;box-sizing: border-box;}
.ls39 .im16 img{width:100%;height:auto;}

.t49{width:calc(100% - 40px);height:auto;overflow:hidden;font:500 20px/100px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0 20px;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat left center/2px 32%;box-sizing: border-box;padding-left:20px;text-overflow:ellipsis;white-space:nowrap;}


.m20{width:100%;height:auto;overflow:hidden;background:#e1d3c6;position:relative;z-index:2}
.m20 .a20{width:80%;height:auto;overflow:hidden; margin:0 auto;padding:120px 0 0 0;box-sizing: border-box;}

.m20 .a20 .b44{width:100%;height:auto;overflow:hidden;border:2px solid #333;padding:10px 10px 10px 20px;box-sizing: border-box;border-radius:10px;margin-bottom:150px}
/*跑馬燈*/
.m20 .a20 .b44 .im17{width:100px;height:auto;overflow:hidden;box-sizing: border-box;float:left;margin-right:20px}
.m20 .a20 .b44 .im17 img{width:100%;height:auto;}
.m20 .a20 .b44 .t50{width:calc(100% - 120px);;height:auto;overflow:hidden;font:700 26px/80px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0 0;float:left;text-align:left;letter-spacing:0px}
.m20 .a20 .b44 .t50 br{display: none}
/*newsx*/
.tt6c{width:1200px;margin:0 auto 80px}
.m20 .a20 .b45{width:100%;height:auto;overflow:hidden;margin-bottom:90px}
.ls40{width:100%;height:auto;overflow:hidden;margin-bottom:20px;}

.ls40 > a{width:100%;height:auto;overflow:hidden;border:2px solid #333;padding:10px 40px;box-sizing: border-box;border-radius:100px;margin-bottom:20px;background:#d0b375;display: block}
.ls40 > a:hover{background:#a1916f;}

.ls40 .t51{width:200px;height:auto;overflow:hidden;font:700 28px/80px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#8c562c;margin:0 0;float:left;text-align:left;letter-spacing:1.5px;margin-right:20px;background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat right center/2px 50%}
.ls40 .t51 span{font:700 36px/80px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.ls40 .t52{width:calc(100% - 360px);height:auto;overflow:hidden;font:700 28px/80px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin:0 20px 0 0 ;float:left;letter-spacing:1.5px;text-overflow:ellipsis;white-space:nowrap;}
.mo1{width:80px; height:28px;font:18px/26px "Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:0px;  transition:all 0.3s;float:left;background:#a00;margin-top:30px}
.mo1 a{width:100%; height:28px;font:18px/26px "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:0; background:#a00}
.mo1:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s;}
/*收費標準*/
.tt6d{width:1200px;margin:0 auto -70px}
.m20 .a20 .b46{width:1200px;height:auto;overflow:hidden;;margin:0 auto 150px}
.m20 .a20 .b46 .im18{width:100%;height:auto;overflow:hidden;box-sizing: border-box}
.m20 .a20 .b46 .im18 img{width:100%;height:auto;}

/*聯絡我們*/
.tt6e{text-align:right;width:1200px;margin:0 
auto 80px}
.m20 .a20 .b47{width:100%;height:auto;overflow:hidden;;margin:0 auto 25px}
.m20 .a20 .b47 .c23{width:100%;min-height:310px; height:auto;overflow:hidden;background:#5a4f44;padding:50px 70px 10px;box-sizing: border-box;margin:0px auto 0;position:relative;z-index:1px}
.m20 .a20 .b47 .c23 .d6{width:48%; height:auto;overflow:hidden;float:left}
.m20 .a20 .b47 .c23 .d6 .lg4{width:160px;height:auto;overflow:hidden;margin-bottom:5px}
.m20 .a20 .b47 .c23 .d6 .lg4 img{width:100%;height:auto;}
.m20 .a20 .b47 .c23 .d6
.t53{width:100%;height:auto;overflow:hidden;font:400 13px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff}

.m20 .a20 .b47 .c23 .d7{width:50%; height:auto;overflow:hidden;float:left;}

.m20 .a20 .b47 .c23 .d7
.t54{font:400 16px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;padding-left: 20px;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat left top/1px 100%;box-sizing: border-box;margin-bottom:40px}

.m20 .a20 .b47 .c23 .d7
.t54 a{font:400 16px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
.m20 .a20 .b47 .c23 .d7
.t54 a:hover{text-decoration: underline}

.m20 .a20 .b47 .c23 .d7
.t54 h4{font:700 16px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff}


/*社群*/
.m20 .a20 .b48{width:100%;height:auto;overflow:hidden;margin:0 auto 150px}
.m20 .a20 .b48 .im19{width:42px;height:42px;overflow:hidden;float:right;margin-left:10px}
.m20 .a20 .b48 .im19 img{width:100;height:100%}
.m20 .a20 .b48 .t55{width:120px;height:42px;overflow:hidden;float:right;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center/90% 2px;}
.m20 .a20 .b48 .t56{width:80px;height:42px;overflow:hidden;float:right;font:700 16px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333}

/*社群top*/
.m1 .a1 .b49{width:200px;height:auto;float: right;margin:90px 0 0 0}
.top-bar .a1 .b49{margin:30px 0 0 0}
.m1 .a1 .b49 .im20{width:38px;height:38px;float:right;margin-left:8px;position:relative}
.m1 .a1 .b49 .im20 a img{width:100;height:100%;display: block}


/*語系下拉*/
.m1 .a1 .b49 .im20 .lk4{width:120px;height:0;overflow:hidden;transition:all 0.3s;position:absolute;left:-40px;top:40px;}
.m1 .a1 .b49 .im20:hover .lk4{height:auto;padding:10px 5px 5px }
.m1 .a1 .b49 .im20:hover .lk4 a{width:100%;height:36px;overflow:hidden;font:500 18px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;background:#694e36;border:0px solid #ccc;box-sizing: border-box;border-radius:100px;margin-bottom:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);text-align:center;color:#fff}
.m1 .a1 .b49 .im20:hover .lk4 a:hover{background:#ad8969;color:fff;border:0px solid #2b4b7e;}

.m1 .a1 .b1 .hd .ic1 .lk1 a.lk2{}
.m1 .a1 .b1 .hd .ic1 .lk1 a.lk2:hover{ background:#7907a9;}
.m1 .a1 .b1 .hd .ic1 .lk1 a.lk3{background:#e30544;color:#fff}
.m1 .a1 .b1 .hd .ic1 .lk1 a.lk3:hover{ background:#ee4072;}

/*聯絡我們*/
.tt6e{text-align:right;width:1200px;margin:0 
auto 80px}
.m20 .a20 .b47{width:100%;height:auto;overflow:hidden;;margin:0 auto 25px}
/*品牌列表*/
.bgt1{width:100%;height:auto;overflow:hidden;font:900 64px/72px 'Noto Serif JP','Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#07204e;margin-bottom:20px; text-align:center;letter-spacing:-1px}
.bgt1-2{margin-bottom:40px}
.bgt1 h4{width:100%;height:auto;overflow:hidden;font:400 20px/72px 'Noto Serif JP','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0; text-align:center;background:linear-gradient(90deg,rgba(255,255,255,.0) 0%,#bbb 50%,rgba(255,255,255,.0) 100%) no-repeat center 13px/600px 1px}
.m21{width:100%;height:auto;overflow:hidden;background:url("../../images/bg2.jpg")  center top/cover}
.m21 .a23{width:80%;height:auto;overflow:hidden; margin:0 auto;box-sizing: border-box;padding:120px 0}
.m21 .a23 .b48{width:100%;height:auto;overflow:hidden;margin-bottom:0;text-align:center}
.ls12{width:17%;height:auto;overflow:hidden;margin:0 .8% 40px;display: inline-block;}
.ls12 .im21{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.ls12 .im21 img{width:100%;height:auto;transition:all 0.3s}
.ls12 .im21:hover  img{transform:rotate(0deg) scale(.9); transition:all 0.3s; filter:brightness(120%)}
.ls12 .t57{width:100%;height:80px;overflow:hidden;font:700 28px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333}
.ls12 .t57 a{width:100%;height:80px;overflow:hidden;font:700 28px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display:block;text-align:center}
.ls12 .t57 a:hover{color:#685745;}
/*down*/
.m22{width:100%;height:auto;overflow:hidden;background:#111}
.m22 .a24{width:80%;height:auto;overflow:hidden; margin:0 auto;box-sizing: border-box;font:400 18px/60px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;text-align:center}

/*最新消息*/

.m23{width:100%;height:auto;overflow:hidden;background:url("../../images/bg1.jpg")  no-repeat center top/cover}
.m23 .a25{width:82%;height:auto;overflow:hidden; margin:0 auto 40px;padding:120px 0;box-sizing: border-box;}

.m23 .a25 .im22a{width:50%;height:auto;overflow:hidden;float:left}

.m23 .a25 .im22a .im22{width:100%;height:auto;overflow:hidden;margin:0 0 20px}
.m23 .a25 .im22a .im22 img{width:100%;height:auto;transition:all 0.3s}
.m23 .a25 .im22a .im22 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(140%)}

.m23 .a25 .im22a .dt7{width:100%;height:25px;overflow:hidden;display:inline-block;font:500 18px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left;color:#0018ad}

.m23 .a25 .im22a .t106{width:100%;height:80px;overflow:hidden;letter-spacing:0px;float:right}
.m23 .a25 .im22a .t106 a{font:700 36px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111}
.m23 .a25 .im22a .t106 a:hover{text-decoration:underline}

.m23 .a25 .im22a .t107{width:100%;height:120px;overflow:hidden;letter-spacing:0px;float:right;font:500 20px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:20px}


.m23 .a25 .b49{width:calc(100% - 54%);height:auto;overflow:hidden;margin-bottom:0;float:right;box-sizing: border-box;padding:0 0 0 0}
.ls13{width:100%;height:auto;overflow:hidden;margin:0 0 40px;border-bottom:1px dotted #aaa;padding-bottom:20px; margin-bottom:20px}
.ls13 .im25{width:200px;height:auto;overflow:hidden;float:left}
.ls13 .im25 img{width:100%;height:auto;transition:all 0.3s}
.ls13 .im25 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(140%)}

.ls13 .c25{width:calc(100% - 220px);height:auto;overflow:hidden;float:right}
.ls13 .c25 .dt4{width:100%;height:25px;overflow:hidden;display:inline-block;font:500 18px/25px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left;color:#0018ad}
.ls13 .c25 .t58{width:100%;height:64px;overflow:hidden;letter-spacing:0px;float:right;margin-bottom:8px}
.ls13 .c25 .t58 a{font:700 20px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111}
.ls13 .c25 .t58 a:hover{text-decoration:underline}


.bt20{width:180px; height:50px;font:20px/48px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right}
.bt20 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt20 a{width:100%; height:50px;font:500 20px/48px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius:0;color:#111;text-transform:uppercase;border:0px solid #ccc;box-sizing: border-box; background:#fff;text-align: right}
.bt20 a:hover{ background:#fff; border:0px solid #333;transition:all 0.3s;color:#95897b}


/*最新消息--LIST*/
.bgt2{width:100%;height:auto;overflow:hidden;font:700 42px/60px 'M PLUS Rounded 1c','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:40px; text-align:left}
.bgt2 h4{width:100%;height:auto;overflow:hidden;font:400 20px/72px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0; text-align:center}
.m24{width:100%;height:auto;overflow:hidden;}
.m24 .a26{width:1200px;height:auto;overflow:hidden; margin:0 auto 40px;padding:0 0 80px;box-sizing: border-box;position:relative}
.m24 .a26 .b50{width:800px;;height:auto;overflow:hidden;margin-bottom:0;float:left;}


.ls14{width:100%;height:auto;overflow:hidden;margin:0 0 40px;border-bottom:1px dotted #aaa;padding-bottom:50px; margin-bottom:50px}
.ls14 .dt5{width:100%;height:auto;overflow:hidden;display:inline-block;font:italic 400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left;}
.ls14 .t59{width:100%;height:auto;overflow:hidden;letter-spacing:0px;font:700 32px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:10px;text-align:justify;text-justify: inter-ideograph;}
.ls14 .t60{width:100%;height:auto;overflow:hidden;letter-spacing:0px;font:400 18px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0;text-align:justify;text-justify: inter-ideograph;}

.ls14 .im23{width:540px;height:auto;overflow:hidden;float:left;margin-bottom:25px}
.ls14 .im23 img{width:100%;height:auto}


/*最新消息--LIST--右側列表*/
.m24 .a26 .b51{width:360px;height:auto;overflow:hidden;margin-bottom:0;float:right}
.m24 .a26 .top-bar3{height:0;}
.m24 .a26 .b51-2{height:0;position:fixed;top:120px;right:50%;margin-right:-600px}
.m24 .a26 .top-bar4{height:auto;}


.ls15{width:100%;height:auto;overflow:hidden;margin:0 0 40px;border-bottom:1px dotted #aaa;padding-bottom:10px; margin-bottom:10px}
.ls15 .dt6{width:90px;height:60px;overflow:hidden;display:inline-block;font:italic 400 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left;}

.ls15 .t58{width:calc(100% - 110px);height:60px;overflow:hidden;letter-spacing:0px;float:right;text-align:justify;text-justify: inter-ideograph;}
.ls15 .t58 a{font:500 18px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.ls15 .t58 a:hover{text-decoration:underline}


/*品牌介紹彈出視窗介面*/
.ls16{width:100%;height:auto;overflow:hidden;margin:0 0 40px;border-bottom:1px dotted #aaa;padding-bottom:10px; margin-bottom:10px}

/*20210616---影像集錦-彈出套件介面設定*/
.m25a{background:rgba(0,0,0,.9);border-radius:0;}
.m25{max-width:700px;width:800px;heigh:auto;overflow:hidden; margin:120px auto;border-radius:50px;box-sizing: border-box;}
.m25 .modal-content{border:0}
.m25 .modal-header{font:24px/28px  "微軟正黑體"; text-align:center;padding:5px 0;border:0; background:#244b7f;border-radius:5px 5px 0 0;}

.m25 .modal-header h4{font:500 32px/60px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff}
.m25 .modal-header h4 img{width:auto;height:34px; padding-bottom:6px; vertical-align:middle; margin-right:2px}
.m25 .modal-body{padding:30px 30px 0;font:500 28px/50px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff; text-align:center;positifon: relative;background:#fff;border-radius:10px;box-sizing: border-box;}
.m25 .modal-body button{ font-size:42px; opacity:1; text-shadow:0 0 0 #333;color:#fff;transition:all 0.3s; /*font-weight:bold !important;*/ margin:0 0 0; float:none;position:absolute; top:0px ; right:15px;z-index: 99; background: none}
.m25 .modal-body button img{width:100%;height:auto;transition:all 0.3s}
.m25 .modal-body button img:hover {transform:rotate(0deg) scale(1.15); transition:all 0.3s;}
.m25 .modal-body .im16{width:180px;height:auto;overflow:hidden;position: relative;float:left;margin:0 0 25px}
.m25 .modal-body .cv5{width:100%;height:100%;overflow:hidden;position: absolute;top:0;left:0;text-align:center;background: url("../../images/cv1.png") no-repeat center top/100% 101%;z-index:2;display: none}
.m25 .modal-body .im16 img{width:100%;height:auto;}
.m25 .modal-footer{padding:6px 0 6px; border:0; margin-top:0; text-align:center; height:auto; overflow:hidden;background:#111;display: none;}

.m25 .modal-body .t29t{width:calc(100% - 200px);height:auto;overflow:hidden;font:700 50px/160px 'M PLUS Rounded 1c','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#04276d;margin:0 auto 10px;position:relative;z-index:2;text-align: left;float:right}

.m25 .modal-body .t29{width:98%;height:400px;overflow:auto;overflow-x:hidden;font:400 18px/28px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#333;transition:all 0.3s;padding:0 0% 0;box-sizing: border-box;margin:0 auto 35px;text-align:justify;text-justify: inter-ideograph;}
.m25 .modal-body .t29 a{font:500 18px/28px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#26b7bc;}
.m25 .modal-body .t29 a:hover{text-decoration: underline; color:#3fcacf;}

.m25 .modal-body .t29 h4{width:120px;height:32px;overflow:hidden;font:500 20px/30px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;padding:0 0;background:#E0911C;border-radius:100px;text-align:center;display:block;margin:6px 0 2px}

/*菜單常駐按鈕*/
.btp3{width:130px;height:54px;overflow:hidden;position:fixed;right:80px;bottom:24px;z-index: 99;border-radius:100px;text-align: center;box-sizing: border-box;}
.btp3 a{width:100%;height:100%;overflow:hidden;font:500 20px/40px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;background:#111;display:block;padding:8px 0;box-sizing: border-box;text-align: center}
.btp3 a:hover{background:#333;}
.btp3 a img{width:100%;height:auto;display: block;vertical-align: middle;margin:0 auto}
.btp3:hover{background:#685d50;transition:all 0.3s}
	

/*aa1*/

.m26{width:100%;height:auto;overflow:hidden;}
.m26 .a27{width:100%;height:auto;overflow:hidden; margin:0 auto 40px;padding:80px 0 100px;box-sizing: border-box;}


.bnr2{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa1/bn1.jpg") no-repeat center/cover}
.bnr2 img{width:100%;height:auto;}

/*aa1--台日交流*/
.bnr3{width:100%;height:auto;overflow:hidden;margin:0 auto 40px;/*background:url("../../images/aa1/bn2.jpg") no-repeat center/cover;*/}
.bnr3 img{width:100%;height:auto;}

.m26 .a27 .b24{width:1200px;height:auto;overflow:hidden;margin: 0 auto 50px}
.m26 .a27 .b24 .t61{width:100%;height:auto;overflow:hidden;letter-spacing:0px;font:500 20px/38px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:20px;text-align:justify;text-justify: inter-ideograph;}
.m26 .a27 .b24 .t61 h4{font:700 42px/70px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-1.5px}
.m26 .a27 .b24 .t61 span{font:900 20px/38px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.m26 .a27 .b24 .t61 span::after{font:500 20px/38px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;content:'－';margin:0 8px 0 0}


.m26 .a27 .b24 .t61 ul{padding-left:45px;}
.m26 .a27 .b24 .t61 ul li{ list-style:outside;list-style-type:decimal}
.m26 .a27 .b24 img{max-width:100%}

/*aa1動態橫幅*/
.m26 .a27 .b25{width:100%;height:auto;overflow:hidden;margin:0 auto 150px;background:#e1d3c6}
/*aa1--台日交流*/
.bnr4{ width:100%;height:360px;overflow:hidden;position: relative;margin-bottom:40px;}
.bnr4 .kv_pc{width:auto;height:360px;background:url("../../images/aa1/bn3.jpg")  repeat-x top center/auto 100%;
animation: photo 50s 0s linear infinite;background-position: 0 0;}

@-webkit-keyframes photo {
 0% {  background-position: 0 0;
            }

100% { background-position: -2080px 0;
            }
        }

.m26 .a27 .b25 .t62{width:1200px;height:auto;overflow:hidden;letter-spacing:0px;font:500 21px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0;text-align:justify;text-justify: inter-ideograph;margin:0 auto 100px}
.m26 .a27 .b25 .t62 h4{font:700 42px/70px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:-1.5px}


/*aa3---3*/
.m26 .a27 .b26{width:1200px;height:auto;overflow:hidden;margin: 0 auto 0}
.m26 .a27 .b26 .im24{width:560px;height:auto;overflow:hidden;float:left}
.m26 .a27 .b26 .im24 img{width:100%;height:auto}
.m26 .a27 .b26 .t63{width:calc(100% - 680px);height:auto;overflow:hidden;font:500 21px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;letter-spacing:0px;padding:20px 0 0 0;box-sizing: border-box;margin:0 auto 40px;float:righ;letter-spacing:-.2px}
.m26 .a27 .b26 .t63 h4
{font:700 42px/70px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:25px;letter-spacing:0px}


/*shop_list.asp*/
.bnr5{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/sp/bn1.jpg") no-repeat center/cover}
.bnr5 img{width:100%;height:auto;}

/*news內頁*/
.m27{width:100%;height:auto;overflow:hidden;}
.m27 .a28{width:92%;height:auto;overflow:hidden; margin:0 auto;padding:0 0 80px}
.m27 .a28 .b27{width:100%;height:auto;overflow:hidden; }
.m27 .a28-2{width:1200px;}
.m27 .a28-2 .b27 .im23{width:50%;margin:0 auto 20px;float:left}

/*shop_list---搜尋*/
.sot{width:300px;height:auto;overflow:hidden;float:right}
.sot .t64{width:20%;height:auto;overflow:hidden;float:left;font:500 20px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align: right}
.sot select{width:78%;height:44px;overflow:hidden;float:right;font:500 20px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;border-radius:12px;border:1px solid #111;background:#ebe9e0;padding:0 15px; text-align:
center;box-sizing: border-box;}
/*--*左邊商品分類-手風琴分類下拉*/
/*左邊商品分類*/
.m27 .a28 .b27 .c16a{width:260px;height:60px;overflow:hidden;float:left!important }
.m27 .a28 .b27 .c18{width:100%;height:auto;overflow:hidden; ;margin-bottom:20px;border-bottom:1px solid #aaa;padding:0 0 15px;}
.m27 .a28 .b27 .c18-3{margin-bottom:40px}
.st4{width:100%;height:50px;font:500 20px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;text-transform: uppercase;background:#111;padding:0 15px;box-sizing: border-box;}
.st4 span{font:italic 500 20px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;text-transform: capitalize;margin-left:8px}
.c16{width:100%;height:auto;overflow:hidden;box-sizing: border-box;margin-bottom:20px;border-radius:0px;}
.c16 img{width:22px;height:22px;display: inline ;vertical-align:top;padding:2px 0 0;margin-right:6px;display: none}
.c16 .accordion-header{/*border-radius:0px;*/}
.c16 .accordion-header .accordion-button{padding:18px 12px;box-sizing: border-box;font:700 18px/24px 'Noto Serif TC','M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;border-radius:0px;background:rgba(200,190,175,.35);text-align: left}
.c16 .accordion-header .accordion-button:hover{background:rgba(200,190,175,.75)}
.c16 .accordion-collapse .accordion-body{padding:0}
.c16 .accordion-button,
.c16 .accordion-button:not(.collapsed){background:#fff918}
.ls30{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ddd}
.ls30-2{border:0}
.ls30 a{width:100%;height:auto;overflow:hidden;display:block;padding:6px 20px;box-sizing:border-box;padding-left:20px}

.ls30 a::before{content:'└';font:500 18px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";display:  inline-block;padding:4px 0 0;letter-spacing:-1.5px}
.ls30 .t88{width:calc(100% - 30px);height:auto;overflow:hidden;font:400 16px/30px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";float:right}
.ls30 a:hover{background:#ddd}

/*右邊商list*/
.m27 .a28 .b27 .c17a{width:calc(100% - 280px);height:auto;overflow:hidden;float:right}
.m27 .a28 .b27 .c17a .c17{width:100%;height:auto;overflow:hidden;}

.ls31{width:31.3%;height:auto;overflow:hidden;margin:0 0 40px 2%;border:0px solid rgba(215,170,40,0);border-radius:0px;box-shadow:0 2px 8px rgba(0,0,0,.0);/*background:#fff;*/float:left;box-sizing: border-box;transition:all 0.3s}
.ls31:hover{background:none;transition:all 0.3s;border:0px solid rgba(215,170,40,1);}
.ls31 > a{width:100%;height:auto;overflow:hidden;padding:0;box-sizing: border-box;display:block} 
.ls31 > a .im45{width:100%;height:75%;overflow:hidden;position:relative;margin-bottom:10px;box-sizing: border-box;}
.ls31 > a .im45 img{width:100%;height:100%;transition:all 0.3s}
.ls31 > a:hover .im45 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}
.ls31 > a .t89{width:100%;height:68px;overflow:hidden;position:relative;font:700 22px/32px 'M PLUS 1p','Noto Sans TC',/*"新細明體",*/'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#001a4d;margin:0 0 0px;transition:all 0.3s;letter-spacing:-.5px}
.ls31 .c18{width:100%;height:auto;overflow:hidden;text-align: right;}
.ls31 .c18 .pr4{width:auto;height:30px;overflow:hidden;position:relative;font:italic 700 30px/28px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#ff004e;margin:0 0 0;transition:all 0.3s;letter-spacing:-.7px;display: inline-block;float:right;padding-right:8px}
.ls31 .c18 .crt2{width:auto;height:30px;overflow:hidden;margin:0 0 0;transition:all 0.3s;text-align: right;display: inline-block;float:right}
.ls31 .c18 .crt2 a img{width:auto;height:100%;vertical-align:middle;opacity:1;transition:all 0.3s}
.ls31 .c18 .crt2 a:hover img{opacity:.8;transition:all 0.3s}

/*舞選店家-LIST*/

.m28{width:100%;height:auto;overflow:hidden;}
.m28 .a30{width:84%;height:auto;overflow:hidden; margin:0 auto;box-sizing: border-box;padding:40px 0 120px}
.m28 .a30 .b28{width:100%;height:auto;overflow:hidden;margin-bottom:0;text-align:center}
.ls17{width:17%;height:auto;overflow:hidden;margin:0 .8% 40px;display: inline-block;}
.ls17 .im21{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.ls17 .im21 img{width:100%;height:auto;transition:all 0.3s}
.ls17 .im21:hover  img{transform:rotate(0deg) scale(.9); transition:all 0.3s; filter:brightness(120%)}
.ls17 .t57{width:100%;height:auto;overflow:hidden;font:700 28px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333}
.ls17 .t57 a{width:100%;height:60px;overflow:hidden;font:700 28px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display:block;text-align:center}
.ls17 .t57 a:hover{color:#685745;}

/*舞選店家-VIEW*/
.m29{width:100%;height:auto;overflow:hidden;}
.m29 .a31{width:1200px;height:auto;overflow:hidden; margin:0 auto 40px;padding:40px 0 40px;box-sizing: border-box;}

.m29 .a31 .b30{width:100%;height:auto;overflow:hidden;margin:0 auto 30px;border-bottom:1px solid #ccc;padding-bottom:10px}
.m29 .a31 .b30 .img1{width:500px;height:auto;overflow:hidden;float:left}
.m29 .a31 .b30 .img1 img{width:100%;height:auto}
.t66{width:calc(100% - 580px);height:auto;overflow:hidden;font:400 19px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:justify;text-justify: inter-ideograph;letter-spacing:0px;padding:0 0 0 0;box-sizing: border-box;margin:0 auto 40px;float:right}
.t66 h4
{font:900 60px/70px /*'M PLUS Rounded 1c',*/'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:25px}
.t66 h4 img{width:auto;height:80px; padding-bottom:4px; vertical-align:middle; margin-right:10px}
.m29 .a31 .b29{width:100%;height:auto;overflow:hidden;margin:0 auto 0;text-align:center;background:linear-gradient(100deg,#ccc 50%,#ccc 50%) no-repeat center top/100% 1px;position:relative}
.m29 .a31 .b29 .c4{width:900px;height:auto;overflow:hidden;margin:20px auto 0}
.bt4{width:auto;height:auto;overflow:hidden;display: inline-block}

.bt4 a{font:700 18px/50px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.bt4 a:hover{color:#194182}
.bt4 a img{width:auto;height:12px; padding-bottom:0px; vertical-align:middle; margin-right:8px}

.bt4b{float:left}
.bt4c{float:right}
.bt4b a img{height:22px; padding-bottom:4px; vertical-align:middle;}
.bt4c a img{height:22px; padding-bottom:4px; vertical-align:middle; margin-left:8px}

/*舞選店家-VIEW*/
.m29 .a31 .b31{width:100%;height:auto;overflow:hidden;margin-bottom:0;text-align:center}
.ls18{width:23%;height:auto;overflow:hidden;margin:0 1% 40px 1%;border:0px solid rgba(215,170,40,0);border-radius:0px;box-shadow:0 2px 8px rgba(0,0,0,.0);/*background:#fff;*/float:left;box-sizing: border-box;transition:all 0.3s}
.ls18:hover{background:none;transition:all 0.3s;border:0px solid rgba(215,170,40,1);}
.ls18 > a{width:100%;height:auto;overflow:hidden;padding:0;box-sizing: border-box;display:block} 
.ls18 > a .im45{width:100%;height:75%;overflow:hidden;position:relative;margin-bottom:10px;box-sizing: border-box;}
.ls18 > a .im45 img{width:100%;height:100%;transition:all 0.3s}
.ls18 > a:hover .im45 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}
.ls18 > a .t89{width:100%;height:68px;overflow:hidden;position:relative;font:700 22px/32px 'M PLUS 1p','Noto Sans TC',/*"新細明體",*/'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#001a4d;margin:0 0 0px;transition:all 0.3s;letter-spacing:-.5px}
.ls18 .c18{width:100%;height:auto;overflow:hidden;text-align: right;}
.ls18 .c18 .pr4{width:auto;height:30px;overflow:hidden;position:relative;font:italic 700 30px/28px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#ff004e;margin:0 0 0;transition:all 0.3s;letter-spacing:-.7px;display: inline-block;float:right;padding-right:8px}
.ls18 .c18 .crt2{width:auto;height:30px;overflow:hidden;margin:0 0 0;transition:all 0.3s;text-align: right;display: inline-block;float:right}
.ls18 .c18 .crt2 a img{width:auto;height:100%;vertical-align:middle;opacity:1;transition:all 0.3s}
.ls18 .c18 .crt2 a:hover img{opacity:.8;transition:all 0.3s}
/*標題--LIST*/
.bgt5{width:100%;height:auto;overflow:hidden;font:700 42px/60px 'M PLUS Rounded 1c','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:40px; }
.bgt5 h4{width:100%;height:auto;overflow:hidden;font:400 20px/72px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:0; text-align:center}


/*首頁標題圖*/
.bgt6{width:620px; height:auto;overflow: hidden;margin:0 auto 60px;clear:both}
.bgt6 img{width:100%; height:auto;}
.bgt6b{width:380px;}
.bgt6b-2{margin:0 auto 30px;}
.bgt6c{width:445px;}

/*EVENT----列表區*/
.b14{width:100%;height:auto;overflow:hidden;margin:0 auto 20px;padding:0 5% 0 8%;box-sizing: border-box;}

.ls19{width:30.3%;height:auto;overflow:hidden;float:left;margin:0 3% 60px 0}
.ls19 .im46{width:100%;height:250px;overflow:hidden;border-radius:0;border:0px solid #e8e8e8;box-sizing: border-box;}
.ls19 .im46 img{width:100%;height:100%;transition:all 0.3s}
.ls19 .im46 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%);-webkit-filter:brightness(120%);}

.ls19 .c24{width:100%;height:auto;overflow:hidden;border-radius:0;padding:20px 0 0;box-sizing: border-box;text-align: left}
.ls19 .c24 .t9{width:100%;height:64px;overflow:hidden;margin-bottom:5px}
.ls19 .c24 .t9 a{font:700 24px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;}
.ls19 .c24 .t9 a:hover{ color:#ccc;text-decoration:underline}
.ls19-2 .c24 .t9 a{color:#111;}
.ls19-2 .c24 .t9 a:hover{ color:#555;text-decoration:underline}
.ls19 .c24 .t9b{width:100%;height:30px;overflow:hidden;font:400 20px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#5edef1;margin:0 0 15px}
.ls19 .c24 .ic2{width:auto;height:34px;overflow:hidden;margin-bottom:5px;font:500 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;background:#8f8068;float:left;border-radius:100px;text-align:center;padding:0 14px}

.ls19 .c24 .t10{width:100%;height:44px;overflow:hidden;font:700 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:right}
.ls19 .c24 .t10 h4{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#555;float:left;padding:0 8px;border:1px solid #888}
.ls19 .c24 .t10 h5{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#0041aa;float:left;padding:0 8px;border:1px solid #0041aa}
.ls19 .c24 .t10 h6{width:auto;height:24px;overflow:hidden;font:400 16px/22px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#6a0096;float:left;padding:0 8px;border:1px solid #6a0096}

.bt21{width:100px; height:38px;font:18px/36px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right}
.bt21 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt21:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt21 a{width:100%; height:38px;font:700 17px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#172c46; border-radius:100px;background:#ffe400;text-transform:uppercase;border:0px solid #888;box-siszing: border-box;letter-spacing:-1px;display: block}
.bt21 a:hover{ background:#ffef6b;border:0px solid #111;transition:all 0.3s;}

.bt22{width:347px; height:auto;overflow:hidden;margin:0 auto}
.bt22 a img{width:100%;height:auto;opacity:.6;transition:all 0.3s;}
.bt22 a img:hover{opacity:1;transition:all 0.3s;}
.bt22-2{padding:40px 0 0;margin-top:50px;clear: both}

.bt23{width:80px; height:auto;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right;text-align: center}
.bt23 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt23:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt23 a{width:100%; height:29px;font:500 15px/28px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; border-radius:100px;background:#0e2440;text-transform:uppercase;border:0px solid #888;box-sizing: border-box;letter-spacing:-1px;display: block}
.bt23 a:hover{ background:#173e6f;border:0px solid #111;transition:all 0.3s;}
.bt23b{width:90px; height:auto;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float:right;text-align: center;position:absolute;bottom:0 ;right:0}
.bt23b img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt23b:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt23b a{width:100%; height:39px;font:500 18px/38px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; border-radius:100px;background:#0e2440;text-transform:uppercase;border:0px solid #888;box-sizing: border-box;letter-spacing:-1px;display: block}
.bt23b a:hover{ background:#173e6f;border:0px solid #111;transition:all 0.3s;}
/*down*/
.m30{width:100%;height:auto;overflow:hidden;}
.m30 .a33{width:100%;height:auto;overflow:hidden; margin:0 auto;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a;}

.m30 .a33 .bn13{width:100%;height:360px;overflow:hidden;background: url("../../images/bn3.jpg") no-repeat center/cover}

.m30 .a33 .b27{width:100%;height:auto;overflow:hidden;padding:40px 0}
.m30 .a33 .b27 .lk5{width:100%;height:auto;overflow:hidden;font:500 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center}
.m30 .a33 .b27 .lk5 a{font:700 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display:inline-block}
.m30 .a33 .b27 .lk5 a:hover{text-decoration:underline;color:#184888}


.m30 .a33 .b27 .t108{width:100%;height:auto;overflow:hidden;font:500 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center}
.m30 .a33 .b27 .t108 a{font:500 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;display:inline-block}
.m30 .a33 .b27 .t108 a:hover{text-decoration:underline;color:#111}
/*top*/
.m31{width:100%;height:auto;position:fixed;z-index:9;top:0;left:0;background:linear-gradient(180deg,rgba(255,240,0,.95) 0%,rgba(255,240,0,.80) 50%,rgba(255,240,0,0.0) 100%) no-repeat center top}
.m31-2{height:0;verflow:hidden;transition:all 0.3s;/*background:rgba(100,180,190,.0);*/;opacity:0}
.top-bar{position:fixed;top:0px; height:90px!important;transition:all 0.3s;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;background:rgba(255,240,0,0.92);z-index:9999!important;transition:all 0.3s}
.m31 .a34{width:98%;height:120px;margin:0 auto 0;padding:0 0  0;box-sizing: border-box;}

.m31 .a34 .lg5{width:209px;height:auto;overflow:hidden;margin:0;float:left;padding:20px 0 0}
.m31 .a34 .lg5 img{width:100%;height:auto;overflow:hidden;}
.m31 .a34 .lk6a{width:calc(100% - 240px - 240px);height:auto;text-align: center;float: left;padding:20px 0 0;}
.m31 .a34 .lk6a .lk6{width:auto;height:50px;font:700 24px/50px 'Noto Serif TC','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center;display:inline-block;position:relative}
.m31 .a34 .lk6a .lk6 a{font:900 20px/50px 'Noto Serif JP','M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display:inline-block;border-radius:100px;padding:0 20px;letter-spacing:-1px}
.m31 .a34 .lk6a .lk6 a:hover{color:#fff;background:#07204e}
.m31 .a34 .lk6a .lk6 .lk6st{width:240px;height:0;overflow:hidden;transition:all 0.3s;position:absolute;left:-60px;top:50px;}
.m31 .a34 .lk6a .lk6 .lk6stb{left:-10px;}
.m31 .a34 .lk6a .lk6:hover .lk6st{height:auto;padding:10px 5px 5px }

.m31 .a34 .lk6a .lk6:hover .lk6st a{width:100%;height:40px;overflow:hidden;font:700 22px/38px  'Noto Serif JP', 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;background:#a2bee3;border:0px solid #ccc;box-sizing: border-box;border-radius:20px 0 20px;margin-bottom:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#000}

.m31 .a34 .lk6a .lk6:hover .lk6st a:hover{background:#07204e;color:#fff;border:0px solid #2b4b7e;}

/*20250429新增搜尋*/

.m31 .a34 .hd2{width:220px;height:auto;overflow: hidden;float: right;padding:15px 0 0 }

.sha2{width:100%;height:32px;overflow:hidden;box-sizing: border-box;float:left;background:#fff;padding:0 2%; margin:0 0 10px}
.sha2 .t23{width:25%;overflow:hidden;font:500 22px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;height:60px;margin-right:2%;float:left}

.sha2 .in7{width:calc(100% - 32px);height:32px;overflow:hidden;font:500 16px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;border:0px solid #ccc;padding:0 4px;box-sizing: border-box;border-radius:4px 0 0 4px;float:left}

.sha2 .im25{width:28px;height:auto;overflow:hidden;float:right;padding:2px}
.sha2 .im25 img{width:100%;height:auto;transition:all 0.3s}
.sha2 .im25 img:hover {transform:rotate(0deg) scale(.85); transition:all 0.3s; filter:brightness(120%)}


/*20250429新增+語言x*/

.m31 .a34 .hd2 .bt25{width:28%; height:32px;font:500 14px/30px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float: left;margin:0 2% 0 0}
.m31 .a34 .hd2 .bt25 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.m31 .a34 .hd2 .bt25 a{width:100%; height:32px;font:500 14px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius:0;color:#07204e;text-transform:uppercase;border:0px solid #ccc;box-sizing: border-box; background:#9aabcb}
.m31 .a34 .hd2 .bt25 a:hover{ background:#36538a; border:0px solid #333;transition:all 0.3s;color:#fff}
.m31 .a34 .hd2 .bt25 a.active{ background:#07204e;color:#fff;font:500 14px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}

/*20250429新增+入會*/

.m31 .a34 .hd2 .bt26{width:40%; height:32px;font:500 14px/30px 'M PLUS 1p','Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float: left}
.m31 .a34 .hd2 .bt26 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.m31 .a34 .hd2 .bt26 a{width:100%; height:36px;font:500 14px/30px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius: 0;color:#fff;text-transform:uppercase;border:0px solid #ccc;box-szizing: border-box; background:#bf0055}
.m31 .a34 .hd2 .bt26 a:hover{ background:#fe0048; border:0px solid #333;transition:all 0.3s;color:#fff;}

/*下滑選單參數*/
.top-bar .a34{height:90px;padding:0}
.top-bar .a34 .lg5{width:209px;height:auto;overflow:hidden;margin:0;float:left;padding:5px 0 0 }
.top-bar .a34 .lg5 img{width:100%;height:auto;}
.top-bar .a34 .lk6a{/*width:calc(100% - 300px);height:auto;float:left;padding:20px 0 0;text-align: right*/}
.top-bar .a34 .hd2{padding:8px 0 0 }


/*年度活動總表--driver_list--下載標單*/
/*contact_view.asp*/
.drbn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/dr/bn1.jpg") no-repeat center/cover}
.drbn img{width:100%;height:auto;}

.bx3{width:100%;height:auto;overflow:hidden;border:1px solid #ccc;box-sizing: border-box;}
.bx3-2{width:1200px}
.bx3 table{border:1px solid #888;border-bottom:0;border-right:0;box-sizing: border-box;}
.bx3 table tr td{border:1px solid #888;border-top:0;border-left:0;font:500 20px/24px 'M PLUS 1p','Noto Sans TC', "Century Gothic","微軟正黑體";padding:10px 8px}
.bx3 table tr td span{color: #ff004e}
.bx3 table .t54{background:#eeed}
.bt24{width:70%; height:auto;font:20px/34px "Century Gothic","微軟正黑體";color:#a07db7; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto;}
.bt24 a{width:100%; height:36px;font:500 20px/34px 'M PLUS 1p','Noto Sans TC', "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px; border:0px solid #021367;background:#021367}
.bt24 a:hover{ background:#1c2e89 ; border:0px solid #1c2e89;transition:all 0.3s;}
.bt24 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:5px;}
.m6 .a6-2{width:84%}
.m6 .a6 .b32{ width:100%; min-height:500px;height:auto; overflow:hidden;column-gap:0.5%;column-count:4;column-width:24%; /*每欄間隔*/  padding:0 0%;box-sizing: border-box; margin:0 auto}
.m6 .a6 .b32{ width:100%; min-height:500px;height:auto; overflow:hidden;column-gap:0.5%;column-count:4;column-width:24%; /*每欄間隔*/  padding:0 0%;box-sizing: border-box; margin:0 auto}

.ls20{height: 210px; overflow: hidden; height: auto; overflow: hidden; position:relative;margin-bottom:10px; width:100%; display:inline-block;}

/*.ls9 { width: 24.4%; height: auto; overflow: hidden; float: left; margin: 0 0.3% 8px; position: relative }
.ls3-2 { width: 19.4%; }*/
.ls20 .im2 { width: 100%; height:210px; overflow: hidden; margin-bottom:0px; position:relative; background:#111}
.ls20 .im2 a img {width:100%; height:auto; transition: all 0.3s;/* position:absolute;margin:0 auto; top:0; left:0;bottom:0; right:0;*/ display:block}

.ls20:hover .im2 a img { transform: rotate(-3deg) scale(1.12); transition:all 2s;filter: contrast(140%); -webkit-filter: contrast(140%); }
.ls20 .im2 .cv3 { width: 100%; height: 50px; position: absolute; bottom: 0px; left: 0; z-index: 3; transition: all 0.3s;}
.ls20 .im2 .cv3 a { width: 100%; height: 50px; overflow: hidden; transition: all 0.3s; background:rgba(0,0,0,0); font: 17px/50px  'M PLUS 1p','Noto Sans TC',"Century Gothic", "微軟正黑體"; display: block; opacity: 0; box-sizing: border-box; padding: 0 10px; transition: all .8s; text-align: center ;text-overflow:ellipsis;white-space:nowrap;}
.ls20:hover .im2 .cv3 { bottom: 0px }
.ls20:hover .im2 .cv3 a { background:rgba(0,0,0,.8); color: #fff; width: 100%; opacity:1;transition: all .3s}
.ls20:hover .im2 .cv3 a:hover{ color:#fff}

.ls20-2, .ls20-2 .im2{ height:170px;}
.ls20-3, .ls20-3 .im2{ height:230px; }
.ls20-4, .ls20-4 .im2{ height:180px;}
.ls20-5, .ls20-5 .im2{ height:210px;}
.ls20 .im2 .ph7 { width: 40px; height: 40px; position: absolute; left: 15px; bottom:-50px;/* background:url(../../images/m_bg.png) no-repeat center/120% 120%;*/ border-radius: 100px; z-index: 2; background: rgba(255,255,255,1); padding: 0px; box-shadow: 0 2px 5px rgba(0,0,0,0.8); transition: all 0.6s; z-index:99}
.ls9 .im2 .ph7  img { width: 100%; height: auto; border-radius: 100px; transition: all 0.6s }
.ls20:hover .im2 .ph7 { left: 15px; bottom: 10px; transition: all 0.3s }
.ls20:hover .im2 .ph7 img { transform: rotate(0deg) scale(1.15); filter: contrast(100%); -webkit-filter: contrast(100%); transition: all 0.3s }
.ls20:hover .im1 .ph7:hover  img{ filter: contrast(130%); -webkit-filter: contrast(130%); }


/*album_list.asp*/
.abbn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/ab/bn1.jpg") no-repeat center/cover}
.abbn img{width:100%;height:auto;}

/*album_detail.asp*/
.m32{ width:90%; height:auto; overflow:hidden; margin:0 auto;flex-grow: 1}

.m32 .a10{ width:40%;min-height:418px; height:auto;overflow: hidden; top:0px; left: auto; right:0; text-align: left; font:400 20px/31px 'M PLUS 1p','Noto Sans TC',verdana, "微軟正黑體"; padding:0 0 0  2%; letter-spacing: -1px; text-shadow: 0 0 0 #000; color:#111; box-shadow: 0 1px 8px rgba(0,0,0,0); transition: all .6s;box-sizing: border-box; float:left;text-align:justify;text-justify: inter-ideograph; margin-bottom:20px}
.m32 .a10 ul{ padding-left: 20px }
.m32 .a10 ul li { list-style: outside; list-style-type: disc }
.m32 .a10 > span { width:100%; height:auto; overflow:hidden;font:700 42px/54px  'M PLUS 1p','Noto Sans TC',verdana, "微軟正黑體"; transition: all .2s; margin-bottom:20px; display:block; color:#111;background:linear-gradient(90deg,#080c8e 50%,#080c8e 50%) no-repeat left bottom/25% 2px; padding-bottom:20px}

.m32 .a10 .b8{width:100%; height:auto; overflow:hidden; margin-bottom:8px}
.m32 .a10 .b8 .ph8{width:50px; height:50px; overflow:hidden; margin:0 8px 0 0; float:left;border-radius:100px}
.m32 .a10 .b8 .ph8 a img { width:100%;height:auto; overflow:hidden;border-radius:0; display:block; float:left;transition:all 0.6s}
.m32 .a10 .b8 .ph8:hover a img {transform:rotate(0deg) scale(1.15); transition:all 0.3s ease-out; filter:contrast(140%);-webkit-filter:contrast(140%);}
.m32 .a10 .b8 .t23{ width:auto; height:auto; overflow:hidden;float:left; padding:0 0 0;font:500 20px/36px 'M PLUS 1p','Noto Sans TC', "Century Gothic","微軟正黑體"; color:#111;display:block; }
.m32 .a10 .b8 .t23 a{ width:auto; height:auto; overflow:hidden;font:500 20px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;display:block; }
.m32 .a10 .b8 .t23 a:hover{ color:#acdd00}
.m32 .a10 .b8 .t23 a > span{ font:23px/50px 'Reenie Beanie',"微軟正黑體"; margin-left:10px}

/*.m17 .a10 .b8 .lca3 { width: auto;height:20px;display:inline-block; float:right; margin:15px 0 0 }
.m17 .a10 .b8 .lca3 > a{ width: auto; height:20px; background:#f8f8f8; padding:0 20px 0 20px; display:inline-block;border-radius:0 20px 20px 20px;color:#555; font:14px/20px "Century Gothic", "微軟正黑體"; float:left; text-shadow:0 0 0 #444; border:2px solid #fff; margin-left: 5px}
.m17 .a10 .b8 .lca3 > a:hover{ background:#acdd00;border:2px solid #acdd00; color:#333}
*/

.m32 .a10 .b33 .lca3 { width:auto;height:auto;display:inline-block; float:right; margin:15px 0 0 }
.m32 .a10 .b33 .lca3 > a{ width: auto; height:auto; background:#fff; padding:0 15px; display:inline-block;border-radius:20px;color:#111; font:16px/24px "Century Gothic", "微軟正黑體"; float:left; text-shadow:0 0 0 #444; border:1px solid #555; margin:0 5px 10px 0}
.m32 .a10 .b33 .lca3 > a:hover{ background:#04076b;border:1px solid #04076b; color:#fff}


/*.bn1{width:100%;height:auto;overflow:hidden;margin:0 0 100px;position: relative}*/
.bn12{ width:60%; height:auto; overflow:hidden; line-height:0;margin:0 auto ;float: left}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn12 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn12 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block; }
.bn12 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:auto;  }
.bn12 .carousel-indicators{ bottom:25px}
.bn12 .carousel-indicators button{ height:6px; width:20px; background-color:rgba(255,255,255,.95); border:2px solid rgba(255,255,255,.95); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.8);border-radius:50px;transition:all 0.3s}
.bn12 .carousel-indicators button:hover{background-color:#392c00;transition:all 0.3s;border:2px solid #392c00}
.bn12 .carousel-indicators button:focus{background-color:#392c00!important;border:2px solid #392c00!important}
.bn12 .carousel-indicators button.active{background-color:#392c00; border:2px solid #392c00;width:42px;}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn12 .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}
.bn12 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn12 .carousel-control.left, .bn1 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn12 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn12 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn12 .carousel-control.left,
.bn12 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn12 .carousel-control-next, .m2 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn12 .carousel-control-next:hover, 
.bn12 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn12 .carousel-control-next-icon,
.bn12 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn12 .carousel-control-next, 
.bn12 .carousel-control-prev{width:8%}
.bn12 .carousel-control-prev-icon{background-image:none!important}
.bn12 .carousel-control-next-icon{background-image:none!important}


/*建置中*/
.im26{width:100%;height:auto;overflow:hidden;}
.im26 img{width:100%;height:auto;}

/*--20230707--↓大橫幅-圓點Page控制-----崁入圖片模式'*/
.bn13{width:60%;height:auto;overflow:hidden;margin:0 0 0;position: relative}

.bn13{ width:60%; height:auto; overflow:hidden; line-height:0;margin:0 auto 0;float:left;}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn13 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn13 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block; }
.bn13 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:auto;  }
.bn13 .carousel-indicators button{ height:12px; width:24px; background-color:rgba(255,255,255,1); border:2px solid rgba(255,255,255,1); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);border-radius:50px;transition:all 0.3s;opacity:.9}
.bn13 .carousel-indicators button:hover{background-color:#04076b;transition:all 0.3s;border:2px solid #04076b}
.bn13 .carousel-indicators button:focus{background-color:#04076b!important;border:2px solid #04076b!important}
.bn13 .carousel-indicators button.active{background-color:#04076b; border:2px solid #04076b}
.bn13 .carousel-indicators{ bottom:20px}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn13 .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}
.bn13 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn13 .carousel-control.left, .bn13 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn13 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn13 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn13 .carousel-control.left,
.bn13 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn13 .carousel-control-next, .m2 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn13 .carousel-control-next:hover, 
.bn13 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn13 .carousel-control-next-icon,
.bn13 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn13 .carousel-control-next, 
.bn13 .carousel-control-prev{width:8%}
.bn13 .carousel-control-prev-icon{background-image:none!important}
.bn13 .carousel-control-next-icon{background-image:none!important}
/*20230410--大橫幅左右按鈕*/
.btl2, .btr2{width:30px;height:auto;overflow:hidden;}
.btl2 img, .btr2 img{width:100%;height:auto;}
/*20230410--大橫幅左右按鈕*/
.bnr16{width:100%;height:400px;overflow:hidden;background: url("../../images/sh/bn1.jpg") no-repeat center/cover;}


/*aa2.asp*/
.aa2bn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa2/bn1.jpg") no-repeat center/cover}
.aa2bn img{width:100%;height:auto;}
/*aa3.asp*/
.aa3bn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa3/bn1.jpg") no-repeat center/cover}
.aa3bn img{width:100%;height:auto;}

/*aa4.asp*/
.aa4bn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa4/bn1.jpg") no-repeat center/cover}
.aa4bn img{width:100%;height:auto;}

/*aa5.asp*/
.aa5bn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa5/bn1.jpg") no-repeat center/cover}
.aa5bn img{width:100%;height:auto;}


.m33{width:100%;height:auto;overflow:hidden;background:#111454}
.m33 .a38{width:100%;height:auto;overflow:hidden;text-align:center;padding:28px 0;border-top:1px solid #ccc;margin-top:0}

.m33 .a38 .t67 { width:auto; height:auto; overflow:hidden;text-align:center;display: inline-block;margin:0 20px}
.m33 .a38 .t67 a{ font:400 16px/36px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;display:block; }
.m33 .a38 .t67 a:hover{ color:#fff;text-decoration:underline}
/*aa2*/
.im27{width:360px;height:auto;overflow:hidden;float:left;border-radius:100%;margin:0 0 20px}
.im27 img{width:100%;height:auto;}

/*aa4*/
.ls21{width:30.3%;height:auto;overflow:hidden;float:left;margin:30px 1.5% 30px}
.ls21 .im46{width:100%;height:auto;overflow:hidden;border:0px solid #e8e8e8;box-sizing: border-box;border-radius:100%;margin-bottom:20px}
.ls21 .im46 img{width:100%;height:100%;transition:all 0.3s}

.ls21 .t68{width:100%;height:64px;overflow:hidden;margin-bottom:5px;font:700 24px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:center}

/*aa5*/
.im28{width:48%;height:auto;overflow:hidden;float:left;margin:0 4% 20px 0}
.im28 img{max-width:100%;height:auto;}
.im28b{width:48%;height:auto;overflow:hidden;float:left;}
.im28b img{max-width:100%;height:auto;}

.im28c{width:900px;height:auto;overflow:hidden;margin:0 auto 60px;}
.im28c img{max-width:100%;height:auto;}
/*aa6.asp*/
.aa6bn{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa6/bn1.jpg") no-repeat center/cover}
.aa6bn img{width:100%;height:auto;}


/*aa4-換員表單*/
.bx4a{width:100%;height:auto;overflow:auto; overflow-y:hidden;margin:15px 0;transition:all 0.3s}

.bx4{width:1200px;height:auto;overflow:hidden;border: 0px solid #ccc;box-sizing: border-box;padding:0 0 10px}
.bx4-2{width:900px}

.bx4 table{border: 1px solid #ccc;border-right: 0;border-bottom: 0;box-sizing: border-box;}
.bx4 table tr td{border: 1px solid #ccc;border-left: 0;border-top: 0;padding:10px .5%;font:500 20px/24px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing: -1px}
.bx4 table .t69{background:#fff2cd;}
.bx4 table .tt4{ color:#c00}

.bx4 table .tt3 td{font:700 18px/24px 'M PLUS 1p','Noto Sans TC','Noto Sans SC',"Century Gothic";}

/*20250429新增內頁導覽列表區*/
.m34{width:100%;height:auto;overflow:hidden;background:#e8e8e8}
.m34 .a39{width:80%;height:auto;overflow:hidden;text-align:center;padding:70px 0 40px; margin:0 auto}
.ls22{width:30.3%;height:70px;overflow:hidden;float:left;margin:0 1.5% 20px}
.ls22 a{width:100%;height:100%;overflow:hidden;display:inline-block;padding:0 4%;box-sizing: border-box;border:1px solid #0b2b65;background:url("../../images/ico11.png") no-repeat 93% 24px/auto 20px #fff}
.ls22 a:hover{background:url("../../images/ico11b.png") no-repeat 96% 24px/auto 20px #0b2b65}
.ls22 a .im50{width:auto;height:20px;overflow:hidden;float:right;margin:19px 0 0}
.ls22 a .im50 img{width:auto;height:100%;transition:all 0.3s}
.ls22 a .t71{width:100%;height:auto;overflow:hidden;font:400 19px/68px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#0b2b65;text-align:left}

.ls22 a:hover .t71{font:400 19px/68px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#0b2b65;color:#fff;}

/*20250429外連列表區*/
.m35{width:100%;height:auto;overflow:hidden;background:#e8e8e8}
.m35 .a40{width:80%;height:auto;overflow:hidden;text-align:center;padding:70px 0 40px; margin:0 auto}
.ls23{width:17%;height:auto;overflow:hidden;float:left;margin:0 1.5% 20px}



.ls23 a .im51{width:100%;height:140px;overflow:hidden;position:relative;border-radius:0;background:#fff;border:1px dashed #ddd;box-sizing: border-box;}
.ls23 a .im51 img{width:100%;height:100%;transition:all 0.3s;display: inline-table;vertical-align: middle}
.ls23 a:hover .im51 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}

/*20250429down-修改版型*/
.m36{width:100%;height:auto;overflow:hidden;margin-bottom:0;background:#eee}
.m36 .a41{width:1200px;height:auto;overflow:hidden;margin:0 auto; position: relative;text-align:left;padding:50px 0 0;}
.m36 .a41 .b34{width:72%;height:auto;overflow:hidden;float: right;margin-bottom:40px}
.m36 .a41 .b34 .ls24{width:15%;height:auto;overflow:hidden;margin:0 .6% 0 0;float:left;text-align: left}
.m36 .a41 .b34 .ls24-2{float:left}
.m36 .a41 .b34 .ls24-3{min-width:19%;}
.m36 .a41 .b34 .ls24 .t72{width:100%;height:auto;overflow:hidden;font:700 15px/42px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;letter-spacing:-.8px }
.m36 .a41 .b34 .ls24 .t73{width:100%;height:auto;overflow:hidden;}
.m36 .a41 .b34 .ls24 .t73 a{font:500 13px/32px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#666;letter-spacing:-.5px }
.m36 .a41 .b34 .ls24 .t73 a:hover{color:#000;text-decoration: underline}
.m36 .a41 .b34 .ls24 .bt27{width:60px;height:20px;overflow:hidden;margin-top:10px}
.m36 .a41 .b34 .ls24 .bt27 a{width:auto;height:auto;overflow:hidden;font:500 12px/20px 'M PLUS 1p','Noto Sans TC',"微軟正黑體";color:#fff;text-align:center;padding:0 8px;background:#aaa;display: block;border-radius:20px;}
.m36 .a41 .b34 .ls24 .bt27 a:hover{background:#555;}
.m36 .a41 .b34 .ls24 .im52{width:40px;height:40px;overflow:hidden;float:left;margin-right:12px;}
.m36 .a41 .b34 .ls24 .im52 img{width:100%;height:auto}
/*20250429down-修改版型---左區*/
.m36 .a41 .b35{width:26%;height:auto;overflow:hidden;float:left;margin:0 2% 30px 0}

.m36 .a41 .b35 .im52{width:80%;height:auto;overflow:hidden;float:left;margin:0 0 10px 0}
.m36 .a41 .b35 .im52 img{width:100%;height:auto;transition:all 0.3s}
.m36 .a41 .b35 .t74{width:100%;height:auto;overflow:hidden;font:500 14px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;float: left;letter-spacing:-.4}
.m36 .a41 .b35 .t74 h4{color:#184889;font:700 14px/24px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";}
.m36 .a41 .t75{width:100%;height:auto;overflow:hidden;font:500 14px/40px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;float:left;padding:20px 0 ;border-top:1px solid #ccc;text-align: center}

/*aa7*/

.bnr6{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa7/bn1.jpg") no-repeat center/cover}
.bnr6 img{width:100%;height:auto;}


/*aa8*/

.bnr7{width:100%;height:300px;overflow:hidden;margin-bottom:60px;background:url("../../images/aa8/bn1.jpg") no-repeat center/cover}
.bnr7 img{width:100%;height:auto;}






/*語言切換*/
.btp2{width:120px;height:auto;overflow:hidden;position:fixed;left:10px;bottom:24px;z-index: 99;background:rgba(255,255,255,0);padding: 0px 8px;border-radius:0;box-sizing: border-box;}

.btp2 a img{width:auto;height:18px;display:inline-block; padding:0 0 4px; margin-right:4px;}
.btp2:hover{border:0px solid #3577c1;transition:all 0.3s}
.btp2 a{width:100%; height:53px;font:700 18px/53px 'M PLUS 1p','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; border-radius:100px;background:#111;text-transform:uppercase;border:0px solid #888;box-siszing: border-box;letter-spacing:-.5px;display: block;padding: 0px 8px;box-sizing: border-box;text-align:center}
.btp2 a:hover{ background:#333;border:0px solid #111;transition:all 0.3s;}