c@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 { font-size: 15px; text-decoration: none; colg1lor: #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; min-width: 500px; background:#111;min-height:100vh; display:flex; flex-direction:column}

.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: avbsolute; 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:80px; z-index: 999; background: rgba(30,30,30,.95); border-bottom: 1px solid #333; 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: 80px; 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: 94%; height: 80px; 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 }*/

.mx .a3 .lg1{width:auto; height: 80px; overflow: hidden; float: left; text-align:left; margin-right: 0; position:relative; z-index:9}
.mx .a3 .lg1 a img{ width:auto; height:80px; overflow: hidden; margin: 0 auto;font:bold 42px/75px 'Economica', sans-serif; color: #fff; letter-spacing:-2px; display:inline-block; /*text-transform:uppercase*/}
.mx2 .a3 .lg1 a{}

.mx .a3 .b7 { width: 80%; height: 80px; float: left; text-align: center; position: absolute; left: 10%; top: 0; padding: 0 0 0}
.mx .a3 .b7 .lnk{ width:auto; height:80px; display:inline-block; position:relative;transition:all 0.3s; margin:0 10px}
.mx .a3 .b7 .lnk > a { font:21px/80px "Century Gothic", "新細明體"; color: #aaa; margin-right: 0; letter-spacing: 0; text-transform: uppercase; width: auto; height: 80px; display: inline-block; padding:0 15px; background: linear-gradient(180deg, #555 50%, #555 50%) no-repeat 100px 20px/0 1px, linear-gradient(180deg, #555 50%, #555 50%) no-repeat -60px 60px/0 1px; border-radius: 0; position: relative; }
.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:120px; height:0px; overflow:hidden; position:absolute; top:42px; left:10px;transition:all 0.3s;border-bottom:0px solid #ccc;}
.mx .a3 .b7 .lnk:hover .slk{ height:auto;transition:all 0.3s;}
.mx .a3 .b7 .lnk .slk a{ font:16px/40px "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:#eee;font:16px/40px "Century Gothic","微軟正黑體";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: #fff; background: linear-gradient(180deg, #555 50%, #555 50%) no-repeat right 20px/100% 1px, linear-gradient(180deg, #555 50%, #555 50%) no-repeat left 60px/100% 1px; transition: all .5s linear }

.mx .a3 .b7 .lnk>a.active{ color: #fff; background: linear-gradient(180deg, #e5004f 50%, #e5004f 50%) no-repeat right 20px/100% 0px, linear-gradient(180deg, #e5004f 50%, #e5004f 50%) no-repeat left 60px/100% 1px; transition: all .5s linear }


.mx3 .a3 .b7 .lnk>a { color: #fff }
.mx3 .a3 .b7 .lnk>a:hover { color: #fff }
.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, #e5004f 50%, #e5004f 50%) no-repeat right 20px/100% 2px, linear-gradient(180deg, #e5004f 50%, #e5004f 50%) no-repeat left 60px/100% 2px; transition: all .5s linear }*/

.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: 80px; background:rgba(30,30,30,.95); box-shadow: 0 1px 2px rgba(0,0,0,.25); opacity: 1; overflow: inherit; border-bottom: 0 solid rgba(75,60,30,.9); transition: all .3s }
#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(24,24,24,.9); font: 12px/50px verdana, "新細明體"; color: #888 }
footer>div { width: 96%; margin: 0 auto; text-align: center; font: 12px/50px verdana, "新細明體" }
footer>div a { font: 12px/50px verdana, "新細明體"; color: #aaa }
footer>div a:focus, footer>div a:hover { font: 12px/50px verdana, "新細明體"; color: #d00 }
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 { float: left; text-align: left }
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: 18px/30px "Century Gothic", "微軟正黑體"; color: #333; margin-right: 5px }
.gd1 a:hover { color: #d00 }
.gd1 h4 { color: #333; font: 700 80px/80px "Century Gothic", "微軟正黑體"; display: inline; margin-left: 0; letter-spacing: -3.5px }
.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 .3s9; 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: 0 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, #181818 0, #181818 100%) no-repeat left top/0 60px; border-radius: 0; padding: 0 180px; border: 1px solid #383838; text-align: center; letter-spacing: 1px }
.bt13 a:hover { color: #fff; border: 1px solid #181818; background: linear-gradient(90deg, #181818 50%, #181818 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: 98%; height: auto; overflow: hidden; margin: 0 auto 0; padding: 30px 0 0 }
.m17-2 { margin: 0 auto 0 }
.m17-3 { margin: 0 auto 0; padding: 60px 0 30px }
.a10 { width: 99%; min-height:690px; 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% {

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:21px/290px "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: 21px/330px "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: 742px; border-top: 0 solid #ccc; z-index: 2; opacity: 0; animation: go6  .3s  ease-in  2.2s 1  alternate; animation-fill-mode: forwards; animation-paly-state: running }
@keyframes go6 { 0% {
right:-60px
}
100% {
right:0;
opacity:1
}
}
.m22 .bt18 a { width: 60px; 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; display: block; border-right: 0; border-top: 0; display: none }
.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 a { width: 60px; height: 0; overflow: hidden; background: url(../../images/in1/ic2.png) no-repeat center/20px auto rgba(255,255,255,.7); padding: 58px 0 0 0; border-top: 0 solid #ccc; line-height: 48px; display: block; border-radius:100px}
.m22 .bt19 a:hover { background: url(../../images/in1/ic2_over.png) no-repeat center/20px auto #444; 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 40px; 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 "Century Gothic", "微軟正黑體"; color: #666; letter-spacing: 0; text-align: center }
.m25 .bt24 h4{font: 21px/30px "Century Gothic", "微軟正黑體"; color: #aaa; display:inline-block; margin-right:5px;}
.m25 .bt24 a { width: auto; height: 26px; font: 16px/26px "微軟正黑體"; color: #eee; display: inline-block; text-align: center; background: #111; border-radius: 50px; padding: 0 25px; border: 1px solid #444; letter-spacing: -1px; margin: 0 0 10px 0; letter-spacing: -1px }
.m25 .bt24 a:hover{background: #333;}
 { background: #e5004f; color: #333; border: 0px solid #e5004f }
.m25 .bt24 a.active { width: auto; height: 26px;  font: 16px/26px "微軟正黑體"; color: #fff; display: inline-block; text-align: center; background: #e5004f; border-radius: 50px; padding: 0 15px; border:0px solid #e5004f; letter-spacing: -1px; margin: 0 0 10px 0; letter-spacing: -1px }
.m27 { width: 80%; height: auto; overflow: hidden; margin: 0 auto 30px; opacity: 0; a.m22 .bt19 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 }
.m<span></span>35 .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: 22%; height: auto; float: left; margin:0 1.5% 50px; position: relative; transition: all .2s linear; padding: 0 0 0 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:0; border-radius: 0; z-index: 2 }
.a10 .ls17 .im5 .hot { width:100%; height: 50px; position: absolute; right: 0; bottom: 0; z-index:999; text-align:right }
.a10 .ls17 .im5 .hot a{ min-width:60px;width:auto; height:50px;background: /*rgba(255,200,0,.75)*/rgba(0,0,0,.85);;font:19px/50px "Century Gothic", "微軟正黑體"; color: #ddd; display:inline-block;text-align: center; padding:0 2.5%}
.a10 .ls17 .im5 .hot a:hover{background: /*rgba(255,200,0,.95)*/rgba(0,0,0,.95);font:19px/50px "Century Gothic", "微軟正黑體"; color: #111;}
.a10 .ls17 .im5 img { width: 100%; heights: 100%; transition: all .3s }
.a10 .ls17:hover .im5 img { transform: rotate(0deg) scale(1.5); transition: all 2s }
.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/320px "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/460px "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 { width: 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}
/*作品集--彈出視窗*/
.dmbk1x{ background:rgba(0,0,0,.95)}
.dmbk1 {width:860px; height:800px; margin:40px auto 0; }
.dmbk1 .modal-content{  background-color:rgba(0,0,0,0);box-shadow:0 0 0 #000; border:0}
.dmbk1 .close{opacity:1;font:60px/60px "微軟正黑體";color:#aaa; position:absolute; right:5px; top:-35px; z-index:999; text-shadow:0 0 0 #fff}
.dmbk1 .modal-header{ border-bottom:0;}
.dmbk1 .modal-header h4{ }
.dmbk1 .modal-body{ wdth:100%; height:800px;padding:0 0 }
/*網站AA5s---EDM簡易版--橫幅套件*/
.dmbn1 { width:800px; height:800px; padding:0 30px}
.dmbn1 .carousel-inner > .item{ width:100%; height:800px}
.dmbn1 .carousel-inner > .item img{  width:100%; height:100%}
.dmbn1 .carousel-control.left, .dmbn1 .carousel-control.right{ background:none}
.dmbn1 .carousel-control{ width:8%}
.dmbn1 .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{ left:-50%}
.dmbn1 .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right{ right:-60%}
.dmbn1 .carousel-control{ color:#aaa;}
.dmbn1 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
.dmbn1 .carousel-control .icon-prev,
.dmbn1 .carousel-control .icon-next{font-size:32px}
.dmbn1 .glyphicon-chevron-left:before{ content:'\e091'}
.dmbn1 .glyphicon-chevron-right:before{ content:'\e092'}

/*news_detail*/
.m47{ width:100%; min-height:500px; height:auto; overflow:hidden; margin:0 auto 80px; position:relative}
.m47 .a32{ width:100%; height:auto; overflow:hidden; }
.m47 .a32 img{ width:100%; height:auto;}
.m48{ width:100%;height:auto; overflow:hidden; position:fixed; bottom:0; left:0}
.m47 .a33{ width:100%; height:auto; overflow:hidden; text-align:
center; background:#181818 }
.m47 .a33 img{ width:33.3%; height:auto; margin:0 
auto}

.m48{ width:100%;height:auto; overflow:hidden; position:fixed; bottom:0; left:0}
.m48 .bt36{width:40%;height:auto; overflow:hidden;float:left; border-right:1px solid #555;box-sizing: border-box;}
.m48 .bt36-2{ width:10%}
.m48 .bt36 a{width:100%;height:auto; overflow:hidden; font:24px/80px "Century Gothic","微軟正黑體";color:#888; display:inline-block; text-align:center; background:#000; border-radius:2px;border-top:1px solid #333;}
.m48 .bt36 a:hover{ background:#181818; color:#fff;border-top:1px solid #333;}
.m48 .bt36 a img{ width:25%; height:20px; display:inline; vertical-align:middle; padding-bottom:4px; margin-right:4px}

.m48 .bt36 a.active{ background:#181818; color:#fff }


/*news_detail--橫幅套件*/
.m49x{ width:100%; min-height:500px; height:auto; overflow:hidden; margin:0 auto 80px; position:relative}
.m49 { width:100%; height:auto; padding:0 0}
.m49 .carousel-inner > .item{ width:100%; height:auto}
.m49 .carousel-inner > .item img{  width:100%; height:auto}
.m49 .carousel-control.left, 
.m49 .carousel-control.right{background:none}
.m49 .carousel-control{ width:8%;position:fixed; top:35%}
.m49 .carousel-control .icon-prev, 
.m49 .carousel-control .glyphicon-chevron-left{ left:20%; }
.m49 .glyphicon-chevron-left:before{ content:'\e091'}
.m49 .glyphicon-chevron-right:before{ content:'\e092'}
.m49 .carousel-control .icon-prev, 
.m49 .carousel-control .glyphicon-chevron-right{ right:20%;}
.m49 .carousel-control{ color:#fff;}
.m49 .carousel-control .glyphicon-chevron-left,
.m49 .carousel-control .glyphicon-chevron-right,
.m49 .carousel-control .icon-prev,
.m49 .carousel-control .icon-next{font-size:35px; }

/*news_detail2--橫幅套件*/
.m50x{ width:100%; min-height:500px; height:auto; overflow:hidden; margin:0 auto 80px; position:relative}
.m50 { width:100%; height:auto; padding:0 0}
.m50 .carousel-inner > .item{ width:100%; height:auto; background:#111}
.m50 .carousel-inner > .item img{ width:40%; height:auto; margin:0 auto}
.m50 .carousel-control.left, 
.m50 .carousel-control.right{ /*background:none*/}
.m50 .carousel-control{ width:8%;position:fixed; top:-15%}
.m50 .carousel-control .icon-prev, 
.m50 .carousel-control .glyphicon-chevron-left{ left:20%; }
.m50 .glyphicon-chevron-left:before{ content:'\e091'}
.m50 .glyphicon-chevron-right:before{ content:'\e092'}
.m50 .carousel-control .icon-prev,
.m50 .carousel-control .glyphicon-chevron-right{ right:35%;}
.m50 .carousel-control{ color:#fff;}
.m50 .carousel-control .glyphicon-chevron-left,
.m50 .carousel-control .glyphicon-chevron-right,
.m50 .carousel-control .icon-prev,
.m50 .carousel-control .icon-next{font-size:50px}


.link{width:90px;height:90px;position:fixed;bottom:70px;right:2px;z-index:99;  box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:100px;}
.link a{width:100%;height:100%; display:block; background:rgba(220,220,220,0.8);box-sizing: border-box; padding:18px 10px 0; text-align:center;opacity:1;border-radius:100px;}
.link a:hover{ background:#e5004f;opacity:1}
.link a img{width:32px;height:auto;margin-bottom:4px}
.link a .t37{font:bold 17px/25px "Century Gothic","微軟正黑體";color:#333;transition:all 0.3s}
.link a:hover .t37{color:#333;transition:all 0.3s}




.bt35 { width: auto; height: auto; overflow: hidden;  font: 20px/30px "Century Gothic", "微軟正黑體"; color: #666; letter-spacing: 0;position:absolute; right:0%; top:20px;z-index:9}

.bt35 a { width: auto; height: 40px; font:bold 22px/40px "微軟正黑體"; color: #fff; text-align: center; background:#555; border-radius: 50px; padding: 0 14px; border: 0px solid #444; letter-spacing: -1px; margin: 0 0 10px 0;display: inline-block}
.bt35 a:hover{background: #e40066;color:#fff}
.bt35 a img{ width: auto; height: 22px;display:inline-block;vertical-align:top;padding:9px 0 0  }