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

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

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

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



/*.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:500px;width:80px;display: block;margin:0;left:auto;right:40px;}
.bn1 .carousel-indicators button{ height:20px; 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;display: block;margin-bottom:6px}
.bn1 .carousel-indicators button:hover{background-color:#fc0;transition:all 0.3s;border:2px solid #fc0}
.bn1 .carousel-indicators button:focus{background-color:#fc0!important;border:2px solid #fc0!important}
.bn1 .carousel-indicators button.active{background-color:#fc0; border:2px solid #fc0;width:20px;}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn1 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s}
.bn1 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn1 .carousel-control.left, .bn1 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.bn1 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn1 .carousel-control .glyphicon-chevron-right{ font-size:16px;}
/*--控制左右鍵寬度--*/
.bn1 .carousel-control.left,
.bn1 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
.bn1 .carousel-control-next, .bn1 .carousel-control-prev{background:none;border: 0;opacity:.85;transition:all 0.3s}
.bn1 .carousel-control-next:hover, 
.bn1 .carousel-control-prev:hover{opacity:1;transition:all 0.3s}
.bn1 .carousel-control-next-icon,
.bn1 .carousel-control-prev-icon
{width:4rem;height:4rem}
.bn1 .carousel-control-next, 
.bn1 .carousel-control-prev{width:8%}
.bn1 .carousel-control-prev-icon{background-image:none!important}
.bn1 .carousel-control-next-icon{background-image:none!important}
/*手機選單*/
.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/60px  '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:#da9b66 ;border-bottom:1px solid #da9b66 }
/*.plk1x{ height:auto; overflow:hidden;}*/

.mm-listview > .plk1b a{font:500 26px/60px '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:#da9b66
}

.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:#2e281e;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;}



/*top*/

.m1{width:100%;height:auto;overflow:hidden;position:fixed; z-index:99}
.top-bar2{display:none}
.m1-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}
.top-bar{position:fixed;top:0px; z-index:100; height:160px;transition:all 0.3s; box-shadow:0 1px 5px rgba(0,0,0,0);opacity:1;overflow:inherit;}

.m1 .a1{width:100%;height:auto;overflow:hidden; margin:0 auto;position:relative}
.m1 .a1 .lg1{width:379px;height:auto;overflow:hidden;float:left}
.top-bar .a1 .lg1{width:200px;}
.m1 .a1 .lg1 img{width:100%;height:auto;}

.m1 .a1 .mn1{width:407px;height:auto;overflow:hidden;float:right}
.top-bar .a1 .mn1{width:200px;}
.m1 .a1 .mn1 img{width:100%;height:auto;transition:all 0.3s}
.m1 .a1 .mn1 img:hover{transform:scale(1.05);filter:contrast(130%);-webkit-filter:contrast(130%);transition:all 0.3s}

/**/
/*東英社區歷史*/
.m2{width:100%;min-height:1000px; height:auto;overflow:hidden;background: url("../../images/bg1.png") no-repeat center top/100% auto,
url("../../images/bg1b.jpg")  no-repeat center bottom/100% 80%
	;margin:-350px 0 0;position:relative;z-index: 2}
.m2 .a2{width:80%;height:auto;overflow:hidden; margin:0 auto;padding:600px 0 400px;position:relativ;}
.m2 .a2 .im1{width:630px;height:auto;overflow:hidden;position:absolute;left:12%;top:390px}
.m2 .a2 .im1 img{width:100%;height:auto;}
.m2 .a2 .b1{width:100%;min-height:500px;height:auto;overflow:hidden;background:linear-gradient(90deg,#da9b66 50%,#da9b66 50%) no-repeat center 110px/10px 96%;padding:0 30px;box-sizing: border-box;}

.m2 .a2 .b1 .t1{width:calc(100% - 750px);height:auto;overflow:hidden;font:500 28px/42px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#000;float:right;letter-spacing:1px;margin-bottom:15px;text-align:justify;text-justify: inter-ideograph;}
.m2 .a2 .b1 .t1 span{color:#00932e;font:700 36px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";}


.ls1{width:50%;min-height:50px;height:auto;overflow:hidden;background: url("../../images/ic1.png") no-repeat left top/50px auto;padding-left:50px;font:500 22px/36px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;float:right;text-align:justify;text-justify: inter-ideograph;margin:0 -25px 30px 0;letter-spacing:-.5px}

.ls1 span{font:700 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";}

.ls2{width:50%;min-height:50px;height:auto;overflow:hidden;background: url("../../images/ic1.png") no-repeat right top/50px auto;padding-right:50px;font:500 22px/36px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;float:left;text-align:justify;text-justify: inter-ideograph;margin:0 0 30px -25px;text-align: right;}

.ls2 span{font:700 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
/*東英社區歷史*/

.m3{width:100%;height:auto;overflow:hidden;
background:
url("../../images/cdbg3.png") no-repeat left 13%,
url("../../images/im2.png") no-repeat right 170px/70% auto,
url("../../images/bg3.png") no-repeat left 400px/46% auto,
url("../../images/bg2.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%
;margin-top:-400px;position:relative;z-index:3}
.m3 .a3{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:280px 0 0}

.bgt1{width:536px;height:auto;overflow:hidden;margin:0 auto 20px}
.bgt1 img{width:100%;height:auto}
.tx{width:100%;height:0;overflow:hidden;}
.m3 .a3 .b2{width:600px;min-height:1000px;height:auto;overflow:hidden;}

.m3 .a3 .b2 .t2{width:100%;height:auto;overflow:hidden;padding:100px 0;float:left;font:500 26px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;padding:200px 8% 0;box-sizing: border-box;margin-bottom:30px;}

.bt1{width:200px; height:70px;font:500 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;clear:both}
.bt1 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

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

/*東英社區歷史*/
.m4{width:100%;min-height:400px; height:auto;overflow:hidden;
background:
url("../../images/cdbg2.png") no-repeat left 2%,
url("../../images/cdbg1.png") no-repeat center 70% /100% auto,
url("../../images/bg4.jpg") no-repeat center top/100% auto,
url("../../images/bg4.jpg") center bottom/80% auto;}
.m4 .a4{width:90%;height:auto;overflow:hidden; margin:0 auto;padding:60px 0 475px;position:relativ;}


.m4 .a4 .bgt2{width:220px;height:auto;overflow:hidden;text-align:left;margin-bottom:20px}
.m4 .a4 .bgt2 img{width:100%;height:auto}
/*.m4 .a4 .bgt2 .tx{width:220px;height:0;overflow:hidden;}*/
.m4 .a4 .b3{width:86%;height:auto; margin:0 auto;}

/*最新消息套件*/
.tg1{width:100%;padding-left:0; border-bottom:0px solid #111;margin-bottom:25px!important}
.tg1 .slick-list{width:100%;margin:0 auto;padding:0 0}
.tg1 .slick-initialized .slick-slide{width:24%!important;float:left}
.tg1 .slick-prev:before{width:70px;height:70px; font-family:"微軟正黑體";font:900 35px/60px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:rgba(0,0,0,1);transition:all 0.3s;background: url("../../images/btl1.png") no-repeat center/70px 70px;display:block;color:rgba(0,0,0,0);opacity:.85}
.tg1 .slick-next:before{width:70px;height:70px; font-family:"微軟正黑體";font:900 35px/60px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:rgba(0,0,0,1);transition:all 0.3s;background: url("../../images/btr1.png") no-repeat center/70px 70px;display:block;color:rgba(0,0,0,0);opacity:.85}
.tg1 .slick-prev:hover:before, 
.tg1 .slick-next:hover:before{color:rgba(0,0,0,0);transition:all 0.3s;opacity:1;filter:contrast(110%);-webkit-filter:contrast(110%) ; }
.tg1 .slick-prev{left:0;top:40%;z-index: 9}
.tg1 .slick-next{right:0;top:40%;}
.tg1 .slick-dots{display:none!important;margin-bottom:25px!important}
.ls3{width:31%;height:auto;overflow:hidden;margin:0 .5% 18px;border:0px solid rgba(215,170,40,0);border-radius:0px;box-shadow:0 2px 8px rgba(0,0,0,.35);/*background:#fff;*/float:left;box-sizing: border-box;transition:all 0.3s;background:#fff;padding:20px;border-radius:20px}
.ls3:hover{transition:all 0.3s;border:0px solid rgba(215,170,40,1);}
.ls3 a{width:100%;height:auto;overflow:hidden;padding:0;box-sizing: border-box;display:block} 
.ls3 a .im14{width:370px;height:222px;overflow:hidden;position:relative;margin-bottom:10px}
.ls3 a .im14 img{width:100%;height:100%;transition:all 0.3s}
.ls3 a:hover .im14 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}

.ls3 a .im14 
.cv3{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}
.ls3 a .im14 .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 Sans TC',"微軟正黑體";color:#111;text-align:center;padding:0 10px 0 6px;border-radius:0 20px 20px 0;letter-spacing:-1px}
.ls3 .im14 .cv4-2{background:#ff1e68;}
.ls3 a .t4{width:100%;height:64px;overflow:hidden;position:relative;font:700 22px/32px 'Noto Sans TC',"微軟正黑體";color:#111;;margin:0 auto 5px;transition:all 0.3s}
.ls3 a .t4-2{text-align:center}
.ls3 a:hover .t4{color:#49361f;text-decoration:underline;transition:all 0.3s}
.ls3 a .t3{width:100%;height:25px;overflow:hidden;position:relative;font:500 18px/25px 'Noto Sans TC',"微軟正黑體";color:#333;margin:0 auto 5px;text-align:justify;text-justify: inter-ideograph;}
/*分類名稱*/
.ls3 a .t3 .tp4{width:auto;height:25px;font:400 16px/25px '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}
.ls3 a .t3 .tp4-2{float:left;}
/*.ls13 
/*最新消息套件內LIST*/
.ls3-2{width:410px!important;margin:0 17px 18px;}

/*參訪預約*/

.m5{width:100%;min-height:400px; height:auto;background: url("../../images/bg5.png") no-repeat center 320px/100% auto,
url("../../images/bg5.png") no-repeat center bottom/100% 80%;margin-top:-440px}
.m5 .a5{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:60px 0 400px;position:relativ;}

.m5 .a5 .bgt3{width:524px;height:auto;overflow:hidden;margin:0 auto 25px}
.m5 .a5 .bgt3 img{width:100%;height:auto}


.bn2{ width:80%; height:auto; overflow:hidden; line-height:0;margin:0 auto 60px;}
.bn2 .carousel-inner{width:calc(100% - 190px);margin:0 auto;border:10px solid #fff;border-radius:15px;z-index:2}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.bn2 .carousel-inner > .carousel-item{background-size:auto 100%!important;background-position:center top !important}
.bn2 .carousel-inner > .carousel-item a{ width:100%; padding:0 0 0;height:auto; overflow:hidden; display:block; }
.bn2 .carousel-inner > .carousel-item a > img{ width:100%; padding:0 0 0;height:637px;  }
.bn2 .carousel-indicators{ bottom:25px}
.bn2 .carousel-indicators button{ height:20px; 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}
.bn2 .carousel-indicators button:hover{background-color:#80d7ec;transition:all 0.3s;border:2px solid #80d7ec}
.bn2 .carousel-indicators button:focus{background-color:#80d7ec!important;border:2px solid #80d7ec!important}
.bn2 .carousel-indicators button.active{background-color:#80d7ec; border:2px solid #80d7ec;width:20px;}
/*--控制左右鍵滑鼠碰到顏色--*/
.bn2 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s}
.bn2 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.bn2 .carousel-control.left, .bn5 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
/*.bn2 .carousel-control .glyphicon-chevron-left{font-size:16px;}
.bn2 .carousel-control .glyphicon-chevron-right{ font-size:16px;}*/
/*--控制左右鍵寬度--*/

.bn2 .carousel-control-next, 
.bn2 .carousel-control-prev{background:none;border: 0;opacity:1;transition:all 0.3s;width:8%;height:30%;top:35%}
.bn2 .carousel-control-next:hover, 
.bn2 .carousel-control-prev:hover{opacity:.5;transition:all 0.3s}
.bn2 .carousel-control-next-icon,
.bn2 .carousel-control-prev-icon
{width:4rem;height:4rem;background-image:none!important}

/*聯絡我們資訊*/
.m5 .a5 .b4{width:1400px;height:auto;overflow:hidden;margin:0 auto}
.m5 .a5 .b4 .d1{width:36%;height:auto;overflow:hidden;float:left}
.m5 .a5 .b4 .d1 .t5{width:100%;height:auto;overflow:hidden;font:500 32px/42px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#b57e55;float:right;letter-spacing:1px;margin-bottom:15px;text-align:justify;text-justify: inter-ideograph;}
.m5 .a5 .b4 .d1 .t5 span{color:#00932e;font:700 32px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m5 .a5 .b4 .d1 .t6{width:100%;height:auto;overflow:hidden;font:500 24px/42px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#b57e55;float:right;letter-spacing:1px;margin-bottom:15px;text-align:justify;text-justify: inter-ideograph;}
.m5 .a5 .b4 .d1 .t6 span{color:#111;font:500 24px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";}
.m5 .a5 .b4 .d1 .t6 a{font:500 24px/42px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體";color:#b57e55;}
.m5 .a5 .b4 .d1 .t6 a:hover{text-decoration:underline}
.m5 .a5 .b4 .d1 .t7{width:100%;height:auto;overflow:hidden;font:500 24px/42px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;float:right;letter-spacing:1px;margin-bottom:15px;text-align:justify;text-justify: inter-ideograph;}

.m5 .a5 .b4 .d1 .t7 img{width:auto;height:42px; padding-bottom:4px; vertical-align:middle; margin-right:5px}

.m5 .a5 .b4 .d1 .t8a{width:100%;height:auto;overflow:hidden;margin-bottom:10px}
.m5 .a5 .b4 .d1 .t8a .t8{width:calc(100% - 160px);height:auto;overflow:hidden;font:500 24px/36px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;letter-spacing:1px;margin-bottom:15px;text-align:justify;text-justify: inter-ideograph;float:right;padding-top:60px}
.m5 .a5 .b4 .d1 .t8a .im2{width:140px;height:auto;float:left}
.m5 .a5 .b4 .d1 .t8a .im2 img{width:100%;height:auto;}

.m5 .a5 .b4 .d1 .t14{width:100%;height:auto;overflow:hidden;font:500 24px/36px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#b57e55;float:right;letter-spacing:0px;text-align:justify;text-justify: inter-ideograph;border-top:1px solid #b57e55;padding-top:10px; }

/*聯絡表單*/
.m5 .a5 .b4 .d2{width:calc(100% - 40%);height:auto;overflow:hidden;float:right}
.m5 .a5 .b4 .d2 .t9{width:500px;height:auto;overflow:hidden;font:500 32px/50px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#fff;float:left;background:#da9b66;border-radius:100px;text-align:center;margin:0 0 10px;padding: 0 20px;box-sizing: border-box;}
.m5 .a5 .b4 .d2 .e1{width:100%;height:auto;overflow:hidden;}
.ls4{width:100%;height:auto;overflow:hidden;margin-bottom:10px}

.ls4b{background:linear-gradient(90deg,#cfebd2 50%,#cfebd2 50%) no-repeat left top/30% 100%;border-radius:12px 0 0 12px;}

.ls4 .t10{width:30%;height:auto;overflow:hidden;font:500 24px/50px/* "LXGW WenKai TC",*/'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#b57e55;float:left;background:#cfebd2;border-radius:100px 0 0 100px;text-align:center}
.ls4 .t10b{min-height:200px;height:auto;border-radius:12px 0 0 12px;}
.ls4 input{width:70%;height:50px;overflow:hidden;margin:0 auto;border:0px solid #ccc;padding:0 2%;float:left;display:block;box-sizing: border-box;font:400 20px/48px 'Noto Sans TC',verdana,"微軟正黑體";border-radius:0 100px 100px 0;}

.ls4 .f1{width:70%;height:50px;overflow:hidden;background:#fff;border-radius:0 100px 100px 0;padding:0 10px;box-sizing: border-box;float:left}
.ls4 .f1b{min-height:200px;height:auto;border-radius: 0 12px 12px 0;padding:25px 25px ;box-sizing: border-box;}

.ls4 select{width:12%;height:42px;overflow:hidden;float:left;border:2px solid #ccc;font:400 20px/48px 'Noto Sans TC',"微軟正黑體";color:#000;background:#fff;box-sizing: border-box;text-align:center;border-radius:4px;display: block;padding:0 0;float:left;margin:4px 0 0}
.ls4 .in1{width:30%;}

.ls4 .f1 .t11{width:40px;height:auto;overflow:hidden;font:500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;float:left;text-align:center}
.ls4 .f1 .t12{width:60px;height:auto;overflow:hidden;font:500 20px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;float:left;text-align:center}

/*勾選介面設定*/
.ls5{width:100%;height:auto;overflow:hidden;margin-bottom:6px}
.ck1{ width:36px; height:36px; overflow:hidden;float:left;margin-right:4px}
.ck1 input[type="checkbox"] {display:none;}
.ck1 input[type="checkbox"] + label { background:#bbb; width:26px; height:26px;border-radius:2px; padding:2px}
.ck1 input[type="checkbox"] + label div {display:block;width:
100%;height:100%; border:3px solid #fff;border-radius:2px;box-sizing: border-box; background:#fff }
.ck1 input[type="checkbox"]:checked + label div {border-radius:2px;background:#da9b66}
.ck1 label{height:19px;font:500 16px/18px 'Noto Sans TC',"微軟正黑體";}
.ls5 .t13{width:calc(100 - 50px);height:auto;overflow:hidden;font:500 20px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;float:left;}

.bt2{width:120px; height:60px;font:500 28px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:15px 0;float:right}
.bt2 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;}

.bt2 a{width:100%; height:60px;font:500 28px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#da9b66 }
.bt2 a:hover{ background:#c96816; border:0px solid #3577c1;transition:all 0.3s;}
/*驗證碼*/
.ls4 .in2{width:180px;border:1px solid #ccc;height:42px;margin:4px 4px 0 0;border-radius:4px;float:left}
.ls4 .cd1{width:auto; height:36px;float:left;;margin:7px 4px 0}
.ls4 .cd1 img{width:auto; height:100%;}
.ls4 .re1{width:auto; height:36px;float:left;margin:7px 0 0}
.ls4 .re1 a img{width:auto;height:100%;transition:all 0.3s}
.ls4 .re1 a img:hover{transform:scale(1.05);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

/*MAP*/
.m6{width:100%;min-height:400px; height:auto;background: url("../../images/bg6.png") no-repeat center top/100% auto,
url("../../images/bg4.jpg") no-repeat center /100% 60%,
url("../../images/bg4.jpg") no-repeat center bottom/100% 60%;
margin-top:-300px}
.m6 .a6{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:200px 0 300px;position:relative;}
.m6 .a6 .flw{width:156px;height:auto;position:absolute;right:0 ;bottom:20%;}
.m6 .a6 .lg2{width:215px;height:auto;overflow:hidden;margin:0 auto 60px}
.m6 .a6 .lg2 img{width:100%;height:auto;}

.m6 .a6 .map1{width:90%;height:700px;overflow:hidden;margin:0 auto 40px}
.m6 .a6 .map1 iframe{width:100%;height:100%;}


/*down*/
.m7{width:100%;min-height:300px; height:auto;background: url("../../images/bg7.png") no-repeat center top/100% auto,
linear-gradient(90deg,#fff 50%,#fff 50%)  no-repeat center bottom/100% 50%;margin-top:-160px}
.m7 .a7{width:90%;height:auto;overflow:hidden; margin:0 auto;padding:140px 0 50px;position:relative;}
.m7 .a7 .lg3{width:243px;height:auto;overflow:hidden;margin:0 50px 0 0;float:left}
.m7 .a7 .lg3 img{width:100%;height:auto;}
.m7 .a7 .im3{width:609px;height:auto;float:left;padding:40px 0 0;margin:0 80px 0 0}
.m7 .a7 .im3 img{width:100%;height:auto;}

.m7 .a7 .b5{width:410px;height:auto;float:right;margin:0 10px 0 0;padding:60px 0 0}
.ls6{width:50%;height:30px;overflow:hidden;float:left;margin:0 0 5px}
.ls6 a{width:100%;height:30px;overflow:hidden;font:500 24px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.ls6 a:hover{color:#b57e55}
.ls6 a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:5px}

.m7 .a7 .b6{width:250px;height:auto;float:right;padding:60px 0 0}

.ls7{width:70px;height:70px;overflow:hidden;float:left;margin:0 30px 0 0}
.ls7 a img{width:100%;height:100%;transition:all 0.3s}
.ls7 a img:hover{transform:scale(1.05);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}
/*回上*/
.btp{width:50px;height:50px;overflow:hidden;position:fixed;right:8px;bottom:4vh;z-index: 99;background:rgba(255,255,255,.5);padding: 3px;border-radius:100px;}
.btp a img{width:100%;height:auto;}


.ads{width:1100px;height:50px;position:fixed;left:20.5%;top:20px;z-index:999}


/*news_list----列表區*/
.bg1{background:url("../../images/bg4.jpg") center}
.m8{width:100%;height:auto;overflow:hidden;margin:0 auto 40px;/*position:relative;z-index: 2*/}
.m8 .a8{width:1200px;min-height: 500px; height:auto;overflow:hidden;margin:0 auto;padding:100px 0 }
.m8 .a8-2{width:84%;}
.b7{width:96%;height:60px;overflow:hidden;margin:0 auto 50px;text-align:center;background:linear-gradient(100deg,#da9b66 50%,#da9b66 50%) no-repeat center bottom/100% 1px;position:relative}
.b7-2{width:100%;}
.ls8{width:auto;height:auto;overflow:hidden;display: inline-block}
.ls8 a{width:auto;height:auto;overflow:hidden;display: inline-block;padding:0 20px;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#111;}

.ls8 a:hover{color:#00a358;}
.ls8 a.active{color:#00a358;background:linear-gradient(100deg,#00a358 50%,#00a358 50%) no-repeat center bottom/75% 5px}
.ls8b a:hover{color:#800;}
.ls8b a.active{color:#800;background:linear-gradient(100deg,#800 50%,#800 50%) no-repeat center bottom/75% 5px}
.m8 .a8 .b8{width:92%;height:auto;overflow:hidden;margin:0 auto 20px;padding:0 0% 0 0%;box-sizing: border-box;}

/*所有最新消息--手機版下拉分類介面*/
.b9{width:80%;height:auto;overflow:hidden;display:none;margin:0 auto 20px}
.b9 .t24{width:20%;height:62px;overflow:hidden;float:left;font:500 28px/62px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:center}
.b9 select{width:calc(100% - 22%);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}
/*EVENT----列表區*/


.ls9{width:31.3%;height:auto;overflow:hidden;margin:0 1% 25px;border:0px solid rgba(215,170,40,0);border-radius:0px;/*background:#fff;*/float:left;box-sizing: border-box;transition:all 0.3s;background:#fff;padding:20px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.35);}
.ls9:hover{transition:all 0.3s;border:0px solid rgba(215,170,40,1);}
.ls9 a{width:100%;height:auto;overflow:hidden;padding:0;box-sizing: border-box;display:block} 
.ls9 a .im14{width:100%;height:271px;overflow:hidden;position:relative;margin-bottom:10px}
.ls9 a .im14 img{width:100%;height:100%;transition:all 0.3s}
.ls9 a:hover .im14 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s; filter:brightness(120%)}

.ls9 a .im14 
.cv3{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}
.ls9 a .im14 .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 Sans TC',"微軟正黑體";color:#111;text-align:center;padding:0 10px 0 6px;border-radius:0 20px 20px 0;letter-spacing:-1px}
.ls9 .im14 .cv4-2{background:#ff1e68;}
.ls9 a .t4{width:100%;height:64px;overflow:hidden;position:relative;font:700 22px/32px 'Noto Sans TC',"微軟正黑體";color:#111;;margin:0 auto 5px;transition:all 0.3s}
.ls9 a .t4-2{text-align:center}
.ls9 a:hover .t4{color:#49361f;text-decoration:underline;transition:all 0.3s}
.ls9 a .t3{width:100%;height:25px;overflow:hidden;position:relative;font:500 18px/25px 'Noto Sans TC',"微軟正黑體";color:#333;margin:0 auto 5px;text-align:justify;text-justify: inter-ideograph;}
/*分類名稱*/
.ls9 a .t3 .tp4{width:auto;height:25px;font:400 16px/25px '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}
.ls9 a .t3 .tp4-2{float:left;}
/*.ls13 
/*最新消息套件內LIST*/
.ls9-2{width:410px!important;margin:0 17px 18px;}

.bt21{width:100px; height:38px;font:18px/36px '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 '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;}
/*頁籤*/
.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: #da9b66 none repeat scroll 0 0;
    border: 1px solid #da9b66;
    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 '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}


.m8 .a8 .b10{width:900px;height:auto;overflow:hidden;margin:0 auto 40px;}
.m8 .a8 .b10 .t15{width:100%;height:auto;overflow:hidden;display:block;font:700 52px/62px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:-1px;margin-bottom:25px}


.m8 .a8 .b10 .c1{width:100%;height:auto;overflow:hidden;margin-bottom:10px}
.m8 .a8 .b10 .c1 .dt1{width:50%;height:auto;overflow:hidden;display:inline-block;font:500 18px/40px 'Noto Sans TC',"Century Gothic","微軟正黑體";letter-spacing:0px;float:left}
.m8 .a8 .b10 .c1 .dt1 a img{width:auto;height:24px; padding-bottom:3px; vertical-align:middle; margin-left:4px;transition:all 0.3s}
.m8 .a8 .b10 .c1 .dt1 a:hover img{opacity:.7;transition:all 0.3s}
.m8 .a8 .b10 .c1 .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 #2b4b7e;background:#2b4b7e;margin-left:8px}

.m8 .a8 .b10 .im4{width:100%;height:auto;overflow:hidden;margin-bottom:30px}

.m8 .a8 .b10 .im4 img{width:100%;height:auto;}

.m8 .a8 .b10 .t16{width:100%;height:auto;overflow:hidden;margin-bottom:40px;color:#111;line-height:normal}
.m8 .a8 .b10 .t16 img{max-width:100%;}
.m8 .a8 .b10 .t16 ul{padding-left:20px;}
.m8 .a8 .b10 .t16 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:#111}
.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:#111}
.tg2 a:hover{color:#444}
/*上下一則+回列表*/
.m8 .a8 .b11{width:100%;height:auto;overflow:hidden;margin:0 auto 50px;text-align:center;background:linear-gradient(100deg,#da9b66 50%,#da9b66 50%) no-repeat center top/100% 1px;position:relative}
.m8 .a8 .b11 .c2{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 '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}
/*編輯器表單 樣板*/
.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;padding:0 0 10px;}
.bx1-2{width:900px}

.bx1 table{border: 1px solid #ccc;border-right: 0;border-bottom: 0;box-sizing: border-box;background:#fff}
.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";}


/*聯絡我們資料送出完成*/
.m9{/* width:600px;*/height:auto;overflow:hidden;margin:60px auto 0}
.m9 .modal-content{ width:100%; height:auto; overflow:hidden;border:0;padding:0 0 0 0%; box-sizing: border-box}
.m9 .modal-content form{ width:100%;height:auto;overflow:hidden;}
.m9 .modal-content form > div{box-sizing:border-box}
/*.m13 .a16{width:100%;height:500px;overflow:hidden;margin:0 auto;}*/
.m9 .modal-body{ width:100%; height:auto; overflow:hidden; padding:30px 6% 0;margin:0 auto;}
.m9 .modal-content form .modal-footer{border:0;padding:0 6% 0; margin-bottom:30px}
.m9 .modal-content form .modal-body .btn-close{ position:absolute;top:15px; right:30px;font:42px/50px "Century Gothic","微軟正黑體"; opacity:.8}
.m9 .modal-content form .modal-body .a21{width:100%;height:auto;overflow:hidden;}
.m9 .modal-content form .modal-body .a9 .t17{ 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;}

.m9 .modal-content form .modal-body .a9 .t18{ width:90%; min-height:110px;height:auto;overflow:hidden;font:500 24px/36px '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-0: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; }

.m9 .modal-content form .modal-body .a9 .t18 h4
{font:700 28px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#599d00;letter-spacing:0px}
.m9 .modal-content form .modal-body .a9 .t18 h5
{font:700 28px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體"; color:#c00;letter-spacing:0px}

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