@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}
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:linear-gradient(90deg,#8f8068 50%,#8f8068 50%) no-repeat right top/140px 100% #fff}
.bg2{background:linear-gradient(90deg,#8f8068 50%,#8f8068 50%) no-repeat left top/140px 100% #fff}
.m1{width:100%;height:190px;/*position:fixed;z-index:9;transition:all 0.3s;opacity:1;background:#fff*/}
.m1 .a1{width:1420px;height:90px;margin:0 auto;font:500 13px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#e2d2a;position:relative;padding:50px 0 0}
.m1 .a1 .lg1{width:410px;height:auto;overflow:hidden;/*position:absolute;left:6%;top:45px*/;float: left;margin-right:30px;padding:10px 0 0 }
.m1 .a1 .lg1 img{width:100%;;height:auto;}
.m1 .a1 .b1{width:calc(100% - 380px);height:90px;/*background:#fff;*/margin:0 auto;border-radius:100px;padding: 0;box-sizing: border-box;text-align:center;float:left}

.m1 .a1 .b1 .t1{width:calc(100% - 280px);height:auto;overflow:hidden; margin:0 auto;display: inline-block}

.m1 .a1 .b1 .t1 a{width:auto;height:auto;overflow:hidden;font:500 17px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;display:inline-block;border-radius:100px;padding:0 12px;margin-top:15px}
.m1 .a1 .b1 .t1 a:hover{background:#8f8068;color:#fff}
.m1 .a1 .b1 .hd{width:260px;height:50px;display: inline-block;margin-top:25px;vertical-align:top;border-left:1px solid #fff}
.m1 .a1 .b1 .hd .ic1{width:auto;height:44px;float: right;margin:0 0 0 20px;position:relative}
.m1 .a1 .b1 .hd .ic1 > a img{width:auto;height:100%;transition:all 0.3s;vertical-align:top}
.m1 .a1 .b1 .hd .ic1 > a img:hover{opacity:.5;transition:all 0.3s}

/*會員功能下拉*/

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

.m1 .a1 .b1 .hd .ic1:hover .lk1{height:auto;padding:10px 5px 5px }

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

.m1 .a1 .b1 .hd .ic1:hover .lk1 a:hover{background:#2b4b7e;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;}

/*主選單下滑狀態控制*/
.m1-2{height:0;overflow: hidden; transition:all 0.3s;position:fixed;z-index:0;transition:all 0.3s;opacity:1;background:rgba(255,255,255,0);position:fixed;top:0px; }
.top-bar{z-index:100; 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,255,255,.95);}
.top-bar .a1{padding:0}
.top-bar .a1 .b1{background:rgba(100,180,190,0);float: right}
.top-bar .a1 .lg1{width:auto;height:60px;top:15px}
.top-bar .a1 .lg1 img{width:auto;height:100%;}
.top-bar2{opacity:0;height:0;transition:all 0.1s}

/*--20230730--↓大橫幅-圓點Page控制-----崁入圖片模式'*/
.bn1{width:92%;height:auto;overflow:hidden;margin:0 0 0;position: relative;float:left;}
/*.bn1{ width:100%; height:auto; overflow:hidden; line-height:0;margin:0 auto 0;}*/
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.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; border-radius:0 35px 35px 0 }
.bn1 .carousel-indicators{ bottom:180px;display: block;margin:0 5% 30px}
.bn1 .carousel-indicators button{ height:14px; width:18px; 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;float: right;opacity:.85}
.bn1 .carousel-indicators button:hover{background-color:#fff;transition:all 0.3s;border:2px solid #fff;opacity:1}
.bn1 .carousel-indicators button:focus{background-color:#800!important;border:2px solid #800!important}
.bn1 .carousel-indicators button.active{background-color:#800; border:2px solid #800;width:40px;float:right;cursor:inherit;opacity:1}

/*--控制左右鍵滑鼠碰到顏色--*/
.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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;}
.bgtm1 .bgta1 .bt1c{width:auto;height:auto;overflow:hidden;font:900 130px/130px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#2b4b7e;position:absolute;bottom:0;right:0;letter-spacing:-4px;text-transform:uppercase}
/*品牌說明*/
.m2{width:100%;height:auto;overflow:hidden;padding:120px 0 0 0;background:linear-gradient(90deg,#eeece8 50%,#eeece8 50%) no-repeat right bottom/66% 54%;position:relative}
.m2 .a2{width:91%;min-height:300px;height:auto;overflow:hidden;margin:0 auto;/*border-radius:60px;*/padding:0 75px 50px;box-sizing: border-box;}
.m2 .a2 .im2{width:52%;height:auto;overflow:hidden;float:left;border-radius:25px;margin-bottom:40px}
/*大標題*/
.bgt1{width:100%;height:auto;overflow:hidden;font:900 72px/90px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; letter-spacing:-2px;margin:0 0 20px;text-transform:uppercase;color: #8f8068}
.m2 .a2 .im2 img{width:100%;;height:auto;}
.m2 .a2 .b2{width:calc(100% - 54%);height:auto;overflow:hidden;float:right;padding:40px 0 0 5%;box-sizing: border-box;}
.m2 .a2 .b2 .t2{width:100%;min-height:65px;overflow:hidden;font:900 30px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-overflow:ellipsis;white-space:nowrap;margin-bottom:30px;letter-spacing:-1px;padding:10px 0}
.m2 .a2 .b2 .t3{width:100%;max-height:120px;overflow:hidden;font:500 18px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-align:justify;text-justify: inter-ideograph;margin-bottom:30px;-webkit-line-clamp:4;
display: -webkit-box;
-webkit-box-orient: vertical;}
.bt1{width:160px; height:36px;font:24px/40px '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:36px;font:900 16px/34px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:12px;background:#fff;text-transform:uppercase;border:1px solid #111;box-sizing: border-box;letter-spacing:-1px}
.bt1 a:hover{ background:#111;transition:all 0.3s;color:#fff}

.m2 .a2 .t4{width:100%;height:60px;overflow:hidden;font:400 18px/30px '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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;}

.bgtm2 .bgta2 .bt2c{width:100%;height:auto;overflow:hidden;font:900 130px/130px '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:right;width:calc(100% - 54%)}
.m2 .a2-2 .im2{float:left;margin-left:5%;width:47%}
.bt1-2{float:left}
.m2 .a2-2 .t4{text-align:right}

/*情報文章*/

.m3{width:auto;height:auto;overflow:hidden;padding:120px 0 0;}
.m3 .a3{width:calc(100% - 140px);min-height:300px;height:auto;overflow:hidden;margin:0 0 0 140px;border-radius:0;padding:100px 140px 100px 0;box-sizing: border-box;background:#eeece8;}

.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 'Noto Sans TC',"Century Goth ic","微軟正黑體"; color:#000;letter-spacing:-2px;margin:0 auto;}
.bgtm3 .bgt3  span{font:500 22px/60px '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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#777;text-align:justify;text-justify: inter-ideograph;}

/*map*/
.map{width:calc(100% - 140px);height:500px;overflow:hidden;margin-bottom:0;float:right;background:#8f8068}
.map iframe{width:100%;height:100%;overflow:hidden;/*border-radius:0 0 0 120px;*/}


/*聯絡我們*/
.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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px}
.m5 .a5 .b5 .t8{width:100%;height:auto;overflow:hidden;font:400 16px/25px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.m5 .a5 .b5 .t8 a{font:400 18px/30px '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}*/
.bn2{width:calc(100% - 70px);height:680px;overflow:hidden;background: url("../../images/ns/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative;text-align:right;margin-left:70px;border-radius:30px 0 0 30px}

.bn2b{width:calc(100% - 70px);height:680px;overflow:hidden;background: url("../../images/ns2/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative;text-align:right;margin-left:70px;border-radius:30px 0 0 30px}

.bn2c{width:calc(100% - 70px);height:680px;overflow:hidden;background: url("../../images/ns3/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative;text-align:right;margin-left:70px;border-radius:30px 0 0 30px}
.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 'Noto Sans TC',"Century Goth ic","微軟正黑體"; color:#fff;letter-spacing:-4px;margin:0 auto;text-transform: uppercase}
.bgtm4 .bgt4 span{font:900 42px/74px '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 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;letter-spacing:1px;margin-left:0}

.m6{width:100%;height:auto;overflow:hidden;margin:-400px auto 0;/*position:relative;z-index: 2*/;background:linear-gradient(90deg,#8f8068 50%,#8f8068 50%) no-repeat right bottom/ 50% 140px}
.m6 .a6{width:80%;min-height: 500px; height:auto;overflow:hidden;margin:0 auto;background:rgba(244,244,244,.98);padding:65px 0 80px 0;border-radius:80px 80px 0 80px;margin-right:140px}

.m6 .a6 .b6{width:100%;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}

.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 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}

.ls1 a:hover{color:#8f8068;}
.ls1 a.active{color:#8f8068;background:linear-gradient(100deg,#8f8068 50%,#8f8068 50%) no-repeat center bottom/75% 5px}
.ls1b a:hover{color:#7907a9;}
.ls1b a.active{color:#7907a9;background:linear-gradient(100deg,#7907a9 50%,#7907a9 50%) no-repeat center bottom/75% 5px}
/*news_list----列表區*/
.m6 .a6 .b7{width:100%;height:auto;overflow:hidden;margin:0 auto 20px;padding:0 5% 0 8%;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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;text-align:right}
.ls2 .c2 .t10 h4{width:auto;height:24px;overflow:hidden;font:400 16px/22px '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 '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 '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:0 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: 5px;
    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: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    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}

.bt3 a{font:700 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.bt3 a:hover{color:#8f8068}
.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 '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 '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 '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 '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 '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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;float:right;padding:0 8px;border:1px solid #8f8068;background:#8f8068;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 'Noto Sans TC',"Century Gothic","微軟正黑體";display:inline-block;color:#003b83}
.tg2 a{width:auto;height:auto;overflow:hidden;font:700 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";display:inline-block;margin-left:4px;vertical-align:top;color:#003b83}
.tg2 a:hover{color:#194182}
/*上下一則+回列表*/
.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:1200px;height:auto;overflow:hidden;margin:20px auto 0}
.bt4{width:auto;height:auto;overflow:hidden;display: inline-block}

.bt4 a{font:700 18px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.bt4 a:hover{color:#8f8068}
.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:calc(100% - 70px);height:680px;overflow:hidden;background: url("../../images/aa1/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative;text-align:right;margin-left:70px;border-radius:30px 0 0 30px}

.m6 .a6 .b8-2{width:1200px;}
.m6 .a6-2{background:rgba(255,255,255,.98);}
.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 46px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-2px;margin-bottom:25px;margin:0 auto 35px}

.m6 .a6 .t14{width:1200px;height:auto;overflow:hidden;margin:0 auto 40px}
.m6 .a6 .t14b{width:1200px;height:auto;overflow:hidden;margin:0 auto 40px;font:400 20px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m6 .a6 .t14 > img{max-width:100%;}
.m6 .a6 .t14 > ul{padding-left:30px;}
.m6 .a6 .t14 > ul > li{ list-style:outside;list-style-type:decimal}

.m6 .a6 .t14 > ul > li > ul{ padding-left:30px;}
.m6 .a6 .t14 > ul > li > ul > li{ list-style:outside;list-style-type:disc}
.m6 .a6 .t14 h4{font:700 32px/48px 'Noto Sans TC',"Century Gothic","微軟正黑體";margin:0 0}
.m6 .a6 .t15{width:1200px;height:auto;overflow:hidden;display:block;font:400 18px/36px '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}
.bn4{width:calc(100% - 70px);height:680px;overflow:hidden;background: url("../../images/aa2/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative;text-align:right;margin-left:70px;border-radius:30px 0 0 30px}
/*aa3*/

.bn5{width:100%;height:900px;overflow:hidden;background: url("../../images/aa3/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}
.bn5{width:calc(100% - 70px);height:680px;overflow:hidden;background: url("../../images/aa3/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative;text-align:right;margin-left:70px;border-radius:30px 0 0 30px}
/*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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111}
.ls3 .t17 span{color:#de002a}
.ls3 .in1{width:40%;height:60px;overflow:hidden;font:500 16px/58px '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 '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 '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 '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:4px 10px 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/61px  '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:#8f8068 ;border-bottom:1px solid #8f8068 }
/*.plk1x{ height:auto; overflow:hidden;}*/

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

.mm-listview > .plk1b a::before{content:'∟';font:500 20px/28px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888;vertical-align:top;margin-right:4px}
.mm-listview > .plk1b a.active{ color:#000;background:#1c2b44;padding-left:16px!important;}
.mm-listview > .plk1b a.active::before{content:'';}
/*會員登入後顯示就面*/
/*.mm-listview > .t65{padding:0 20px;font:italic 400 26px/50px '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 '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 '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 '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 '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:70px;font:500 28px/70px '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;}
.bt5 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:10px;}
.bt5:hover{ background:#446dae; border:0px solid #3577c1;transition:all 0.3s}
.bt5 a{width:100%; height:70px;font:500 28px/70px '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 '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 '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 .tt5{ width:100%;height:auto;overflow:hidden;font:500 22px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;padding:0 0 0; letter-spacing:-.5px; float:left; text-align:left; margin-bottom:20px;}

.fm1 .modal-content form .modal-body .aa1 .tt2 h4
{font:700 28px/46px 
'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 
'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 '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 '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 '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 '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 '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 '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 '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:15%;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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#e30544;text-transform:uppercase}
.bt10 a:hover{ background:#ee4072; border:0px solid #3577c1;transition:all 0.3s;}


/*重新發送簡訊按鈕*/
.bt11{width:37%; height:60px;font:18px/58px '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 '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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;float:left;text-align:center}
.ls3 .in6{width:35%;height:60px;overflow:hidden;font:500 16px/58px '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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;display: inline-block;vertical-align:top;padding:5px 0}
.c7 .t20 a{font:500 22px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#de002a;}
.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 '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 '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 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#666;height:48px;margin-bottom:6px}
.ls2 .c2b{height:175px;}
/*搜尋*/
.sha{width:700px;height:60px;overflow:hidden;margin:0 auto 40px}
.sha .t23{width:25%;overflow:hidden;font:500 22px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;height:60px;margin-right:2%;float:left}

.sha .in7{width:55%;height:60px;overflow:hidden;font:500 16px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:2px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:0px;margin-right: 2%;float:left}

.bt13{width:16%; height:60px;font:20px/58px '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}
.bt13 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt13 a{width:100%; height:60px;font:500 20px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius:6px;color:#fff;text-transform:uppercase;border:1px solid #ccc;box-sizing: border-box; background:#2b488a}
.bt13 a:hover{ background:#426ccb; border:1px solid #333;transition:all 0.3s;color:#fff}


/*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:50px;height:50px;overflow:hidden;position:fixed;right:8px;bottom:2vh;z-index: 99;background:rgba(255,255,255,.5);padding: 3px;border-radius:100px;}

.btp a img{width:100%;height:auto;transition:all 0.3s}
.btp a img:hover {transform:rotate(0deg) scale(.9); transition:all 0.3s;}

/*LiNE*/
.btp2{width:50px;height:50px;overflow:hidden;position:fixed;right:8px;bottom:78px;z-index: 99;background:rgba(255,255,255,.5);padding: 3px;border-radius:100px;}

.btp2 a img{width:100%;height:auto;transition:all 0.3s}
.btp2 a img:hover {transform:rotate(0deg) scale(.9); 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 '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 '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','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:600px;height:360px;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','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','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','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','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','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:90%;height:auto;overflow:hidden;display:none;margin:0 auto 20px}
.b12 .t24{width:26%;height:62px;overflow:hidden;float:left;font:500 28px/62px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center}
.b12 select{width:calc(100% - 32%);height:62px;overflow:hidden;float:left;display: block;font:500 28px/56px '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 '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 'Noto Sans TC','Noto Sans SC',"Century Gothic";}

/*20231011*/
.sp1{width:100%;height:auto;overflow:hidden;}
.sp1 img{width:100%;height:auto;margin-bottom:25px}


/*target_result.asp*/
.bn12{width:100%;height:900px;overflow:hidden;background: url("../../images/tg/bn1.jpg") no-repeat center top/cover;z-index:-1;position:relative}
.ls2{width:30.3%;height:auto;overflow:hidden;float:left;margin:0 3% 60px 0}

/*target_result.asp--列表--*/
.st2{width:100%;height:auto;overflow:hidden;font:700 54px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;letter-spacing:0px;text-align:center;margin-bottom: 40px}
.m6 .a6 .b13{width:80%;height:auto;overflow:hidden;margin:0 auto}
.ls5{width:100%;height:auto;overflow:hidden;margin:0 0 18px 0;padding-bottom:18px;border-bottom:2px dotted #ccc}

.ls5 .im8{width:25%;height:auto;overflow:hidden;float:left}

.ls5 .im8 img{width:100%;height:auto;transition:all 0.3s}
.ls5 .im8 img:hover{transform:scale(1.05);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.ls5 .c8{width:73%;height:auto;overflow:hidden;float:right}
.ls5 .c8 .t25{width:100%;max-height:80px;overflow:hidden;font:700 28px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin-bottom:6px}
.ls5 .c8 .t25 a{width:100%;height:auto;overflow:hidden;font:700 32px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;}
.ls5 .c8 .t25 a:hover{color: #194182}
.ls5 .c8 .t26{width:100%;height:84px;overflow:hidden;font:500 20px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;}


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

/*彈出--關鍵字搜尋*/
.sha1{width:100%;height:auto;overflow:hidden;margin-bottom:30px}

.in8{width:72%;height:60px;overflow:hidden;font:500 16px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#555;border:1px solid #ccc;padding:0 15px;box-sizing: border-box;border-radius:10px;float:left}

.bt15{width:25%; height:60px;font:20px/58px '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}
.bt15 img{width:auto;height:22px;display:inline-block; padding:0 0 4px;  margin-right:8px;}
.bt15 a{width:100%; height:60px;font:500 20px/58px 'Noto Sans TC',"Century Gothic","微軟正黑體";display:block;border-radius:6px;color:#fff;text-transform:uppercase;border:1px solid #ccc;box-sizing: border-box; background:#2b488a}
.bt15 a:hover{ background:#426ccb; border:1px solid #333;transition:all 0.3s;color:#fff}

/*手機選單*/
.sh1{width:auto;height:50px;overflow:hidden;float:right;margin:2px 30px 0 0;display: none}
.sh1 a{width:auto;height:100%;}
.sh1 a img{width:auto;height:100%;}
.sp{display:block;margin-left:6px!important}

/*編輯器歸零指令*/
/*body :not(.t14) {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}*/
/*.m6 .a6 .t14,
.m6 .a6 .b8 .t12
{font-family:inherit;font-size:inherit;line-height:inherit}*/

/*橫幅標題*/

.bn1 .t35{width:660px;height:230px;overflow: hidden; font:700 58px/68px 'Noto Sans TC',"微軟正黑體";color:#111;background:rgba(255,255,255,.95);position:relative;z-index:9;margin:-80px 0 0 20%;padding:12px 20px;box-sizing: border-box;}

.bn1 .t35 h4{width:100%;height:54px;font:700 22px/27px 'Noto Sans TC',"微軟正黑體";display:block;}
/*about*/
.m2-2{background:linear-gradient(90deg,#eeece8 50%,#eeece8 50%) no-repeat 140px bottom/58% 54%}
.m2-2 .a2 {padding:0 75px 140px 12%;}
.m2-2 .a2 .b2{padding:40px 0 0 4%;width: calc(100% - 64%);float:left}
.m2 .a2 .b2 .t2-2{}
/*WORKS*/
.m2-3{background:linear-gradient(90deg,#eeece8 50%,#eeece8 50%) no-repeat right bottom/62% 80% }
.m2-3 .a2-2{width:100%;padding:0 0 0px;}

.m2-3 .a2-2 .im2-2 {width:48%;border-radius:25px 0 0 25px;float:right}
.m2-3 .a2-2 .im2-3 {width:32%;height:auto;overflow:hidden;float:left;border-radius:25px;margin:400px -520px 0 0 ;float:right;position:relative;}

.m2-3 .a2-2 .b2{ /*position:absolute;left:10%;top:120px;z-index:9*/ width:calc(100% - 60%);padding:40px 0 0 16%}
.bt2ar{width:100%;height:auto;overflow:hidden;padding:40px 0 0 }
.bt2{width:160px; height:50px;font:24px/40px '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 4% 0 0;float:left}
.bt1 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt2:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt2 a{width:100%; height:44px;font:700 20px/42px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:0px;background:#e3dfd9;text-transform:uppercase;border:0px solid #998970;box-sizing: border-box;letter-spacing:-1px}
.bt2 a:hover{ background:#a29684;transition:all 0.3s;color:#111}


/*EVENT*/
.bgt2{width:100%;height:auto;overflow:hidden;font:900 72px/90px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; letter-spacing:-2px;margin:0 0 0;text-transform:uppercase;color: #8f8068;text-align:center;padding:0 0 0 0;box-sizing: border-box;}
.bgt2b{color:#111;margin-bottom:80px}

.bgt2 h4{width:100%;min-height:65px;overflow:hidden;font:900 30px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;letter-spacing:-1px;padding:10px 0}


.bgt2 h4{width:100%;min-height:65px;overflow:hidden;font:900 30px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;letter-spacing:-1px;padding:10px 0}

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

.ls6{width:30.3%;height:auto;overflow:hidden;float:left;margin:0 3% 60px 0}
.ls6 .im9{width:100%;height:260px;border:0px solid #e8e8e8;box-sizing: border-box;position:relative}
.ls6 .im9 > a {width:100%;height:100%;overflow:hidden;border-radius:25px;display: block}

.ls6 .im9 > a img{width:100%;height:100%;border-radius:25px;transition:all 0.3s}
.ls6 .im9:hover > a img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%);-webkit-filter:brightness(120%);}

.ls6 .im9 .ck2{width:60px;height:60px;position:absolute;right:0;bottom:0;z-index:9}
.ls6 .im9 .ck2 a img{width:100%;height:100%;transition:all 0.3s}
.ls6 .im9:hover .ck2 a img{transform:scale(1);filter:contrast(140%);-webkit-filter:contrast(140%);transition:all 0.3s}

.ls6 .c9{width:100%;height:auto;overflow:hidden;border-radius:0;padding:20px 0 0;box-sizing: border-box;}

.ls6 .c9 .t9{width:100%;height:64px;overflow:hidden;margin-bottom:5px}
.ls6 .c9 .t9 a{font:700 24px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}
.ls6 .c9 .t9 a:hover{ color:#000;text-decoration:underline}
.ls6 .c9 .t9b{width:100%;height:60px;overflow:hidden;margin-bottom:5px;font:400 20px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#333;margin:0 0 10px;-webkit-line-clamp:2;display: -webkit-box;
  -webkit-box-orient: vertical;}
.ls6 .c9 .ic2{width:auto;height:34px;overflow:hidden;margin-bottom:5px;font:500 16px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;background:#8f8068;float:left;border-radius:100px;text-align:center;padding:0 14px}

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

.bt16{width:auto; height:50px;font:24px/40px 'Noto Sans TC'"Century Gothic","微軟正黑體";color:#fff;  text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;clear:both; }
.bt16 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt16:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt16 a{width:auto; height:50px;font:900 24px/48px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:inline-block;border-radius:16px;background:#eeece8;text-transform:uppercase;border:1px solid #888;box-sizing: border-box;letter-spacing:-1px;padding:0 30px}
.bt16 a:hover{ background:#111;border:1px solid #111;transition:all 0.3s;color:#fff}

.bt16b{width:auto;margin:50px 0 0 ;float:right;padding:0 41% 0 0;box-sizing: border-box;text-align:left}
/*service*/
.m7{width:100%;height:auto;overflow:hidden;margin:0 auto 0;/*position:relative;z-index: 2*/}
.m7 .a7{width:100%;min-height: 500px; height:auto;overflow:hidden;/*margin:0 auto;*/padding:140px 0 140px;}

.m7 .a7 .b20{width:1200px;height:auto;overflow:hidden;margin:0 auto;}


.m7 .a7 .bn14{width:100%;height:auto;overflow:hidden;margin-bottom:80px;float:left;border-radius:25px;}
.m7 .a7 .bn14 img{width:100%;heigimght:auto;}
.m7 .a7 .bn15{width:44%;height:auto;overflow:hidden;float:left;border-radius:25px}
.m7 .a7 .bn15 img{width:100%;heigimght:auto;}

.bgt5{width:100%;height:auto;overflow:hidden;font:900 72px/90px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; letter-spacing:-2px;margin:0 0 20px;text-transform:uppercase;color: #8f8068;text-align:left}
.m7 .a7 .c10{width:calc(100% - 50%);height:auto;overflow:hidden;float:right}

.m7 .a7 .c10 .t27{width:100%;height:auto;overflow:hidden;font:700 42px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:30px;text-decoration:underline}

.m7 .a7 .c10 .t28{width:100%;height:auto;overflow:hidden;font:500 20px/32px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:30px;text-align:justify;text-justify: inter-ideograph;}

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

.ls7{width:180px!important;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;}
.ls7-2{width:650px!important;margin:50px 0 0 }
.ls7-3{width:510px!important;margin:0 0 0 }
.ls7-4{width:520px!important;margin:50px 0 0 }
.ls4: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 .im7{width:inherit;height:auto;overflow:hidden;position:relative;border-radius:8px;}
.ls7 a .im7 img{width:100%;height:100%;transition:all 0.3s}
.ls7 a:hover .im7 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}


.bt17{width:auto; height:50px;font:24px/40px '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:left; }
.bt17 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt17:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt17 a{width:auto; height:50px;font:900 24px/48px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; display:inline-block;border-radius:16px;background:#fff;text-transform:uppercase;border:1px solid #888;box-sizing: border-box;letter-spacing:-1px;padding:0 30px}
.bt17 a:hover{ background:#111;border:1px solid #111;transition:all 0.3s;color:#fff}


/*CONTACT*/

.bgt6{width:100%;height:auto;overflow:hidden;font:900 72px/90px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體"; letter-spacing:-2px;margin:0 0 0;text-transform:uppercase;color: #8f8068}
.m8{width:100%;height:auto;overflow:hidden;padding:40px 0 0 0;background:linear-gradient(90deg,#eeece8 50%,#eeece8 50%) no-repeat 140px bottom/40% 54%;position:relative}
.m8 .a8{width:91%;min-height:300px;height:auto;overflow:hidden;margin:0 auto;/*border-radius:60px;*/padding:0 75px 70px 10%;;box-sizing: border-box;}

.m8 .a8 .b15{width:52%;height:auto;overflow:hidden;float:left;margin:80px 0 40px;}
.m8 .a8 .b15 .im10{width:100%;height:auto;overflow:hidden;margin-bottom:20px;border-radius:25px;}
.m8 .a8 .im10 img{width:100%;;height:auto;}
.m8 .a8 .b15 .t29{width:100%;height:auto;overflow:hidden;font:700 28px/32px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;padding-left:140px;box-sizing: border-box;}
.m8 .a8 .b15 .t29 h4{font:700 12px/20px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;}
.m8 .a8 .b15 .t30{width:100%;height:auto;overflow:hidden;font:500 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-align:justify;text-justify: inter-ideograph;padding-left:140px;box-sizing: border-box;}
.m8 .a8 .b15 .t30 a{font:500 16px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;}
.m8 .a8 .b15 .t30 a:hover{color:#111;text-decoration:underline}

.m8 .a8 .b16{width:calc(100% - 64%);height:auto;overflow:hidden;padding:0 0 0 4%;box-sizing: border-box;float:left}
.m8 .a8 .b16 .t31{width:100%;height:auto;overflow:hidden;font:900 30px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#000;text-overflow:ellipsis;margin-bottom:30px;letter-spacing:-1px;padding:0 0}
.m8 .a8 .b16 .c11{width:100%;height:auto;overflow:hidden;}
.ls17{width:100%;height:auto; overflow:hidden;margin:0 0 18px}
.ls17 .t47{width:24%;height:auto; overflow:hidden;font:500 19px/50px 'Noto Sans TC',verdana,"微軟正黑體";float:left }
.ls17 input{width:76%;height:50px;overflow:hidden;margin:0 auto;border:1px solid #8f8068;padding:0 2%;float:left;display:block;box-sizing: border-box;font:500 22px/50px 'Noto Sans TC',verdana,"微軟正黑體";border-radius:4px;}
.ls17 .in1{width:25%;margin-right:20px}
.ls17 > select{width:74%;height:50px;overflow:hidden;float:left;border:1px solid #8f8068;font:500 22px/48px 'Noto Sans TC',"微軟正黑體";color:#000;background:#fff;box-sizing: border-box;text-align:left;border-radius:4px;display: block;padding:0 10px}
.ls17 textarea{width:74%;height:90px;overflow:hidden;margin:0 auto;border:1px solid #8f8068;padding:5px  10px;float:left;display:block;box-sizing: border-box;font:500 22px/30px 'Noto Sans TC',verdana,"微軟正黑體";border-radius:4px;}
.ls17 .im21{width:auto;height:50px;overflow:hidden;float:left}
.ls17 .im21 img{width:auto;height:100%;margin-right:10px}
.ls17 .im22{width:auto;height:50px;overflow:hidden;float:left}
.ls17 .im22 a img{width:auto;height:100%;opacity:1;transition:all 0.3s}
.ls17 .im22 a:hover img{opacity:.75;transition:all 0.3s}

.bt18{width:auto; height:50px;font:24px/40px '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:12px 0 0 24%;float: left}
.bt18 img{width:auto;height:22px;display:inline-block; padding:0 0 4px; margin-left:20px;}
.bt18:hover{border:0px solid #3577c1;transition:all 0.3s}
.bt18 a{width:auto; height:50px;font:900 28px/48px verdana,'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block;border-radius:16px;background:#8f8068;text-transform:uppercase;border:1px solid #8f8068;box-sizing: border-box;letter-spacing:-1px;padding:0 30px}
.bt18 a:hover{ background:#ac9e87;border:1px solid #ac9e87;transition:all 0.3s;color:#fff}
/*down*/
.m9{width:100%;height:auto;overflow:hidden;padding:40px 0 0 0;background:#8f8068;position:relative}
.m9 .a9{width:80%;min-height:300px;height:auto;overflow:hidden;margin:0 auto;/*border-radius:60px;*/padding:60px 0 100px;;box-sizing: border-box;}

.m9 .a9 .lg3{width:210px;height:auto;overflow:hidden;margin:0 auto 50px}
.m9 .a9 .lg3 img{width:100%;height:auto;}

.m9 .a9 .b17{width:100%;height:auto;overflow:hidden;text-align:center}
.m9 .a9 .b17 .im11{width:auto;height:34px;overflow:hidden;display: inline-block;margin:0 8px;}
.m9 .a9 .b17 .im11 a{width:auto;height:100%;overflow:hidden;display:inline-block}
.m9 .a9 .b17 .im11 a img{width:auto;height:100%;transition:all 0.3s}
.m9 .a9 .b17 .im11:hover a img{transform:rotate(0deg) scale(.9); transition:all 0.3s;}


.m9 .a9 .b18{width:100%;height:auto;overflow:hidden;text-align:center}
.m9 .a9 .b18 .t32{width:auto;height:auto;overflow:hidden;display: inline-block;margin:0 5px}
.m9 .a9 .b18 .t32 a{font:500 12px/22px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;}
.m9 .a9 .b18 .t32 a:hover{color:#fff;text-decoration:underline}
/*down2*/
.m10{width:100%;height:auto;overflow:hidden;background:#dbd2c4}
.m10 .a10{width:80%;height:auto;overflow:hidden;margin:0 auto;font:500 12px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;text-align:center}

/*info*/
.info{width:100%;height:0;overflow:hidden;}
/*內頁主圖*/
.m6 .a6 .im12a{width:80%;height:auto;overflow:hidden;margin:0 auto 20px;padding:35px 0; border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.m6 .a6 .im12a .im12{width:900px;height:auto;overflow:hidden;border-radius:25px;margin:0 auto; }
.m6 .a6 .im12a .im12 img{width:100%;;height:auto;}
/*SDGS*/
.m11 {height:auto;overflow:hidden;width:calc(100% - 140px);float:left;text-align: center;background:#8f8068}
.m11 .a11{width:100%;height:auto;overflow:hidden;margin:0 auto;border-radius:0 0 120px 0;background:#fff;border-top:1px solid #ccc;padding:80px 0 80px 140px;box-sizing: border-box;}
.m11b{float:right;}
.m11b .a11{border-radius:0 0 0 120px;border-top:0px solid #ccc;padding:80px 140px 80px 0;}
.m11 .a11 .im13{width: 400px;height:auto;overflow:hidden;display: block;margin:0 auto 25px}
.m11 .a11 .im13 img{width: 100%;height:auto;overflow:hidden;}
.m11 .a11 .im14{width: 240px;height:auto;overflow:hidden;display: inline-block;vertical-align: middle}
.m11 .a11 .im14 img{width: 100%;height:auto;overflow:hidden;}
.t35{width:900px ;height:auto;overflow:hidden;position:relative;font:400 18px/32px 'Noto Sans TC',"微軟正黑體";color:#111;;margin:0 auto 5px;transition:all 0.3s;text-align:left}
.t35 h4{font:700 32px/42px 'Noto Sans TC',"微軟正黑體";color:#111;width:100% ;height:auto;overflow:hidden;display: block;text-align:center;margin-bottom:25px}


.m11b{float:right;}
.m11 .a12{width:100%;height:auto;overflow:hidden;margin:0 auto;border-radius:0 0 120px 0;background:#fff;border-top:1px solid #ccc;padding:80px 120px 80px 260px;box-sizing: border-box;}
.m11b{float:right;}
.m11b .a12{border-radius:0 0 0 120px;border-top:0px solid #ccc;padding:80px 260px 80px 120px}
.m11 .a12 .im15{width: 250px;height:auto;overflow:hidden;display: block;margin:0 0 25px;float:left}
.m11 .a12 .im15 img{width: 100%;height:auto;overflow:hidden;}

.t36{width:calc(100% - 290px);height:auto;overflow:hidden;position:relative;font:400 20px/34px 'Noto Sans TC',"微軟正黑體";color:#111;;margin:10px 0 5px;transition:all 0.3s;float:right;text-align:justify;text-justify: inter-ideograph;}
.t36 h4{font:700 32px/42px 'Noto Sans TC',"微軟正黑體";color:#111;width:100% ;height:auto;overflow:hidden;display: block;text-align:left;margin-bottom:25px}

/*20240923-service----改動態橫幅*/
.m7 .a7 .b19{width:100%;height:auto;overflow:hidden;margin:0 auto;}
.m7 .a7 .b19 .bn16{ width:100%;height:360px;overflow:hidden;position: relative;margin-bottom:80px;}
.m7 .a7 .b19 .bn16 .kv_pc{width:auto;height:360px;background:url("../../images/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;
            }
        }
/*合作夥伴*/
.m12{width:100%;height:auto;overflow:hidden;}
.m12 .a13{width:calc(100% - 140px);;height:auto;overflow:hidden; box-sizing: border-box;background:#eeece8;margin:0 0 60px 140px;padding:120px 0 80px}
.m12 .a13 .b21{width:90%;height:auto;overflow:hidden;margin-bottom:0;text-align:center;margin:0 auto}
.ls8{width:14%;height:auto;overflow:hidden;margin:0 2.5% 40px;display: inline-block;}
.ls8 .im21{width:100%;height:auto;overflow:hidden;margin-bottom:20px}
.ls8 .im21 img{width:100%;height:auto;transition:all 0.3s}
/*.ls8 .im21:hover img{transform:rotate(0deg) scale(1); transition:all 0.3s; filter:brightness(120%)}*/
.ls8 .t57{width:100%;height:80px;overflow:hidden;font:700 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333}
.ls8 .t57 a{width:100%;height:80px;overflow:hidden;font:700 24px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;display:block;text-align:center}
.ls8 .t57 a:hover{color:#685745;}