@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, bl eockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; background: 0 0 }
li, ol, ul { list-style: none }
fieldset, img { border: none }
a { font-size: 15px; text-decoration: none; outline: 0; hlbr:expression(this.onFocus=this.blur());
color: #000; transition: all .3s }
a:hover {  text-decoration: none; color: #000; outline: 0; hlbr:expression(this.onFocus=this.blur());
transition: all .3s }
a:focus { outline: 0; hlbr:expression(this.onFocus=this.blur());
text-decoration: none; transition: all .3s }

body { outline: 0; hlbr:expression(this.onFocus=this.blur());
line-height: 0; }
html{scroll-behavior: smooth;}
.m1 { width: 100%; height: 800px; overflow: hidden; position: relative }
.m1>iframe { width: 100%; height: 160%; position: absolute; top: -250px; left: 0 }
.m1 .a1 { width: 100%; height: 660px; position: absolute; top: 0; left: 0; background: url(../../images/cv.png) center top repeat-y; z-index: 2; padding: 140px 0 0 }
.m1 .a1 .b1 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto }
.m1 .a1 .b1 .lg { width: 230px; height: 102px; margin: 0 auto 20px }
.m1 .a1 .b1 .lg a { width: 230px; height: 0; overflow: hidden; padding: 102px 0 0; display: inline-block; background: url(../../images/lg.png); text-indent: -9999px }
.m1 .a1 .b1 .sh { width: 660px; height: 70px; padding: 0 10px; border-radius: 2px; background: rgba(185,180,170,.8); margin: 0 auto 15px }
.m1 .a1 .b1 .sh .bx1 { width: 520px; height: 66px; margin-right: 20px; border: 0; float: left; font: italic 28px/66px "Times New Roman", "新細明體"; color: #333; background: 0 0; padding-left: 20px; text-align: center; letter-spacing: -1px }
.m1 .a1 .b1 .sh ::-webkit-input-placeholder {
color:#333
}
.m1 .a1 .b1 .sh .bt1 { width: 90px; height: 40px; padding: 15px 0; float: left }
.m1 .a1 .b1 .sh .bt1 a { width: 90px; height: 40px; font: italic 20px/40px "Times New Roman", "新細明體"; color: #ddd; display: inline-block; text-align: center; background: #4b4537; border-radius: 0 }
.m1 .a1 .b1 .sh .bt1 a:hover { background: #6a6559; color: #fff }
.m1 .a1 .b1 .c1 { width: 680px; height: 120px; overflow: hidden; margin: 0 auto 20px; text-align: center }
.m1 .a1 .b1 .c1 a { width: auto; height: 34px; font: italic 18px/33px Georgia, "新細明體"; color: #fff; display: inline-block; text-align: center; background: rgba(0,0,0,0); border-radius: 0; border: 0 dotted rgba(255,255,255,.5); padding: 0 15px; margin: 0 0 5px; letter-spacing: -.5px; text-shadow: 0 2px 5px rgba(0,0,0,1) }
.m1 .a1 .b1 .c1 a:hover { background: rgba(0,0,0,.9); border: 0 solid transparent; color: #eee }
.m1 .a1 .b1 .c2 { width: 810px; height: 83px; overflow: hidden; margin: 0 auto 75px; padding-left: 30px; position: relative }
.m1 .a1 .b1 .c2 .sdw { width: 20px; height: 60px; border: 1px solid rgba(255,255,255,.3); position: absolute; left: 10px; top: 0; border-bottom: 0; border-right: 0 }
.m1 .a1 .b1 .c2 .sdw2 { width: 20px; height: 60px; border: 1px solid rgba(255,255,255,.3); position: absolute; right: 20px; bottom: 0; border-top: 0; border-left: 0 }
.m1 .a1 .b1 .c2 .d1 { width: 250px; height: 83px; overflow: hidden; margin-right: 10px; float: left; transform: skew(-20deg, 0deg) }
.m1 .a1 .b1 .c2 .d1 img { width: 120%; height: 120%; transition: all .3s; -webkit-filter: grayscale(80%); filter: grayscale(80%); transform: translate(-10%, -10%); transform: skew(20deg, 0deg); margin-left: -20px }
.m1 .a1 .b1 .c2 .d1 img:hover { width: 116%; height: 116%; transform: translate(-8%, -8%); transform: skew(20deg, 0deg); transition: all .3s; -w ebkit-filter:grayscale(0) contrast(130%);
filter: grayscale(0) contrast(130%); margin-left: -15px }
.m1 .a1 .b1 .c3 { width: 96px; height: 55px; margin: 0 auto }
.m1 .a1 .b1 .c3 img { opacity: 1; transition: all .3s }
.m1 .a1 .b1 .c3:hover img { opacity: .9; transition: all .3s }
.m2 { width: 100%; height: 0; position: relative; z-index: 2 }
.m2 .sd { width: 100%; height: 12px; background: url(../../images/sd.png) center bottom no-repeat; position: absolute; bottom: -12px; left: 0 }
.m3 { width: 100%; height: 900px; overflow: hidden; line-height: 0; margin-bottom: 0 }
.m3 .carousel-inner>.item>a { width: 100%; padding: 900px 0 0; height: 0; overflow: hidden; display: inline-block; text-indent: -9999px }
.m3 .carousel-indicators .active { background-color: rgba(0,0,0,.6); border: 1px solid transparent }
.m3 .carousel-indicators li { height: 6px; width: 40px; background-color: rgba(255,255,255,.7); border: 1px solid rgba(0,0,0,.6); margin: 0 2px; box-shadow: 0 2px 5px rgba(0,0,0,.2); transition: all .3s }
.m3 .carousel-indicators li:hover { background-color: rgba(200,0,0,1); transition: all .3s }
.m3 .carousel-caption { width: 64%; height: auto; overflow: hidden; bottom: 60px; left: 18%; text-align: center; font: 42px/50px verdana, "微軟正黑體"; padding: 10px 0; letter-spacing: -1px; text-shadow: 0 0 0 #000; transition: all .8s linear }
.m3 .carousel-caption:hover { transition: all 1.2s linear }
.m3 .carousel-caption a { font: 46px/60px "微軟正黑體"; color: #fff; text-shadow: 0 3px 6px rgba(0,0,0,.5); letter-spacing: -2.5px }
.m3 .carousel-caption a:hover { color: #fff; transition: all .4s }
.m3 .carousel-indicators { bottom: 30px }
.m3 .carousel-control.left, .m3 .carousel-control.right { background-image: none; width: 8% }
.mx { width: 100%; height: 99px; z-index: 999; background: rgba(255,255,255,1); border-bottom:0px solid #eee; opacity: 0; animation: go9 .5s linear .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running; position:relative}
@keyframes go9 { 100% {
opacity:1
}
}
.mx3 { width: 100%; height: 100px; z-index: 999; background: rgba(0,0,0,0); position: absolute; top: 0; left: 0; border: 0 }
.mx2 { height: 0; overflow: hidden; opacity: 0; transition: all .3s; position: fixed; top: 0; z-index:3}
.mx .a3 { width: 98%; height: 100px; margin: 0 auto; position: relative; }
.mx .a3 .lg1 { width: 200px; height: 100px; overflow: hidden; float: left; text-align: center; margin-right: 0 }
.mx .a3 .lg1 a { width: 200px; height: 0; overflow: hidden; margin: 0 auto; background: url(../../images/lg2.png) no-repeat left 3px/100% auto; padding: 100px 0 0; display: inline-block; text-indent: -9999px; line-height: 100px }
.mx2 .a3 .lg1 a { background: url(../../images/lg2.png) no-repeat left 3px/100% auto }
.mx3 .a3 .lg1{ display:none}
.mx3 .a3 .lg1 a { background: url(../../images/lg3.png) no-repeat left 3px/100% auto}
.mx .a3 .b7 { width: 80%; height: 70px; float: left; text-align: center; position: absolute; left: 10%; top: 0; padding: 30px 0 0}
.mx .a3 .b7 .lnk{ width:auto; height:70px; display:inline-block; position:relative;transition:all 0.3s;font:bold 28px/40px 'Reenie Beanie',"Century Gothic", "新細明體"; color: #333;}
.mx .a3 .b7 .lnk > a { font:bold 28px/40px 'Reenie Beanie',"Century Gothic", "新細明體"; color: #333; margin-right: 0; letter-spacing: 0; text-transform: uppercase; width: auto; height: 70px; display: inline-block; padding: 0 15px; background: linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat 100px top/0 2px, linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat -60px 40px/0 2px; border-radius: 0; position: relative }
.mx .a3 .b7 .lnk img{width:auto; height: 30px;display: inline-block;padding-bottom: 0px;margin-right: 7px;vertical-align: middle;transform:rotate(0deg) scale(1); transition:all 1.3s;}
.mx .a3 .b7 .lnk:hover img{transform:rotate(90deg) scale(1.2); transition:all 0.5s;}

.mx .a3 .b7 .lnk >a h4 { font: 22px/40px "Century Gothic", "新細明體"; display: inline-block; letter-spacing: -.5px }
.mx .a3 .b7 .lnk >a h4 p { font: 12px/10px "Century Gothic", "新細明體"; display: inline-block; height: 10px; width: auto; position: absolute; left: 6px; transform: scale(.75); background: #ed004e; padding: 0 3px 0 1px; color: #fff; animation: go17 .6s ease-out 0s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running }
/*主選單下拉*/

.mx .a3 .b7 .lnk .slk{ width:200px; height:0px; overflow:hidden; position:absolute; top:42px; left:10px;transition:all 0.3s;border-bottom:0px solid #ccc;box-shadow:0 3px 6px rgba(0,0,0,.0)}
.mx .a3 .b7 .lnk:hover .slk{ height:auto;transition:all 0.3s;padding-top:10px;box-shadow:0 3px 6px rgba(0,0,0,.25)}
.mx .a3 .b7 .lnk .slk a{ font:italic 500 16px/40px 'M PLUS Rounded 1c','Noto Sans TC', "Century Gothic","微軟正黑體"; display: block; width:100%; height:0px; background:#fefefe; border-top:1px solid #ccc;opacity:0}
.mx .a3 .b7 .lnk:hover .slk a{ height:40px;transition:all 0.4s; background:#f4f4f4;opacity:1}
.mx .a3 .b7 .lnk .slk a:hover{background:#fd4;}


@keyframes go17 { 0% {
top:4px
}
100% {
top:8px
}
}
.mx .a3 .b7 .lnk>a::after { color: #aaa; font: 13px/40px "Century Gothic", "新細明體" }
.mx .a3 .b7 .lnk>a:hover { color: #000; /*background: linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat right top/100% 2px, linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat left 40px/100% 2px;*/ transition: all .3s }



.mx .a3 .b7 .lnk>a span { font: 12px/40px "新細明體"; transition: all .3s; margin-left: 2px; letter-spacing: 0 }
.mx .a3 .b7 .lnk>a:hover span { color: #fff; transition: all .3s }
.mx .a3 .b7-2 .lnk a::after { content: '' }
.mx .a3 .b7 .lnk:hover > a{/*background: linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat right top/100% 2px, linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat left 40px/100% 2px*/; transition: all .3s; color: #000;}
.mx3 .a3 .b7 .lnk>a { color: #333 }
.mx3 .a3 .b7 .lnk>a:hover { color: #000 }

.mx .a3 .b8 { width: 10%; height: 60px; float: right; text-align: right }
.mx .a3 .b8>a { width: auto; overflow: hidden; height: 70px; font: italic 17px/70px "Times New Roman", "微軟正黑體"; color: #ccc; margin: 0 0 0 17px; float: right; text-align: center; display: inline-block; padding-left: 3px }
.mx .a3 .b8>a:hover { color: #b8b3a8; color: #fff }
.mx .a3 .b8>a span { font: 12px/70px "微軟正黑體"; transition: all .3s; margin-left: 2px }
.mx .a3 .b8>a:hover span { color: #fff; transition: all .3s }
.mx .a3 .b8 .ct { width: 120px; height: 90px; font: 12px/90px "新細明體"; color: #ccc; float: right }
.mx .a3 .b8 .ct>a { font: italic 17px/90px "Times New Roman", "微軟正黑體"; color: #ccc; float: right }
.mx .a3 .b8 .ct>a:hover { color: #b8b3a8; color: #fff }
.mx .a3 .b8 .ct>a span { font: 12px/90px "新細明體"; transition: all .3s; margin-left: 2px }
.mx .a3 .b8 .ct>a:hover span { color: #fff; transition: all .3s }
.mx .a3 .b8 .ct .qt1 { width: 24px; height: 24px; float: right }
.mx .a3 .b8 .ct .qt1 a { width: 24px; height: 24px; display: inline-block; font: 700 12px/24px verdana, "微軟正黑體"; background: #b48f36; border-radius: 50px; margin: 18px 0 0; color: #fff; text-align: center; letter-spacing: -.5px }
.mx .a3 .b8 .ct .qt1 a:hover { background: #c0b088 }
.lk { box-shadow: 0 1px 3px rgba(0,0,0,.1); height: 0; overflow: hidden; position: relative; z-index: 0; opacity: 0 }
.top-bar { z-index: 100; height: 100px; background: rgba(243,236,160,1); box-shadow: 0 1px 6px rgba(0,0,0,.25); opacity: 1; overflow: inherit; border-bottom: 0 solid rgba(75,60,30,.9); transition: all .3s;/*background: #FFF799*/}
#top-bar .a3 .b7>a { color: #000; font: 18px/40px "Century Gothic", "新細明體" }
#top-bar .a3 .b7>a:hover { color: #ed004e }
.mm { width: 100%; height: 0 }
.mx .a3 .b8 .mba { width: auto; min-height: 90px; height: auto; margin-left: 20px; position: relative; font: 13px/90px verdana, "微軟正黑體"; color: #eee; float: right }
.mx .a3 .b8 .mba:hover { color: #b8b3a8 }
.mx .a3 .b8 .mba>a { width: auto; height: 60px; font: italic 17px/60px "Times New Roman", "微軟正黑體"; color: #ccc; display: inline-block }
.mx .a3 .b8 .mba>a:hover { color: #fff }
.mx .a3 .b8 .mba>a h4 { font: 12px/60px "新細明體"; transition: all .3s; margin-left: 2px; display: inline }
.mx .a3 .b8 .mba>a:hover h4 { color: #fff; transition: all .3s }
.mx .a3 .b8 .mba .bt12 { width: 120px; height: auto; overflow: hidden; position: absolute; top: 59px; left: -8px; transition: all .3s }
.mx .a3 .b8 .mba span { width: 0; height: 0; border-bottom: 8px solid #aaa; border-left: 8px solid transparent; border-right: 8px solid transparent; opacity: 0; transition: all .3s; position: absolute; top: 51px; left: 40px }
.mx .a3 .b8 .mba:hover span { opacity: 1; transition: all .3s }
.mx .a3 .b8 .mba .bt12 a { width: 120px; height: 0; overflow: hidden; font: 13px/32px verdana, "微軟正黑體"; color: #ccc; background: rgba(0,0,0,.85); display: inline-block; text-align: center; border-bottom: 0 dotted rgba(75,60,30,0); float: left }
.mx .a3 .b8 .mba:hover .b2 a { color: #b8b3a8; height: 32px; border-bottom: 1px dotted rgba(75,60,30,1) }
.mx .a3 .b8 .mba .bt12 a:hover { color: #fff; background: rgba(0,0,0,.8) }
.m4 { width: 1210px; min-height: 100px; height: auto; overflow: hidden; margin: 0 auto 80px; padding: 0 0 0 10px }
.m4-2 { width: 968px; min-height: 100px; height: auto; overflow: hidden; margin: 0 auto 80px; padding: 0 0 0 242px }
.bgt1 { width: 90%; height: auto; overflow: hidden; margin: 0 auto 50px; font: 36px/48px "Century Gothic", "微軟正黑體"; color: #fff; text-align: center; letter-spacing: -1px; position: relative; opacity: 0; animation: go12 1s ease-out .4s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.bgt1-2 { width: 970px; padding: 0 0 0 210px }
.bgt1-3 { color: #000; margin-top: 50px }
.bgt1-4 { color: #000; font: 18px/70px "Century Gothic", "微軟正黑體"; text-align: left; letter-spacing: 0; color: #333 }
.bgt1-5 { color: #000; font: 18px/70px "Century Gothic", "微軟正黑體"; text-align: left; letter-spacing: 0; color: #333; margin: 50px auto }
.bgt1 span { color: #aaa; font: 29px "新細明體" }
.bgt1 h3 { color: #000; font:700 80px/70px "Century Gothic"; display: inline-block; float: left; padding-right: 2%; border-right: 1px solid #ddd; margin-right: 2%; width: auto }
.bgt1 h4 { font: 700 29px/41px "Times New Roman", "微軟正黑體"; color: #333; -webkit-transform: scale(.9); letter-spacing: -2px; display: inline; margin-left: 0; margin-right: -4px }
.bgt1 h5 { color: #000; font:700 36px/70px "Century Gothic"; display: inline-block; float: left; padding-right: 2%; border-right: 1px solid #ddd; margin-right: 5%; width: 24% }
.bgt1 h6 { color: #000 }
.mo1 { width: 200px; height: 36px; text-align: right; position: absolute; right: 0; top: 0 }
.mo1 a { font: 700 14px/40px Arial, "微軟正黑體"; color: #333 }
.mo1 a:hover { color: #d00 }
.ls1 { width: 393px; height: 190px; float: left; margin: 0 10px 10px 0; padding: 30px 0; position: relative }
.cl1 { background: linear-gradient(80deg, #d7d7d7 20%, #a1a1a1 80%) repeat-x }
.cl2 { background: linear-gradient(90deg, #c3c9d6 20%, #9ca2ae 80%) repeat-x }
.cl3 { background: linear-gradient(90deg, #cabbaa 20%, #af9f8e 80%) repeat-x }
.cl4 { width: 796px; background: linear-gradient(180deg, #e4dbc9 20%, #b8af9d 80%) repeat-x }
.ls1 .im1 { width: 190px; height: 190px; overflow: hidden; float: left; padding-left: 10px }
.ls1 .im1 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.ls1:hover .im1 img { width: 104%; height: 104%; transform: translate(-2%, -2%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ls1 .im2 { width: 540px; height: 190px; overflow: hidden; float: left; padding-left: 30px }
.ls1 .im2 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.ls1 .im2:hover img { width: 104%; height: 104%; transform: translate(-2%, -2%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ls1 .t1 { width: 195px; height: auto; overflow: hidden; position: absolute; bottom: 120px; right: 0 }
.ls1 .t1 a { font: 15px/20px verdana, "微軟正黑體"; color: #fff; display: inline-block; width: 180px; min-height: 20px; height: auto; overflow: hidden; padding: 5px 5px 6px 10px; background: rgba(0,0,0,.8); letter-spacing: -.5px }
.ls1 .t1 a:hover { background: #555 }
.ls1 .pr { width: 190px; height: 40px; position: absolute; top: 130px; right: 0; font: italic 32px/40px "Times New Roman", "新細明體"; color: #555; letter-spacing: -1px }
.ls1 .pr span { font: 16px/30px verdana, "微軟正黑體" }
.ls2 { width: 393px; height: 250px; overflow: hidden; float: left; margin: 0 10px 10px 0; position: relative }
.ls2 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.ls2:hover img { width: 104%; height: 104%; transform: translate(-2%, -2%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ls3 { width: 796px; height: 250px; overflow: hidden; float: left; margin: 0 10px 10px 0; position: relative }
.ls3 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.ls3:hover img { width: 104%; height: 104%; transform: translate(-2%, -2%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ls4 { width: 232px; height: 100px; overflow: hidden; float: left; margin: 0 10px 10px 0; position: relative; background: #000 }
.ls4 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s; -webkit-filter: grayscale(80%); filter: grayscale(80%) }
.ls4:hover img { width: 108%; height: 108%; transform: translate(-4%, -4%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%); -webkit-filter: grayscale(0); filter: grayscale(0) }
.ls4 .t2 { width: 232px; height: 100px; position: absolute; left: 0; top: 0; text-align: center; z-index: 2 }
.ls4 .t2 a { width: 232px; height: 100px; font: 700 italic 18px/100px "Times New Roman", "微軟正黑體"; color: #aaa; letter-spacing: -1px; background: rgba(0,0,0,.7); display: inline-block; text-transform: uppercase }
.ls4 .t2 a:hover { color: #fff; background: rgba(0,0,0,.2); text-shadow: 0 0 3px rgba(0,0,0,.5) }
footer { width: 100%; height: auto; overflow: hidden; border-top: 0 solid rgba(75,60,30,.5); background: rgba(20,20,20,1); font: 12px/50px verdana, "微軟正黑體"; color: #888 }
.footer-2{background:#66202a;color: #ccc}
footer>div { width: 96%; margin: 0 auto; text-align: center; font: 14px/50px verdana, "微軟正黑體";height: 50px }
footer>d iv ul{width: 100%; height: 50px; overflow: hidden;display:inline-block}

footer>div ul li{width: auto; height: auto; overflow:hidden;display:inline-block;margin:0 5px;font;14px/50px verdana, "微軟正黑體"}

footer>div a { font: 14px/50px verdana, "微軟正黑體"; color: #ccc }
footer>div img,
footer>div a img{width:auto;height:20px;vertical-align: middle;margin-right:5px; padding-bottom: 4px}
footer>div a:focus, footer>div a:hover {  color: #fa0 }

footer .a2 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto }
footer .a2>div { float: left; height: auto; overflow: hidden }
footer .a2 .lg2 { width: 180px; margin-right: 60px }
footer .a2 .lg2 img { width: 180px; height: auto }
footer>div .a19 { }
footer .a2 .b2 { width: auto; font: italic 20px/26px "Times New Roman", "微軟正黑體"; color: #666; margin-right: 40px; padding: 0 0 0 5px; text-align: left }
footer .a2 .b2 .ls5 { width: 70px; height: auto; overflow: hidden; text-align: left }
footer .a2 .b2 .ls5 a { width: 70px; height: auto; overflow: hidden; font: 12px/22px verdana, "新細明體"; color: #666; display: inline-block; float: left; letter-spacing: 0 }
footer .a2 .b2 .ls5 a:hover { text-decoration: underline; color: #eee }
footer .a2 .b3 { width: 180px; font: italic 20px/26px "Times New Roman", "微軟正黑體"; color: #666; margin: 0 20px 0 0 }
footer .a2 .b3 .c4 { width: 180px; height: auto; overflow: hidden; font: 12px/22px verdana, "新細明體"; color: #888 }
footer .a2 .b3 .c4 a { font: 12px/25px verdana, "新細明體"; color: #7a7059 }
footer .a2 .b3 .c4 a:hover { text-decoration: underline; color: #eee }
footer .a2 .b4 { width: 80px; font: italic 20px/26px "Times New Roman", "微軟正黑體"; color: #666; margin: 0 40px 0 0 }
footer .a2 .b4 .cd { width: 80px; height: 80px; margin: 4px 0 8px }
footer .a2 .b4 .cd img { width: 80px; height: 80px }
footer .a2 .b4 .c5 { width: 80px; height: auto; overflow: hidden; font: 12px/18px Arial, "新細明體"; color: #888; text-align: center }
footer .a2 .b5 { width: 120px; font: italic 20px/26px "Times New Roman", "微軟正黑體"; color: #666; margin-bottom: 5px }
footer .a2 .b5 .c6 { width: 120px; height: auto; overflow: hidden; padding: 4px 0 0 }
footer .a2 .b5 .c6 img { width: 24px; height: 24px; float: left; margin: 0 10px 0 0 }
footer .a2 .b6 { width: 260px; height: auto; overflow: hidden; font: italic 20px/24px "Times New Roman", "微軟正黑體"; text-transform: uppercase; color: #fff; padding: 19px; border: 1px solid #444; float: right; color: #7a7059; text-align: center }
footer .a2 .b6 h4 { font: 12px/30px "新細明體"; color: #888; margin-bottom: 5px }
footer .a2 .b6 .bx2 { width: 240px; height: 44px; padding: 0 10px; background: #b8b3a8; border-radius: 2px; font: 13px/30px verdana, "新細明體" }
footer .a2 .b6 .bx2 input { width: 160px; height: 44px; float: left; background: 0 0; border: 0; font: 13px/38px verdana, "新細明體"; color: #000 }
footer .a2 .b6 .bx2 .bt1 { width: 70px; height: 30px; float: right; padding: 7px 0 0 }
footer .a2 .b6 .bx2 .bt1 a { width: 70px; height: 30px; font: 13px/30px verdana, "新細明體"; color: #fff; display: inline-block; text-align: center; background: #4b4537; border-radius: 2px }
footer .a2 .b6 .bx2 .bt1 a:hover { background: #6a6559 }
.m1-2 { height: 380px; margin-bottom: 30px }
.m1-2 .a1 { height: auto; overflow: hidden; padding: 60px 0 0 }
.m1 .a3 { width: 100%; height: 380px }
.m1 .a3 iframe { width: 100%; height: 300%; position: absolute; top: -250px; left: 0 }
.m5 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto 60px }
.m5 .a4 { width: 200px; height: auto; overflow: auto; float: left; margin: 0 10px 30px 0 }
.m5 .a4-2 { width: 200; height: 100px; clear: both; margin: 0 10px 30px 0 }
.shopleft { position: fixed; top: 70px; z-index: 100; transition: all .3s; opacity: 1; background: url(../../images/bg1.png) #111 }
.m5 .a4 .t3 { width: 100%; height: 40px; overflow: hidden; font: italic 27px/30px "Times New Roman", "新細明體"; color: #ddd; border-bottom: 1px solid #555; letter-spacing: -1px; margin-bottom: 10px }
.m5 .a4 .t4 { width: 100%; height: auto; overflow: hidden }
.m5 .a4 .t4 a { font: 15px/27px verdana, "微軟正黑體"; color: #888 }
.m5 .a4 .t4 a:hover { color: #ccc; text-decoration: underline }
.m5 .a4 .t4 a.active { color: #fff }
.m5 .a4 .t5 { width: 100%; height: auto; overflow: hidden }
.m5 .a4 .t5 a { width: 95%; height: auto; overflow: hidden; font: 13px/24px verdana, "微軟正黑體"; color: #888; display: inline-block; padding: 0 0 0 5% }
.m5 .a4 .t5 a:hover { color: #ccc; text-decoration: underline }
.m5 .a4 .t5 a.active { color: #fff }
.m5 .a5 { width: 990px; height: auto; overflow: hidden; float: right; margin-bottom: 0 }
.m5 .a5 .bn1 { width: 960px; height: 365px; overflow: hidden; margin-left: 30px }
.m5 .a5 .bn1 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.m5 .a5 .bn1:hover img { width: 104%; height: 104%; transform: translate(-2%, -2%); transition: all .3s; filter: contrast(140%); -webkit-filter: contrast(140%) }
.b9 { width: 90%; height: auto; overflow: hidden; margin: 20px auto 0; text-align: center; opacity: 0; animation: go12 .5s ease-out 1.2s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go12 { 100% {
opacity:1
}
}
.gd1 { width: 560px; min-height: 20px; height: auto; overflow: hidden; border-bottom: 0 solid #ddd; font: 20px/20px "Century Gothic", "微軟正黑體"; color: #ccc; letter-spacing: 0; padding: 15px 0; margin: 0 auto; text-align: center }
.gd1-2 { width: 960px; margin-left: 30px; padding: 0; margin-bottom: 20px }
.gd1-3 { padding: 0 0 15px }
.gd1 a { font:500 32px/30px 'Reenie Beanie',"Century Gothic", "微軟正黑體"; color: #333; margin-right: 5px }
.gd1 a:hover { color: #d00 }
.gd1 h4 { color: #333; font: 500 80px/80px 'Reenie Beanie',"Century Gothic", "微軟正黑體"; display: inline; margin-left: 0; letter-spacing: -3.5px;text-transform:uppercase}
.m5 .a5 .b9 .t6 { width: 400px; height: auto; overflow: hidden; border-bottom: 0 solid #ddd; font: 15px/50px "新細明體"; color: #111; letter-spacing: -.5px; float: right; text-align: right; padding: 10px 0 0 }
.m5 .a5 .b9 .t6 a { font: 13px/28px "新細明體"; color: #aaa; display: inline-block; border: 1px solid #444; padding: 0 10px; float: right; margin-left: 10px; letter-spacing: 0; height: 28px }
.m5 .a5 .b9 .t6 a:hover { background: #907a46; border: 1px solid #907a46; color: #fff }
.m5 .a5 .b9 .t6 a.active { background: #907a46; border: 1px solid #907a46; color: #fff }
.m5 .a5 .b10 { width: 990px; height: auto; overflow: hidden; float: right }
.m5 .a5 .b10 .ls6 { width: 300px; height: auto; overflow: hidden; float: left; margin: 0 0 20px 30px }
.m5 .a5 .b10 .ls6 .im3 { width: 300px; height: 300px; overflow: hidden; position: relative; margin-bottom: 5px; transition: all .3s }
.m5 .a5 .b10 .ls6 .im3 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.m5 .a5 .b10 .ls6 .im3:hover img { width: 108%; height: 108%; transform: translate(-4%, -4%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.m5 .a5 .b10 .ls6 .im3 .cv2 { width: 300px; height: 76px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); transition: all .3s; z-index: 2; text-align: center; opacity: 0; padding: 60px 0 174px }
.m5 .a5 .b10 .ls6 .im3:hover .cv2 { transition: opacity .3s; opacity: 1; padding: 102px 0 122px }
.m5 .a5 .b10 .ls6 .im3 .cv2 a img { vertical-align: middle; width: 0; height: 0; opacity: 0 }
.m5 .a5 .b10 .ls6 .im3:hover .cv2 a img { width: 60px; height: 60px; opacity: .7 }
.m5 .a5 .b10 .ls6 .im3 .cv2 a:hover img { opacity: 1; filter: contrast(120%); -webkit-filter: contrast(120%) }
.m5 .a5 .b10 .ls6 .im3 .t12 { position: absolute; width: 80%; height: auto; text-align: center; bottom: 0; text-align: center; opacity: 0; z-index: 3; transition: all .3s; left: 10% }
.m5 .a5 .b10 .ls6 .im3:hover .t12 { bottom: 105px; opacity: 1; transition: all .3s }
.m5 .a5 .b10 .ls6 .im3 .t12 a { font: 700 italic 18px/30px "Times New Roman", "新細明體"; color: #bbb }
.m5 .a5 .b10 .ls6 .im3 .t12 a:hover { color: #907a46 }
.m5 .a5 .b10 .ls6 .t6 { width: 100%; height: 40px; overflow: hidden }
.m5 .a5 .b10 .ls6 .t6 a { font: 13px/20px verdana, "新細明體"; color: #aaa }
.m5 .a5 .b10 .ls6 .t6 a:hover { color: #fff }
.m5 .a5 .b10 .ls6 .t7 { width: 99%; height: 40px; overflow: hidden; font: italic 25px/40px "Times New Roman", "新細明體"; color: #907a46; letter-spacing: -1px; padding: 0 0 0 1% }
.m5 .a5 .b10 .ls6 .t7 span { float: right; font: 13px/40px"微軟正黑體"; color: #777; letter-spacing: 0 }
.m5 .a5 .b10 .ls6 .t7 h4 { font: italic 700 14px/40px "Times New Roman", "新細明體"; display: inline; padding: 0 0 0 2px }
.m5 .a5 .b10 .pga { width: 960px; height: auto; overflow: hidden; padding: 20px 0 0 30px }
.pager a, .pager div, .pager span { border-radius: 15px }
.pager { text-align: center; margin: 0 }
.pager .disabled { border: 1px solid #555; text-align: center; font: 700 14px/23px verdana; color: #888; height: 24px; display: inline-block; width: 24px }
.pager .current { border: 1px solid #907a46; background: #907a46; color: #fff; text-align: center; width: 24px; height: 24px; display: inline-block; font: 700 14px/23px verdana }
.pager a, .pager span { margin: 0 5px 0 0 }
.pager a { border: 1px solid #555; padding: 0; text-align: center; text-decoration: none; height: 24px; display: inline-block; font: 700 13px/23.5px verdana, "微軟正黑體"; color: #888; width: 24px }
.pager a:hover { background: #555; color: #fff; border: 1px solid #555 }
.m5 .a5 .b11 { width: 990px; height: auto; overflow: hidden; float: left; margin: 0 0 30px 0 }
.m5 .a5 .b11>div { float: left }
.m5 .a5 .b11 .ima1 { width: 450px; height: auto; margin-right: 10px }
.m5 .a5 .b11 .ima1 .im4 { width: 400px; height: 400px; overflow: hidden; float: left; margin-bottom: 10px; position: relative; padding: 0 0 0 30px }
.m5 .a5 .b11 .ima1 .im4>img { width: 400px; height: 400px }
.m5 .a5 .b11 .ima1 .im4 .cla { width: 400px; height: 0; overflow: hidden; position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,.5); text-align: center; padding: 0; transition: all .3s; font: 14px/10px "Times New Roman", "微軟正黑體"; color: #fff }
.m5 .a5 .b11 .ima1 .im4:hover .cla { height: auto; padding: 15px 0; transition: all .3; background: rgba(0,0,0,.8) }
.m5 .a5 .b11 .ima1 .im4 .cla .ls8 { width: 15px; height: 15px; display: inline; font: 14px/10px "Times New Roman", "微軟正黑體"; color: #fff }
.m5 .a5 .b11 .ima1 .im4 .cla .ls8 a { width: 15px; height: 15px; display: inline-block; border-radius: 20px; margin: 0 2px }
.m5 .a5 .b11 .ima1 .im4 .cla .ls8 a:hover { opacity: .5 }
.m15 { width: 420px; height: 92px; overflow: hidden; padding-left: 30px }
.m15 .carousel-control.left, .m15 .carousel-control.right { background-image: none; width: 8% }
.m15 .carousel-control .glyphicon-chevron-right { right: -15% }
.m15 .carousel-control.right { background-image: none; width: 10% }
.m15 .carousel-control .glyphicon-chevron-left, .m15 .carousel-control .glyphicon-chevron-right { font-size: 16px; line-height: 40px }
.ls9 { width: 92px; height: 92px; border-radius: 2px; overflow: hidden; float: left; margin: 0 10px 10px 0 }
.ls9 img { width: 100%; height: 100%; transition: all .3s }
.ls9:hover img { width: 108%; height: 108%; transform: translate(-4%, -4%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.m5 .a5 .b11 .d2 { width: 530px; height: auto; overflow: hidden }
.m5 .a5 .b11 .d2 .t8 { width: 100%; height: auto; overflow: hidden; font: 32px/42px "Times New Roman", "新細明體"; color: #fff; letter-spacing: -1px }
.m5 .a5 .b11 .d2 .t9 { width: 100%; min-height: 165px; height: auto; overflow: hidden; font: 15px/26px "Times New Roman", "新細明體"; margin-bottom: 30px; color: #bbb; text-align: justify; text-justify: inter-ideograph }
.m5 .a5 .b11 .d2 .t10 { width: 100%; height: auto; font: italic 46px/54px "Times New Roman", "新細明體"; color: #a48b4f; padding: 0 0 0 2px; letter-spacing: -1px }
.m5 .a5 .b11 .d2 .t10 span { font: italic 24px/54px "Times New Roman", "新細明體"; margin-right: 5px }
.m5 .a5 .b11 .d2 .t11 { width: 100%; height: auto; overflow: hidden; font: 15px/26px "Times New Roman", "新細明體"; color: #aaa }
.m5 .a5 .b11 .d2 .e1 { width: 100%; height: auto; overflow: hidden }
.m5 .a5 .b11 .d2 .e1 select { width: 120px; height: 42px; background: #fff; border: 1px solid #ccc; padding: 1px; font: 16px/42px verdana; float: left; margin-right: 10px }
.m5 .a5 .b11 .d2 .e1 .bt2 { width: 150px; height: 42px; float: left; font: 700 16px/42px "微軟正黑體" }
.m5 .a5 .b11 .d2 .e1 .bt2 a { width: 150px; height: 42px; font: 700 16px/42px "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: #b17e3b; border-radius: 2px }
.m5 .a5 .b11 .d2 .e1 .bt2 a:hover { background: #c39d6a }
.m5 .a5 .b11 .d2 .e1 .bt2 img { width: auto; height: 20px; margin-right: 6px }
.m5 .a5 .b11 .d2 .e1 .bt3 { width: 42px; height: 42px; overflow: hidden; float: right; margin-left: 10px }
.m5 .a5 .b11 .d2 .e1 .bt3 img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.m5 .a5 .b11 .d2 .e1 .bt3:hover img { width: 92%; height: 92%; transform: translate(4%, 4%); transition: all .2s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.m5 .a5 .b12 { width: 960px; min-height: 100px; height: auto; overflow: hidden; border-bottom: 1px solid #666; float: left; margin-left: 30px }
.m5 .a5 .b12 .d3 { width: 98%; height: 40px; background: linear-gradient(90deg, #666 0, #666 100%) center bottom repeat-x; background-size: 100% 1px; padding: 0 1% }
.m5 .a5 .b12 .d3 .bt4 { width: auto; height: 40px; float: left; margin-right: 5px }
.m5 .a5 .b12 .d3 .bt4 a { width: auto; height: 39px; border: 0 solid #888; background: #888; border-radius: 5px 5px 0 0; display: inline-block; padding: 0 20px; font: italic 20px/38px "Times New Roman", "微軟正黑體"; color: #888; background: linear-gradient(180deg, #444 25%, #333 75%) repeat-x }
.m5 .a5 .b12 .d3 .bt4 a:hover { background: #888; border: 0 solid #888; background: linear-gradient(180deg, #333 25%, #444 75%) repeat-x; color: #ccc }
.m5 .a5 .b12 .d3 .bt4>a span { font: 14px/38px "微軟正黑體"; transition: all .3s; margin-left: 4px }
.m5 .a5 .b12 .d3 .bt4>a:hover span { color: #ccc; transition: all .3s }
.m5 .a5 .b12 .d3 .bt4 a.active { height: 39px; border: 1px solid #666; border-bottom: 0 solid #111; color: #ccc; font: italic 20px/39px "Times New Roman", "微軟正黑體"; background: url(../../images/bg1.png), linear-gradient(180deg, #282828 10%, #111 65%) repeat-x }
.m5 .a5 .b12 .d3 .bt4 a.active span { font: 14px/39px "微軟正黑體"; transition: all .3s; margin-left: 4px; color: #ccc }
.m5 .a5 .b12 .d4 { width: 98%; margin: 0 auto; padding: 15px 0; font: 15px/28px verdana, "新細明體"; color: #bbb; text-align: justify; text-justify: inter-ideograph }
.m6 { width: 1230px; height: auto; overflow: hidden; padding-left: 30px; margin: 0 auto 80px }
.ls7 { width: 216px; height: auto; overflow: hidden; float: left; margin: 0 30px 20px 0 }
.ls7 .im3 { width: 216px; height: 216px; overflow: hidden; position: relative; margin-bottom: 5px }
.ls7 .im3>img { width: 100%; height: 100%; border-radius: 2px; transition: all .3s }
.ls7 .im3:hover>img { width: 108%; height: 108%; transform: translate(-4%, -4%); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ls7 .im3 .cv2 { width: 216px; height: 76px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); transition: all .3s; z-index: 2; text-align: center; opacity: 0; padding: 35px 0 105px }
.ls7 .im3:hover .cv2 {
transition:opacity .9; opacity: 1; padding: 65px 0 90px }
.ls7 .im3:hover .cv2 a img { width: 60px; height: 60px; opacity: .6; transition: all .3s }
.ls7 .im3 .cv2 a:hover img { opacity: 1; transition: all .3s }
.ls7 .im3 .t12 { position: absolute; width: 80%; height: auto; text-align: center; bottom: 0; text-align: center; opacity: 0; z-index: 3; transition: all .3s; left: 10% }
.ls7 .im3:hover .t12 { bottom: 60px; opacity: 1; transition: all .3s }
.ls7 .im3 .t12 a { font: 700 italic 16px/30px "Times New Roman", "新細明體"; color: #bbb }
.ls7 .im3 .t12 a:hover { color: #907a46 }
.ls7 .t6 { width: 100%; height: 40px; overflow: hidden; text-align: justify; text-justify: inter-ideograph }
.ls7 .t6 a { font: 13px/20px verdana, "新細明體"; color: #aaa }
.ls7 .t6 a:hover { color: #fff }
.ls7 .t7 { width: 100%; height: 40px; overflow: hidden; font: italic 24px/40px "Times New Roman", "新細明體"; color: #907a46; letter-spacing: -1px }
.ls7 .t7 h4 { font: italic 14px/40px "Times New Roman", "新細明體"; display: inline; padding: 0 0 0 2px }
.ls7 .t7 span { float: right; font: 13px/40px"微軟正黑體"; color: #777; letter-spacing: 0 }
.m7 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding: 30px 0 }
.bgt2 { width: auto; height: auto; overflow: hidden; font: 700 26px/46px "Times New Roman", "新細明體"; color: #999; margin: 0 0 10px; border-radius: 0; display: inline-block; text-transform: uppercase; padding: 0 15px; background: rgba(255,255,255,.1); border-radius: 3px 10px 3px 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.5); border: 1px solid #444; border-top: 0; border-right: 0 }
.bgt2 span { font: 32px/43px "Times New Roman", "新細明體"; display: inline-block; vertical-align: bottom }
.m7 .t13 { width: 100%; height: 40px; overflow: hidden; font: italic 16px/40px verdana, "微軟正黑體"; color: #777; text-align: left; letter-spacing: -.5px; letter-spacing: -1px }
.m7 .t13 span { margin-right: 5px; display: none }
.bx3 { width: 100%; height: auto; overflow: hidden; font: 16px/30px verdana, "微軟正黑體"; color: #ddd; background: url(../../images/bg1.jpg) rgba(0,0,0,.15); margin: 0 0 60px }
.bx3 table tr .nol4 { border: 0; padding-bottom: 0 }
.bx3-2 { margin: 0 0 10px }
.bx3 table { border: 1px solid #333; border-right: 0; border-bottom: 0; border-left: 0 }
.bx3 table tr td { border: 1px solid #333; border-left: 0; border-top: 0; padding: 5px 10px 5px 15px; border-right: 0 }
.bx3 table tr td>span { display: inline; color: #c7bca4; font: italic 31px/38px "Times New Roman", "新細明體" }
.bx3 table tr td>h4 { display: inline; color: #777 }
.bx3 table tr td>h5 { display: inline; color: #ffa }
.bx3 table tr td>h6 { display: inline; font: italic 12px/38px "Times New Roman"; color: #555; margin-left: 5px; letter-spacing: 0 }
.bx3 img { width: 60px; height: 60px; border-radius: 60px; margin: 10px 10px 10px 0 }
.bx3 input, .bx3 select, .bx3 textarea { background: rgba(255,255,255,.2); color: #aaa }
.in1 { width: 100px; height: 30px; padding: 1px; border: 0 solid #ccc; font: 14px/40px verdana, "微軟正黑體"; color: #555; border-radius: 3px; padding: 0 10px }
.in2 { width: 60px; height: 32px; padding: 0 5px; border: 0 solid #ccc; padding: 0 10px; font: 14px/40px verdana, "微軟正黑體"; color: #ff536b; border-radius: 3px; margin-bottom: 6px }
.in3 { width: 400px; height: 30px; padding: 1px; border: 0 solid #ccc; padding: 0 10px; font: 14px/40px verdana, "微軟正黑體"; color: #333; border-radius: 3px }
.in4 { width: 150px; height: 30px; padding: 1px; border: 0 solid #ccc; font: 15px/40px verdana, "微軟正黑體"; color: #555; border-radius: 3px; text-align: center }
.in5 { width: 60%; height: 30px; padding: 1px; border: 0 solid #ccc; padding: 0 10px; font: 14px/40px verdana, "微軟正黑體"; color: #333; border-radius: 3px }
.in6 { width: 200px; height: 30px; padding: 1px; border: 0 solid #ccc; padding: 0 10px; font: 14px/40px verdana, "微軟正黑體"; color: #333; border-radius: 3px }
.in7 { width: 60%; height: 80px; padding: 1px; border: 0 solid #ccc; padding: 8px; font: 14px/25px verdana, "微軟正黑體"; color: #333; border-radius: 3px; text-align: justify; text-justify: inter-ideograph; margin-top: 5px }
.bx3 .c18 { background: rgba(255,255,255,.03); letter-spacing: -1px; font: italic 26px/34px "Times New Roman", "新細明體"; color: #c7bca4 }
.bx3 .c18 span { font: italic 31px/38px "Times New Roman", "新細明體"; vertical-align: middle; padding: 0 0 6px }
.bx3 .c19 { background: #181818; font: 17px/34px verdana, "微軟正黑體"; color: #666 }
.bx3 .c20 { font: 700 16px/40px verdana, "微軟正黑體"; color: #ccc; background: #111 }
.bx3 .c21 { font: 17px/40px verdana, "新細明體"; letter-spacing: -1px }
.m7 .bt5 { width: 200px; height: auto; overflow: hidden; margin: 20px auto 60px }
.m7 .bt5 a { width: 200px; height: 48px; font: 700 20px/48px "新細明體"; color: #fff; display: inline-block; background: #b17e3b; text-align: center }
.m7 .bt5 a:hover { background: #c39d6a; color: #fff; background-size: auto 20px }
.m7 .a6 { width: 1140px; height: auto; padding: 29px; background: url(../../images/bg1.jpg) rgba(0,0,0,.35); text-align: justify; text-justify: inter-ideograph; font: 15px/25px verdana, "微軟正黑體"; color: #aaa; border: 1px solid #333; border-radius: 8px; margin-top: 0 }
.m7 .a6 ul { padding-left: 25px }
.m7 .a6 ul li { list-style: outside; list-style-type: decimal }
.m7 .mn1 { width: 100%; height: 50px; border: 1px solid #ddd; border-left: 0; border-right: 0; margin-bottom: 20px }
.m7 .mn1 a { width: auto; height: 50px; float: left; display: inline-block; background: linear-gradient(90deg, #ff536b 100%, #c00 0) left 24px no-repeat; background-size: 0 2px; font: 17px/48px verdana, "微軟正黑體"; color: #999; padding: 0 20px 0 30px }
.m7 .mn1 a:hover { background-size: 16px 2px; color: #ff536b }
.m7 .mn1 a.active { background-size: 16px 2px; color: #ff536b }
.mn2 { width: 98%; height: 40px; background: linear-gradient(90deg, #444 0, #444 100%) center bottom repeat-x; background-size: 100% 1px; padding: 0 1%; margin-bottom: 30px }
.mn2 .bt9 { width: auto; height: 40px; float: left; margin-right: 5px }
.mn2 .bt9 a { width: auto; height: 39px; border: 0 solid #888; background: #888; border-radius: 5px 5px 0 0; display: inline-block; padding: 0 20px; font: italic 20px/38px "Times New Roman", "微軟正黑體"; color: #888; background: linear-gradient(180deg, #444 25%, #333 75%) repeat-x }
.mn2 .bt9 a:hover { background: #888; border: 0 solid #888; background: linear-gradient(180deg, #333 25%, #444 75%) repeat-x; color: #ccc }
.mn2 .bt9>a span { font: 14px/38px "微軟正黑體"; transition: all .3s; margin-left: 4px }
.mn2 .bt9>a:hover span { color: #ccc; transition: all .3s }
.mn2 .bt9 a.active { height: 39px; background: url(../../images/bg1.png), linear-gradient(180deg, #282828 10%, #111 65%) repeat-x; border: 1px solid #666; border-bottom: 0 solid #111; color: #eee; font: italic 20px/39px "Times New Roman", "微軟正黑體" }
.mn2 .bt9 a.active span { font: 14px/39px "微軟正黑體"; transition: all .3s; margin-left: 4px; color: #ccc }
.bx4 { width: 100%; height: auto; overflow: hidden; font: 15px/34px verdana, "微軟正黑體"; color: #ccc; background: url(../../images/bg1.jpg) rgba(0,0,0,.15); margin: 0 0 60px }
.bx4 table { border: 1px solid #333; border-bottom: 0; border-left: 0; border-right: 0 }
.bx4 table tr td { border: 1px solid #333; border-left: 0; border-top: 0; padding: 5px 10px; border-right: 0; border-left: 0 }
.bx4 table tr td span { font: 15px/34px "新細明體"; margin: 0 3px }
.bx4 table tr td h4 { color: #ffa; display: inline }
.bx4 table tr td h5 { color: #fb387d; display: inline }
.bx4 .c22 { background: #282828; font: 16px/26px verdana, "微軟正黑體"; color: #ccc; letter-spacing: -1px }
.bx4 .c22 td { border-right: 1px solid #444 }
.bx4 .c22 .nol2 { border-right: 0 }
.bx4 .c23 { background: rgba(255,255,255,.03); color: #c7bca4; letter-spacing: -1px; font: italic 31px/38px "Times New Roman", "新細明體" }
.bx4 .c23 span { font: italic 26px/34px "Times New Roman", "新細明體"; vertical-align: middle; padding: 0 0 6px }
.bx4 .nol3 { border: 0; padding: 0 5px 0 0 }
.bx4 a { font: 15px/34px verdana, "微軟正黑體"; color: #ffa }
.bx4 a:hover { color: #c7bca4; text-decoration: underline }
.bt7 { width: 70px; height: 22px; font: 13px/22px verdana, "微軟正黑體" }
.bt7 a { width: 70px; height: 22px; font: 13px/22px verdana, "微軟正黑體"; color: #aaa; display: inline-block; text-align: center; background: #444; border-radius: 2px }
.bt7 a:hover { background: #c7bca4; color: #333; text-decoration: none }
.bt8 { width: 70px; height: 22px; font: 13px/22px verdana, "微軟正黑體" }
.bt8 a { width: 70px; height: 22px; font: 13px/22px verdana, "微軟正黑體"; color: #aaa; display: inline-block; text-align: center; background: #444; border-radius: 2px }
.bt8 a:hover { background: #c7bca4; color: #333; text-decoration: none }
.m7 .a7 { width: 600px; height: auto; overflow: hidden; background: rgba(0,0,0,.35); border: 1px dotted #444; padding: 15px 23px 10px 23px; font: 16px/30px "微軟正黑體"; color: #ccc; letter-spacing: -1.5px; position: relative; margin: 0 auto 10px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,.5); border-top: 0; border-bottom: 0 }
.m7 .a7-2 { min-height: 100px; height: auto; overflow: hidden; padding: 23px; margin: 0 auto 50px; border: 1px solid #444; background: rgba(0,0,0,.1); border-radius: 5px }
.m7 .a7>span { font: 32px/42px "Times New Roman", "新細明體"; color: #ccc; letter-spacing: -.5px }
.m7 .a7 h4 { font: 16px/40px verdana, "新細明體"; color: #ccc; letter-spacing: 0 }
.m7 .a7 h5 { font: italic 32px/50px "新細明體"; color: #c7bca4; letter-spacing: -.5px }
.m7 .a7 .x { width: 20px; height: 20px; position: absolute; right: 25px; top: 15px; line-height: 24px }
.m7 .a7 .x a { display: inline-block; width: 20px; height: 0; overflow: hidden; font: 20px/24px Verdana, "微軟正黑體"; color: #aaa; background: url(../../images/mb/x.png) center no-repeat; background-size: 20px auto; padding: 20px 0 0 0; text-indent: 9999px; opacity: .4 }
.m7 .a7 .x a:hover { color: #333; background: url(../../images/mb/x_over.png) center no-repeat; background-size: 20px auto; opacity: 1 }
.m19 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto }
.m19 .bt22 { width: auto; height: 50px; margin: 0 auto 30px }
.m19 .bt22 a { width: auto; height: 48px; font: 700 17px/48px "微軟正黑體"; color: #fff; display: inline-block; border: 1px solid #ff536b; background: url(../../images/mb/ok.png) 30px 14px no-repeat #ff536b; padding: 0 40px 0 60px; background-size: auto 20px; text-align: left }
.m19 .bt22 a:hover { background: url(../../images/mb/ok_over.png) 30px 14px no-repeat #fff; color: #ff536b; background-size: auto 20px }
.bt23 { width: auto; height: 38px; font: 16px/34px "微軟正黑體"; color: #333; border: 1px solid #ccc; border-radius: 3px; padding: 0 10px; margin-left: 5px }
.bx3 .t14 { font: 20px/40px verdana, "微軟正黑體"; color: #c7bca4; letter-spacing: -.5px }
.m7 .bt10 { width: auto; height: 50px; margin: 0 auto 30px }
.m7 .bt10 a { width: auto; height: 48px; font: 700 17px/48px "微軟正黑體"; color: #fff; display: inline-block; border: 1px solid #ff536b; background: url(../../images/mb/bk.png) 50px 14px no-repeat #ff536b; padding: 0 50px 0 80px; background-size: auto 20px; text-align: left }
.m7 .bt10 a:hover { background: url(../../images/mb/bk_over.png) 50px 14px no-repeat #fff; color: #ff536b; background-size: auto 20px }
.bx4 img { width: 50px; height: 50px; border-radius: 0 }
.t15 { font: 16px/25px verdana, "微軟正黑體"; color: #ccc }
.t15>a { font: 16px/25px verdana, "微軟正黑體"; color: #ccc }
.t15>a:hover { color: #c7bca4; text-decoration: underline }
.bx3 .t16 { background: #181818; font: 16px/34px verdana, "微軟正黑體" }
.bg1 { width: 100%; background-attachment: fixed }
.m8 { width: 100%; height: 50px; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.7) }
.m8 .a8 { width: 1200px; height: 50px; margin: 0 auto }
.m8 .a8 .mn3 { width: 86px; height: 50px; text-align: right; float: right }
.m8 .a8 .mn3 img { width: auto; height: 23px; display: inline; padding-bottom: 4px; margin-right: 4px }
.m8 .a8 .mn3 a { font: 13px/50px Arial, "微軟正黑體"; color: #fff }
.m8 .a8 .mn3 a:hover { color: rgba(255,255,255,.8) }
.m9 { width: 100%; height: 50px; background: rgba(0,0,0,.7); position: fixed; bottom: 0; left: 0 }
.m9 .a9 { width: 1200px; height: 50px; margin: 0 auto; font: 12px/50px verdana, "微軟正黑體"; color: #aaa }
.m9 .a9 span { float: right }
.m9 .a9 span a { font: 12px/50px Arial, "微軟正黑體"; color: #aaa }
.m9 .a9 span a:hover { color: #333 }
.m10 { width: 1080px; height: auto; overflow: auto; margin: 100px auto 0; padding: 10px }
.m10 .t17 { width: 600px; height: auto; overflow: hidden; font: 15px/27px "微軟正黑體"; color: #fff; float: right; letter-spacing: -.5px; text-shadow: 0 2px 5px rgba(0,0,0,.9); background: linear-gradient(90deg, #f80 0, rgba(130,110,80,.3) 100%) no-repeat left top/1px 100%; padding: 0 0 0 10px; letter-spacing: 0 }
.m10 .t17 span { width: auto; height: 40px; font: italic 31px/36px "Times New Roman", "微軟正黑體"; color: #fff; letter-spacing: 0; display: block; letter-spacing: -1.5px; margin-bottom: 5px; padding-left: 3px }
.m10 .t17 span h5 { font: italic 24px/20px "Times New Roman", "微軟正黑體"; display: inline; margin-left: px }
.m10 .t17 h4 { font: 17px/20px "Times New Roman", "微軟正黑體" }
.m10 .t17 ul { padding-left: 20px }
.m10 .t17 ul li { list-style: outside; list-style-type: disc }
.m10 .a13 { width: 400px; min-height: 300px; height: auto; overflow: hidden; margin: 0 auto 50px; font: 12px/50px Arial, "微軟正黑體"; color: #fff; background: rgba(0,0,0,.6); float: left; box-shadow: 0 1px 8px rgba(0,0,0,.35); padding: 20px 0 20px; border-radius: 0; text-align: center }
.m10 .a13 .b11 { width: 360px; height: auto; overflow: hidden; margin: 0 auto 20px; text-align: center }
.m10 .a13 .b11 img { width: 200px; height: auto }
.m10 .a13 .b11 span { float: right; font: 18px/20px "微軟正黑體"; color: #777; height: 20px; padding-top: 36px; display: none }
.m10 .a13 .b11 span h4 { font: 12px/20px Arial; color: #ccc; display: inline; margin: 0 5px }
.m10 .a13 .b12 { width: 340px; height: 48px; border: 1px dashed #ccc; font: 15px/20px "微軟正黑體"; border-radius: 3px; margin: 0 auto 10px; color: #555; text-align: center; padding: 10px; display: none }
.m10 .a13 .b12 .bt5 { background: 0 0; color: #ff536b; font: 15px/20px "微軟正黑體"; margin: 0; padding: 0 0 4px; display: inline; border: 0; vertical-align: middle }
.m10 .a13 .b12 .bt5:hover { color: #d9364d }
.m10 .a13>input { width: 340px; height: 50px; border: 0 solid #aaa; padding: 0 0; font: 15px/65px "微軟正黑體"; color: #000; background: 0 0; margin: 0 auto 15px; border-radius: 5px; padding: 0 10px; background: rgba(255,255,255,.55) }
.m10 .a13 .b13 { width: 360px; height: auto; overflow: hidden; border: 0; border-bottom: 0 solid #fff; font: 15px/65px "微軟正黑體"; color: #000; background: 0 0; margin: 0 auto }
.m10 .a13 .b13 input { width: 60%; height: 50px; border: 0; padding: 0 10px; font: 15px/65px "微軟正黑體"; color: #000; background: 0 0; float: left; background: rgba(255,255,255,.55); border-radius: 5px }
.m10 .a13 .b13 .code { width: 30%; height: 50px; text-align: right; float: left }
.m10 .a13 .b13 .code img { vertical-align: middle; display: inline-block; padding-bottom: 20px }
.m10 .a13 .b14 { width: 360px; height: 50px; border: 0; padding: 0; font: 13px/50px "微軟正黑體"; background: 0 0; margin: 0 auto; letter-spacing: -.5px; text-align: center }
.m10 .a13 .b14 input[type=checkbox] { display: none }
.m10 .a13 .b14 input[type=checkbox]+label div { display: inline-block; width: 19px; height: 16px; background: url(../../images/mb/ck.png) center 2px no-repeat; background-size: 14px; display: inline; float: left; cursor: pointer }
.m10 .a13 .b14 input[type=checkbox]:checked+label div { background: url(../../images/mb/ck_over.png) center 2px no-repeat; background-size: 14px }
.m10 .a13 .b14 label { height: 19px; font: 14px/18px "微軟正黑體"; color: 333 }
.m10 .a13 .b14>a { font: 14px/50px "微軟正黑體"; color: #333 }
.m10 .a13 .b14>a:hover { color: #000; text-decoration: underline }
.m10 .a13 .b14 span>a { font: 700 14px/50px "微軟正黑體"; color: #c39d6a }
.m10 .a13 .b14 span>a:hover { color: #c7bca4; text-decoration: underline }
.bt13 { width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center }
.bt13-2 { margin: 0 auto 40px }
.bt13-3 { margin: 0 auto 0; padding: 60px 0 10px }
.bt13 a { width: auto; height: auto; overflow: hidden; font: 16px/60px "Century Gothic", "微軟正黑體"; color: #888; display: inline-block; text-align: center; background: linear-gradient(90deg, #ed004e 0, #ed004e 100%) no-repeat left top/0 60px; border-radius: 0; padding: 0 180px; border: 1px solid #aaa; text-align: center; letter-spacing: 1px }
.bt13 a:hover { color: #fff; border: 1px solid #ed004e; background: linear-gradient(90deg, #ed004e 50%, #ed004e 50%) no-repeat right top/100% 60px; box-shadow: 0 1px 5px rgba(0,0,0,.5); font: 14px/60px "Century Gothic", "微軟正黑體" }
.m10 .a13 .bt14 { width: 170px; height: 50px; overflow: hidden; text-align: center; font: 14px/50px Arial, "微軟正黑體"; float: left; margin: 0 10px 0 20px }
.m10 .a13 .bt14 a { width: 100%; height: 50px; overflow: hidden; font: 16px/50px Arial, "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: rgba(130,110,80,.75); border-radius: 3px }
.m10 .a13 .bt14 a:hover { background: rgba(130,110,80,1) }
.m10 .a13 .bt15 { width: 170px; height: 50px; overflow: hidden; text-align: center; font: 14px/50px Arial, "微軟正黑體"; float: left; margin: 0 20px 0 10px }
.m10 .a13 .bt15 a { width: 100%; height: 50px; overflow: hidden; font: 16px/50px Arial, "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: rgba(65,95,150,.7); border-radius: 3px }
.m10 .a13 .bt15 a:hover { background: rgba(70,100,160,1) }
.m10 .a13 .bt14-2 { margin: 0 10px 15px 20px }
.m10 .a13 .bt15-2 { margin: 0 20px 15px 10px }
.m10 .a13 .b16 { width: 360px; height: auto; overflow: hidden; border: 0; font: 15px/30px "微軟正黑體"; color: #000; background: 0 0; margin: 0 auto 0 }
.m10 .a13 .b16 .t15 { width: 100%; height: auto; overflow: hidden; font: 13px/50px "微軟正黑體"; color: #333; float: left; text-align: right }
.m10 .a13 .b16 .t15 a { font: 13px/50px "微軟正黑體"; color: #ddd }
.m10 .a13 .b16 .t15 a:hover { color: #c7bca4; text-decoration: underline }
.m10 .a13 .b16 .bt9 { width: 150px; height: 30px; text-align: center; margin: 10px 0; float: right }
.m10 .a13 .b16 .bt9 a { width: 150px; height: auto; overflow: hidden; font: 13px/30px Arial, "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: #4b4537; border-radius: 3px }
.m10 .a13 .b16 .bt9 a:hover { background: #b17e3b }
.m11 { width: 560px; height: auto; overflow: hidden; margin: 50px auto 0 }
.m11 .modal-content { border: 0 }
.m11 .t18 { width: 520px; height: auto; overflow: hidden; font: 24px/40px verdana, "微軟正黑體"; color: #333; text-align: left; padding: 12px 20px; text-align: center; letter-spacing: 0 }
.m11 .a14 { width: 500px; height: 300px; overflow: auto; overflow-x: hidden; font: 14px/24px verdana, "微軟正黑體"; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; color: #333 }
.m11 .a14 ul { padding-left: 20px }
.m11 .a14 ul li { list-style: outside; list-style-type: decimal }
.m11 .bt11 { background: #888; color: #fff; transition: all .3s }
.m11 .bt11:hover { background: #aaa; transition: all .3s }
.m11 .a15 { padding: 12px 20px }
.m12 { width: 100%; position: fixed; z-index: -99; width: 100%; height: 140%; top: -10% }
.m12>iframe { width: 100%; height: 100% }
.m13 { width: 100% }
.m14 { width: 960px; height: 365px; overflow: hidden; line-height: 0; margin-left: 30px }
.m14 .carousel-inner>.item a { width: 100%; padding: 365px 0 0; height: 0; overflow: hidden; display: inline-block; text-indent: -9999px }
.m14 .carousel-indicators li { height: 13px; width: 13px; background-color: rgba(255,255,255,.7); border: 1px solid rgba(0,0,0,.6); margin: 0 2px; box-shadow: 0 2px 5px rgba(0,0,0,.2) }
.m14 .carousel-indicators .active { background-color: rgba(0,0,0,.6); border: 1px solid transparent }
.m14 .carousel-indicators { bottom: 30px }
.m14 .carousel-control.left, .m14 .carousel-control.right { background-image: none; width: 8% }
.m14 .carousel-control.right { background-image: none; width: 6% }
.m16 { width: 500px; margin: 40px auto 0 }
.m16 .a16 { width: 100%; height: auto; overflow: hidden; background: #fff; border: 1px solid rgba(75,60,30,1); border-radius: 0 }
.m16 .a16 .b17 { border-bottom: 0; padding-top: 25px; padding-bottom: 5px }
.m16 .a16 .b17 h4 { font: 14px/30px "Courier New", "微軟正黑體"; color: #333; text-align: center }
.m16 .a16 .b17 h4 span { font: italic 24px/30px "Times New Roman", "微軟正黑體"; margin-right: 5px }
.m16 .a16 .b17 .close { color: #ccc; opacity: 1; text-shadow: 0 0 0 #fff; transition: all .3s; margin-top: 0 }
.m16 .a16 .b17 .close:hover { color: #c0b088; transition: all .3s }
.m16 .a16 .b18 { font: 13px/24px "Times New Roman", "微軟正黑體"; color: #333; padding-top: 0; text-align: center; padding-bottom: 0 }
.m16 .a16 .b18>input { width: 158px; height: 36px; border: 0 solid #ccc; font: 14px/36px "Times New Roman", "微軟正黑體"; color: #000; border-radius: 2px; padding: 0 10px; margin: 10px 10px 0 10px; background: #ddd; text-align: left; display: inline }
.m16 .a16 .b18 .in8 { width: 178px; height: 36px; border: 0 solid #ccc; font: 14px/36px "Times New Roman", "微軟正黑體"; color: #000; border-radius: 2px; padding: 0 10px; background: #ddd; text-align: left; margin: 10px 10px 0 0 }
.m16 .a16 .b18 .in9 { width: 348px; height: 36px; border: 0 solid #ccc; font: 14px/36px "Times New Roman", "微軟正黑體"; color: #000; border-radius: 2px; padding: 0 10px; background: #ddd; text-align: left; margin: 10px 0 0 0 }
.m16 .a16 .b18 .in10 { width: 348px; height: 90px; padding: 5px 2%; border: 0 solid #ccc; font: 14px/26px "Times New Roman", "微軟正黑體"; color: #000; border-radius: 2px; padding: 0 10px; background: #ddd; text-align: left; margin: 10px 0 0 0 }
.m16 .a16 .b18 .c24 { width: 368px; height: 36px; overflow: hidden; margin: 6px auto 0; line-height: 36px }
.m16 .a16 .b18 .c24 .in11 { width: 228px; height: 36px; border: 0 solid #ccc; font: 14px/26px "Times New Roman", "微軟正黑體"; color: #000; border-radius: 2px; padding: 0 10px; background: #ddd; text-align: left; margin-right: 10px; float: left }
.m16 .a16 .b18 .c24 .cd1 { width: 108px; height: 36px; float: left; text-align: left }
.m16 .a16 .b18 .c24 .cd1 img { vertical-align: middle }
.m16 .a16 .b19 { border-top: 0; margin-top: 0; text-align: center; padding: 10px 15px 50px }
.m16 .a16 .b19 .bt16 { width: 370px; background-color: #222; border: 0; border-radius: 2px; transition: all .3s; font: 700 16px/32px "Times New Roman", "微軟正黑體"; transition: all .3s }
.m16 .a16 .b19 .bt16:hover { background-color: #333; transition: all .3s }
.b20 { width: 960px; min-height: 400px; height: auto; overflow: hidden; float: right; margin-bottom: 30px; padding-left: 30px }
.b20 .panel-default { background-color: #ccc; border: 0 }
.b20 .panel-default>.panel-heading { background-color: #ccc }
.b20 .panel-title a { width: 100%; color: #222; font: 700 italic 18px/30px "Times New Roman", "新細明體"; height: auto; overflow: hidden; display: inline-block }
.b20 .panel-default>.panel-heading+.panel-collapse .panel-body, .b20 .panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid #ccc }
.b20 .panel-default>.panel-heading { background-color: #ddd; transition: all .3s; padding: 6px 15px }
.b20 .panel-default>.panel-heading:hover { background-color: #f4f4f4; transition: all .3s }
.b20 .panel-body { font: 15px/30px "Times New Roman", "微軟正黑體"; background-color: #f8f8f8 }
.b20 .panel-body img { max-width: 100%; height: auto; margin: 10px 0 }
.b20 .panel-body ul { padding-left: 15px }
.b20 .panel-body ul li { list-style: outside; list-style-type: disc }
.m5 .a5 .b10 .pga2 { width: 960px; height: auto; overflow: hidden; padding: 10px 0 0 20px }
.pga2 .pager a, .pga2 .pager div, .pga2 .pager span { border-radius: 0 }
.pga2 .pager { text-align: center; margin: 0 }
.pga2 .pager .disabled { border: 1px solid #888; text-align: center; font: 700 14px/32px verdana; color: #888; height: 32px; display: inline-block; width: auto; padding: 0 30px }
.pga2 .pager .current { border: 1px solid #907a46; background: #907a46; color: #fff; text-align: center; width: 32px; height: 32px; display: inline-block; font: 17px/42px verdana }
.pga2 .pager a, .pga2 .pager span { margin: 0 5px 0 0 }
.pga2 .pager a { border: 1px solid #ccc; padding: 0; text-align: center; text-decoration: none; height: 32px; display: inline-block; font: 17px/34px "Courier New", "微軟正黑體"; color: #888; width: auto; padding: 0 30px }
.pga2 .pager a:hover { background: #111; color: #fff; border: 1px solid #111 }
.b9-2 { width: 900px; margin: 0 auto 25px; clear: both }
.gd1-4 { padding: 0 0 0; width: 1200px }
.m17 { width: 100%; height: auto; overflow: hidden; margin: 0 auto 60px; padding: 30px 0 0 }
.m17-2 { margin: 0 auto 0 }
.m17-3 { margin: 0 auto 0; padding: 60px 0 30px }
.a10 { width: 90%; min-height: 200px; height: auto; overflow: hidden; margin: 0 auto 50px; padding-left: 0 }
.a10-2 { width: 60%; margin-bottom: 60px }
.a10 .ls10 { width: 33.3%; height: auto; float: left; margin: 40px 0 0; position: relative; transition: all .2s linear; padding: 0 0 12px 0; background: linear-gradient(90deg, #ddd 0, #ddd 100%) no-repeat left bottom/100% 1px, linear-gradient(180deg, #ddd 0, #ddd 100%) no-repeat left bottom/1px 100%, linear-gradient(180deg, #ddd 0, #ddd 100%) no-repeat right bottom/1px 100%, rgba(255,255,255,.5); opacity: 0; animation: go10 .8s linear 1s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go10 { 100% {
margin:0;
opacity:1
}
}
.a10 .ls10:hover { transition: all .2s; box-shadow: 0 2px 10px rgba(0,0,0,.5); background: linear-gradient(90deg, #ed004e 0, #ed004e 100%) no-repeat left bottom/100% 0, linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat left bottom/0 100%, linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat right bottom/0 100% #ed004e }
.a10 .ls10 .mk1 { width: auto; height: 28px; position: absolute; right: -15px; bottom: 120px; z-index: 10 }
.a10 .ls10 .mk1 a { width: auto; height: 28px; font: 700 15px/28px "Century Gothic", "微軟正黑體"; color: #fff; background: linear-gradient(90deg, rgba(170,0,0,.8) 20%, rgba(220,0,0,.8) 60%) repeat-x; text-align: center; padding: 0 15px; transform: skew(0deg, 0deg); border-right: 3px solid #000; display: inline-block }
.a10 .ls10 .mk1 a:hover { background: linear-gradient(90deg, rgba(220,0,0,.9) 20%, rgba(170,0,0,.9) 60%) repeat-x; transition: all .3s linear }
.a10 .ls10 .im5 { width: 100%; heights: 80%; overflow: hidden; position: relative; transition: all .6s; margin-bottom: 50px; border-radius: 0; z-index: 2 }
.a10 .ls10 .im5 .hot { width: 80px; height: 50px; position: absolute; right: 0; bottom: 0; background: #fd0; font: 700 24px/50px "Century Gothic", "微軟正黑體"; color: #111; z-index: 9; text-align: center }
.a10 .ls10 .im5 img { width: 100%; heights: 100%; transition: all .3s }
.a10 .ls10:hover .im5 img { transform: rotate(-8deg) scale(1.3); transition: all .6s }
.a10 .ls10 .im5 iframe { width: 100%; transition: all .6s; display: inline-block }
.a10 .ls10 .im5 .cv3 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3 }
.a10 .ls10 .im5 .cv3 a { width: 100%; height: 100%; position: relative; background: rgba(0,0,0,0); font: 32px/310px "Century Gothic", "微軟正黑體"; color: #333; transition: all .3s; display: inline-block; text-align: center; opacity: 0; letter-spacing: -1.5px }
.a10 .ls10:hover .im5 .cv3 a { width: 100%; height: 100%; background: rgba(0,0,0,.7); transition: all .3s; color: #fff; opacity: 1; font: 32px/370px "Century Gothic", "微軟正黑體" }
.a10 .ls10:hover .im5 .cv3 a:hover { color: #fff }
.a10 .ls10 .dt1 { width: 80%; height: 25px; padding: 0; margin: 0 auto 5px }
.a10 .ls10 .dt1 span { width: auto; height: 23px; font: 12px/25px "Century Gothic", "微軟正黑體"; color: #ccc; border: 1px solid #ccc; border-radius: 100px; display: inline-block; padding: 0 15px; color: #555; transition: all .2s linear }
.a10 .ls10 .t18 { width: 80%; height: 80px; margin: 0 auto; padding: 0 0 50px }
.a10 .ls10 .t18 a { width: 100%; height: 80px; overflow: hidden; font: 700 32px/40px "Century Gothic", "微軟正黑體"; color: #000; display: inline-block; letter-spacing: -.7px; transition: all .1s linear }
.a10 .ls10:hover .dt1 span, .a10 .ls10:hover .t18 a, .a10 .ls10:hover .t18 a:hover { color: #fff; transition: all .1s linear }
.a10 .ls10:hover .dt1 span { border: 1px solid #fff; transition: all .2s linear }
.a11 { width: 60%; min-height: 100px; height: auto; overflow: hidden; margin: 0 auto 30px; border-bottom: 0 solid #ddd }
.a11 .im6 { width: 100%; min-height: 100px; height: auto; overflow: hidden; font: italic 19px/28px "Times New Roman", "新細明體"; margin: 0 auto 15px; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc }
.a11 .im6 img { width: 80%; height: auto }
.a11 .im6-2 { width: 1200px; height: 450px; float: left; margin-bottom: 10px; font: italic 19px/28px "Times New Roman", "新細明體" }
.a11 .im6-2 iframe { width: 1200px; height: 450px }
.a11 .t19 { width: 100%; height: auto; overflow: hidden; font: 700 50px/60px "微軟正黑體"; color: #333; letter-spacing: -2.8px; margin: 0 0 5px; position: relative }
.a11 .t19-2 { margin: 0 0 5px; border-top: 1px solid #ddd; padding: 20px 0 0 }
.a11 .t19 h4 { font: 14px/28px verdana, "新細明體"; color: #000; letter-spacing: 0 }
.a11 .t19 span { font: 13px/28px verdana, "新細明體"; color: #aaa; letter-spacing: 0; margin: 0 5px }
.a11 .t19 .bt6 { width: auto; height: auto; overflow: hidden; font: 16px/24px "微軟正黑體"; color: #fff; float: right; margin-top: 2px; letter-spacing: 0; position: absolute; top: 0; right: 0 }
.a11 .t19-2 .bt6 { top: 20px }
.a11 .t19 .bt6 a { width: auto; height: 24px; font: 16px/23px "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: #053d82; border-radius: 0; padding: 0 10px 0 5px }
.a11 .t19 .bt6 a:hover { background: #2a60a4 }
.a11 .t19 .bt6 a img { width: auto; height: 14px; display: inline; padding-bottom: 3px; margin-right: 4px }
.a11 .t20 { width: 100%; min-height: 50px; height: auto; overflow: hidden; font: 16px/29px verdana, "微軟正黑體"; color: #333; padding: 0 0 20px; text-align: justify; text-justify: inter-ideograph; margin: 0 auto }
.a11 .t20 > img { max-width: 100%; height: auto; margin: 10px auto; clear: both; display: block }
.a11 .t20 ul { padding-left: 20px }
.a11 .t20 ul li { list-style: outside; list-style-type: disc }
.bgt3 { width: 1180px; height: auto; overflow: hidden; margin: 30px auto 5px; font: 700 40px/46px "Times New Roman", "微軟正黑體"; color: #333; text-align: left; letter-spacing: -1.5px; background: linear-gradient(180deg, #d00 100%, #d00 0) no-repeat left 5px/6px 30px; padding: 0 0 0 20px; text-transform: uppercase }
.bgt3 h4 { font: 21px/20px "Times New Roman", "微軟正黑體"; color: #333; -webkit-transform: scale(.9); letter-spacing: 0; display: inline }
.ls11 { width: 33.3%; height: auto; float: left; margin: 0; position: relative; transition: all .2s linear; padding: 0 0 12px 0; background: linear-gradient(90deg, #ddd 0, #ddd 100%) no-repeat left bottom/100% 1px, linear-gradient(180deg, #ddd 0, #ddd 100%) no-repeat left bottom/1px 100%, linear-gradient(180deg, #ddd 0, #ddd 100%) no-repeat right bottom/1px 100% }
.ls11:hover { width: 33.3%; transition: all .2s; box-shadow: 0 2px 10px rgba(0,0,0,.5); background: linear-gradient(90deg, #ed004e 0, #ed004e 100%) no-repeat left bottom/100% 0, linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat left bottom/0 100%, linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat right bottom/0 100% #ed004e }
.ls11 .mk3 { width: auto; height: 22px; position: absolute; right: -8px; bottom: 56px; z-index: 10 }
.ls11 .mk3 a { width: auto; height: 22px; font: 13px/22px verdana, "微軟正黑體"; color: #fff; background: linear-gradient(90deg, rgba(170,0,0,.9) 20%, rgba(220,0,0,.9) 60%) repeat-x; text-align: center; padding: 0 8px; transform: skew(0degz, 0deg); border-right: 2px solid #000; display: inline-block }
.ls11 .mk3 a:hover { background: linear-gradient(90deg, rgba(220,0,0,.9) 20%, rgba(170,0,0,.9) 60%) repeat-x; transition: all .3s linear }
.ls11 .im7 { width: 100%; height: 60%; overflow: hidden; position: relative; margin-bottom: 20px }
.ls11 .im7 .cv4 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 }
.ls11 .im7 .cv4 a { width: 100%; height: 0; position: relative; background: rgba(0,0,0,0); font: 20px/150px "Century Gothic", "微軟正黑體"; color: #333; transition: all .6s; display: inline-block; text-align: center; opacity: 0; letter-spacing: -.5px }
.ls11:hover .im7 .cv4 a { width: 100%; height: 100%; background: rgba(0,0,0,.7); transition: all .6s; color: #aaa; opacity: 1; line-height: 230px; color: #c0b088 }
.ls11 .im7 img { width: 100%; height: auto; transition: all .6s }
.ls11:hover .im7 img { transform: rotate(-8deg) scale(1.2); transition: all .6s }
.ls11 .im7 iframe { transition: all .6s }
.ls11 .dt2 { width: 90%; height: 25px; font: 12px/25px "Century Gothic", "新細明體"; color: #888; margin: 0 auto }
.ls11 .dt2 span { font: 12px/28px verdana, "新細明體"; color: #aaa; letter-spacing: 0; margin: 0 5px }
.ls11 .t21 { width: 90%; height: auto; overflow: hidden; margin: 0 auto 20px }
.ls11 .t21 a { width: 100%; height: 42px; overflow: hidden; font: 700 16px/20px "微軟正黑體"; color: #333; display: inline-block; transition: all .8s linear; letter-spacing: -.5px; text-align: justify; text-justify: inter-ideograph }
.ls11:hover .t21 a { color: #fff; transition: all .3s linear }
.ls11 .im7 iframe { width: 277px; height: 100px }
.ls11:hover .dt2, .ls11:hover .t21 a:hover, ls11:hover .t21 a { color: #fff; transition: all .1s linear }
.m18 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto 30px; border-bottom: 3px dotted #ddd; position: relative }
.m18 .mk2 { width: auto; height: 36px; position: absolute; right: 305px; top: 20px; z-index: 10 }
.m18 .mk2 a { width: auto; height: 36px; font: 18px/36px verdana, "微軟正黑體"; color: #fff; background: linear-gradient(75deg, rgba(170,0,0,.9) 20%, rgba(200,0,0,.9) 80%) repeat-x; text-align: center; padding: 0 25px; transform: skew(0deg, 0deg); border-right: 0 solid #000; display: inline-block; position: relative; transition: all .3s linear }
.m18 .mk2 a:hover { background: linear-gradient(75deg, rgba(200,0,0,.9) 20%, rgba(170,0,0,.9) 80%) repeat-x; transition: all .3s linear }
.m18 .mk2 a span { width: 0; height: 0; border-bottom: 16px solid #222; border-left: 28px solid transparent; position: absolute; right: 0; bottom: 0 }
.m18 .bt17 { width: auto; height: 38px; position: absolute; right: 30px; bottom: 50px; z-index: 10 }
.m18 .bt17 a { width: auto; height: 38px; font: 22px/38px "Courier New", "新細明體"; color: #ccc; background: #111; text-align: center; padding: 0 15px; transform: skew(0deg, 0deg); border-right: 0 solid #000; display: inline-block; transform: skew(0deg, 0deg); letter-spacing: 0; text-transform: uppercase }
.m18 .bt17 a:hover { background: #a00; color: #fff }
.m18 .a12 { width: 750px; height: 450px; overflow: hidden; margin: 0 40px 30px 0; float: left }
.m18 .a12 img { width: 750px; min-height: 450px; height: auto; overflow: hidden }
.m18 .a12 iframe { width: 750px; height: 450px }
.m18 .a13 { width: 560px; height: 320px; position: absolute; right: 0; top: 40px; background: #fff; padding: 24px; border: 1px solid #ccc }
.m18 .a13 .dt3 { width: 100%; height: 25px; font: 13px/25px verdana, "新細明體"; color: #888 }
.m18 .a13 .dt3 span { font: 12px/28px verdana, "新細明體"; color: #aaa; letter-spacing: 0; margin: 0 5px }
.m18 .a13 .t22 { width: 560px; max-height: 80px; overflow: hidden; font: 700 36px/40px "微軟正黑體"; margin-bottom: 10px; letter-spacing: -1px; white-space: normal; text-overflow: ellipsis }
.m18 .a13 .t22 a { font: 700 35px/40px "微軟正黑體" }
.m18 .a13 .t22 a:hover { color: #d00 }
.m18 .a13 .t23 { width: 560px; height: 210px; overflow: hidden; font: 20px/30px verdana, "微軟正黑體"; text-align: justify; text-justify: inter-ideograph }
.m19 { width: 60%; height: auto; overflow: hidden; margin: 0 auto 30px }
.m19 a { width: 100%; height: auto; overflow: hidden; font: italic 700 19px/34px verdna, "新細明體"; display: inline-block; color: #111 }
.m19 a:hover { text-decoration: underline; color: #c00; background: #f4f4f4 }
.m20 { width: 60%; height: auto; overflow: hidden; margin: 0 auto 30px }
.m20 .bt14 { width: auto; height: auto; overflow: hidden; margin: 0 auto; font: 20px/30px "Century Gothic"; color: #666; letter-spacing: 0 }
.m20 .bt14 a { width: auto; height: 32px; font: 16px/30px "微軟正黑體"; color: #666; display: inline-block; text-align: center; border-radius: 0; padding: 0 0; border: 0 solid #aaa; text-align: center; letter-spacing: -1px; margin: 0 0 10px 0; letter-spacing: -1px }
.m20 .bt14 a:hover { color: #d00; border: 0 solid #d00 }
.m21 { width: 100%; height: 650px; margin-bottom: 0; font: italic 19px/28px "Times New Roman", "新細明體"; padding: 0 0 0 }
.m21 iframe { width: 100%; height: 650px }
.ad1 { width: 1200px; height: 250px; overflow: hidden; margin: 0 auto 40px }
.ad1 img { width: 1200px; height: 250px; transition: all .3s }
.ad1 img:hover { transform: scale(1.02); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ad2 { width: 1000px; height: auto; overflow: hidden; margin: 20px 0 20px; text-align: left }
.ad2 img { width: 1000px; height: 150px; transition: all .3s }
.ad2 img:hover { transform: scale(1.02); transition: all .3s; filter: contrast(120%); -webkit-filter: contrast(120%) }
.ls12 { width: 585px; height: 71px; margin: 0 30px 15px 0; float: left; position: relative; padding: 0 0 15px; background: linear-gradient(90deg, #333 100%, #ddd 0) no-repeat left bottom/0 1px, linear-gradient(90deg, #ddd 100%, #c00 0) no-repeat left bottom/100% 1px; transition: all .3s linear }
.ls12:hover { background: linear-gradient(90deg, #333 100%, red 0) no-repeat left 85px/100% 1px, linear-gradient(90deg, #ddd 100%, #c00 0) no-repeat left bottom/100% 1px; transition: all .6s linear }
.ls12 .im8 { width: 115px; height: 70px; overflow: hidden; float: left; margin-right: 10px }
.ls12 .im8 img { width: 100%; height: auto; transition: all .3s; filter: brightness(75%) contrast(100%) }
.ls12:hover .im8 img { transform: rotate(-8deg) scale(1.2); transition: all .3s; filter: brightness(100%) contrast(120%) }
.ls12 .im8 iframe { width: 95px; height: 70px }
.ls12 .dt4 { width: 380px; height: 20px; font: 13px/20px verdana, "新細明體"; color: #888; float: left }
.ls12 .dt4 span { font: 12px/20px verdana, "新細明體"; color: #aaa; letter-spacing: 0; margin: 0 5px }
.ls12 .dt4 h4 { font: 12px/16px verdana, "新細明體"; text-align: right; float: right; background: #d00; width: auto; height: 16px; padding: 0 4px; color: #fff }
.ls12 .t24 { width: 380px; height: 50px; overflow: hidden; float: left }
.ls12 .t24 a { font: 700 20px/25px "微軟正黑體"; color: #333; letter-spacing: -.5px; text-align: justify; text-justify: inter-ideograph }
.ls12 .t24 a:hover { color: #666 }
.ls12 .nob { width: 67px; height: 64px; float: left; border: 1px dashed #fff; font: 54px/50px "Courier New", "新細明體"; color: #888; text-align: center; margin-right: 10px; padding: 4px 0 0 1px; background: #fff; border-radius: 100px 100px 15px 100px; transition: all .3s }
.ls12 .nob h4 { font: 12px/1px "Courier New"; color: #888; letter-spacing: 0; text-transform: uppercase }
.ls12:hover .nob { border: 1px solid #111; color: #fff; transition: all .3s; background: #111 }
.ls12:hover .nob h4 { color: #fff }
.a11 .ss { width: auto; height: 20px; overflow: hidden; background: #f4f4f4; border: 1px solid #eee; font: 12px/20px verdana, "新細明體"; color: #888; padding: 5px 1%; margin-bottom: 20px; float: left }
.a11 .ss a { font: 12px/20px verdana, "新細明體"; color: #888 }
.a11 .ss a:hover { color: #d00 }
.a3 .phm { display: none }
.m22 { width: 60px; height: auto; overflow: hidden; position: fixed; top:auto; border-top: 0 solid #ccc;  opacity: 0; animation: go6  .3s  ease-in  2.2s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running;bottom:94px;z-index:99 }
@keyframes go6 { 0% {
right:-60px
}
100% {
right:24px;
opacity:1
}
}
.m22 .bt19 { width: 60px; height:auto; overflow: hidden;}
.m22 .bt18 a { width: 100%; height: 0; overflow: hidden; background: url(../../images/in1/ic1.png) no-repeat center/20px auto #eee; padding: 58px 0 0 0; border: 0 solid #ccc; line-height: 48px;  border-right: 0; border-top: 0; display: none;border-radius:100px }
.m22 .bt18 a:hover { background: url(../../images/in1/ic2_over.png) no-repeat center/26px auto #2e448a; border: 0 solid #2e448a; border-right: 0 }
.m22 .bt19 { width: 60px; height:auto; overflow: hidden;}
.m22 .bt19 a { width: 100%; height: 0; overflow: hidden; background: url(../../images/in1/ic2.png) no-repeat center/20px auto rgba(240,240,240,.9); padding: 58px 0 0 0; border-top: 0 solid #ccc; line-height: 48px; display: block; border-radius: 100% }


.m22 .bt19 a:hover { background: url(../../images/in1/ic2_over.png) no-repeat center/20px auto #ed004e; border-top: 0 solid #333 }
.m23 { width: 100%; min-height: 570px; height: auto; overflow: hidden; padding: 0 0 0; margin-bottom: 0; opacity: 0; animation: go4 1.2s ease-out .5s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go4 { 0% {
background:url(../../images/bg1.jpg) no-repeat -30px -200px/100% auto, url(../../images/bg1-5.jpg) no-repeat center 600px/100% auto, url(../../images/bg1-2.jpg) no-repeat 200px bottom/100% auto
}
100% {
background:url(../../images/bg1.jpg) no-repeat center 0/110% auto, url(../../images/bg1-5.jpg) no-repeat center 800px/110% auto, url(../../images/bg1-2.jpg) no-repeat center bottom/100% auto;
opacity:1
}
}
.m23 .a17 { width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto; padding: 100px 0 0 }
.m23 .a17 .t25 { width: 40%; height: auto; overflow: hidden; font: 16px/24px "Century Gothic", "微軟正黑體"; color: #333; text-align: justify; text-justify: inter-ideograph; background: rgba(255,255,255,.97); padding: 3% 3% 3%; opacity: 0; margin: 0 auto 30px; box-shadow: 0 0 6px rgba(0,0,0,.15); border: 0 solid #aaa; border-radius: 10px; animation: go5 .7s ease-out .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go5 { 100% {
opacity:1
}
}
.m23 .a17 .t25 ul { padding-left: 20px; margin-bottom: 30px }
.m23 .a17 .t25 ul li { list-style: outside; list-style-type: disc }
.m23 .a17 .t25>img { width: 90%; height: auto; margin: 40px auto 0; display: block }
.m23 .a17 .t25 .im13 { width: 80%; height: auto; overflow: hidden; border-radius: 0; border: 0 solid #ccc; margin: 0 auto }
.m23 .a17 .t25 .im13 img { width: 100%; height: auto }
.m23 .a17 .t25 h4 { font: 700 42px/50px "微軟正黑體"; color: #000; margin-bottom: 10px; letter-spacing: -2px }
.m23 .a17 .t25 h5 { font: 700 17px/24px "Century Gothic", "微軟正黑體"; color: #000; margin: 10px 0 0; display: block }
.m23 .a17 .t25 h5::before { content: '◆'; font: 12px/24px "新細明體"; margin-right: 5px }
.m23 .a17 .bt20 { width: auto; height: auto; overflow: hidden; position: absolute; bottom: 70px; right: 100px }
.m23 .a17 .bt20 a { width: auto; height: 34px; font: 16px/34px "Courier New", "微軟正黑體"; color: #888; display: inline-block; text-align: center; background: #fff; border-radius: 0; padding: 0 10px; border: 1px solid #aaa; text-align: center; letter-spacing: -.5px }
.m23 .a17 .bt20 a:hover { background: #111; color: #fff; border: 1px solid #111 }
.m23 .a25 { width: 100%; height: auto; overflow: hidden; position: relative; margin: 0 auto }
.m23 .a25 .t32 { font: 700 24px/30px "Century Gothic", "微軟正黑體"; color: #000; margin-bottom: 10px; letter-spacing: -1px }
.m23 .a25 .t32 h4 { font: 700 24px/30px "Century Gothic", "微軟正黑體"; color: #000; margin-bottom: 10px; letter-spacing: -1px }
.m24 { width: 100%; height: 500px; overflow: hidden; margin: 0 auto 60px; padding: 100px 0; background: url(../../images/bg2.jpg) center top no-repeat }
.a18 { width: 1200px; min-height: 200px; height: auto; overflow: hidden; margin: 0 auto; padding: 0 0 0 40px }
.a18-2 { margin-bottom: 20px }
.a18 .ls13 { width: 340px; height: auto; float: left; margin: 0 60px 20px 0; position: relative; background: linear-gradient(90deg, rgba(150,150,150,.1) 0, rgba(150,150,150,.2) 100%) no-repeat 20px bottom/20px 1px; transition: all .8s linear; padding: 0 }
.a18 .ls13:hover { background: linear-gradient(90deg, rgba(150,150,150,.2) 0, rgba(150,150,150,.3) 100%) no-repeat 20px bottom/300px 1px; transition: all .8s linear }
.a18 .ls13 .mk1 { width: auto; height: 28px; position: absolute; right: -15px; bottom: 120px; z-index: 10 }
.a18 .ls13 .mk1 a { width: auto; height: 28px; font: 700 15px/28px verdana, "微軟正黑體"; color: #fff; background: linear-gradient(90deg, rgba(170,0,0,.8) 20%, rgba(220,0,0,.8) 60%) repeat-x; text-align: center; padding: 0 15px; transform: skew(0deg, 0deg); border-right: 3px solid #000; display: inline-block }
.a18 .ls13 .mk1 a:hover { background: linear-gradient(90deg, rgba(220,0,0,.9) 20%, rgba(170,0,0,.9) 60%) repeat-x; transition: all .3s linear }
.a18 .ls13 .im5 { width: 340px; height: 340px; overflow: hidden; position: relative; transition: all .6s; margin-bottom: 10px; border-radius: 340px }
.a18 .ls13 .im5 img { width: 340px; min-height: 340px; height: auto; overflow: hidden; transition: all .3s; -webkit-filter: grayscale(100%) contrast(120%); filter: grayscale(100%) contrast(120%) }
.a18 .ls13 .im5:hover img { transform: rotate(-8deg) scale(1.2); transition: all .6s; -webkit-filter: grayscale(0); filter: grayscale(0) }
.a18 .ls13 .im5 iframe { width: 350px; height: 466px; transition: all .6s; margin: -60px 0 0 0 }
.a18 .ls13 .im5 .cv3 { width: 340px; height: 340px; position: absolute; top: 0; left: 0; z-index: 2 }
.a18 .ls13 .im5 .cv3 a { width: 340px; height: 0; position: relative; background: rgba(0,0,0,0); font: 22px/330px "Courier New", "微軟正黑體"; color: #333; transition: all .3s; display: inline-block; text-align: center; opacity: 0; letter-spacing: -1.5px }
.a18 .ls13 .im5:hover .cv3 a { width: 340px; height: 340px; background: rgba(0,0,0,.4); transition: all .3s; color: #aaa; opacity: 1; font: 22px/360px "Courier New", "微軟正黑體" }
.a18 .ls13 .im5:hover .cv3 a:hover { color: #fff }
.a18 .ls13 .t18 a { width: 340px; height: 50px; overflow: hidden; font: 22px/50px Arial, "微軟正黑體"; color: #ccc; display: inline-block; letter-spacing: -.5px; text-align: center }
.a18 .ls13:hover .t18 a:hover { color: #d00; transition: all .5s linear }
.b9-3 { width: 1060px }
.a20 { width: 1140px; min-height: 200px; height: auto; overflow: hidden; margin: 0 auto; padding: 0 0 0 60px }
.a20 .ls15 { width: 320px; height: auto; float: left; margin: 0 58px 40px 0; position: relative; background: linear-gradient(90deg, rgba(150,150,150,.1) 0, rgba(150,150,150,.2) 100%) no-repeat 20px bottom/20px 1px; transition: all .8s linear; padding: 0 }
.a20 .ls15:hover { background: linear-gradient(90deg, rgba(150,150,150,.2) 0, rgba(150,150,150,.3) 100%) no-repeat 20px bottom/300px 1px; transition: all .8s linear }
.a20 .ls15 .mk1 { width: auto; height: 28px; position: absolute; right: -15px; bottom: 120px; z-index: 10 }
.a20 .ls15 .mk1 a { width: auto; height: 28px; font: 700 15px/28px verdana, "微軟正黑體"; color: #fff; background: linear-gradient(90deg, rgba(170,0,0,.8) 20%, rgba(220,0,0,.8) 60%) repeat-x; text-align: center; padding: 0 15px; transform: skew(0deg, 0deg); border-right: 3px solid #000; display: inline-block }
.a20 .ls15 .mk1 a:hover { background: linear-gradient(90deg, rgba(220,0,0,.9) 20%, rgba(170,0,0,.9) 60%) repeat-x; transition: all .3s linear }
.a20 .ls15 .im5 { width: 320px; height: 320px; overflow: hidden; position: relative; transition: all .6s; margin-bottom: 10px; border-radius: 340px; border: 1px solid #eee }
.a20 .ls15 .im5 img { width: 320px; min-height: 320px; height: auto; overflow: hidden; transition: all .3s; -webkit-filter: grayscale(0) contrast(120%); filter: grayscale(0) contrast(120%) }
.a20 .ls15 .im5:hover img { transform: rotate(-8deg) scale(1.2); transition: all .6s; -webkit-filter: grayscale(50%); filter: grayscale(50%) }
.a20 .ls15 .im5 iframe { width: 320px; height: 440px; transition: all .6s; margin: -60px 0 0 0 }
.a20 .ls15 .im5:hover iframe { transform: rotate(-8deg) scale(1.5); transition: all .6s }
.a20 .ls15 .im5 .cv3 { width: 320px; height: 320px; position: absolute; top: 0; left: 0; z-index: 2 }
.a20 .ls15 .im5 .cv3 a { width: 320px; height: 0; position: relative; background: rgba(0,0,0,0); font: 22px/330px "Courier New", "微軟正黑體"; color: #333; transition: all .3s; display: inline-block; text-align: center; opacity: 0; letter-spacing: -1.5px }
.a20 .ls15 .im5:hover .cv3 a { width: 320px; height: 340px; background: rgba(0,0,0,.4); transition: all .3s; color: #aaa; opacity: 1; font: 22px/340px "Courier New", "微軟正黑體" }
.a20 .ls15 .im5:hover .cv3 a:hover { color: #fff }
.a20 .ls15 .t18 a { width: 320px; height: 50px; overflow: hidden; font: 20px/50px Arial, "微軟正黑體"; color: #333; display: inline-block; letter-spacing: -.5px; text-align: center }
.a20 .ls15:hover .t18 a:hover { color: #d00; transition: all .5s linear }
.a20 .ls14 { width: 320px; height: auto; float: left; margin: 0 58px 40px 0; position: relative; background: linear-gradient(90deg, rgba(150,150,150,.1) 0, rgba(150,150,150,.2) 100%) no-repeat 20px bottom/20px 1px; transition: all .8s linear; padding: 0 }
.a20 .ls14:hover { background: linear-gradient(90deg, rgba(150,150,150,.2) 0, rgba(150,150,150,.3) 100%) no-repeat 20px bottom/300px 1px; transition: all .8s linear }
.a20 .ls14 .mk1 { width: auto; height: 28px; position: absolute; right: -15px; bottom: 120px; z-index: 10 }
.a20 .ls14 .mk1 a { width: auto; height: 28px; font: 700 15px/28px verdana, "微軟正黑體"; color: #fff; background: linear-gradient(90deg, rgba(170,0,0,.8) 20%, rgba(220,0,0,.8) 60%) repeat-x; text-align: center; padding: 0 15px; transform: skew(0deg, 0deg); border-right: 3px solid #000; display: inline-block }
.a20 .ls14 .mk1 a:hover { background: linear-gradient(90deg, rgba(220,0,0,.9) 20%, rgba(170,0,0,.9) 60%) repeat-x; transition: all .3s linear }
.a20 .ls14 .im5 { width: 320px; height: 320px; overflow: hidden; position: relative; transition: all .6s; margin-bottom: 10px; border-radius: 340px; border: 1px solid #eee }
.a20 .ls14 .im5 img { width: 534px; height: 320px; overflow: hidden; transition: all .3s; -webkit-filter: grayscale(0) contrast(120%); filter: grayscale(0) contrast(120%); margin-left: -107px }
.a20 .ls14 .im5:hover img { transform: rotate(-8deg) scale(1.2); transition: all .6s; -webkit-filter: grayscale(50%); filter: grayscale(50%) }
.a20 .ls14 .im5 iframe { width: 320px; height: 440px; transition: all .6s; margin: -60px 0 0 0 }
.a20 .ls14 .im5:hover iframe { transform: rotate(-8deg) scale(1.5); transition: all .6s }
.a20 .ls14 .im5 .cv3 { width: 320px; height: 320px; position: absolute; top: 0; left: 0; z-index: 2 }
.a20 .ls14 .im5 .cv3 a { width: 320px; height: 0; position: relative; background: rgba(0,0,0,0); font: 22px/330px "Courier New", "微軟正黑體"; color: #333; transition: all .3s; display: inline-block; text-align: center; opacity: 0; letter-spacing: -1.5px }
.a20 .ls14 .im5:hover .cv3 a { width: 320px; height: 340px; background: rgba(0,0,0,.4); transition: all .3s; color: #aaa; opacity: 1; font: 22px/340px "Courier New", "微軟正黑體" }
.a20 .ls14 .im5:hover .cv3 a:hover { color: #fff }
.a20 .ls14 .t18 a { width: 320px; height: 50px; overflow: hidden; font: 20px/50px Arial, "微軟正黑體"; color: #333; display: inline-block; letter-spacing: -.5px; text-align: center }
.a20 .ls14:hover .t18 a:hover { color: #d00; transition: all .5s linear }
.m25 { height: auto; overflow: hidden; margin: 0 auto 0; opacity: 0; animation: go12 .5s ease-out 1.3s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m25 .bt24 { width: auto; height: auto; overflow: hidden; margin: 0 auto; font: 20px/30px "Courier New"; color: #666; letter-spacing: 0; text-align: center }
.m25 .bt24 a { width: auto; height: 32px; font: 16px/32px "微軟正黑體"; color: #666; display: inline-block; text-align: center; background: #fff; border-radius: 50px; padding: 0 15px; border: 1px solid #ddd; letter-spacing: -1px; margin: 0 10px 10px 0; letter-spacing: -1px }
.m25 .bt24 a:hover { background: #eee; color: #333; border: 1px solid #ddd }
.m25 .bt24 a.active { width: auto; height: 32px; font: 16px/32px "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: #ed004e; border-radius: 50px; padding: 0 15px; border: 1px solid #ed004e; letter-spacing: -1px; margin: 0 10px 10px 0; letter-spacing: -1px }
.m27 { width: 80%; height: auto; overflow: hidden; margin: 0 auto 30px; opacity: 0; animation: go12 .5s ease-out 1.6s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m27 .bt25 { width: auto; height: auto; overflow: hidden; margin: 0 auto; font: 20px/30px "Courier New"; color: #666; letter-spacing: 0; text-align: center }
.m27 .bt25 a { width: auto; height: 24px; font: 14px/24px "微軟正黑體"; color: #666; display: inline-block; text-align: center; background: #fff; border-radius: 50px; padding: 0 8px; border: 0 solid #aaa; letter-spacing: -1px; margin: 0 0 10px 0; letter-spacing: -1px }
.m27 .bt25 a:hover { background: #eee; color: #000; border: 0 solid #111 }
.m27 .bt25 a.active { width: auto; height: 24px; font: 14px/24px "微軟正黑體"; color: #ed004e; display: inline-block; text-align: center; border-radius: 50px; padding: 0 8px; border: 0 solid #d00; letter-spacing: -.5px; margin: 0 0 10px 0; letter-spacing: -1px; text-decoration: underline }
.bg2 { background: linear-gradient(90deg, #eee 30%, #fff 30%) repeat-x }
.a11 .b20 { width: 100%; height: auto; overflow: hidden; padding: 0 0 0; margin-bottom: 0 }
.a11 .b20 .im9 { width: 900px; min-height: 450px; height: auto; overflow: hidden; float: left; margin: 0; font: italic 19px/28px "Times New Roman", "新細明體"; border-radius: 0; padding: 10px 0; background: #080808; text-align: center }
.a11 .b20 .im9 img { width: 500px; height: auto; border-radius: 0 }
.a11 .b20 .c7 { width: 900px; height: auto; overflow: hidden; float: left; padding: 10px 0 0 0; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 20px }
.a11 .b20 .c7 .im10 { width: 90px; height: 90px; height: auto; overflow: hidden; margin: 0 5px 10px; border-radius: 200px; border: 1px solid #ccc; display: inline-block }
.a11 .b20 .c7 .im10 img { width: 100%; height: auto; transition: all .3s; -webkit-filter: grayscale(100%); filter: grayscale(100%) }
.a11 .b20 .c7 .im10 img:hover { transform: scale(1.2); transition: all .3s; -webkit-filter: grayscale(0); filter: grayscale(0) }
.m26 { width: 100%; min-height: 650px; height: auto; overflow: hidden; margin: 0 auto; padding: 0 0 50px; opacity: 0; animation: go13 .6s ease-out 1.6s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go13 { 0% {
background:url(../../images/bg3.jpg) no-repeat 200px bottom/80% auto
}
100% {
background:url(../../images/bg3.jpg) no-repeat -5% bottom/105% auto;
opacity:1
}
}
.m26 .a21 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto }
.m26 .a21 .t26 { width: 690px; height: auto; overflow: hidden; font: 15px/35px "Courier New", "微軟正黑體"; float: right; margin-bottom: 0 }
.m26 .a21 .b21 { width: 690px; height: auto; overflow: hidden; float: right; margin-bottom: 2px }
.m26 .a21 .b21 .t27 { width: 80px; height: 35px; overflow: hidden; font: 15px/35px "Courier New", "微軟正黑體"; color: #333; float: left; text-align: left }
.m26 .a21 .b21 .inp1 { width: 500px; height: 35px; font: 15px/35px "Courier New", "微軟正黑體"; color: #000; border-radius: 0; padding: 0 3px; background: #fff; text-align:left;text-transform:uppercase;
border: 0; border-bottom: 1px solid #ddd }
.m26 .a21 .b21 .inp2 { width: 200px; height: 35px; font: 15px/35px "Courier New", "微軟正黑體"; color: #000; border-radius: 0; padding: 0; background: #fff; text-align: left; text-transform: uppercase; border: 0; border-bottom: 1px solid #ddd; float: left }
.m26 .a21 .b21 .inp3 { width: 150px; height: 30px; border: 0; border-bottom: 1px solid #ccc; border-left: 0 solid #ccc; font: 15px/30px "Courier New", "微軟正黑體"; color: #666; border-radius: 0; padding: 0 0; background: #fff; text-align: left; float: left; margin-top: 5px }
.m26 .a21 .b21 .inp4 { width: 500px; height: 72px; padding: 5px 0; border: 0; border-bottom: 1px solid #ccc; font: 15px/24px "Courier New", "微軟正黑體"; color: #000; border-radius: 0; background: #fff }
.m26 .a21 .b21 .cd2 { width: 108px; height: 36px; float: left; text-align: left }
.m26 .a21 .b21 .cd2 img { vertical-align: middle; margin: 8px }
.m26 .a21 .b21 .bt21 { width: 84%; height: auto; overflow: hidden; float: right; margin: 40px 110px 0 0 }
.m26 .a21 .b21 .bt21 a { width: 99%; height: auto; overflow: hidden; font: 16px/60px "微軟正黑體"; color: #888; display: inline-block; text-align: center; background: linear-gradient(90deg, #333 0, #333 100%) no-repeat left top/0 60px; border-radius: 0; padding: 0; border: 1px solid #ccc; text-align: center; letter-spacing: -1px }
.m26 .a21 .b21 .bt21 a:hover { color: #fff; border: 1px solid #333; background: linear-gradient(90deg, #333 50%, #333 50%) no-repeat right top/100% 60px; box-shadow: 0 1px 5px rgba(0,0,0,.5); font: 18px/60px "微軟正黑體" }
.m28 { width: 80%; height: 48%; overflow: hidden; line-height: 0; margin: 0 auto 20px; padding: 0 0 15px; border-bottom: 0 solid #ddd }
.m28 .carousel-inner { width: 100%; height: 60% }
.m28 .carousel-inner>.item a { width: 100%; padding: 60% 0 0; height: 0; overflow: hidden; display: inline-block; text-indent: -9999px }
.m28 .carousel-indicators { width: 100%; height: auto; overflow: hidden; bottom: 0; text-align: center; position: relative; float: left; margin: 0; left: auto }
.m28 .carousel-indicators li { height: 82px; width: 82px; overflow: hidden; border: 0 solid rgba(0,0,0,.15); border-radius: 200px; display: inline-block; position: relative; margin: 10px -1px 0 }
.m28 .carousel-indicators li img { width: 136px; height: 82px; transition: all .3s; -webkit-filter: grayscale(100%); filter: grayscale(100%); position: absolute; top: 0; left: -26px }
.m28 .carousel-indicators li img:hover { transform: scale(1.2); transition: all .3s; -webkit-filter: grayscale(0); filter: grayscale(0) }
.m28 .carousel-indicators .active { border: 0 solid #ed004e; transition: all .3s }
.m28 .carousel-indicators li.active img { transition: all .3s; -webkit-filter: grayscale(0); filter: grayscale(0) }
.m28 .carousel-control { font-size: 20px; opacity: 1; color: rgba(255,255,255,.8); text-shadow: 0 1px 3px rgba(0,0,0,.8); transition: all .3s }
.m28 .carousel-control:hover { color: rgba(255,255,255,255.1); transition: all .3s }
.m28 .carousel-control.left { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 8% }
.m28 .carousel-control.right { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 8% }
.m28 .glyphicon-chevron-right { right: 42% }
.m28 .glyphicon-chevron-left { left: 32% }
.m28 .glyphicon-chevron-right::before { content: "" }
.m28 .glyphicon-chevron-left::before { content: "" }
.m28 .glyphicon { top: 38% }
.m28 .carousel-control.right img { width: auto; height: 100px }
.m28 .carousel-control.left img { width: auto; height: 100px }
.m29 { width: 970px; margin: 90px auto 0 }
.m29 .a22 { width: 100%; height: auto; overflow: hidden; border: 1px solid rgba(75,60,30,1); border-radius: 0; background: 0 0; box-shadow: 0 2px 5px transparent; border: 0 }
.m29 .a22 .b22 { border-bottom: 0; padding-top: 50px; padding-bottom: 0 }
.m29 .a22 .b22 h4 { font: 14px/30px "Courier New", "微軟正黑體"; color: #333; text-align: center }
.m29 .a22 .b22 h4 span { font: italic 24px/30px "Times New Roman", "微軟正黑體"; margin-right: 5px }
.m29 .a22 .b23 { width: 900px; height: 540px; border-bottom: 0; padding-bottom: 5px; background: #000; padding: 35px; position: relative }
.m29 .a22 .b23 img { width: 900px; height: 540px }
.m29 .a22 .b23 .close { width: 50px; height: 50px; color: #ccc; opacity: 1; text-shadow: 0 0 0 #fff; transition: all .3s; margin-top: 0; background: url(../../images/ns2/bt1.png); z-index: 2; position: absolute; top: 10px; right: 10px }
.m29 .a22 .b23 .close:hover { color: #c0b088; transition: all .3s; background: url(../../images/ns2/bt1_over.png) }
.m30 { width: 400px; height: 240px; position: fixed; left: 0; top: 100px; z-index: 999 }
.m30 .a23 { width: 400px; height: 240px; position: relative }
.m30 .a23 iframe { width: 400px; height: 240px }
.m30 .a23 .x2 { width: 25px; height: 25px; position: absolute; right: 0; top: 0 }
.m30 .a23 .x2 a { width: 25px; height: 0; overflow: hidden; opacity: 1; text-shadow: 0 0 0 #fff; transition: all .3s; background: url(../../images/ns2/bt1.png) no-repeat center top/100% auto; padding: 25px 0 0; display: inline-block }
.m30 .a23 .x2 a:hover { color: #c0b088; transition: all .3s; background: url(../../images/ns2/bt1_over.png) no-repeat center top/100% auto }
.m31 { width: 100%; height: 900px; overflow: hidden; position: relative }
.m31>iframe { width: 100%; height: 160%; position: absolute; top: -250px; left: 0 }
.m31 . { width: 100%; height: 900px; background: rgba(0,0,0,.35) }
.m31 .a1 { width: 100%; height: 760px; position: absolute; top: 0; left: 0; z-index: 1; padding: 140px 0 0; background: rgba(0, 0, 0, 0, 2) }
.m31 .a1 .b1 { width: 1200px; height: auto; overflow: hidden; margin: 0 auto }
.m31 .a1 .b1 .lg { width: 230px; height: 102px; margin: 0 auto 20px }
.m31 .a1 .b1 .lg a { width: 230px; height: 0; overflow: hidden; padding: 102px 0 0; display: inline-block; background: url(../../images/lg.png); text-indent: -9999px }
.m32 { height: 800px; overflow: hidden; line-height: 0; margin: 0 auto 0; opacity: 0; animation: go8 .5s linear .4s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go8 { 0% {
width:20%
}
100% {
width:100%;
opacity:1
}
}
.m32 .carousel-inner>.item .cv1 { width: 100%; height: 800px; background: linear-gradient(180deg, rgba(0,0,0,.5) 0, rgba(0,0,0,.1) 50%) no-repeat center top; z-index: 2; position: absolute; top: 0; left: 0 }
.m32 .carousel-inner>.item a { width: 100%; padding: 800px 0 0; height: 0; overflow: hidden; display: inline-block; text-indent: -9999px }
.m32 .carousel-inner>.item iframe { width: 100%; height: 160%; position: absolute; top: -250px; left: 0; z-index: 0 }
.m32 .sud { width: 60px; height: 60px; position: absolute; right: 95px; bottom: 0; text-align: center; z-index: 2; opacity: 0; animation: go7  .3s  ease-in  2s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go7 { 0% {
bottom:-60px
}
100% {
bottom:0;
opacity:1
}
}
.m32 .carousel-inner>.item>.mov { width: 100%; height: 150%; position: absolute; top: -250px; left: 0; z-index: -1 }
.m32 .sud img { width: 60px; height: auto; vertical-align: middle }
.m32 .sud a { width: 60px; height: 60px; background: rgba(255,255,255,.9); display: block }
.m32 .sud a:hover { width: 60px; height: 60px; background: rgba(255,200,0,1) }
.m32 .carousel-indicators li { height: 10px; width: 40px; background-color: rgba(255,255,255,.5); border: 1px solid #e07c34; margin: 0 2px; box-shadow: 0 2px 5px rgba(0,0,0,.2) }
.m32 .carousel-indicators .active { background-color: #e07c34; border: 1px solid #e07c34s }
.m32 .carousel-indicators { bottom: 30px }
.m32 .carousel-caption { width: 70%; height: 60px; overflow: hidden; left: 5%; font: 16px/60px "Courier New", "微軟正黑體"; letter-spacing: 0; text-shadow: 0 0 0 #000; background: rgba(255,255,255,.9); color: #333; padding: 0 20px; opacity: 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; animation: go1  .8s  ease-in  1.4s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go1 { 0% {
bottom:-60px
}
100% {
bottom:0;
opacity:1
}
}
.m32 .cc2 { width: 0; height: 80px; left: 5%; text-align: center; font: 700 70px/70px "Microsoft YaHei", "微軟正黑體", "Century Gothic"; text-shadow: 0 0 6px rgba(0,0,0,.35); color: #fff; padding: 0 0 5px 0; opacity: 0; background: 0 0; text-align: left; z-index: 9; letter-spacing: -2px; animation: go11  1.4s  ease-out  .8s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go11 { 0% {
width:0;
bottom:100px
}
100% {
width:100%;
opacity:1;
bottom:70px
}
}
.m32 .cc2 span { width: 100%; height: auto; overflow: hidden }
.m32 .carousel-control { font-size: 20px; opacity: 1; color: rgba(255,255,255,.8); text-shadow: 0 1px 3px transparent; transition: all .3s }
.m32 .carousel-control:hover { color: rgba(255,255,255,255.1); transition: all .3s }
.m32 .carousel-control.left, .m32 .carousel-control.right { background-image: none }
.m32 .carousel-control.left { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 60px; height: 60px; left: auto; top: auto; right: 217px; opacity: 0; animation: go2  .5s  ease-in  1.6s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go2 { 0% {
bottom:-60px
}
100% {
bottom:0;
opacity:1
}
}
.m32 .carousel-control .glyphicon-chevron-left { font-size: 12px; text-shadow: none; color: #fff; background: rgba(255,255,255,.9); width: 60px; height: 60px; display: block; border-radius: 0; transition: all .3s; position: absolute; left: 15px; top: 15px; line-height: 65px; color: #555 }
.m32 .carousel-control.left .glyphicon-chevron-left:hover { background: #ed004e; transition: all .3s; color: #fff }
.m32 .carousel-control.right { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 60px; height: 60px; left: auto; top: auto; right: 156px; opacity: 0; animation: go3  .5s  ease-in  1.8s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go3 { 0% {
bottom:-60px
}
100% {
bottom:0;
opacity:1
}
}
.m32 .carousel-control .glyphicon-chevron-right { font-size: 12px; text-shadow: none; color: #fff; background: rgba(255,255,255,.9); width: 60px; height: 60px; display: block; line-height: 33px; border-radius: 0; transition: all .3s; position: absolute; left: 15px; top: 15px; line-height: 60px; color: #555 }
.m32 .carousel-control .glyphicon-chevron-right:hover { background: #ed004e; transition: all .3s; color: #fff }
.bt26 { width: 100%; height: auto; overflow: hidden; margin: 0 auto 50px; text-align: center }
.bt26 a { width: 100%; height: 80px; overflow: hidden; font: 19px/30px "Century Gothic", "新細明體"; color: #888; display: inline-block; text-align: center; background: linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat right top/0 100% #f8f8f8; border-radius: 0; border: 0 solid #aaa; text-align: center; letter-spacing: 1px; padding: 50px 0 60px; transition: all .5s }
.bt26 a span { font: 30px/40px "新細明體"; transition: all .25s }
.bt26 a:hover { color: #fff; border: 0 solid #ed004e; background: linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat left top/100% 100%; font: 14px/30px "Century Gothic", "新細明體" }
.bt26 a:hover span { font: 45px/40px "新細明體"; transition: all .2s; color: #fff; transition: all .3s }
.m33 { width: 86%; height: 600px; line-height: 0; margin: 50px auto 100px }
.m33 .carousel-inner { height: 600px; width: 75%; margin: 0 auto }
.m33 .carousel-inner>.item>a { height: 500px; display: inline-block; padding: 10px 0 }
.m33 .carousel-indicators li { height: 10px; width: 10px; background-color: #fff; border: 2px solid #b9a476; margin: 0 2px; box-shadow: 0 2px 5px rgba(0,0,0,.2) }
.m33 .carousel-indicators li:hover { background-color: #b9a476 }
.m33 .carousel-indicators { bottom: 40px; left: 53.5% }
.m33 .carousel-indicators .active { background-color: #b9a476; border: 2px solid #b9a476 }
.m33 .carousel-control { font-size: 20px; opacity: 1; color: rgba(255,255,255,.8); text-shadow: 0 1px 3px rgba(0,0,0,.8); transition: all .3s }
.m33 .carousel-control:hover { color: rgba(255,255,255,255.1); transition: all .3s }
.m33 .carousel-control.left { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 3% }
.m33 .carousel-control.right { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 3% }
.m33 .glyphicon-chevron-right { right: -40% }
.m33 .glyphicon-chevron-left { left: -40% }
.m33 .glyphicon-chevron-right::before { content: "" }
.m33 .glyphicon-chevron-left::before { content: "" }
.m33 .glyphicon { top: 42% }
.m33 .carousel-control.right img { width: auto; height: 120px }
.m33 .carousel-control.left img { width: auto; height: 120px }
.m34 { width: 100%; height: 600px; overflow: hidden; text-shadow: 0 0 0 #fff; text-align: left; padding: 0 0 0; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0 }
.m34:hover { box-shadow: 0 0 0 rgba(0,0,0,.5) }
.m34 .im11 { width: 55%; height: 600px; overflow: hidden; float: left; box-shadow: 0 0 0 rgba(0,0,0,.7); margin: 0 }
.m34 .im11 img { width: auto; height: 600px; margin: 0 0 0 -24%; transition: all .3s }
.m34:hover .im11 img { transform: scale(1); transition: all .2s; filter: contrast(130%) grayscale(100%); -webkit-filter: contrast(130%) grayscale(100%) }
.m34 .a24 { width: 35%; height: 460px; float: left; padding: 69px 4.6% 69px; border: 1px solid #e8e8e8; background: #fff; transition: all .3s; border-left: 0 }
.m34:hover .a24 { background: #ed004e; transition: all .15s; border: 1px solid #ed004e; border-left: 0 }
.m34 .a24 .dt5 { width: auto; height: 23px; font: 13px/25px "Century Gothic", "微軟正黑體"; color: #ccc; border: 1px solid #ccc; border-radius: 100px; display: inline-block; padding: 0 15px; color: #555; transition: all .2s linear; margin: 0 0 15px 0 }
.m34 .a24 .t26 { width: 100%; height: 85px; overflow: hidden; float: left; font: 700 35px/40px "Century Gothic", "微軟正黑體"; color: #fff; margin-bottom: 25px; letter-spacing: -2px }
.m34 .a24 .t26 a { width: 100%; max-height: 80px; overflow: hidden; float: left; font: 700 35px/40px verdana, "微軟正黑體"; color: #333; margin-bottom: 0 }
.m34 .a24 .t26 a:hover { color: #1e2541 }
.m34 .a24 .t27 { width: 100%; max-height: 240px; overflow: hidden; float: left; font: 18px/30px verdana, "微軟正黑體"; color: #333; margin-bottom: 25px; text-align: justify; text-justify: inter-ideograph; margin-bottom: 20px }
.m34 .a24 .t27 a { font: 18px/30px verdana, "微軟正黑體"; color: #333 }
.m34 .a24 .t28 { width: 100%; height: auto; text-align: left; margin: 0 auto; float: left }
.m34 .a24 .t28 a { width: 100%; height: auto; overflow: hidden; font: 17px/40px "Century Gothic", "微軟正黑體"; color: #888; background: 0 0; border: 0 solid #ccc; text-align: center; border-radius: 5px; text-decoration: underline; text-transform: uppercase }
.m34 .a24 .t28 a:hover { color: #000; background: 0 0; transition: all .3s; border: 0 solid #b9a476 }
.m34:hover .a24 .t26 a, .m34:hover .a24 .t27, .m34:hover .a24 .t27 a, .m34:hover .a24 .t28 a { color: #fff }
.m34:hover .a24 .dt5 { border: 1px solid #fff; color: #333; margin: 0 0 15px 78%; transition: all .2s; background: #fff }
.m35 { width: 100%; height: 700px; line-height: 0; border-bottom: 0 solid #ccc; margin-bottom: 80px }
.m35 .carousel-inner { height: 700px }
.m35 .carousel-inner>.item>a { width: 100%; display: inline-block; text-indent: -9999px; height: 600px }
.m35 .carousel-indicators { bottom: 70px; left: 30% }
.m35 .carousel-indicators .active { background-color: #ed004e; border: 1px solid #ed004e }
.m35 .carousel-indicators li { height: 6px; width: 30px; background-color: rgba(255,255,255,.7); border: 1px solid #bbb; margin: 0 2px; box-shadow: 0 2px 5px rgba(0,0,0,.2); transition: all .3s }
.m35 .carousel-indicators li:hover { background-color: #333; transition: all .3s; border: 1px solid #333 }
.m35 .carousel-caption { width: 26%; height: auto; overflow: hidden; bottom: -50px; left: auto; right: 15%; text-align: left; font: 14px/25px verdana, "微軟正黑體"; padding: 3% 4% 4%; letter-spacing: -1px; text-shadow: 0 0 0 #000; color: #000; box-shadow: 0 1px 8px rgba(0,0,0,.15); transition: all .6s; background: linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat left bottom/0 6px, linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat right top/0 6px rgba(255,255,255,.9) }
.m35 .carousel-caption ul { padding-left: 20px }
.m35 .carousel-caption ul li { list-style: outside; list-style-type: disc }
.m35 .carousel-caption span { font: 700 28px/50px verdana, "微軟正黑體"; transition: all .2s; margin-bottom: 0 }
.m35 .carousel-caption:hover { transition: all .2s linear; background: linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat left bottom/100% 6px, linear-gradient(180deg, #ed004e 50%, #ed004e 50%) no-repeat right top/100% 6px rgba(255,255,255,1) }
.m35 .carousel-caption a { font: 19px/80px "Century Gothic", "微軟正黑體"; color: #555; text-shadow: 0 0 0 rgba(0,0,0,.5); text-decoration: underline }
.m35 .carousel-caption a:hover { transition: all .2s; color: #000 }
.m35 .carousel-caption:hover span { font: 700 28px/50px verdana, "微軟正黑體"; transition: all .2s; letter-spacing: -1px }
.m35 .carousel-control.left, .m35 .carousel-control.right { background-image: none }
.m35 .carousel-control { font-size: 20px; opacity: 1; color: rgba(255,255,255,.8); text-shadow: 0 1px 3px rgba(0,0,0,.8); transition: all .3s }
.m35 .carousel-control:hover { color: rgba(255,255,255,255.1); transition: all .3s }
.m35 .carousel-control.left {
background-image:none;
position:absolute;
z-index:99;
opacity:1;
width:3%
}
.m35 .carousel-control.right { background-image: none; position: absolute; z-index: 99; opacity: 1; width: 3% }
.m35 .glyphicon-chevron-right { right: 150% }
.m35 .glyphicon-chevron-left { left: 20% }
.m35 .glyphicon-chevron-right::before { content: "" }
.m35 .glyphicon-chevron-left::before { content: "" }
.m35 .glyphicon { top: 42% }
.m35 .carousel-control.right img { width: auto; height: 120px }
.m35 .carousel-control.left img { width: auto; height: 120px }
.m36 { width: 100%; height: auto; overflow: hidden; margin-bottom: 50px }
.m36 .ls16 { width: 33.33%; height: 500px; float: left }
.m36 .ls16 a { width: 94%; padding: 150px 3% 50px; height: 300px; float: left; background: linear-gradient(90deg, #ed004e 50%, #ed004e 50%) no-repeat right top/0 500px, linear-gradient(90deg, #282828 50%, #282828 50%) no-repeat left top/100% 500px; transition: all .3s linear; display: block }
.m36 .ls16-2 a { background: linear-gradient(90deg, #ed004e 50%, #ed004e 50%) no-repeat right top/0 500px, linear-gradient(90deg, #111 50%, #111 50%) no-repeat left top/100% 500px }
.m36 .ls16 a:hover { background: linear-gradient(90deg, #ed004e 50%, #ed004e 50%) no-repeat right top/100% 500px, linear-gradient(90deg, #282828 50%, #282828 50%) no-repeat left top/100% 500px; transition: all .15s linear }
.m36 .ls16 .im12 { width: 100%; text-align: center; font-size: 30px; color: #fff; margin-bottom: 0; transition: all .3s; height: 36px }
.m36 .ls16 a:hover .im12 { padding: 0; transition: all .3s }
.m36 .ls16 a .t29 { width: 100%; height: auto; overflow: hidden; font: 700 36px/50px "Century Gothic", "微軟正黑體"; color: #fff; text-align: center }
.m36 .ls16 a .t30 { width: 20%; height: auto; overflow: hidden; font: 13px/20px "Century Gothic", "微軟正黑體"; color: #fff; text-align: center; margin: 0 auto 20px; background: 0 0; border-radius: 100px; padding: 0 3%; border: 1px solid #555; background: linear-gradient(90deg, #fff 50%, #fff 50%) no-repeat left top/0 100% }
.m36 .ls16 a:hover .t30 { border: 1px solid #fff; color: #ed004e; background: linear-gradient(90deg, #fff 50%, #fff 50%) no-repeat right top/100% 100%; transition: all .2s linear }
.m36 .ls16 a .t31 { width: 100%; height: auto; overflow: hidden; font: 16px/27px "Century Gothic", "微軟正黑體"; color: #fff; text-align: center; margin: 0 auto 0 }
.a10 .ls17 { width: 33.3%; height: auto; float: left; margin: 40px 0 0; position: relative; transition: all .2s linear; padding: 0 0 12px 0; background: linear-gradient(90deg, #ddd 0, #ddd 100%) no-repeat left bottom/100% 1px, linear-gradient(180deg, #ddd 0, #ddd 100%) no-repeat left bottom/1px 100%, linear-gradient(180deg, #ddd 0, #ddd 100%) no-repeat right bottom/1px 100%; opacity: 0; animation: go10 .8s ease-out 1s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.a10 .ls17:hover { transition: all .2s; box-shadow: 0 2px 10px rgba(0,0,0,.5); background: linear-gradient(90deg, #ed004e 0, #ed004e 100%) no-repeat left bottom/100% 0, linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat left bottom/0 100%, linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat right bottom/0 100% #ed004e }
.a10 .ls17 .mk1 { width: auto; height: 28px; position: absolute; right: -15px; bottom: 120px; z-index: 10 }
.a10 .ls17 .mk1 a { width: auto; height: 28px; font: 700 15px/28px "Century Gothic", "微軟正黑體"; color: #fff; background: linear-gradient(90deg, rgba(170,0,0,.8) 20%, rgba(220,0,0,.8) 60%) repeat-x; text-align: center; padding: 0 15px; transform: skew(0deg, 0deg); border-right: 3px solid #000; display: inline-block }
.a10 .ls17 .mk1 a:hover { background: linear-gradient(90deg, rgba(220,0,0,.9) 20%, rgba(170,0,0,.9) 60%) repeat-x; transition: all .3s linear }
.a10 .ls17 .im5 { width: 100%; heights: 80%; overflow: hidden; position: relative; transition: all .6s; margin-bottom: 50px; border-radius: 0; z-index: 2 }
.a10 .ls17 .im5 .hot { width: 80px; height: 50px; position: absolute; right: 0; bottom: 0; background: #fd0; font: 700 24px/50px "Century Gothic", "微軟正黑體"; color: #111; z-index: 9; text-align: center }
.a10 .ls17 .im5 img { width: 100%; heights: 100%; transition: all .3s }
.a10 .ls17:hover .im5 img { transform: rotate(-8deg) scale(1.3); transition: all .6s }
.a10 .ls17 .im5 iframe { width: 100%; transition: all .6s; display: inline-block }
.a10 .ls17 .im5 .cv3 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3 }
.a10 .ls17 .im5 .cv3 a { width: 100%; height: 100%; position: relative; background: rgba(0,0,0,0); font: 32px/310px "Century Gothic", "微軟正黑體"; color: #333; transition: all .3s; display: inline-block; text-align: center; opacity: 0; letter-spacing: -1.5px }
.a10 .ls17:hover .im5 .cv3 a { width: 100%; height: 100%; background: rgba(0,0,0,.7); transition: all .3s; color: #fff; opacity: 1; font: 32px/370px "Century Gothic", "微軟正黑體" }
.a10 .ls17:hover .im5 .cv3 a:hover { color: #fff }
.a10 .ls17 .dt1 { width: 80%; height: 25px; padding: 0; margin: 0 auto 5px }
.a10 .ls17 .dt1 span { width: auto; height: 23px; font: 12px/25px "Century Gothic", "微軟正黑體"; color: #ccc; border: 1px solid #ccc; border-radius: 100px; display: inline-block; padding: 0 15px; color: #555; transition: all .2s linear }
.a10 .ls17 .t18 { width: 80%; height: 80px; margin: 0 auto; padding: 0 0 50px }
.a10 .ls17 .t18 a { width: 100%; height: 80px; overflow: hidden; font: 700 32px/40px "Century Gothic", "微軟正黑體"; color: #000; display: inline-block; letter-spacing: -.7px; transition: all .1s linear }
.a10 .ls17:hover .dt1 span, .a10 .ls17:hover .t18 a, .a10 .ls17:hover .t18 a:hover { color: #fff; transition: all .1s linear }
.a10 .ls17:hover .dt1 span { border: 1px solid #fff; transition: all .2s linear }
.m37 { width: 100%; height: auto; overflow: hidden; background: linear-gradient(90deg, #ddd 50%, #ddd 50%) no-repeat 25% top/1px 100%, linear-gradient(90deg, #ddd 50%, #ddd 50%) no-repeat 75% top/1px 100% rgba(255,255,255,.35); border: 1px solid #ddd; border-left: 0; border-right: 0; margin: 0 auto 60px }
.m37-2 { background: linear-gradient(90deg, #ddd 50%, #ddd 50%) no-repeat 75% top/1px 100% rgba(255,255,255,.35) }
.m37-3 { background: linear-gradient(90deg, #ddd 50%, #ddd 50%) no-repeat 25% top/1px 100% rgba(255,255,255,.35) }
.m37 .bt27 { width: 25%; height: auto; overflow: hidden; float: left }
.m37 .bt27 a { width: 100%; height: 80px; overflow: hidden; font: 19px/80px "Century Gothic", "微軟正黑體"; color: #888; display: inline-block; text-align: center; background: linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat right top/0 100%; border-radius: 0; border: 0 solid #aaa; text-align: center; letter-spacing: 1px; padding: 50px 0 50px; transition: all .5s }
.m37 .bt27 a:hover { color: #fff; border: 0 solid #ed004e; background: linear-gradient(180deg, #ed004e 0, #ed004e 100%) no-repeat left top/100% 100%; font: 19px/80px "Century Gothic", "新細明體"; width: 80%; padding: 50px 20% 50px 0 }
.m37 .bt27-2 a:hover { padding: 50px 0 50px 20% }
.m37 .bt28 { width: 50%; height: auto; overflow: hidden; float: left }
.m37 .bt28-2 { width: 75% }
.m37 .bt28 a { width: 100%; height: 80px; overflow: hidden; font: 19px/80px "Century Gothic", "微軟正黑體"; color: #888; display: inline-block; text-align: center; background: linear-gradient(180deg, #fd0 0, #fd0 100%) no-repeat right top/0 100%; border-radius: 0; border: 0 solid #aaa; text-align: center; letter-spacing: 1px; padding: 50px 0 50px; transition: all .5s }
.m37 .bt28 a:hover { color: #000; border: 0 solid #ed004e; background: linear-gradient(180deg, #fd0 0, #fd0 100%) no-repeat left top/100% 100%; font: 26px/80px "Century Gothic", "新細明體" }
.pot { display: block }
.bt29 { width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center; padding: 5px 0 }
.bt29 a { width: auto; height: auto; overflow: hidden; font: 16px/60px "Century Gothic", "微軟正黑體"; color: #888; display: inline-block; text-align: center; background: linear-gradient(90deg, #2a60a4 0, #2a60a4 100%) no-repeat left top/0 60px; border-radius: 0; padding: 0 180px; border: 1px solid #aaa; text-align: cenbtter; letter-spacing: 1px }
.bt29 a:hover { color: #fff; border: 1px solid #2a60a4; background: linear-gradient(90deg, #2a60a4 50%, #2a60a4 50%) no-repeat right top/100% 60px; box-shadow: 0 1px 5px rgba(0,0,0,.5); font: 14px/60px "Century Gothic", "微軟正黑體" }
.m38 { width: 95%; overflow: hidden; background: url(../../images/aa1/im7.jpg) no-repeat center -50px; position: relative; opacity: 0; animation: go14 1s ease-out .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go14 { 0% {
margin-left:50px
}
100% {
opacity:1;
margin-left:0
}
}
.m38 .t33 { width: 35%; min-height: 600px; height: auto; overflow: hidden; font: 16px/24px "Century Gothic", "微軟正黑體"; color: #000; text-align: justify; text-justify: inter-ideograph; background: rgba(255,250,70,.95); padding: 2% 5%; opacity: 0; margin: 0 0 80px 0; float: left; box-shadow: 0 0 0 rgba(0,0,0,.25); border: 0 solid #aaa; border-radius: 0; animation: go5 .7s ease-out 1.4s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m38 .t33 h4 { font: 700 36px/50px "Century Gothic", "Microsoft YaHei", "微軟正黑體"; color: #000; margin-bottom: 5px; letter-spacing: -1px }
.m38 .t33 h4 span { font-family: inherit; font: 36px/50px "新細明體"; margin: 0 5px }
.m38 .t33>img { width: 90%; height: auto; margin: 15px 0 0; display: block }
.m38 .t33 .im14 { widthd: 80%; height: auto; overflow: hidden; border-radius: 0; border: 0 solid #ccc }
.m38 .t33 .im14 img { width: 100%; height: auto }
.m38 .t33 .im15 { width: 100%; height: auto; overflow: hidden; border-radius: 0; border: 0 solid #ccc; margin: 40px 0 0 }
.m38 .t33 .im15 img { width: 100%; height: auto }
.m38 .t33 .im16 { width: 90%; height: auto; overflow: hidden; border-radius: 0; border: 0 solid #ccc; margin: 0 0 0 }
.m38 .t33 .im16 img { width: 100%; height: auto }
.m38 .t33 h5 { font: 700 17px/20px "Century Gothic", "微軟正黑體"; color: #000; margin: 10px 0 0; display: block }
.m38 .t33 h5::before { content: '◆'; font: 12px/24px "新細明體"; margin-right: 5px }
.m38 .t33 ul { padding-left: 20px; margin-bottom: 10px }
.m38 .t33 ul li { list-style: outside; list-style-type: disc }
.m38 .t34 { width: 52%; height: auto; overflow: hidden; font: 700 60px/80px "Century Gothic", "微軟正黑體"; color: #000; position: absolute; top: 575px; left: 47%; text-transform: none; letter-spacing: 0; border-bottom: 3px dotted #ddd }
.m38 .t34 span { font: 700 32px/60px "Century Gothic", "微軟正黑體"; color: #aaa }
.m38-2 { background: url(../../images/bn6.jpg) no-repeat center -50px; opacity: 0; animation: go16 1s ease-out .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go16 { 0% {
margin-left:0
}
100% {
opacity:1;
margin-left:5%
}
}
.m38-3 { background: url(../../images/aa1/im8.jpg) no-repeat center -50px }
.m38-4 { background: url(../../images/aa1/im3.png) no-repeat 40% top/auto 820px; margin-left: 5%; opacity: 0; animation: go16 1s ease-out .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m38-5 { background: url(../../images/aa1/im10.jpg) no-repeat center -50px }
.m38 .t33-2 { float: right }
.m38 .t34-2 { left: 0; text-align: right }
.m38 .t34-3 { left: 0 }
.m39 { width: 90%; min-height: 600px; height: auto; overflow: hidden; margin: 0 auto 60px; text-align: center }
.m39 .ls18 { width: 24.2%; height: auto; overflow: hidden; display: inline-block; float: left; opacity: 0; animation: go15 1.6s ease-out .4s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go15 { 0% {
margin:0 4% 0 -10%
}
100% {
opacity:1;
margin:0 .4%
}
}
.m39 .ls18-2 { opacity: 0; animation: go15 1.6s ease-out .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m39 .ls18-3 { opacity: 0; animation: go15 1.6s ease-out 1.2s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m39 .ls18-4 { opacity: 0; animation: go15 1.6s ease-out 1.6s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running }
.m39 .ls18 .t35 { width: 100%; height: 80px; background: linear-gradient(90deg, #000 50%, #000 50%) no-repeat center bottom/100% 0 #eee; overflow: hidden; text-align: center; font: 700 24px/79px "Microsoft YaHei", "Century Gothic", "微軟正黑體"; letter-spacing: 0 }
.m39 .ls18 .t35 img { width: auto; height: 30px; vertical-align: middle; margin-right: 6px; padding-bottom: 6px }
.m39 .ls18 .t35-2 { background: linear-gradient(90deg, #000 50%, #000 50%) no-repeat center bottom/100% 0 #fd4 }
.m39 .ls18 .t35-3 { background: linear-gradient(90deg, #000 50%, #000 50%) no-repeat center bottom/100% 0 #ed004e; color: #fff }
.m39 .ls18 .t35-4 { background: linear-gradient(90deg, #000 50%, #000 50%) no-repeat center bottom/100% 0 #944aa9; color: #fff }
.m39 .ls18 .t36 { width: 95%; height: auto; overflow: hidden; text-align: center; letter-spacing: 0; text-align: center; padding: 20px 2.5%; border-bottom: 0 solid #ddd; background: #fefefe; font: 16px/32px "Century Gothic", "微軟正黑體"; letter-spacing: -.5px }
.m39 .ls18 .t36-2 { min-height: 100px; vertical-align: middle }
.m39 .ls18 .t36-3 { min-height: 290px }
.m39 .ls18 .t36 h4 {font: 24px/32px "Century Gothic", "微軟正黑體" }
.m39 .ls18 .t36>span { text-decoration: underline; font-size: 16px; font-weight: 100; letter-spacing: -1px }
.m39 .ls18 .t36 h5 { font: bold 70px/70px "Century Gothic", "微軟正黑體"; display: inline-block; color: #555 }
.m39 .ls18 .t36 h5 span { font: 24px/32px "Century Gothic", "微軟正黑體"; display: inline-block; color: #555 }
.m39 .ls18 .t36 ul { padding-left: 20px; text-align: left }
.m39 .ls18 .t36 ul li { list-style: outside; list-style-type: circle; font: 700 12px/1px "新細明體" }
.m39 .ls18 .t36 ul li span { font: 15px/29px "Century Gothic", "微軟正黑體" }
.m39 .ls18 .t36 ul li span p { font-weight: 100; padding: 0; margin: 0; display: inline-block; text-decoration: underline }
.m39 .ls18 .t37 { width: 95%; height: 40px; overflow: hidden; text-align: center; font: 20px/40px "Century Gothic", "微軟正黑體"; letter-spacing: 0; text-align: center; padding: 0 2.5%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #fafafa }
.m39 .ls18 .t37 span { font: 12px/40px "Century Gothic", "微軟正黑體"; margin-left: 10px; text-transform: uppercase }
.m39 .ls18 .t37-2 { background: #fff5cb }

/*編輯器模組1*/
.stp{width:100%; height:auto; overflow:hidden; background:linear-gradient(90deg,#aaa 50%,#aaa 50%) repeat-x center /100% 1px; text-align:center}
.stp span{width:auto; height:auto; overflow:hidden; font:bold 20px/40px "Century Gothic", "微軟正黑體"; background:#fff; border:1px solid #aaa;box-sizing:border-box; padding:0 30px; display:inline-block; color:#888; margin:20px 0;}

.sp1{width:100%; height:auto; overflow:hidden;}
.sp1 .sim1{width:100%; height:auto;overflow:hidden;text-align:left}
.sp1 .sim1 img{max-width:100%; height:auto;}
.sp1 .st1{width:100%;height:auto; overflow:hidden; font:bold 13px/30px "Century Gothic", "微軟正黑體";margin-bottom:20px}
.sp1 .st2{width:100%;height:auto; overflow:hidden; font:bold 42px/54px "新細明體"; color:#000; letter-spacing:-2px;margin-bottom:10px}
.sp1 .st3{width:100%;height:auto; overflow:hidden; font:bold 28px/54px verdana; color:#000; letter-spacing:-0.5px; border-bottom:1px solid #ccc; padding-bottom:10px;margin-bottom:15px }
.sp1 .st4{width:100%;height:auto; overflow:hidden; font:bold 16px/30px "Century Gothic", "微軟正黑體";}

.sp1 .st5{width:100%;height:auto;overflow:hidden;font:bold 30px/54px "微軟正黑體"; color:#000; letter-spacing:-2px;margin-bottom:10px}
.sp1 .st6{width:100%;height:auto; overflow:hidden; font:19px/32px "微軟正黑體"; color:#000; letter-spacing:0px;margin-bottom:10px;text-align:justify;text-justify: inter-ideograph;}
.sp1 .st7{width:100%;height:auto;overflow:hidden;font:bold 40px/50px "微軟正黑體"; color:#d70060; letter-spacing:-2px;margin-bottom:40px}

.sp1 .st12{width:100%;height:auto;overflow:hidden;font:bold 40px/50px "微軟正黑體"; color:#000; letter-spacing:-2px;margin-bottom:40px}
.sp1 .st13{width:100%;height:auto; overflow:hidden; font:bolder 19px/32px "微軟正黑體"; color:#000; letter-spacing:0px;margin-bottom:40px;text-align:justify;text-justify: inter-ideograph;}

.sp1 .sim2{width:47%;height:auto;overflow:hidden; float:left; margin:0 3% 20px 0}
.sp1 .sim2 img{max-width:100%;height:auto; margin:0}
.sp1 .sta1{width:50%;height:auto;overflow:hidden;font:bold 40px/54px "微軟正黑體";color:#d70060;letter-spacing:-2px; float:left;box-sizing: border-box; padding:20px 0} 
.sp1 .sta1 .st8{width:100%;height:auto;overflow:hidden;font: 60px/64px "Century Gothic","微軟正黑體"; color:#d70060; letter-spacing:-2px;margin-bottom:10px; text-align:center}
.sp1 .sta1 .st9{width:100%;height:auto;overflow:hidden;font: 70px/50px "Century Gothic", "微軟正黑體"; color:#333; letter-spacing:-2px;margin-bottom:10px;background:linear-gradient(90deg,#d70060 50%,#d70060 50%) no-repeat center top/25% 3px,
linear-gradient(90deg,#d70060 50%,#d70060 50%) no-repeat center bottom/25% 3px; padding:25px 0; text-align:center; margin-bottom:20px}
.sp1 .sta1 .st10{width:100%;height:auto;overflow:hidden;font:bold 32px/42px "Century Gothic","微軟正黑體"; color:#d70060; letter-spacing:-2px;margin-bottom:10px; text-align:center; margin-bottom:15px}
.sp1 .sta1 .st10-2{width:100%;height:auto;overflow:hidden;font:18px/20px "Century Gothic","微軟正黑體"; color:#000; letter-spacing:0;margin-bottom:10px; text-align:center;}
.sp1 .sta1 .st11{width:100%;height:auto; overflow:hidden; font:16px/29px "微軟正黑體"; color:#000; letter-spacing:0px;margin-bottom:10px; text-align:center}
/*模組七*/
.sp1 .sta2{width:100%;height:auto;overflow:hidden;letter-spacing:-2px; float:left;box-sizing: border-box; padding:4% 4%;border: 6px solid #e4e4e4} 
.sp1 .sta2 .st14{width:100%;height:auto;overflow:hidden;font:bold 24px/30px "Century Gothic","微軟正黑體"; color:#000; letter-spacing:0;margin-bottom:10px;box-sizing: border-box;background:linear-gradient(90deg,#d70060 50%,#d70060 50%) no-repeat left center/12px 12px;padding-left:25px}
.sp1 .sta2 ul{padding-left:45px;}
.sp1 .sta2 ul li{ list-style:outside;list-style-type:disc;font:17px/32px "微軟正黑體";color:#000;letter-spacing:0px} 
/*編輯器影音模組*/
.sp1 .if1{ width:800px;height: 650px; margin-bottom:40px;}
.sp1 .if1 iframe{ width: 100%; height:100% }

/*aa3*/
.bgt1-6{ color: #000; font:18px/70px "Century Gothic", "微軟正黑體"; text-align:center; letter-spacing: 0; color: #333; margin: 50px auto 10px;}
.bgt1-6 h3{ float:none;display:inline-block;}
.bgt1-6 span{ width:auto;height:70px;overflow:h;display:inline-block;font:18px/40px "Century Gothic", "微軟正黑體"; color:#333; vertical-align:middle }
.m40{width:1200px;height:500px; margin:0 auto 40px; position:relative; background:url(../../images/aa3/bn1.jpg) center top no-repeat}
.m40 .cv5{width:100%; height:500px; position: absolute; top: 0; left:0;
background:linear-gradient(90deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.5) 25%,rgba(0,0,0,.2) 100%) no-repeat center/100% 500px }
.m40 .lg3 {width:37%; height:auto; overflow: hidden; float: left; position:absolute; left:8%; top:150px; font:bold 90px/90px "Century Gothic","微軟正黑體"; color:#fff; text-shadow:0 2px 5px rgba(0,0,0,.25); letter-spacing:-2px}
.m40 .lg3 span{ color:#ed004e}
.m40 .lg3 img{ width:85%; height:auto;}

.m40 .a26 {width:37%; height:auto;overflow: hidden; position:absolute; left:8%; top:210px; display:none}
.m40 .a26 .in12{ width:300px; height:70px;  border: 0 solid #ccc; font:19px/40px "Century Gothic", "微軟正黑體"; color: #000; border-radius:0px; padding: 0 3%; float:left; margin-right:15px; box-shadow:0 0px 8px rgba(0,0,0,.05) inset;background:rgba(2552,255,255,.95);box-sizing: border-box; text-align:center}
.m40 .a26 .sh2 { width:60px; height:60px; float:left; padding:5px 0 0}
.m40 .a26 .sh2 img{ width:100%; height:auto;opacity:.75}
.m40 .a26 .sh2:hover img{ width:100%; height:auto;opacity:.95}
.m40 .t38{width:42%; height:auto; overflow: hidden; position:absolute; right:8%; top:30%; font:21px/30px "Century Gothic", "微軟正黑體"; color: #fff;text-align:justify;text-justify: inter-ideograph;text-shadow:0 2px 5px rgba(0,0,0,.45); letter-spacing:-.7px}
.m40 .t38 h4{font:bold 27px/45px "Century Gothic", "微軟正黑體"; margin-bottom:5px; }

.m41{width:1200px; height:auto; overflow: hidden; margin:0 auto }
.t39{width:auto; height:auto; overflow: hidden; font:21px/30px verdana, "微軟正黑體"; color: #000; border:2px solid #000;box-sizing: border-box; padding:10px 2%; display:inline-block; margin-bottom:40px;/*background:linear-gradient(90deg,#fe8 50%,#fe8 50%) no-repeat 5% bottom/32% 60%*/}



.m42{width:1200px;height:500px; margin:0 auto 30px; position:relative; }
.m42 .im17{width:800px;height:500px/*;position:absolute;top:0;left:0*/;border-radius:0 0 0 300px; background:url(../../images/aa3/im2.jpg) no-repeat center top; float:right}
.m42 .im17 img {width:100%;height:auto;border-radius:0 0 0 300px}
.t40{width:auto; height:auto; overflow: hidden; font:bold 40px/40px "Century Gothic", "微軟正黑體"; color: #000; border:2px solid #000;box-sizing: border-box; padding:12px 1.5% 6px; display:inline-block; margin-bottom:40px;position:absolute; left:0px; top:30px; background:rgba(2555,255,255,.85); letter-spacing:-1px;background:
linear-gradient(180deg,#ffef88 50%,#ffef88 100%) no-repeat 3px 3px/5px 50px,
linear-gradient(90deg,#ffef88 50%,#ffef88 100%) no-repeat 3px 3px/60px 5px rgba(255,255,255,.85);
/*background:linear-gradient(180deg,#fef4b1 50%,#fef4b1 100%) no-repeat 6px 6px/98.9% 88% rgba(2555,255,255,.85);*/
background:
linear-gradient(-45deg,rgba(255,255,255,0) 50%,#fa0 50%) 0px 0/4px 4px,
linear-gradient(180deg,#fe2 50%,#fe2 100%) no-repeat 0px 3px/100% 92% rgba(255,255,255,.85)}

.t40x{width:auto; height:auto; overflow: hidden; font:bold 40px/40px "Century Gothic", "微軟正黑體"; color: #000; border:2px solid #000;box-sizing: border-box; padding:12px 1.5% 6px; display:inline-block; margin-bottom:40px;position:absolute; left:0px; top:30px; letter-spacing:-1px;background:
linear-gradient(180deg,#ff9ebe 50%,#ff9ebe 100%) no-repeat 3px 3px/5px 50px,
linear-gradient(90deg,#ff9ebe 50%,#ff9ebe 100%) no-repeat 3px 3px/60px 5px rgba(255,255,255,.85); 
/*background:linear-gradient(180deg,#b9faf3 50%,#b9faf3 100%) no-repeat 6px 6px/98.9% 88% rgba(2555,255,255,.85);*/
background:
linear-gradient(-45deg,rgba(255,255,255,0) 50%,#fa0 50%) 0px 0/4px 4px,
linear-gradient(180deg,#fe2 50%,#fe2 100%) no-repeat 0px 3px/100% 92% rgba(255,255,255,.85)}

.t40-2{top:0;}

.t40 h4, .t40x h4{font:bold 40px/50px "Century Gothic", "微軟正黑體"; margin-bottom:5px; display:inline-block; text-transform:uppercase; }
.t40 h4::before, .t40x h4::before{font:38px/40px "新細明體"; content:'／';margin-left:-12px; color:#333}

.m42 .a27{width:100%; height:auto;overflow: hidden; position:absolute;left:0%;top:180px;}

.m42 .a27 .ls19{ width:230px; height:auto; overflow:hidden; float:left;margin:0 30px 0 0;}
.m42 .a27 .ls19-2{margin:50px 30px 0 0;}
.m42 .a27 .ls19 .im18{ width:224px; height:224px; overflow:hidden;border-radius:500px;border:3px dotted rgba(0,0,0,.75);box-sizing: border-box; text-align:center; padding:22%; background:rgba(255,255,255,.85);/*border-bottom:0;*/}
.m42 .a27 .ls19 .im18 img{ width:100%; height:auto;}
.m42 .a27 .ls19 .t41{ width:92%; height:auto;overflow:hidden;font:bold 17px/40px "Century Gothic", "微軟正黑體";color:#fff;border-radius:0 50px 50px 50px; text-align:center;  border:0px dotted #000;  padding:0 0%;box-sizing: border-box; margin:-35px auto 0;background:#fe8;background:rgba(0,0,0,.75);}
.m42 .a27 .ls19 .t41 span{font:bold 15px/50px verdana, "微軟正黑體"; }
/*四大好處*/
.m42-2{ height:auto; overflow:hidden; margin-bottom:30px}
.m42 .a28{width:100%; height:auto;overflow: hidden; margin-top:110px }
.m42 .a28 .ls20{ width:47%; height:auto; overflow:hidden; float:left;margin:0 3% 20px 0;border:2px solid rgba(0,0,0,.75);box-sizing: border-box; padding:6px 2%;font:19px/60px "Century Gothic", "微軟正黑體";color:#000; position:relative;}
.m42 .a28 .ls20-2{ margin-left:0%}
.m42 .a28 .ls20 img{ width:60px; height:60px; display:inline-block;border-radius:100px; margin-right:5px; border:1px solid #eee; padding:6px;box-sizing: border-box}
.m42 .a28 .ls20 span{font:bold 20px/60px "Century Gothic", "微軟正黑體"; }
/*陣容堅強的設計開發團隊*/

.m43{width:1200px;height:auto; overflow:hidden; margin:0 auto 60px; position:relative;/* border-bottom:3px dotted #aaa; padding-bottom:40px*/}
.m43 .a29{width:1200px; height:auto;overflow: hidden; margin-top:110px; padding:0 0px; box-sizing: border-box;}
.m43 .a29 .ls21{ width:280px; height:auto; overflow:hidden; float:left;margin:0 10px 0; box-sizing: border-box;}
.m43 .a29 .ls21 .im19{ width:196px; height:196px; overflow:hidden;border-radius:0;border:2px solid rgba(0,0,0,.75);box-sizing: border-box; text-align:center; padding:11%; background:rgba(255,255,255,.85);transform:rotate(-45deg); margin:40px 40px 0 40px;}
.m43 .a29 .ls21 .im19 img{ width:100%; height:auto;transform:rotate(45deg)}
.m43 .a29 .ls21 .t42{ width:250px; height:180px;overflow:hidden;font:17px/24px "Century Gothic", "微軟正黑體";color:#000;border-radius:0 0 0 ;  border:3px dotted #000;  padding:0 0%;box-sizing: border-box; margin:-10px auto 0;background:rgba(0,0,0,0); background:#fff;position:relative; z-index:99; padding:10px 20px 20px;text-align:justify;text-justify: inter-ideograph;box-shadow:0 -1px 6px rgba(0,0,0,0.15)}
.m43 .a29 .ls21 .t42 h4{font:bold 23px/50px verdana, "微軟正黑體"; ; display:block; text-align:center; width:100%; height:auto; overflow:hiddenl;}
/*方案介紹*/
.t40-3{ position:relative; top:0; left:0;font:bold 40px/52px "Century Gothic", "微軟正黑體"; padding:5px 1.5% 4px }

.m44{width:1200px; min-height:400px;height:auto; overflow:hidden; margin:0 auto 0; position:relative; }
.m44 .ls22{ width:100%; height:auto; overflow:hidden;margin:0 0 60px 0; box-sizing: border-box; padding:0 0 0 0; border-bottom:0px #ddd solid}
.m44 .ls22 .im20{width:600px; height:360px; overflow:hidden; float:left; border:1px solid #eee; margin-right:28px;}
.m44 .ls22 .im20-2{float:right;margin:0 0 0 28px;}
.m44 .ls22 .im20 img{width:100%; height:auto;}
.m44 .ls22 .a30{width:570px;height:auto; overflow:hidden; float:left;box-sizing: border-box; position:relative}
.m44 .ls22 .a30-2{}
.m44 .ls22 .a30 > div{width:100%; height:auto; overflow:hidden;}
.m44 .ls22 .a30 .t43{font:bold 33px/40px "Century Gothic", "微軟正黑體"; border-bottom:2px dotted #888; letter-spacing:-1.5px; margin-bottom:10px; padding:0 0 5px 0}
.m44 .ls22 .a30 .t43 img{ width:auto; height:36px; display:inline; margin-right:5px; vertical-align:middle; padding-bottom:4px;}
.m44 .ls22 .a30 .t44{font:17px/28px "Century Gothic", "微軟正黑體";margin-bottom:10px;border-bottom:2px dotted #888; padding-bottom:10px}
.m44 .ls22 .a30 .t44 h4{font:bold 25px/34px "Century Gothic", "微軟正黑體"; background:
linear-gradient(180deg,#ffef88 50%,#ffef88 100%) no-repeat 15px 6px/100px 17px;background:none}

.m44 .ls22 .a30 .t44 h5{font:bold 25px/34px "Century Gothic", "微軟正黑體"; background:
linear-gradient(180deg,#ff9ebe 50%,#ff9ebe 100%) no-repeat 15px 6px/100px 17px; background:none}
.m44 .ls22 .a30 .t44 span{ text-decoration:underline; margin-left:0px}
.m44 .ls22 .a30 .t44 ul{padding-left:20px;}
.m44 .ls22 .a30 .t44 ul li{ width:50%; float:left; list-style:outside;list-style-type:disc}
.m44 .ls22 .a30 .t45{font:17px/32px "Century Gothic", "微軟正黑體" }
.m44 .ls22 .a30 .t45 h4{font:bold 60px/60px "Century Gothic", "微軟正黑體"; letter-spacing:-1.5px }
.m44 .ls22 .a30 .t45 h4 span { font:24px/32px "Century Gothic", "微軟正黑體"; display:inline-block; color: #000 }
.m44 .ls22 .a30 .bt30{ width:auto; height:auto; position:absolute; bottom:0; right:0}
.m44 .ls22 .a30 .bt30 a{width:150px; height:50px;font:bold 19px/50px "微軟正黑體";color:#000; display:inline-block; text-align:center; background:#f4f4f4; border-radius:0px; border:0px dotted #888;border-left:0px dotted #888;box-sizing: border-box}
.m44 .ls22 .a30 .bt30 a:hover{ background:#ccc;}
/*aa3--down-FB按鈕*/
.m45{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:50px}

.bt31{width:55%; height:60px; float:left; margin-right:3%;}
.bt31 a img{ width:auto; height:28px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}
.bt31 a{width:100%; height:60px;font:24px/60px "Century Gothic","微軟正黑體";color:#333; display:inline-block; text-align:center; background:#fff; border-radius:2px;box-sizing: border-box; border:2px solid #ddd }
.bt31 a:hover{ background:#eee; border:2px solid #eee}

.bt32{width:42%; height:60px; float:left}
.bt32 a img{ width:auto; height:20px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}
.bt32 a{width:100%; height:60px;font:24px/60px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#4877b2; border-radius:2px}
.bt32 a:hover{ background:#4282d0;}

.m40-2{background:url(../../images/aa4/bn1.jpg) center top no-repeat}
/*aa4--什麼！ 偏鄉地區 也能擁有數位夥伴！*/
.m46{ width:1200px; min-height:500px; height:auto; overflow:hidden; margin:0 auto 50px; position:relative}
.m46 .im21{width:800px; height:500px; overflow:hidden;  border:1px solid #eee; border-radius:0 0 0 250px; position:absolute;right:0; top:0; z-index:-1}
.m46 .a31{ width:50%; height:auto; overflow:hidden; float:left;}

.m46 .t46{width:auto; height:auto; overflow: hidden; font:24px/30px verdana, "微軟正黑體"; color: #000; border:0px solid #000;box-sizing: border-box; padding:10px 0%; display:inline-block; margin-bottom:40px; margin:120px 0 10px}

.bt33{width:30%; height:60px; margin:0 0 20px}
.bt33 a img{ width:auto; height:20px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}
.bt33 a{width:100%; height:60px;font:24px/60px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#4877b2; border-radius:2px}
.bt33 a:hover{ background:#4282d0;}

.bt34{width:30%; height:60px;}
.bt34 a img{ width:auto; height:28px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}
.bt34 a{width:100%; height:60px;font:24px/60px "Century Gothic","微軟正黑體";color:#333; display:inline-block; text-align:center; background:#fff; border-radius:2px;box-sizing: border-box; border:2px solid #ddd }
.bt34 a:hover{ background:#eee; border:2px solid #eee}

/*網站AA5s---EDM簡易版*/
.dmbg{ background:#f0f0f0}
.dm1a{ width:100%; height:auto; overflow:hidden;}
.dm1{ width:1200px; height:auto; overflow:hidden; margin:0 auto;box-shadow:0 0px 15px rgba(0,0,0,0.15);position: relative;}
.dm1-2{position:relative; z-index:-.5}
.dm1 .dma1{width:98%;height:auto; overflow:hidden; position:relative; bottom:60px; left:1%; margin-top:-80px}

.dm1 .dma1 .dmbt1{width:26%; height:auto; overflow:hidden; margin:0 3.5%; float:left;}
.dm1 .dma1 .dmbt1 span{ vertical-align:middle; padding-bottom:4px}
.dm1 .dma1 .dmbt1 a{width:100%; height:80px;font:bold 36px/80px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#333; border-radius:2px;border-radius:100px}
.dm1 .dma1 .dmbt1 a:hover{ background:#9a00bb;}
.dm1 > img{width:100%; height:auto;}
.dm1 > a > img{width:100%; height:auto;}
.dmt1{ width:100%; height:0; overflow:hidden;font:12px/20px "Century Gothic","微軟正黑體";color:#333;}
/*網站AA5s---EDM簡易版--彈出視窗*/
.dmbk1 {width:800px; height:auto; overflow:hidden; margin:80px  auto 0}
.dmbk1 .modal-content{  background-color:#111;}
.dmbk1 .close{opacity:1;font:bold 36px/60px "Century Gothic","微軟正黑體";color:#fff; position:absolute; right:10px; top:-10px; z-index:999}
.dmbk1 .modal-header{ border-bottom:0;}
.dmbk1 .modal-header h4{ }
.dmbk1 .modal-body{ width:100%; height:590px;box-sizing: border-box; padding:35px 35px 35px}
/*網站AA5s---EDM簡易版--橫幅套件*/
.dmbn1 { width:100%; height:520px}
.dmbn1 .carousel-inner > .item{ width:100%; height:520px}
.dmbn1 .carousel-inner > .item img{  width:100%; height:100%}
.dmbn1 .carousel-control.left, .dmbn1 .carousel-control.right{ background:none}
.dmbn1 .carousel-control{ width:8%}
/*網站AA5s---EDM簡易版--影音*/
.dmbk1 .modal-body iframe{width:100%; height:410px; margin:55px 0}



.dm1 .dmbt2{width:60%; height:auto;overflow:hidden;float:left;}
.dm1 .dmbt2 span{vertical-align:middle; padding-bottom:4px}
.dm1 .dmbt2 a{width:100%; height:100px;font:bold 42px/100px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#f80; border-radius:2px;border-radius:0}
.dm1 .dmbt2 a:hover{ background:#fa0;}
.dm1 .dmbt2 img{ width:auto; height:40px; display:inline-block; padding-bottom:8px; margin-right:8px}

.dm1 .dmbt3{width:40%; height:auto;overflow:hidden;margin:0; float:left;}
.dm1 .dmbt3 span{vertical-align:middle; padding-bottom:4px}
.dm1 .dmbt3 a{width:100%; height:100px;font:bold 42px/100px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#2558a4; border-radius:2px;border-radius:0}
.dm1 .dmbt3 a:hover{ background:#3a7bdc;}
.dm1 .dmbt3 img{ width:auto;height:40px; display:inline-block; padding-bottom:8px; margin-right:8px}



/*網站AA5EDM*/
.m47{ width:0%; height:800px; overflow:hidden; margin:-50px auto 50px; transform:skew(0deg,-3deg); position:relative;animation: go18 .5s  ease-out  .1s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running}
@keyframes go18 { 
0% {opacity:0
}
100% {width:100%;
opacity:1
}
}

.m47 .cv6{width:100%; height:800px; background:rgba(0,0,0,.35); position:absolute;top:0;left:0; z-index:2;animation: go19 .5s  linear  .2s infinite  alternate; animation-fill-mode: forwards; animation-paly-state: running}
@keyframes go19 { 
0% {
}
10% {background:rgba(0,0,0,.33);
}
20% {background:rgba(0,0,0,.38);
}
70% {background:rgba(0,0,0,.34);
}
80% {background:rgba(0,0,0,.31);
}
100% {background:rgba(0,0,0,.35);

}
}



.m47 .a32{width:100%; height:900px; overflow:hidden;background:url(../../images/aa5/im1.jpg) no-repeat center/100% auto;opacity:.8;transform:skew(0deg,3deg);animation: go24 8s linear .6s infinite  alternate; animation-fill-mode: forwards; animation-paly-state:running;}


@keyframes go24 { 
0% {
}
100% {
opacity:1;
background-position:center 50px;
background-size:110% auto 
}
}



/*手機*/
.m47 .cv7{width:500px; height:655px;  position:absolute;bottom:-60px;left:0%; z-index:3;background:url(../../images/aa5/im2.png) no-repeat center/100% auto;transform:skew(0deg,3deg);opacity:0;animation: go20 .5s  ease-out .6s 1  alternate; animation-fill-mode: forwards; animation-paly-state:running;}


@keyframes go20 { 
0% {opacity:0
}
100% {bottom:-8px;
left:2%;
opacity:1;
transform:skew(0deg,3deg) rotate(-12deg)  
}
}

.m47 .cv7 .im22{width:210px; height:362px; overflow:hidden; z-index:99;transform:skew(0deg,0deg) rotate(-4.5deg) ;opacity:0;animation: go20-2 1s  ease-out .6s 1 alternate; padding:88px 0 0 215px;animation-fill-mode: forwards; animation-paly-state: running; }

@keyframes go20-2{ 
0% {opacity:0
}
100% {
opacity:1;

}
}
.m47 .cv7 .im22 .img1{width:100%; height:100%; overflow:hidden; background:url(../../images/aa5/im5-2.jpg) no-repeat center 0/100% auto;opacity:1;animation:go20-3 8s linear .6s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running; position:relative; z-index:3;box-shadow:0 0px 2px rgba(0,0,0,0.5) inset}


@keyframes go20-3{ 
0% {
}
100% { background-position: center -340px;
opacity:1;

}
}


/*空拍機*/
.m47 .cv8{width:650px; height:146px;  position:absolute;right:0%; z-index:2;background:url(../../images/aa5/im3.png) no-repeat center/100% auto;transform:skew(0deg,3deg) rotate(-180deg)  ;z-index:2;opacity:0;animation:go21 .8s  linear 1.2s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running;}


@keyframes go21 { 
0% {opacity:0;top:110px;
}
60% {top:180px;
right:6%;
opacity:1;
transform:skew(0deg,3deg) rotate(14deg)  
}
100% {opacity:0;top:180px;right:1%;transform:skew(0deg,3deg) rotate(14deg) }
}


.m47 .cv8-2{width:650px; height:146px;  position:absolute;right:3%; z-index:2;background:url(../../images/aa5/im3-2.png) no-repeat center/100% auto;transform:skew(0deg,3deg) rotate(14deg) scale(1) ;opacity:.9;animation: go21-2 1.2s linear 1.8s infinite  alternate; animation-fill-mode: forwards; animation-paly-state: running;top:-100px}

@keyframes go21-2 { 
0% {top:180px;
}
100% {top:160px;
opacity:1;
}
}


/*錄影機*/
.m47 .cv9{width:310px; height:500px;  position:absolute;right:18%; z-index:2;background:url(../../images/aa5/im4.png) no-repeat center/100% auto;transform:skew(0deg,3deg) ;z-index:2;opacity:0;animation: go22 .5s  ease .8s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running}

@keyframes go22 { 
0% {opacity:0;bottom:-100px;}
100% {bottom:-10px;
right:20%;
opacity:1;
transform:skew(0deg,3deg) rotate(0deg) scale(1)
}
}

.m47 .cv9 .if2{ width:160px;height:88px; padding:62px 0 0 60px;animation: go23 .5s  ease 1.0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;opacity:0; position:relative}
.m47 .cv9 .if2 .bl{ width:160px;height:88px; position:absolute;top:62px;right:0; background:rgba(0,0,0,0); z-index:9}
.m47 .cv9 .if2 iframe{ width: 100%; height:100% }

@keyframes go23 { 
0% {}
100% {
opacity:1;
transform:rotate(0deg) scale(1.05)
}
}


/*方案範本sample01*/
.spm1{ width:100%; height:800px; position:fixed; overflow:hidden; top:0; left:0; z-index:-1}
.spm1 .spcv1{ width:100%;height:800px; background:rgba(0,0,0,0); position:absolute; top:0; left:0;}
.spm1 .splg1{ width:220px;height:auto; overflow:hidden; position:absolute;top:0px; left:2%;opacity:0;animation: spgo1 1.5s  ease 2.0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running;}
@keyframes spgo1 { 
0% {}
100% {
opacity:1;
top:20px;
}
}
/*模板---大橫幅*/
.spm1 .splg1 img{ width:100%;height:auto;}
.spm1 iframe{ width:100%; height:140%; margin-top:-10%}
/*模板---選單*/
.spm2{ width:100%; min-height:80px;height:auto; overflow:hidden; margin-top:800px; background:#fff}
.spm2-2{height:0; position:fixed;top:0; left:0; overflow:hidden; opacity:0;transition:all 0.3s;margin-top:0px; z-index:9}
.top-bar2{opacity:1; height:80px;transition:all 0.3s}
.spm2 .splk1{ width:25%; height:auto; float:left; border-right:3px solid #fd0; box-sizing: border-box}
.spm2 .splk1-2{ }
/*.spm2 .splk1 a{width:100%; height:80px;font:29px/40px "新細明體";color:#333; display:inline-block; text-align:center; background:#b9aca0; border-radius:0px; padding:15px 0 20px;box-sizing: border-box}
.spm2 .splk1 a h4{font:12px/15px "Century Gothic"; letter-spacing:1px; text-transform:uppercase}
.spm2 .splk1 a:hover{ background:#d2c7bc;}*/
.spm2 .splk1 a{width:100%; height:80px;font:29px/40px "新細明體";color:#333; display:inline-block; text-align:center; background:#fb0; border-radius:0px; padding:15px 0 20px;box-sizing: border-box}
.spm2 .splk1 a h4{font:12px/15px "Century Gothic"; letter-spacing:1px; text-transform:uppercase}
.spm2 .splk1 a:hover{ background:#fc0;}

.mx .a3 .phm
/*模板---公司簡介*/
.spm3{ width:100%; height:auto; overflow:hidden;  padding:80px 0 90px;/*background:linear-gradient(180deg,#fb0 0%,#fc0 100%) no-repeat center*/background:url(../../images/sp01/bg1.jpg) center /cover;}
.spm3 .spa1{ width:70%;min-height:200px;height:auto; overflow:hidden;font:bold 18px/50px "微軟正黑體";color:#000; margin:0 auto; text-align:center; text-shadow:0 2px 5px rgba(0,0,0,0)}
.spm3 .spa1 h4{ font:65px/80px "Century Gothic","新細明體"; color: #000; margin-bottom:20px; letter-spacing: -1px; text-align:center}
.spm3 .spa1 h4 span{ font-family: inherit;font:46px/70px "新細明體";margin: 0 5px}
.spm3 .spa1 h5{ font:bold 19px/60px "Century Gothic", "Microsoft YaHei", "微軟正黑體"; color: #000;}


/*模板---news*/
.spbgt1{ width:100%; height:auto;font:65px/80px  "Century Gothic", "新細明體"; margin-bottom:40px; color:#000; text-align:center; letter-spacing:-1px}
.spbgt1 h4{width:100%; height:auto;font:24px/60px "新細明體"; color:#888; text-transform:uppercase; letter-spacing:2px}
.spm4{ width:100%; min-height:200px;height:auto;overflow:hidden; background:#fff;  margin:0 auto 0; padding:80px .5%;font:12px/22px "新細明體"; color:#fff;box-sizing: border-box}
.spm4 .spls1{width:24.4%;height:auto;overflow:hidden; float:left; margin:0 .3%}
.spm4 .spls1 .spim1{width:100%;height:60%;overflow:hidden; margin-bottom:0px}
.spm4 .spls1 .spim1 img{width:100%;height:100%;transition:all 0.3s}
.spm4 .spls1 .spim1 img:hover{transform:rotate(0deg) scale(1.1); transition:all 0.3s;filter:contrast(150%);-webkit-filter:contrast(150%);}
.spm4 .spls1 .spt1{width:100%;height:60px;overflow:hidden;font:24px/30px "Century Gothic", "Microsoft YaHei", "微軟正黑體"; color: #000; padding:5px 0}
.spm4 .spls1 .spt1 a{width:100%;height:60px;font:19px/30px "Century Gothic", "Microsoft YaHei", "微軟正黑體"; color:#000; display:table-cell; vertical-align:middle}
.spm4 .spls1 .spt1 a:hover{ color:#666}
.spm4 .spls1 .spt2{width:100%;height:75px;overflow:hidden;font:15px/25px "Century Gothic", "Microsoft YaHei", "微軟正黑體"; color: #666; letter-spacing:.5px;text-align:justify;text-justify: inter-ideograph;}
/*模板--商品介紹*/
.spm5{width:100%; min-height:200px;height:auto;overflow:hidden; background:#e9e5da;  margin:0 auto 0; padding:60px 0% 80px;font:12px/22px "新細明體"; color:#fff;box-sizing: border-box; }
.spm5 .spa2{ width:70%;min-height:200px;height:auto; overflow:hidden; margin:0 auto; }
.spm5 .spa2 .spls2{width:32%;height:auto;overflow:hidden; float:left; margin:0 .5% 60px ;position:relative; float:left;transition:all 0.5s;}

.spm5 .spa2 .spls2 .spcv2{ width:100%;height:100%; background:rgba(0,0,0,0); position:absolute; top:0; left:0; transition:all 0.5s;}
.spm5 .spa2 .spls2:hover .spcv2{background:rgba(0,0,0,.6); transition:all 0.3s; z-index:1}
.spm5 .spa2 .spls2 .spcv2 a{width:100%;height:100%; display:inline-block;font:32px/300px "Century Gothic", "Microsoft YaHei", "微軟正黑體";color:#fff;text-align:center;opacity:0;transition:all 0.5s;}
.spm5 .spa2 .spls2:hover .spcv2 a{font:32px/420px "Century Gothic", "微軟正黑體";opacity:1;transition:all 0.8s;}

.spm5 .spa2 .spls2 .spim2{width:100%; height:auto;}
.spm5 .spa2 .spls2 .spim2 img{width:100%;height:auto;transition:all 1s}
.spm5 .spa2 .spls2:hover .spim2 img {transform:rotate(-4deg) scale(1.2); transition:all 1.5s;}
.spm5 .spa3{ width:50%;height:auto; overflow:hidden; margin:0 auto; border:3px solid #bbb5a4; border-right:0; border-left:0; padding:25px 3% ;box-sizing: border-box}
.spm5 .spa3 .spim3{ width:20%;height:auto; overflow:hidden; float:left; margin-right:3%; }
.spm5 .spa3 .spim3 img{ width:100%;height:auto;border-radius:200px}

.spm5 .spa3 .spt3{width:77%;height:auto;overflow:hidden;font:16px/25px "微軟正黑體";color:#000; letter-spacing:.5px;text-align:justify;text-justify: inter-ideograph; display:table-cell; vertical-align:middle; padding:0 0 0}

.spm5 .spa3 .spt3 h4{font:bold 24px/40px "微軟正黑體"; color: #333; }
/*模板--聯絡我們*/
.spm6{width:100%;height:auto;overflow:hidden; background:#fff;  margin:0 auto 0; padding:80px 0% 0;ox-sizing: border-box; }
.spm6 .spim3{ width:100%;height:auto; overflow:hidden; margin:0 auto;font:16px/36px "微軟正黑體"; color:#fff; background:url(../../images/sp01/bg2.jpg) center top no-repeat; text-align:center;box-sizing: border-box; padding:40px 10% ; margin:0 0 60px}
.spm6 .spa4{ width:50%;height:auto; overflow:hidden; margin:0 auto 40px; box-sizing: border-box}
.spm6 .spa4 .spb1{ width:46%;height:auto; overflow:hidden; float:left;font:bold 16px/32px "微軟正黑體"; color:#333; margin-right:0 2%}
.spm6 .spa4 .spb1 .spbt1{ width:auto;height:auto;overflow:hidden; margin:15px 0 20px}

.spm6 .spa4 .spb1 .spbt1 a{width:auto; height:40px;font:bold 16px/40px "微軟正黑體";color:#333; display:inline-block; text-align:center; background:#fff; border-radius:0px; border:3px solid #fa0; padding:0 50px; text-transform:uppercase;}
.spm6 .spa4 .spb1 h4{font:19px/40px "微軟正黑體";color:#333; margin-bottom:15px}
.spm6 .spa4 .spb1 .spbt1 a:hover{ background:#fa0;}
.spm6 .spa4 .spb1 .spls3{width:100%;height:auto;overflow:hidden;}
.spm6 .spa4 .spb1 .spls3 .spin1{width:100%;height:42px; border:1px solid #ccc; background:#fff; border-radius:3px; box-sizing: border-box; display:block;font:16px/42px "微軟正黑體";color:#333; padding:0 20px; margin-bottom:15px}
.spm6 .spa4 .spb1 .spls3 .spin2{width:50%;height:42px; border:1px solid #ccc; background:#fff; border-radius:3px; box-sizing: border-box; display:block;font:16px/42px "微軟正黑體";color:#666; padding:0 16px; margin-bottom:15px}
.spm6 .spa4 .spb1 .spls3 .spin3{width:100%;height:85px; border:1px solid #ccc; background:#fff; border-radius:3px; box-sizing: border-box; display:block;font:16px/25px "微軟正黑體";color:#666; padding:5px 20px; margin-bottom:15px}

/*模板--社群按鈕*/
.spm6 .spa4 .spb1 .spc1{width:100%;height:auto;overflow:hidden; margin:15px 0}
.spm6 .spa4 .spb1 .spc1 img{ width:auto; height:40px; float:left; margin-right:6px}
/*模板--Down*/
.spm7{width:100%;height:50px;overflow:hidden; background:#111;  margin:0 auto ;font:14px/50px "微軟正黑體";color:#aaa; text-align:center}
.spm7 a{font:14px/50px "微軟正黑體";color:#888; margin-left:20px}
.spm7 a:hover{color:#aaa;}
.spphmn1{ width:100%;height:80px; position:fixed;right:0px; top:0px; z-index:9999; display:none; background:rgba(255,200,0,.75)}
.spphmn1 .spim4{ width:auto; height:50px; float:right; margin:15px 20px 0 0; }
.spphmn1 .spim4 img{ width:auto;height:100%;}
.spphmn1 .splg2 { width:auto;height:80px; overflow:hidden; float:left; margin-left:20px}
.spphmn1 .splg2 img{ width:auto;height:100%;}

.spcv3{ width:80px; height:80px; background:rgba(255,255,255,.8);font:24px/30px "微軟正黑體";color:#333; position:fixed;right:0; top:80%; z-index:999; text-align:center;border-radius:200px 0 0 200px; padding:8px 0 8px 14px;box-sizing: border-box; border:2px solid
#aaa; border-right:0}

/*20191215-範本連結*/

.sp1{width:80px; height:80px; overflow:hidden; position:fixed; right:0; top:20%}


/*點我看案例*/
.pt1{width:auto; height:auto; overflow:hidden; position:fixed;  right:3px;top:30%; box-shadow:0 1px 7px rgba(0,0,0,.35);border-radius:100px;}

.pt1 a{width:150px;height:150px;overflow:hidden;background:#fc0; display:block; text-align:center; padding:15px 15px 0 ; box-sizing: border-box}
.pt1 a:hover{background:#fd0;}
.pt1 a img{ width:75%; height:auto; margin-bottom:5px}
.pt1 a .t47{font:bold 24px/27px "Century Gothic","微軟正黑體"; letter-spacing:-2px; color:#222}


.m48{width:90%; min-height:500px;height:auto;overflow:hidden; margin:0 auto 0px}
.m48 .a33{width:80%;height:auto;overflow:hidden; margin:0 auto 60px}
.m48 .a33 .t48{width:100%;height:auto;overflow:hidden;font: 32px/60px /*'Noto Sans TC',*/"微軟正黑體"; color:#333; text-align:center; margin-bottom:0}

.m48 .a33 .t49{width:100%;height:auto;overflow:hidden;font: 46px/80px 'Noto Sans TC',"微軟正黑體"; text-align:center; margin-bottom:45px}

.m48 .a33 .t50{width:100%;height:auto;overflow:hidden;font: 21px/50px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#555;}
.m48 .a33 .t50 span{font: 21px/40px "新細明體"; }
.m48 .a33 .t50 ul{padding-left:20px;}
.m48 .a33 .t50 ul li{ list-style:outside;list-style-type:circle; border-bottom:2px dotted #eee}

.m48 .a33 .ls23{ width:21%; height:auto; overflow:hidden; float:left;margin:0 2% 0; box-sizing: border-box; border:0px dotted #ddd;border-radius:0px;}
.m48 .a33 .ls23 .im23{ width:100%; height:auto; overflow:hidden;border-radius:0;border:0px solid #ccc;box-sizing: border-box; text-align:center; padding:0; background:rgba(255,255,255,.85);transform:rotate(0deg); margin:0 0 10px;border-radius:0; padding:20px;}
.m48 .a33 .ls23 .im23 img{ width:100%; height:auto;transform:rotate(0deg);}

.m48 .a33 .ls23 .t51{width:100%;height:52px;overflow:hidden;font: 18px/26px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#333; text-align:center; letter-spacing:-.5px}

.m48 .a33 .ls23 .t51:before{ content:'◇';font:12px/22px 'Noto Sans TC',"微軟正黑體"; margin-right:5px; vertical-align:top; padding-top:2px; display:inline-block}

/*新版首頁---01橫幅*/
.bg3{background:url(../../images/in2/bn1.jpg) no-repeat center top/auto 100vh; }
.m49{width:100%;height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(255,200,25,.85) 0%,rgba(255,200,25,.85) 0%) no-repeat center,
url(../../images/in2/bn1.jpg) no-repeat center ;background-attachment:fixed;
animation: go25 8s  ease-out 0s 1  alternate; animation-fill-mode: forwards; animation-paly-state:running; position:relative;position: relative}

@keyframes go25 { 
0% { background-size:100vw auto}
100% {background-size:120vw auto}
}


.m49 .cv10{width:100%;height:100vh;overflow:hidden;background:rgba(255,200,25,.85)}
.m49 .lg4{width:250px;height:auto;overflow:hidden; text-align:center;padding:150px 0 0; margin:0 auto 10px}
.m49 .lg4 img{width:100%;height:auto;}
.m49 .t52{width:100%;height:auto;overflow:hidden;font:500 32px/40px 'Noto Sans TC',"微軟正黑體"; color:#fff; text-align:center;letter-spacing:2px;}
.m49 .t52 h4{font:700 100px/105px 'M PLUS Rounded 1c',"微軟正黑體"; margin-bottom:0px;letter-spacing:-3px; color:#111}
.m49 .t52 h5{font:300 50px/75px 'Noto Sans TC',"微軟正黑體"; margin-bottom:5px;letter-spacing:-2px; color:#111}
/*新版首頁---02願景與使命*/
.m50{width:100%;height:auto;overflow:hidden; padding:100px 0; background:url(../../images/in2/bg2.png) center}
.m50 .a34{width:70%;height:auto;overflow:hidden;padding:100px 0; margin:0 auto}
.m50 .a34 .im24{width:40%;height:auto;overflow:hidden; float:left; text-align:right; margin-right:6%}
.m50 .a34 .im24 img{width:75%;height:auto;}
.m50 .t53{width:54%;height:auto;overflow:hidden;font:400 18px/30px 'Noto Sans TC',"微軟正黑體"; color:#555; letter-spacing:0; float:left; padding:100px 0 0}
.m50 .t53 h4{font:700 70px/80px 'M PLUS Rounded 1c',"微軟正黑體"; margin-bottom:15px;letter-spacing:0px;color:#111}
.m50 .t53 h4 span{font:700 90px/90px 'M PLUS Rounded 1c',"微軟正黑體"; vertical-align:bottom; margin-right:-4px}
.m50 .t53 h5{font:bold 32px/42px 'Noto Sans TC',"微軟正黑體";letter-spacing:0px; margin:10px 0 10px; color:#111}
.m50 .t53 .im25{width:100%;height:auto;overflow:hidden; padding:20px 0 0 }
.m50 .t53 .im25 img{width:100%;height:auto;}
/*新版首頁---03創生動機*/
.bgt4{width:100%;height:auto;overflow:hidden;font:700 60px/70px 'Noto Sans TC',"微軟正黑體"; text-align:center; color:#111;letter-spacing: -2px}
.bgt4 h4{font:50px/60px "Century Gothic","微軟正黑體";}
.m51{width:100%;height:auto;overflow:hidden; padding:100px 0; background: url(../../images/in2/bg1.png) center top rgba(255,200,25,1);}
.m51 .a35{width:80%;height:auto;overflow:hidden;padding:50px 0; margin:0 auto}
.m51 .a35 .ls24{ width:29%; height:auto; overflow:hidden; float:left;margin:0 2% 0; box-sizing: border-box; border:0px dotted #ddd;border-radius:0px;}
.m51 .a35 .ls24 .im26{ width:80%; height:auto; overflow:hidden;border-radius:0;border:0px solid #ccc;box-sizing: border-box; text-align:center; padding:0;transform:rotate(0deg); margin:0 auto 10px;border-radius:0; padding:20px;}
.m51 .a35 .ls24 .im26 img{ width:100%; height:auto;transform:rotate(0deg);}

.m51 .a35 .ls24 .t54{width:100%;height:52px;overflow:hidden;font:700 36px/50px 'Noto Sans TC',"微軟正黑體"; margin:0 auto 10px; color:#111; text-align:center; letter-spacing:-.5px}
.m51 .a35 .ls24 .t55{width:100%;height:auto;overflow:hidden;font:300 20px/30px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#111;letter-spacing:0px;text-align:justify;text-justify: inter-ideograph;}
/*新版首頁---04串連青年與品牌的正向價值創造*/
.m52{width:100%;height:auto;overflow:hidden;background: url(../../images/in2/bg3.png) center top #fff7bf; padding:100px 0;}
.m52 .a36{width:80%;height:auto;overflow:hidden;padding:70px 0 50px; margin:0 auto; text-align:center}
.m52 .a36 .im27{ width:70%; height:auto; overflow:hidden;margin:0 auto 30px;}
.m52 .a36 .im27 img{ width:100%; height:auto;}
.m52 .a36 .t58{width:100%;height:auto;overflow:hidden;font:500 42px/50px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#111; text-align:center;}

/*新版首頁---05跨品牌X地方創新行動方案*/
.m53{width:100%;height:auto;overflow:hidden;padding:100px 0;background: url(../../images/in2/bg1.png) center top rgba(255,200,25,1);}
.m53 .a37{width:80%;height:auto;overflow:hidden;padding:20px 0 20px; margin:0 auto}
.m53 .a37 .t59{width:100%;height:auto;overflow:hidden;font:500 24px/40px 'Noto Sans TC',"微軟正黑體"; margin:0 auto 30px; color:#111; text-align:center;}
.m53 .a37 .im28{ width:40%; height:auto; overflow:hidden;margin:0 auto 30px;}
.m53 .a37 .im28 img{ width:100%; height:auto;}
.m53 .a38{width:80%;height:auto;margin: 0 auto }
/*實績案例標題*/
.m53 .a38 .t64{width:15%;height:auto;overflow:hidden;font:700 200px/190px 'Noto Sans TC',"微軟正黑體";color:rgba(255,255,255,.9) ;transition:all 0.3s;float: left}
.m53 .a38 .b24{width:85%;height:auto;overflow:hidden;float: right;padding:0 0 0;}
/*實績案例左選單*/
.m53 .a38 .b24 .c25{width:100%;height:auto;overflow:hidden;}
.ls26{width:20%;height:auto;overflow:hidden;float: left;}
.ls26 a{width:100%;height:60px;overflow:hidden;float: left; display: block;padding:20px 0 20px 30px;background:linear-gradient(90deg,rgba(0,0,0,.5) 50%,rgba(0,0,0,.5) 50%) no-repeat center bottom/100% 5px}
.ls26 a:hover{background:linear-gradient(90deg,rgba(0,0,0,.9) 50%,rgba(0,0,0,.9) 50%) no-repeat center bottom/100% 5px}
.ls26 a .t60{width:100%;height:auto;overflow:hidden;float: left;font:700 28px/35px 'Noto Sans TC',"微軟正黑體"; color:rgba(0,0,0,.5) ;transition:all 0.3s}
.ls26 a:hover .t60{color:rgba(0,0,0,.9);transition:all 0.3s}
.ls26 a .t61{width:100%;height:auto;overflow:hidden;float: left;font:500 18px/25px 'Noto Sans TC',"微軟正黑體";color:rgba(0,0,0,.5) ;transition:all 0.3s}
.ls26 a:hover .t61{color:rgba(0,0,0,.9);transition:all 0.3s}
.ls26 a.active{background:linear-gradient(90deg,rgba(0,0,0,.9) 50%,rgba(0,0,0,.9) 50%) no-repeat center bottom/ 100% 5px;cursor:inherit}
.ls26 a.active .t60,
.ls26 a.active .t61
{color:rgba(0,0,0,.9);}
/*精選案例主體內容區*/
.m53 .a38 .b24 .c26{width:94%; min-height: 600px; height:auto;float:right; margin:30px 3% 60px 3%;box-sizing: border-box; background:rgba(255,255,255,.9);padding:35px; position: relative}
.m53 .a38 .b24 .c26 .t62{width:100%;height:auto;overflow:hidden;float: left;font:300 18px/30px 'Noto Sans TC',"微軟正黑體";color:#333 ;;transition:all 0.3s;margin-bottom: 30px;text-align:justify;text-justify: inter-ideograph;}
.m53 .a38 .b24 .c26 .t62 h5{font:700 35px/50px 'Noto Sans TC',"微軟正黑體";color:#333 ;transition:all 0.3s;margin-bottom: 30px}
.m53 .a38 .b24 .c26 
.t62 h4{font:700 18px/25px 'Noto Sans TC',"微軟正黑體";color:#333;transition:all 0.3s;margin:30px 0}
.m53 .a38 .b24 .c26 
.t63{width:100%;height:auto;overflow:hidden;font:300 18px/30px 'Noto Sans TC',"微軟正黑體";color:#333 ;transition:all 0.3s;}
.m53 .a38 .b24 .c26 .if3a{width:460px;height:261px;overflow:hidde;position:absolute;left:-5%; bottom:-50px}
.m53 .a38 .b24 .c26 .if3a .if3{width:460px;height:261px;overflow:hidde;position:relative}
.m53 .a38 .b24 .c26 .if3a .if3 iframe{width:100%;height:100%;}
.m53 .a38 .b24 .c26 .if3a .if3 .cv7{width:100%;height:100%;position: absolute;top:0;left:0}
.m53 .a38 .b24 .c26 .if3 .cv7 a{width:100%;height:100%;display: block}
.bt35{width:30%; height:60px;position:absolute;right:3%; bottom:20px}
.bt35 a img{ width:auto; height:28px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}
.bt35 a{width:100%; height:60px;font:24px/60px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#172c56; border-radius:100px;box-sizing: border-box; border:0px solid #ddd }
.bt35 a:hover{ background:#1f4084; border:0px solid #eee}
/*精選案例主體內容區----影音彈出介面*/
.m55 {width:800px; height:auto; margin:120px auto 0}
.m55 .modal-content{  background-color:#111;}
.m55 .close{opacity:1;font:120px "Century Gothic","微軟正黑體";color:#fff; position:absolute; right:-40px; top:-60px; z-index:999;transition:all 0.3s;border: 0;background: none; text-shadow: 0 2px 10px rgba(0,0,0,.2) }
.m55 .close:hover,
.m55 .close:focus{color: #fa0;transition:all 0.3s; border: 0 !important;background: none impro}
.m55 .close span{border:0; background: none}
.m55 .modal-header h4{ }
.m55 .modal-body{ width:100%; height:auto;box-sizing: border-box; padding:0 }
.m55 .modal-body iframe{width:100%; height:449px; margin:0 0}

/*新版首頁--06怎麼開始的*/
.m54{width:100%;height:auto;overflow:hidden; background:#fff; padding:100px 0;background: url(../../images/in2/bg3.png) center top #fff7bf}
.m54 .a38{width:80%;height:auto;overflow:hidden; background:#fff; padding:100px 0; margin:0 auto; background:linear-gradient(90deg,#fa0 50%,#fa0 50%) no-repeat center 42%/80% 2px }
.m54 .a38 .ls25{ width:18%; height:auto; overflow:hidden; float:left;margin:0 1% 0; box-sizing: border-box; border:0px dotted #ddd;border-radius:0px;}
.m54 .a38 .ls25 .t56{width:100%;height:auto;overflow:hidden;font:500 32px/120px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#111; text-align:center; letter-spacing:-.5px; background:#faee8d; border-radius:100px; margin-bottom:12px}
.m54 .a38 .ls25 .t56-2{background:#f3e461;width:100%}
.m54 .a38 .ls25 .t56-3{background:#f2d903;width:100%}
.m54 .a38 .ls25 .t56-4{background:#fb0;width:100%}
.m54 .a38 .ls25 .t56-5{background:#fa0;width:100%}
.m54 .a38 .ls25 .t57{width:100%;height:auto;overflow:hidden;font:18px/26px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#555; text-align:center;}
.m54 .a38 .ls25 .t57 h4{font:24px/26px 'Noto Sans TC',"微軟正黑體"; margin:0 auto; color:#111; text-align:center; }

/*新版首頁--7合作夥伴*/
.m56{width:100%;height:auto;overflow:hidden;  padding:100px 0;/*background: url(../../images/in2/bg2.png) center;*/ }
.m56 .a39{width:80%;height:auto;overflow:hidden;  margin:0 auto; padding:60px 0 0 }
.m56 .a39 .ls27{ width:15%; height:auto; overflow:hidden; float:left;margin:0 2.5% 0; box-sizing: border-box; border:0px dotted #ddd;border-radius:0px;}
.m56 .a39 .ls27 img{width:100%; height:auto; }
/*新版首頁--8聯絡我們*/
.m57{width:100%;height:auto;overflow:hidden;  padding:100px 0 50px;background:/*url(../../images/in2/bg6.jpg) no-repeat centerurl(../../images/in2/bg5.png) no-repeat 20% 250px/auto,*/
url(../../images/in2/bg4.png) no-repeat center bottom, url(../../images/in2/bg1.png) center top rgba(255,200,25,1)}
.m57 .a41{width:800px;height:200px;overflow:hidden; background: url(../../images/in2/bg8.png) no-repeat center top/auto 100%;margin: 0px auto -50px; z-index: 2; position: relative}
.m57 .a40{width:800px; min-height:600px; height:auto;overflow:hidden;  margin:0 auto 0; padding:70px 3% 30px;background:
url(../../images/in2/box1a.png) no-repeat center top/100% 104px,
url(../../images/in2/box1b.png) no-repeat center/100% 80%,
url(../../images/in2/box1c.png) no-repeat center bottom/100% 104px,url(../../images/in2/bg7.jpg) no-repeat center/cover/*rgba(0,0,0,.95)*/;box-shadow: 0 3px 12px  rgba(0,0,0,.85);box-sizing: border-box;border-radius:80px}
.m57 .a40 .ls28 { width: 100%; height: auto; overflow: hidden; float: right; margin-bottom: 10px }
.m57 .a40 .ls28 .t27 { width: 23%; height: 42px; overflow: hidden; font: 20px/42px 'Noto Sans TC', "微軟正黑體"; color: #eee; float: left; text-align: left;}
.m57 .a40 .ls28 input { width: 75%; height:50px; font: 20px/50px 'Noto Sans TC', "微軟正黑體"; color: #eee; border-radius: 6px; padding: 0 1.5%; background:rgba(255,255,255,1); text-align:left;text-transform:uppercase;
border: 0; border-bottom: 1px solid #ddd;box-sizing: border-box;float: left}
.m57 .a40 .ls28 .inp1 {}
.m57 .a40 .ls28 .inp2 { width: 40%; height: 50px; font: 20px/50px 'Noto Sans TC', "微軟正黑體"; color: #000; border-radius:6px; padding: 0 1%; background:rgba(255,255,255,1); text-align: left; text-transform: uppercase; border: 0; border-bottom: 1px solid #ddd; float: left;box-sizing: border-box;}
.m57 .a40 .ls28 .inp3 { width: 50%; height: 50px; border: 0; border-bottom: 1px solid #ccc; border-left: 0 solid #ccc; font: 20px/50px 'Noto Sans TC', "微軟正黑體"; color: #111; border-radius: 6px; padding: 0 1%; background:rgba(255,255,255,1); text-align:center; float: left; margin-top: 0px;box-sizing: border-box;}
.m57 .a40 .ls28 .inp4 { width: 75%; height:84px; padding: 5px 1%; border: 0; border-bottom: 1px solid #ccc;font: 20px/50px 'Noto Sans TC', "微軟正黑體"; color: #000; border-radius:6px; background:rgba(255,255,255,1);padding: 0 1%;box-sizing: border-box; }
.m57 .a40 .ls28 .inp5 { width: 30%;}
.m57 .a40 .ls28 .cd2 { width: 108px; height: 50px; float: left; text-align: left }
.m57 .a40 .ls28 .cd2 img { vertical-align: middle; margin: 0 8px ;height: 100%; width: auto}
.m57 .a40 .bt36{width:auto; height:60px;margin: 0 auto; margin: 20px 0 0;text-align: center}
.m57 .a40 .bt36 a img{ width:auto; height:28px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}
.m57 .a40 .bt36 a{width:auto; height:60px;font:24px/60px "Century Gothic","微軟正黑體";color:#111; display:inline-block; text-align:center; background:#fb0; border-radius:100px;box-sizing: border-box; border:0px solid #ddd;padding: 0 40px}
.m57 .a40 .bt36 a:hover{ background:#fd0; border:0px solid #eee;padding: 0 60px}

/*20200810-Contact---POP*/
.m58{width:600px;heigh:auto;overflow:hidden; margin:30px auto 0;border-radius:25px}
.m58 .modal-content{border-radius:25px;border: 0}
.m58 .modal-header{font:28px/36px "微軟正黑體"; text-align:center;padding:5px 0;border:0; background:#ffc819; border-radius:5px 5px 0 0;}
.m58 .modal-header .close{ font-size:60px; opacity:1; text-shadow:0 0 0 #333;color:#eee;transition:all 0.3s; font-weight:100 !important; margin:0 auto 0; float:none;position:absolute; top:0px; right:10px}

.m58 .modal-header h4{font:32px/60px 'Noto Sans TC',"微軟正黑體";color:#111}
.m58 .modal-header h4 img{width:auto;height:30px; padding-bottom:6px; vertical-align:middle; margin-right:8px}
.m58 .modal-body{padding:10px 3% 5px;font:28px/50px "微軟正黑體";color:#fff; text-align:center;background:#fff;}
.m58 .modal-body .a42{width:100%;height:auto;overflow:hidden;font:28px/60px "微軟正黑體";color:#666; letter-spacing:-1px;display: block}
.m58 .modal-footer{ padding:20px 0 40px; border:0; margin-top:0; text-align:center; height:auto; overflow:hidden;}
.m58 .modal-body .a42 .ls29 { width: 100%; height: auto; overflow: hidden; float: right; margin-bottom: 10px }
.m58 .modal-body .a42 .ls29 .t65 { width: 23%; height: 42px; overflow: hidden; font: 22px/50px 'Noto Sans TC', "微軟正黑體"; color: #111; float: left; text-align: right;}
.m58 .modal-body .a42 .t66 { width: 100%; height: auto; overflow: hidden; font: 22px/50px 'Noto Sans TC', "微軟正黑體"; color: #555;margin-bottom:10px}

.m58 .modal-body .a42 .ls29 input { width: 75%; height:50px; font: 22px/50px 'Noto Sans TC', "微軟正黑體"; color: #111; border-radius:100px; padding: 0 3%; background:rgba(255,255,255,1); text-align:left;text-transform:uppercase;
border: 0; border: 1px solid #ccc;box-sizing: border-box;float: left}

.m58 .modal-body .a42 .ls29  .inp1 {}
.m58 .modal-body .a42 .ls29  .inp2 { width: 40%; height: 50px;  border-radius:100px; padding: 0 3%; background:rgba(255,255,255,1); text-align: left; text-transform: uppercase; border: 0; border: 1px solid #ddd; float: left;box-sizing: border-box;}
.m58 .modal-body .a42 .ls29 .inp3 { width: 40%; height: 50px; border: 0; border: 1px solid #ccc; border-radius:100px; padding: 0 2%; background:rgba(255,255,255,1); text-align: left; float: left; margin-top: 0px;box-sizing: border-box; font: 22px/50px 'Noto Sans TC', "微軟正黑體"; color: #333; }
.m58 .modal-body .a42 .ls29 .inp4 { width: 75%; height:84px; padding: 5px 1%; border: 0; border: 1px solid #ccc; border-radius:100px; background:rgba(255,255,255,1);padding: 0 1%;box-sizing: border-box;font: 22px/50px 'Noto Sans TC', "微軟正黑體"; color: #333;float: left}
.m58 .modal-body .a42 .ls29 .inp5 { width: 30%;}
.m58 .modal-body .a42 .ls29 .cd2 { width: 108px; height: 50px; float: left; text-align: left }
.m58 .modal-body .a42 .ls29 .cd2 img { vertical-align: top; margin: 0 8px ;height: 100%; width: auto}
.m58 .modal-body .a42 .ls29 .bt37{ background:#333;transition:all 0.3s; border:0;border-radius:100px; padding:0 10%;font:24px/50px "微軟正黑體"; margin:15px 0 15px;color:#fff; }
.m58 .modal-body .a42 .ls29 .bt37:hover{background:#555;transition:all 0.3s;  }
.m58 .modal-body .a42 .ls29 .bt37 img{width:auto; height:24px; margin:0 5px 0 0; padding-bottom:4px; vertical-align:middle; display:inline-block}

/*社群按鈕*/
.fb1{width:50px;height:auto;position: absolute;right:20px;top:20px;z-index:9999;transition:all 0.3s}
.fb1 a img{width:100%;height:auto;transition:all 0.3s;opacity:1;}
.fb1:hover a img{opacity:.8;transition:all 0.3s}
.yut1{width:50px;height:auto;position: absolute;right:85px;top:20px;z-index:9999;transition:all 0.3s}
.yut1 a img{width:100%;height:auto;transition:all 0.3s;opacity:1;}
.yut1:hover a img{opacity:.8;transition:all 0.3s}

/*經典案例+合作聯繫按鈕*/
.bta1{width:150px;height:70px;background:#ed004e;position:fixed; bottom:20px; left:20px;z-index:2;text-align: center;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.7) 50%,rgba(255,255,255,.7) 50%) no-repeat center /0px 60% #ed004e;box-shadow: 0 2px 6px rgba(0,0,0,.5)}

.bta1 .btn1{width:100%;height:70px;float: left;text-align: center;}
.bta1 .btn1 a{width:100%; height:70px;font:bold 24px/70px "微軟正黑體";color:#fff; display:block; text-align:center;  border-radius:6px}
.bta1 .btn1 a:hover{ background:#ff1864; color:#FFF59F}


/*20210806--aa6_company*/
.bgt5{ width:100%;height:auto;font:500 120px/100px 'Reenie Beanie','M PLUS Rounded 1c',"Century Gothic", "新細明體"; color:/*#ed004e*/#111;text-align: center;margin:60px auto -60px;letter-spacing:-4px;text-transform: uppercase}
.m59{width:100%;height:auto;overflow:hidden;text-transform: uppercase;margin-bottom:0}
.m59-2{background:#f8f8f8}
.m59 .a43{width:1200px;height:auto;overflow:hidden;margin:0 auto 0;padding:100px 0 }
.m59 .a43 .t67{width:100%;min-height:250px; height:auto;overflow:hidden;font:500 21px/50px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";color:#111;text-align:center}
.m59 .a43 .t67 h4{font:700 32px/50px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";color:#111;}
/*20210806--aa6_company*/
.bgt6{ width:100%;height:auto;overflow:hidden;font:700 54px/70px 'M PLUS Rounded 1c', 'Noto Sans TC',"Century Gothic", "新細明體"; color:#111 ;text-align: center;margin:0px auto 60px;letter-spacing:-2.5px}
.bgt6 span{font:italic 700 80px/100px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";color:#64008e;text-transform: capitalize;margin:0 8px}
.bgt6 h4{font:500 24px/26px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";color:#111;letter-spacing:8px}
.bgt6 h5{font:700 58px/70px 'M PLUS Rounded 1c', 'Noto Sans TC',"Century Gothic", "新細明體";display: inline-block}
.m59 .a43 .im29{ width:1120px; height:336px;overflow:hidden;margin:0 auto 0px;background: url("../../images/aa6/im1.png") no-repeat center top/100% auto}
.m59 .a43 .im29 img{ width:100%; height:auto;}
/*One for Role*/
.m59 .a43 .b25{width:100%;height:auto;overflow:hidden;}
.m59 .a43 .b25 .ls30{width:25.0%;height:auto;overflow:hidden;float: left;margin:0 4% 20px}
.m59 .a43 .b25 .ls30 a{width:100%;height:auto;overflow:hidden;display:block}
.m59 .a43 .b25 .ls30 a .im30{width:100%;height:auto;overflow:hidden;margin-bottom:20px}

.m59 .a43 .b25 .ls30 a .im30 img{width:100%;height:auto;transition:all 0.3s;transition:all 0.3s}

.m59 .a43 .b25 .ls30 a:hover .im30 img{transform:rotate(0deg) scale(1.0); transition:all 0.3s;filter:contrast(120%);-webkit-filter:contrast(120%);}

.m59 .a43 .b25 .ls30 a .t68{ width:100%;height:auto;overflow:hidden;font:700 36px/42px 'Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111 ;text-align: center;letter-spacing:-1px}

.m59 .a43 .b25 .ls30 a .t68 h4{font:700 18px/25px 'Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111 ;letter-spacing:0px}
.m59 .a43 .b25 .ls30 a:hover .t68,
.m59 .a43 .b25 .ls30 a:hover .t68 h4{ color:#EC084F}
/*PLATFORM*/
.m59 .a43 .b26{width:100%;height:auto;overflow:hidden;}
.m59 .a43 .b26 .im31{width:35%;height:auto;overflow:hidden;margin-right:5%;float:left;}
.m59 .a43 .b26 .im31 img{width:100%;height:auto;}
.m59 .a43 .b26 .t69{width:60%;height:auto;overflow:hidden;float:right;font:500 18px/33px 'M PLUS 1p','Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111;text-align:justify;text-justify: inter-ideograph;}

.m59 .a43 .b26 .t69 > span{font:500 24px/32px 'Noto Sans TC',"Century Gothic", "微軟正黑體";margin-right:2px}
/*#4CONTENTS*/
.m59 .a43-2{width:900px;}
.m59 .a43 .b27{width:100%;height:auto;overflow:hidden;}
.m59 .a43 .b27 .ls31{width:44%;height:396px;overflow:hidden;float: left;margin:0 3% 20px;border:2px solid #333;padding:130px 60px 0;border-radius:300px 260px 290px 279px;box-sizing: border-box;margin-bottom:40px;background:#fefefe;}
.m59 .a43 .b27 .ls31-2{border-radius:350px 400px 340px 395px}
.m59 .a43 .b27 .ls31-3{border-radius:320px 380px 320px 350px}
.m59 .a43 .b27 .ls31-4{border-radius:370px 360px 390px 370px}
.m59 .a43 .b27 .ls31 .t70{ width:100%;height:auto;overflow:hidden;font:700 42px/60px 'M PLUS Rounded 1c','Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111 ;text-align: center;letter-spacing:-2px;text-transform: capitalize}
.m59 .a43 .b27 .ls31 .t70 span{color:#ed004e}
.m59 .a43 .b27 .ls31 .t70 h4{font:700 18px/20px 'Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111 ;letter-spacing:1px}
.m59 .a43 .b27 .ls31 .mo2{ width:100%;height:auto;overflow:hidden;text-align: center;}
.m59 .a43 .b27 .ls31 .mo2 a{ font:italic 700 24px/40px 'M PLUS Rounded 1c','Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111 ;letter-spacing:0px;text-transform:uppercase}
.m59 .a43 .b27 .ls31 .mo2 a:hover{color:#EF074F;text-decoration: underline}
/*心詠╳主理人*/
.m59 .a43 .b28{width:100%;height:auto;overflow:hidden;}
.m59 .a43 .b28 .im32{width:40%;height:auto;overflow:hidden;margin-right:5%;float:left;border-radius:630px 505px 625px 469px}
.m59 .a43 .b28 .im32 img{width:100%;height:auto;}
.m59 .a43 .b28 .t71{width:55%;height:auto;overflow:hidden;float:right;font:500 18px/33px 'Noto Sans TC',"Century Gothic", "微軟正黑體"; color:#111;text-align:justify;text-justify: inter-ideograph;padding-top:120px}
.m59 .a43 .b28 .t71 span{font:700 32px/32px 'M PLUS Rounded 1c','Noto Sans TC',"Century Gothic", "微軟正黑體";margin-right:2px;margin-bottom:15px;display: block}


/*aa7-頁籤*/
.m60{width:100%;height:auto;overflow:hidden;text-transform: uppercase;margin:100px 0 0 0;background:#f8f8f8}
.m60 .a44{width:1200px;height:auto;overflow:hidden;margin:0 auto 0;padding:80px 0  50px}
.m60 .a44 .b29{width:100%;height:auto;overflow:hidden;text-align: center}
.m60 .a44 .b29 .ls32{width:auto;height:auto;overflow:hidden;display:inline;margin:0 25px}
.m60 .a44 .b29 .ls32 a{width:auto;height:auto;overflow:hidden;font:500 18px/50px  'Noto Sans TC',"Century Gothic", "微軟正黑體";display: inline-block;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center bottom/0% 2px;letter-spacing:1px}

.m60 .a44 .b29 .ls32 a:hover{background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center bottom/100% 2px;}

.m60 .a44 .b29 .ls32 a.active{background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat center bottom/100% 2px}

/*aa7*/
.m59 .a43 .b26 .t69-2{width: 46%; float:left;margin-bottom:0px}
.m59 .a43 .b26 .im31-2{margin:0 0 0 4%;width:50%}
.m59 .a43 .b26 .im31-3{margin:0 4% 0 0;width:50%}

.m59 .a43 .b26 .t69-3{width: 46%; float:left;margin-bottom:0px}


.m59 .a43 .b26 .t69-4{width: 46%; float:left;margin-bottom:0px;padding:80px 0 0}

.m59 .a43 .b26 .t69-5{width: 46%; float:left;margin-bottom:0px;padding:80px 0 0}

.m59 .a43 .b26 .t69-4b{width: 46%; float:left;margin-bottom:0px;padding:60px 0 0 100px;box-sizing: border-box;}
.m59 .a43 .b26 .t69-4c{width: 46%; float:left;margin-bottom:0px;padding:25px 0 0 100px;box-sizing: border-box;}
.m59 .a43 .b26 .t69-5b{width: 46%; float:left;margin-bottom:0px;padding:60px 0 0}
/*ROLE*/
.m59 .a43 .b26 .im31-4{margin:0 2% 0 0;width:50%}
.m59 .a43 .b26 .im31-4b{margin:0 0 0 2%;width:50%}
.m59 .a43 .b26 .t69-5c{width:48%; float:left;margin-bottom:0px;padding:25px 0 0}
.m59 .a43 .b26 .t69-5d{width:48%; float:left;margin-bottom:0px;padding:25px 0 0}
/*--*/
.bgt6-2 h3, .bgt6-2 h4, .bgt6-2 h5, .bgt6-2 h6{display:inline-block;font:italic 700 80px/100px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";letter-spacing:0;text-transform: none;margin-right:-15px;vertical-align:inherit;}
.bgt6-2 h3{color:#d61321;margin-left:-8px;}
.bgt6-2 h4{color:#199bca}
.bgt6-2 h5{color:#d39206}
.bgt6-2 h6{color:#3d7636;margin-right:0px}
.m59 .a43 .b26-2{border-bottom:1px solid #ddd;padding-bottom:50px;margin-bottom:50px}

.m59 .a43 .b26 .t69 h4{font:700 36px/42px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";display:inline-block}
.m59 .a43 .b26 .t69 h4 > span{color:#dd003e;font:500 52px/42px 'M PLUS Rounded 1c','Noto Sans TC',"微軟正黑體";}

.m59 .a43 .b26 .t69 ul{padding-left:25px;}
.m59 .a43 .b26 .t69 
ul li{ list-style:outside;list-style-type:decimal}

/*aa8*/
.m61{width:100%;height:60px;overflow:hidden;position:fixed;top:0;left:0;background:rgba(0,25,92,.90);z-index:3;background:rgba(0,0,0,.9);background: #66202a}
.m61 .a45{width:1200px;height:auto;overflow:hidden; margin:0 auto}
.m61 .a45 .b30{width:80%;height:auto;overflow:hidden; margin:0 auto;text-align: center}
.m61 .a45 .b30 a{;font:300 20px/60px/* 'M PLUS Rounded 1c',*/'Noto Sans TC',"微軟正黑體";color:#fff;margin:0 20px;display:inline-block;background:linear-gradient(90deg,#f1005b 50%,#f1005b 50%) no-repeat center 42px/0% 2px}

.m61 .a45 .b30 a:hover{background:linear-gradient(90deg,#f1005b 50%,#f1005b 50%) no-repeat center 42px/100% 2px}
.m62{width:100%;height:400px;overflow:hidden;background: url("../../images/aa8/bn1.jpg") no-repeat center top;margin-bottom:25px}


.bgt7{ width:100%;height:auto;font:700 62px/68px 'Reenie Beanie','M PLUS Rounded 1c',"Century Gothic", 'Noto Sans TC',"微軟正黑體"; color:/*#ed004e*/#0f3c62;text-align: center;margin:0px auto 30px;letter-spacing:-2px;text-transform: uppercase}
.bgt7 h4{font: 400 24px/36px 'Noto Sans TC',"微軟正黑體"; color:#333;margin:0 0 0;letter-spacing:0px;/*background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat center/300px 1px,linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center/1180px 1px;background:linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat left center/35% 1px,linear-gradient(90deg,#fff 50%,#fff 50%) no-repeat right center/35% 1px*/background:linear-gradient(90deg,#0f3c62 50%,#0f3c62 50%) no-repeat center  bottom/240px 5px;padding-bottom:20px}
.bgt7 span{ width:100%;height:auto;font:300 60px/68px verdana,'Noto Sans TC',"微軟正黑體"; color:/*#ed004e*/#0f3c62;text-align: center;letter-spacing:-2px;text-transform: uppercase;margin-left:8px;margin-top:0px; }
/*.m63-2 .bgt7 h4{font:italic 400 20px/50px'Noto Sans TC','Noto Sans TC',"微軟正黑體"; color:#000961;margin:0 0 0;letter-spacing:0px;background:linear-gradient(90deg,#f4f4f4 50%,#f4f4f4 50%) no-repeat center/250px 1px,linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center/97% 1px;}*/
.m63{width:100%;height:auto;overflow:hidden;}
.m63-2{background:#e1b878}
.m63b{background: url("../../images/aa8/bg1.jpg") no-repeat center/cover}

.m63 .a46{width:94%;height:auto;overflow:hidden; margin:0 auto;padding:100px 0 120px;text-align:center}
.m63 .a46b{width:76%;border-bottom:3px solid #111;padding:140px 0 30px;margin-bottom:140px}
.m63 .a46-2{padding:100px 0 60px;}
.m63 .a46 .t72{width:46%;height:auto;overflow:hidden; margin:0 auto;font:italic 400 24px/36px'Noto Sans TC',"微軟正黑體"; color:#333;text-align:left;float:right }

.m63 .a46 .t72 h4{width:100%;height:auto;overflow:hidden; margin:0 auto;font:italic 700 50px/60px'Noto Sans TC',"微軟正黑體"; /*color:#000961;*/margin:0 0 50px;color:#c8782f}

.m63 .a46 .t72 h4 span{width:100%;height:auto;overflow:hidden;font:italic 700 20px/40px'Noto Sans TC',"微軟正黑體"; color:#888;display: block;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat left bottom/200px 5px;padding:10px 0 10px;}
/*建站方案*/
.m63 .a46 .b31{width:100%;height:auto;overflow:hidden; margin:0 auto;padding:40px 0 10px;text-align:center}

.m63 .a46 .b31 .ls33{width:31.3%;height:auto;overflow:hidden; margin:0 .5% 35px;border-top:5px solid #002fa8;/*background:#fff;*/box-sizing: border-box;/*float: left;*/position: relative;box-shadow:0 1px 10px rgba(0,0,0,.0);position:relative;padding:0 0 10px;display: inline-block;vertical-align: top}

.m63 .a46 .b31 .ls33 .im39{width:100%;height:auto;overflow:hidden;margin-bottom:30px}
.m63 .a46 .b31 .ls33 .im39 img{width:100%;height:auto;}
.c28{width:96%;height:auto;overflow:hidden;padding:25px 25px 25px;background:rgba(255,255,255,.95);margin:-130px 0 0 2%;box-sizing: border-box;position:relative;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.25);border-radius:12px;border:0px solid #ccc}
.c28-2{background:rgba(255,240,230,.95)}

.m63 .a46 .b31 .ls33-2{border-top:0 solid #7b00e4;/*margin-top:0;padding:70px 30px 30px;*/}
.m63 .a46 .b31 .ls33-2 .c28{}

.m63 .a46 .b31 .ls33-3{border-top:0px solid #8258ba}

.m63 .a46 .b31 .ls33 .spc{width:100%;height:auto;overflow:hidden; margin:0 0 30px;font:italic 400 13px/28px'Noto Sans TC',"微軟正黑體"; color:#fff;letter-spacing:-1px;text-align: center;text-transform:uppercase;background:#002fa8;position: absolute;top:0;left:0;letter-spacing:2px;padding-left:15px;box-sizing: border-box;}

.m63 .a46 .b31 .ls33 .spc2{background:#d40050;}
.m63 .a46 .b31 .ls33 .spc3{background:#8258ba;}

.m63 .a46 .b31 .ls33 .t73{width:100%;height:auto;overflow:hidden; margin:0 0 10px;font:italic 700 36px/40px'Noto Sans TC',"微軟正黑體"; color:#002fa8;letter-spacing:-3px;border-bottom:1px dashed #ccc;padding-bottom:10px}
.m63 .a46 .b31 .ls33 .t73 h4{font:italic 700 30px/34px 'Noto Sans TC',"微軟正黑體";/*color:#f60;*/}
.m63 .a46 .b31 .ls33 .t73 h5{font:italic 400 18px/22px 'Noto Sans TC',"微軟正黑體";color:#111;letter-spacing:-1px;display: block;height:44px;overflow: hidden;width:100%}

.m63 .a46 .b31 .ls33 .t73-2{color:#d40050;}
.m63 .a46 .b31 .ls33 .t73-3{color:#684794;}
.m63 .a46 .b31 .ls33 .t74{width:100%;height:320px;overflow:auto;overflow-x:hidden; margin:0 0 0;font:400 20px/28px'Noto Sans TC',"微軟正黑體"; color:#222;text-align:justify;text-justify: inter-ideograph;letter-spacing:-1px;/*text-align: left*/}
.m63 .a46 .b31 .ls33 .t74 ul{padding-left:28px;}
.m63 .a46 .b31 .ls33 .t74 ul li{ list-style:outside;list-style-type:decimal}
.m63 .a46 .b31 .ls33 .t74 ul > .nos{font:400 20px/32px'Noto Sans TC',"微軟正黑體";color:#999;}


/*服務特色*/
.ls34{width:22%;min-height: 230px;height:auto;overflow:hidden; margin:0 1.5%;border-top:1px solid #111;background:#fff;padding:30px 30px 25px;box-sizing: border-box;margin-top:30px;float: left;position: relative;box-shadow:0 1px 10px rgba(0,0,0,.12);border-radius:0 0 10px 10px;text-align:left}
.ls34-2{border-top:0 solid #7b00e4;margin-top:0;padding:70px 30px 30px;}


.ls34 .t75{width:100%;height:auto;overflow:hidden; margin:0 0 10px;font:italic 700 20px/32px'Noto Sans TC',"微軟正黑體"; color:#111;letter-spacing:-1px;}
.ls34 .t75 h4{width:32px;height:32px;font:italic 700 20px/30px 'Noto Sans TC',"微軟正黑體";background:#771697;border-radius:100px;display: inline-block;text-align:left;color:#fff;padding:0 0 0 7px;word-wrap: break-word;word-break: break-all;box-sizing: border-box;margin-right:3px}
.ls34 .t75-2{color:#d40050;}
.ls34 .t76{width:100%;height:auto;overflow:hidden; margin:0 0 0;font:500 18px/24px'Noto Sans TC',"微軟正黑體"; color:#555;text-align:justify;text-justify: inter-ideograph;}
.ls34 .t76 ul{padding-left:24px;}
.ls34 .t76 ul li{ list-style:outside;list-style-type:disc}
.ls34 .t76 ul > .nos{color:#999;}

/*超值加贈*/
.ls35{width:22%;/*min-height: 210px;*/height:240px;overflow:hidden; margin:0 1.5% 30px;border:1px solid #c0b6a0;background:rgba(255,255,255,.6);padding:30px 30px 10px;box-sizing: border-box;float: left;position: relative;box-shadow:0 1px 10px rgba(0,0,0,.10);border-radius:20px;}
.ls35 .im33{width:100%;height:auto;overflow:hidden;text-align: center}
.ls35 .im33 img{width:auto;height:42px;margin-bottom: 10px}
.ls35-2{border-top:0 solid #7b00e4;margin-top:0;padding:70px 30px 30px;}
.ls35 .spc{width:100%;height:auto;overflow:hidden; margin:0 0 30px;font:italic 500 18px/35px'Noto Sans TC',"微軟正黑體"; color:#fff;letter-spacing:-1px;text-align: center;text-transform:uppercase;background:#d40050;position: absolute;top:0;left:0;letter-spacing:20px;padding-left:15px;box-sizing: border-box;}

.ls35 .t77{width:100%;height:auto;overflow:hidden; margin:0 0 10px;font:italic 700 20px/32px'Noto Sans TC',"微軟正黑體"; color:#111;letter-spacing:-1px;text-align:center}
.ls35 .t77 h4{width:32px;height:32px;font:italic 700 20px/30px 'Noto Sans TC',"微軟正黑體";background:#771697;border-radius:100px;display: inline-block;text-align:left;color:#fff;padding:0 0 0 7px;word-wrap: break-word;word-break: break-all;box-sizing: border-box;margin-right:3px}
.ls35 .t77-2{color:#d40050;}
.ls35 .t78{width:100%;height:auto;overflow:hidden; margin:0 0 0;font:400 16px/24px'Noto Sans TC',"微軟正黑體"; color:#555;text-align: center}
.ls35 .t78 ul{padding-left:0;}
.ls35 .t78 ul li{ list-style:outside;list-style-type:none}
.ls35 .t78 ul > .nos{color:#999;}
/*15-20天快速上線--主圖*/
.im34{width:50%;height:auto;overflow:hidden;margin:0 auto 10px;float:left;border-radius:0px;}
.im34 img{width:100%;height:auto;}



/*製作流程*/

.m63 .a46 .b31-2{width:400px;height:auto;overflow:hidden; margin:0 5%;display:inline-block;vertical-align: top;padding-top:20px}
.t79{width:100%;height:auto;overflow:hidden; margin:0 0 25px;font:italic 700 24px/38px'Noto Sans TC',"微軟正黑體"; color:#fff;letter-spacing:-1px;background:#9a0054;padding:0 20px;border-radius:5px 5px 5px 5px;box-sizing: border-box;text-align:center}
.t79-2{background:#5811a8 }
.t79 span{font:italic 700 29px/38px'Noto Sans TC',"微軟正黑體"; color:#fff;display: inline;vertical-align: top}
.ls36{width:100%;min-height: 100px;height:auto;overflow:hidden; margin:0 0;border:0px solid #c0b6a0;background:rgba(255,255,255,.75);padding:20px 30px 10px;box-sizing: border-box;margin-top:0;float: left;position: relative;box-shadow:0 1px 10px rgba(0,0,0,.10);border-radius:2px;}
.ls36 .im35{width:100%;height:auto;overflow:hidden;text-align: center}
.ls36 .im35 img{width:auto;height:64px;margin-bottom: 10px}
.ls36-2{border-top:0 solid #7b00e4;margin-top:0;padding:70px 30px 30px;}
.ls36 .spc{width:100%;height:auto;overflow:hidden; margin:0 0 30px;font:italic 500 18px/35px'Noto Sans TC',"微軟正黑體"; color:#fff;letter-spacing:-1px;text-align: center;text-transform:uppercase;background:#d40050;position: absolute;top:0;left:0;letter-spacing:20px;padding-left:15px;box-sizing: border-box;}

.ls36 .t80{width:100%;height:auto;overflow:hidden; margin:0 0 10px;font:700 24px/34px'Noto Sans TC',"微軟正黑體"; color:#333;letter-spacing:-1px;text-align:center}
.ls36 .t80 h4{width:32px;height:32px;font:italic 700 20px/30px 'Noto Sans TC',"微軟正黑體";background:#771697;border-radius:100px;display: inline-block;text-align:left;color:#fff;padding:0 0 0 7px;word-wrap: break-word;word-break: break-all;box-sizing: border-box;margin-right:3px}
.ls36 .t80-2{color:#d40050;}
.arow{width:100%;height:auto;overflow:hidden; font:900 18px/24px'Noto Sans TC',"微軟正黑體"; color:#888;text-align:center;margin:5px 0;float:left}


/*aa8-down*/
.m64{width:100%;height:auto;overflow:hidden;}
.m64 .a47{width:1200px;height:auto;overflow:hidden; margin:0 auto;padding:100px 0 75px}
.m64 .a47 .b32{width:40%;height:auto;overflow:hidden;float:left;padding-top:25px}
.m64 .a47 .b32 .c27{width:100%;height:auto;overflow:hidden;float:left;font:400 17px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:20px}
.m64 .a47 .b32 .c27 a{font:400 17px/34px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;}
.m64 .a47 .b32 .c27 a:hover{color:#49361f;}
.m64 .a47 .b32 .c27 h4{font:700 24px/40px "Century Gothic","微軟正黑體";color:#111;margin-bottom:10px;padding:0!important}

.m64 .a47 .b32 .c27 ul{padding-left:30px;}
.m64 .a47 .b32 .c27 ul li{ list-style:outside;list-style-type:disc}

.m64 .a47 .b32 .c27 .im18{width:50px;height:50px;overflow:hidden;margin-right:8px;float:left}
.m64 .a47 .b32 .c27 .im18 img{width:100%;height:auto;opacity:1;transition:all 0.3s}
.m64 .a47 .b32 .c27 .im18:hover img{opacity:.7;transition:all 0.3s}

.m64 .a47 .b33{width:54%;height:auto;overflow:hidden;float:right;padding-top:25px}
.m64 .a47 .b33 .im19{width:150px;height:auto;overflow:hidden;float:left;margin-right:10px}
.m64 .a47 .b33 .im19 img{width:100%;height:auto;}
.t39{width:100%;height:auto;overflow:hidden;float:left;font:500 17px/26px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#333;text-align:justify;text-justify: inter-ideograph;margin-bottom:25px}
.t39 h4{font:700 22px/40px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;margin-bottom:15px}

.t81{width:auto;height:auto;overflow:hidden;font:500 18px/32px 'Noto Sans TC', "Century Gothic","微軟正黑體";color:#49361f;margin-bottom:25px}
.m33 .a18 .b33 .c2{width:0100%;height:auto;overflow:hidden;}
.ls17{width:100%;height:auto; overflow:hidden;margin:0 0 15px}
.ls17 .t82{width:22%;height:auto; overflow:hidden;font:500 18px/40px 'Noto Sans TC',verdana,"微軟正黑體";float:left }
.ls17 input{width:78%;height:40px;overflow:hidden;margin:0 auto;border:1px solid #ccc;padding:0 2%;float:left;display:block;box-sizing: border-box;font:500 18px/40px 'Noto Sans TC',verdana,"微軟正黑體";border-radius:4px;}
.ls17 .in1{width:35%;margin-right:20px}
.ls17 > select{width:60%;height:40px;overflow:hidden;float:left;border:1px solid #ccc;font:500 18px/48px 'Noto Sans TC',"微軟正黑體";color:#000;background:#fff;box-sizing: border-box;text-align:center;border-radius:4px;display: block;padding:0 10px}
.ls17 textarea{width:78%;height:90px;overflow:hidden;margin:0 auto;border:1px solid #ccc;padding:5px  10px;float:left;display:block;box-sizing: border-box;font:500 22px/30px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',verdana,"微軟正黑體";border-radius:4px;}
.ls17 .im36{width:auto;height:40px;overflow:hidden;float:left}
.ls17 .im36 img{width:auto;height:100%;margin-right:10px}
.ls17 .im37{width:auto;height:40px;overflow:hidden;float:left}
.ls17 .im37 a img{width:auto;height:100%;opacity:1;transition:all 0.3s}
.ls17 .im37 a:hover img{opacity:.75;transition:all 0.3s}
.map1{width:100%;height:340px;overflow:hidden;padding-top:20px}
.map1 iframe{width:100%;height:100%;}

/*聯絡我們-送出按鈕*/
.bt38{width:260px; height:auto;font:700 20px/40px 'Noto Serif TC',"Century Gothic","微軟正黑體";color:#a07db7; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #333; transition:all 0.3s;margin:40px auto 0; }
.bt38 a{width:100%; height:42px;font:700 20px/40px 'Noto Serif TC','Noto Serif TC','Noto Sans TC', "Century Gothic","微軟正黑體";display:block;border-radius:6px; border:0px solid #7c45a1;background:#041c3f;color:#fff}
.bt38 a:hover{ background:#072656 ; border:0px solid #a07db7;transition:all 0.3s}
.bt38 a img{width:auto;height:6px;display:inline-block; padding:0 0 4px; margin-right:6px;} 


/*相關案例*/
.ls37{width:33.33%;min-height: 100px;height:auto;overflow:hidden; margin:0 0% 0;border:0px solid #ddd;/*background:rgba(180,175,160,0);*/padding:50px 80px 70px;box-sizing: border-box;margin-top:0;float: left;position: relative;box-shadow:0 1px 10px rgba(0,0,0,.1);border-radius:0;background:/*#181818*/#75ACC0}
.ls37-2{/*background:#ccc7bc;*/background: #e1b878}
.ls37 a{width:100%;height:auto;display:block}
.ls37 a .im38{width:100%;height:auto;overflow:hidden;text-align: center;margin-bottom:50px;transition:all 0.3s;}
.ls37:hover a .im38{transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.ls37 a .im38 img{width:100%;height:auto;transition:all 0.3s}
.ls37:hover a .im38 img {transform:rotate(0deg) scale(1); transition:all 0.3s;}
.ls37 a .t83{width:100%;height:60px;overflow:hidden; margin:0 0 10px;font:500 18px/30px 'Noto Sans TC',"微軟正黑體"; color:#fff;letter-spacing:1px;text-align:center}
.ls37 a .st15{width:100%;height:auto;overflow:hidden; margin:0 0 10px;font:italic 500 62px/100px "Times New Roman",'Noto Sans TC',"微軟正黑體"; color:#fff;letter-spacing:-.5px;text-align:center;margin-bottom:30px}

.ls37-2 a .t83, .ls37-2 a .st15{color:#111;}
/*品牌區*/
.m65{width:100%;height:auto;overflow:hidden;background:#fff}
.m65 .a48{width:1200px;height:auto;overflow:hidden; margin:0 auto;padding:40px 0 ;text-align:center;}
.m65 .a48 .ls38{width:auto;height:60px;overflow:hidden;display:inline-block;vertical-align:top;margin:0 10px}
.m65 .a48 .ls38 img{width:auto;height:100%;transition:all 0.3s}
.m65 .a48 .ls38 img:hover {transform:rotate(0deg) scale(0.95); transition:all 0.3s;}



/*映像台灣--list---橫幅*/
/*--↓大橫幅-空間布局--*/
.m66{ width:100%; height:auto; line-height:0; margin:0 auto 0;position:relative;z-index: 999}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.m66 .carousel-inner > .item > a{ width:100%; padding:0 0 0; height:auto; overflow:hidden; display:inline-block; text-indent:-9999px}
.m66 .carousel-inner > .item > a img{ width:100%;height:auto}
/*--↓大橫幅-圓點Page控制--*/
.m66 .carousel-indicators .active{background-color:#911212; border:0px solid rgba(0,0,0,0.0);width:40px;}
.m66 .carousel-indicators li{ height:14px; width:20px; background-color:rgba(255,255,255,0.7); border:0px solid rgba(0,0,0,0.6); margin:0 6px; box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:all 0.3s}
.m66 .carousel-indicators li:hover{  background-color:#911212; transition:all 0.3s; /*border:1px solid rgba(190,0,0,0.9)*/}
/*---標題文案*/
.m66 .carousel-caption{ width:80%; height:auto; overflow:hidden; bottom:60px;  left:10%; text-align:center;font:bold 42px/50px verdana,"微軟正黑體"; padding:10px 0; letter-spacing:-1px; text-shadow:0 0 0 #000;/*background:linear-gradient(90deg,#333 0%,#333 100%) no-repeat left bottom /0% 1px rgba(0,0,0,0.75)*/transition:all 0.8s linear ;}
.m66 .carousel-caption:hover{/* background:linear-gradient(90deg,#a00 0%,#c00 100%) no-repeat left bottom /100% 1px  rgba(0,0,0,0.75);*/transition:all 1.2s linear;}
.m66 .carousel-caption a{font:bold 46px/60px "微軟正黑體"; color:#fff; text-shadow:0 3px 6px rgba(0,0,0,0.5); letter-spacing:-2.5px}
.m66 .carousel-caption a:hover{color:#fff;transition:all 0.4s}
.m66 .carousel-indicators{ bottom:30px}
/*--控制左右鍵滑鼠碰到後黑色漸層關閉--*/
.m66 .carousel-control.left, .m66 .carousel-control.right{background-image:none; width:5%}
/*20230216-特色亮點--列表新樣式*/
.m63 .a46c{width:100%;padding:100px 0 40px}
.ls39{width:100%;height:auto;overflow:hidden;margin-bottom:100px}
.ls39 .im40{width:50%;height:auto;overflow:hidden;margin:0 auto 0;float:left;border-radius:0px;}
.ls39 .im40 img{width:100%;height:auto;}
.ls39 .t84{width:46%;height:auto;overflow:hidden; margin:0 auto;font:italic 400 28px/40px'Noto Sans TC',"微軟正黑體"; color:#333;text-align:left;float:right;padding:40px 0 0;}

.ls39 .t84 h5{font:italic 700 80px/85px 'Noto Sans TC',"微軟正黑體"; /*color:#000961;*/letter-spacing:-3px;color:#c8782f;}

.ls39 .t84 h4{width:100%;height:auto;overflow:hidden; margin:0 auto;font:italic 700 42px/50px'Noto Sans TC',"微軟正黑體"; /*color:#000961;*/margin:0 0 50px;padding-bottom:30px;display: block;background:linear-gradient(90deg,#111 50%,#111 50%) no-repeat left bottom/150px 5px;color:#c8782f}

.ls39 .t84 h4 span{width:100%;height:auto;overflow:hidden;font:italic 500 20px/40px 'Noto Sans TC',"微軟正黑體"; color:#888;display: block;}
.ls39-2 .im40{float:right}
.ls39-2 .t84{width:42%;margin-left:8%}

/*相關案例*/
.m63 .a46d{width:100%;padding:100px 0 0}
.m63 .a46d .b31{padding:40px 0 0}
/*製作流程*/
.m63c{background: url("../../images/aa8/bg2.jpg") no-repeat center bottom/cover}
/*地圖滿版*/
.map2{width:100%;height:500px;overflow:hidden;}
.map2 iframe{width:100%;height:100%}
/*qrcode*/

.qra{width:100%;height:auto;overflow:hidden;padding:30px 0 0;border-top:1px solid #ccc}
.ls40{width:30.3%;height:auto;overflow:hidden;margin:0 3% 20px 0;float: left}
.ls40 .t85{width:100%;height:auto;overflow:hidden; margin:0 auto;font:500 16px/40px'Noto Sans TC',"微軟正黑體"; color:#333;text-align:center;}

.ls40 .im41{width:100%;height:auto;overflow:hidden;margin:0 auto 0;border-radius:0px;}

.ls40 .im41 img{width:100%;height:auto;}

.phm2{display:none}

/*行銷網站社區版本*/
.m63-3{background: url("../../images/aa8cm/bg1.jpg") no-repeat center top/cover;background:linear-gradient(180deg,#fbfbfb 10%,#f1f1f1 90%) no-repeat center top}
/*個標頭前代號樣式*/
.m63 .a46 .b31 .ls33 .t73 span{width:42px;height:42px;overflow:hidden;display:inline-block;background:#002fa8;border-radius:100px;font:italic 700 36px/40px verdana,'Noto Sans TC',"微軟正黑體";color:#fff;padding:0 0;vertical-align:top;margin-top:2px;padding:0 8px 0 4px}
.m63 .a46 .b31 .ls33 .t73-2 span{background:#d40050}
.m63 .a46 .b31 .ls33 .t73-3 span{background:#684794}
.m63 .a46 .b31 .ls33 .t73-4 span{background:#e98f00}
.m63 .a46 .b31 .ls33 .t73-5 span{background:#79b200;}
.m63 .a46 .b31 .ls33 .t73-6 span{background:#59761c;padding:0 12px 0 8px}
/*行銷網站社區版本*-網站相伴計劃標頭*/
.m63 .a46 .b31 .ls33 .spc4{background:#e98f00;}
.m63 .a46 .b31 .ls33 .t73-4{color:#e98f00;}
.m63 .a46 .b31 .ls33 .t74-2{hea46ight:200px}
/*行銷網站社區版本*-社群媒體建置計畫A*/
.m63 .a46 .b31 .ls33 .spc5{background:#79b200;}
.m63 .a46 .b31 .ls33 .t73-5{color:#79b200;}
/*行銷網站社區版本*-社群媒體建置計畫B*/
.m63 .a46 .b31 .ls33 .spc6{background:#59761c;}
.m63 .a46 .b31 .ls33 .t73-6{color:#59761c;}

/*20230727--(行銷社區版)製作流程*/

.top-bar2{opacity:1; height:80px;transition:all 0.3s}
.m63c2{background: url("../../images/aa8cm/bg2.jpg") no-repeat center bottom/cover;}

/*aa_8_Community.asp*/
.m61c{height:0}
.m61b{background:rgba(0,0,0,.0)}
.top-bar3{opacity:1; height:60px;transition:all 0.3s;background:rgba(100,30,40,.80)}

/*aa8*/
.m63 .a46e{width:70%;padding:100px 0 30px}
.m63 .a46 .b34{ width:100%;height:auto;overflow:hidden;}
.ls41{width:46%;height:auto;overflow:hidden;float:left;margin:0 auto;margin:40px 2%}
.ls41 .im42{width:100%;height:auto;overflow:hidden;margin-bottom:6px;border-radius:15px;margin-bottom:8px}
.ls41 .im42 img{width:100%;height:auto;}
.ls41 .t86{width:100%;height:auto;overflow:hidden;font:italic 700 34px/44px 'Noto Sans TC',"微軟正黑體"; color:#333;text-align:center;letter-spacing:-2px;}

/*sdgs-服務圖示*/
.m67{width:100%;height:auto;overflow:hidden;}
.m67 .a49{ width:92%;height:auto;overflow:hidden;text-align:center;margin:0 auto 85px}

.ls42{width:18%;height:auto;overflow:hidden;display:inline-block;margin:0 .5% 15px}
.ls42 img{width:100%;height:auto}

/*sdgs-形象圖塊色帶*/

.m68{width:100%;height:auto;overflow:hidden;}
.m68 .a50{ width:100%;height:auto;overflow:hidden;text-align:center;margin:0 auto 0}
.ls43{width:5.88%;height:12px;overflow:hidden;float:left;background:#e3041e}
.ls4302{background:#d5a507}
.ls4303{background:#1b953c}
.ls4304{background:#c51028}
.ls4305{background:#e73319}
.ls4306{background:#00a5d6}
.ls4307{background:#f9bb00}
.ls4308{background:#970d30}
.ls4309{background:#ec690a}
.ls4310{background:#cd1b7d}
.ls4311{background:#f4a00d}
.ls4312{background:#d2900a}
.ls4313{background:#3f7836}
.ls4314{background:#0075b8}
.ls4315{background:#25a63b}
.ls4316{background:#004b86}
.ls4317{background:#063066}

/*假搜尋介面*/
.sha1{width:300px;height:auto;position:absolute;bottom:40px;left:3%;background:rgba(255,255,255,.85);padding: 20px 20px 20px;box-sizing: border-box;z-index:99;border-radius:4px}
.sha1 .sh{width:100%;height:auto;position:relative}
.sha1 .sh .t87{width:calc(100% - 50px);height:50px;overflow:hidden;border:2px solid #111;float:left;text-align:center;font:700 24px/41px 'Noto Sans TC',"微軟正黑體"; color:#111;box-sizing: border-box;}
.sha1 .sh .zm{width:50px;height:50px;overflow:hidden;float:left;background:#111;text-align:center}
.sha1 .sh .zm img{width:30px;height:auto;vertical-align: middle;padding:10px 0  0}

.sha1 .sh .fg{width:60px;height:auto;overflow:hidden;position:absolute;top:34px;right:-13px;z-index:99}
.sha1 .sh .fg img{width:100%;height:auto;vertical-align: middle}


/*行銷按鈕*/
.bta2{width:150px;height:70px;/*background:#042e68;*/position:fixed; bottom:106px; left:20px;z-index:2;text-align: center;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.7) 50%,rgba(255,255,255,.7) 50%) no-repeat center /0px 60% #ed004e;box-shadow: 0 2px 6px rgba(0,0,0,.5)}
.bta2 .btn2{width:100%;height:70px;float: left;text-align: center;}
.bta2 .btn2 a{width:100%; height:70px;font:bold 24px/70px "微軟正黑體";color:#fff; display:block; text-align:center;  border-radius:6px;background:#042e68}
.bta2 .btn2 a:hover{ background:#09418d; color:#FFF59F}