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

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

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

/*-------------------基本-----------------------------*/
a{ font-size:15px; text-decoration:none;outline:none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); color:#000 /* for IE */;transition:all 0.3s}
a:hover{ font-size:15px; text-decoration:none;color:#000;outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());transition:all 0.3s}
a:focus{outline: none;hlbr:expression(this.onFocus=this.blur());text-decoration:none;transition:all 0.3s}
body{outline:none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */ line-height:0px; min-width:80%; min-height:100vh; display:flex; flex-direction:column;}
/*TOP整體下滑介面設定*/
.m0{ width:100%; height:auto; overflow:hidden; }
.m0-2{box-shadow:0 1px 3px rgba(0,0,0,0.1); height:0;overflow:hidden;position:relative; z-index:0;opacity:0;}
.top-bar{position:fixed;top:0px; z-index:100; height:172px;transition:all 0.3s; background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);opacity:1;overflow:inherit;}
/*TOP-常駐選單*/
.m1{width:100%;height:100px;background:
linear-gradient(90deg,rgba(0,0,0,.5) 50%,rgba(0,0,0,.5) 50%) no-repeat center top/100% 30px rgba(0,0,0,.7);/*,
linear-gradient(90deg,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 50%) no-repeat center 40px/100% 70px;*/ position:fixed; top:0; left:0; z-index:99}
.m1 .a1{width:80%;height:30px;margin:0 auto;font:13px/30px "Century Gothic","微軟正黑體"; color:#e2d2a; }
.m1 .a1 span{font:14px/30px "Century Gothic","微軟正黑體"; color:#FFF; float:right;margin-left:3%;}
.m1 .a1 > a{ font:14px/30px "Century Gothic","微軟正黑體"; color:#FFF}
.m1 .a1 > a:hover{ color:#FFFFFF}
.m1 .a1 > a img{ width:auto; height:13px; vertical-align:middle; padding-bottom:4px; margin-right:4px}

/*常駐選單-線上辦公室超連結*/
.m1 .a1 .mn2{width:auto;height:30px;float:right; margin-left:3%; display:block; position:relative; z-index:2}
.m1 .a1 .mn2 > a{ width:auto;height:30px; display:block;font:14px/30px "Century Gothic","微軟正黑體"; color:#ddd; letter-spacing:0px}
.m1 .a1 .mn2:hover > a{ color:#FFFFFF;}
.m1 .a1 .mn2 .lk2{width:100px; height:0; position:absolute; left:-35px; top:40px; background:rgba(255,255,255,1)}
.m1 .a1 .mn2 .lk2 img{ width:auto; height:24px; display:inline-block; vertical-align:middle; padding:0 0 4px; margin-right:5px}
.m1 .a1 .mn2 .lk2 a{width:100%; height:0; overflow:hidden; font:15px/31px "Century Gothic","微軟正黑體"; color:#888; display:block; border-top:0px dotted rgba(255,255,255,0);box-sizing: border-box; padding:0 10px}
.m1 .a1 .mn2:hover .lk2{ height:auto; }

.m1 .a1 .mn2:hover .lk2 a{ height:32px; border-top:1px dotted  rgba(0,0,0,.25); width:100%}
.m1 .a1 .mn2:hover .lk2 a:hover{ /*background:rgba(255,255,255,.8)*/ background:#0048ff; color:#fff; width:100%;border-top:1px dotted #0048ff}


/*TOP-Logo*/
.m1 .a2{width:80%;height:70px; margin:0 auto;font:13px/80px "Century Gothic","微軟正黑體"; color:#0048ff}
.m1 .a2 .lg1{width:auto;overflow:hidden;height:62px; float:left; padding:0px 0 0;margin-top:3px}
.m1 .a2 .lg1 a{width:auto;height:100%;overflow:hidden;display:block}
.m1 .a2 .lg1 a img{width:auto;height:100%;vertical-align:top}
.m1 .a2 .lg1 a:hover{opacity:1}
/*TOP-主選單*/
.m1 .a2 .b1{width:75%;height:70px;float:right; text-align:right; }
.m1 .a2 .b1 .mn1{width:130px;height:70px;float:right; margin-left:2%; display:block; position:relative}
.m1 .a2 .b1 .mn1 > a{ width:auto;height:70px; display:block;font: 21px/70px "Century Gothic","微軟正黑體"; color:#fff;background:linear-gradient(90deg,#1b91ff 0%,#1b91ff 50%) no-repeat center bottom/0 4px; letter-spacing:0px; text-align:center}
.m1 .a2 .b1 .mn1:hover > a{ color:#FFFFFF;background:linear-gradient(90deg,#1b91ff 0%,#1b91ff 50%) no-repeat center bottom/100% 4px}

.m1 .a2 .b1 .mn1 .lk1{width:160px; height:0; position:absolute; left:-15px; top:66px; background:rgba(0,0,0,.9)}
.m1 .a2 .b1 .mn1 .lk1 a{width:100%; height:0; overflow:hidden; font:bold 19px/36px "Century Gothic","微軟正黑體"; color:#ccc; display:block; border-top:0px dotted rgba(255,255,255,0);  text-align:center}
.m1 .a2 .b1 .mn1:hover .lk1{ height:auto; }
.m1 .a2 .b1 .mn1:hover .lk1 a{ height:36px; border-top:1px dotted  rgba(255,255,255,.3); width:100%}
.m1 .a2 .b1 .mn1:hover .lk1 a:hover{ /*background:rgba(255,255,255,.8)*/ background:#d6346d; color:#fff; width:100%;border-top:1px dotted #0048ff}
/*首頁橫幅*/
.m2{ width:100%; height:750px; overflow:hidden; line-height:0; background:#000}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.m2 .carousel-inner > .item a{ width:100%; padding:750px 0 0; height:0px; overflow:hidden; display:inline-block; text-indent:-9999px}
/*--↓大橫幅-圓點Page控制--*/
.m2 .carousel-indicators .active{background-color:#1F286F; border:1px solid #1F286F}
.m2 .carousel-indicators li{ height:13px; width:13px; background-color:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,.6); margin:0 5px; box-shadow:0 2px 5px rgba(0,0,0,0.2); width:60px;transition:all 0.3s; height:8px}
.m2 .carousel-indicators li:hover{background-color:#1F286F ;transition:all 0.3s;border:1px solid #1F286F}
.m2 .carousel-indicators{ bottom:30px}
/*--控制左右鍵滑鼠碰到顏色--*/
.m2 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s; display:none}
.m2 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.m2 .carousel-control.left, .m2 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.m2 .carousel-control .glyphicon-chevron-left{ font-size:16px;}
.m2 .carousel-control .glyphicon-chevron-right{ font-size:16px; }
/*--控制左右鍵寬度--*/
.m2 .carousel-control.left,
.m2 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
/*關於我們*/
.m3{width:100%;height:auto;overflow:hidden; background:url(../../images/bg1.jpg) no-repeat center top/cover}
.m3 .a3{width:80%;height:650px;overflow:hidden; margin:0 auto;font:13px/40px "Century Gothic","微軟正黑體"; position:relative}
.m3 .a3 .t1{width:418px;height:80px;overflow:hidden; position:absolute;left:0;top:140px;/* background:url(../../images/im1.png) no-repeat top left;*/padding:0;font:bold 96px/90px /*'Chonburi'*/"Times New Roman","微軟正黑體";background:linear-gradient(90deg,#111111 0%,#111111 50%) no-repeat left 65px/45px 3px;text-align: right;letter-spacing:-4px}


.m3 .a3 .t2{width:50%;height:auto;overflow:hidden;font:19px/30px "Century Gothic","微軟正黑體";position:absolute;left:65px;top:280px; letter-spacing:2px}
.m3 .a3 .t2 span{font:bold 25px/30px "Century Gothic","微軟正黑體"; margin-right:5px}
/*集團*/
/*.m4{width:100%;height:auto;overflow:hidden;}
.m4> div{width:50%;height:610px;overflow:hidden;float:left;box-sizing: border-box;}*/
.m4{width:100%;height:auto;overflow:hidden;}
.m4> div{width:33.33%;height:610px;overflow:hidden;float:left;box-sizing: border-box;}
/*集團----金融*/
/*.m4 .a4{ background:url(../../images/bg2.jpg) no-repeat center
/auto 100%;transition:background 0.3s; position:relative; z-index:2}
.m4 .a4:hover{background:url(../../images/bg2.jpg) no-repeat center
/auto 120%;transition:background 2s;}
.m4 .a4 .t3{width:70%;height:auto;overflow:hidden;font:17px/30px "Century Gothic","微軟正黑體"; padding:400px 0 0 20%; color:#fff; text-shadow:0 5px 8px rgba(0,0,0,.8); position:relative}
.m4 .a4 .t3 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:25px}
.m4 .a4 .t3 .bt1{width:auto;height:auto;overflow:hidden; float:right}*/
.m4 .a4{ background:url(../../images/bg2.jpg) no-repeat center
/auto 100%;transition:background 0.3s; position:relative;z-index:2}
.m4 .a4:hover{background:url(../../images/bg2.jpg) no-repeat center
/auto 120%;transition:background 2s;}
.m4 .a4 .t3{width:80%;height:auto;overflow:hidden;font:17px/30px "Century Gothic","微軟正黑體"; padding:360px 10% 0 10%; color:#fff; text-shadow:0 5px 8px rgba(0,0,0,.8); position:relative}
.m4 .a4 .t3 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:25px}
.m4 .a4 .t3 .bt1{width:auto;height:auto;overflow:hidden; float:right}
/*集團----美容*/
/*.m4 .a5{ background:url(../../images/bg3.jpg) no-repeat center
/auto 100%;transition:all 0.3s; position:relative; z-index:2}
.m4 .a5:hover{background:url(../../images/bg3.jpg) no-repeat center
/auto 130%;transition:all 2s}
.m4 .a5 .t4{width:70%;height:auto;overflow:hidden;font:17px/30px "Century Gothic","微軟正黑體"; padding:400px 20% 0 10%; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.8); position:relative}
.m4 .a5 .t4 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:25px}
.m4 .a5 .t4 .bt2{width:auto;height:auto;overflow:hidden; float:right}*/
.m4 .a5{ background:url(../../images/bg3.jpg) no-repeat center
/auto 100%;transition:all 0.3s; position:relative; z-index:2}
.m4 .a5:hover{background:url(../../images/bg3.jpg) no-repeat center
/auto 130%;transition:all ease-out 2s}
.m4 .a5 .t4{width:80%;height:auto;overflow:hidden;font:17px/30px "Century Gothic","微軟正黑體"; padding:360px 10% 0 10%; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.8); position:relative}
.m4 .a5 .t4 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:25px}
.m4 .a5 .t4 .bt2{width:auto;height:auto;overflow:hidden; float:right}
/*集團----教育*/
.m4 .a11{ background:url(../../images/bg7.jpg) no-repeat center
/auto 100%;transition:all 0.3s; position:relative; z-index:2}
.m4 .a11:hover{background:url(../../images/bg7.jpg) no-repeat center
/auto 130%;transition:all 2s}
.m4 .a11 .t14{width:80%;height:auto;overflow:hidden;font:17px/30px "Century Gothic","微軟正黑體"; padding:360px 10% 0 10%; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.8); position:relative}
.m4 .a11 .t14 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:25px}
.m4 .a11 .t14 .bt2{width:auto;height:auto;overflow:hidden; float:right}
/*最新消息*/
.m5{width:100%;height:auto;overflow:hidden;margin:80px 0 80px}
.m5-2{margin:156px 0 80px}
.m5 .a6{width:84%;height:auto;overflow:hidden;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a; padding-bottom:10px; margin:0 auto}
/*頁籤*/
.m5 .a6 .b6{ width:95%;  height:50px; overflow:hidden; margin:0 auto 30px;background:linear-gradient(90deg,#ddd 50%,#ddd 50%) no-repeat center bottom/100% 1px; text-align:center}
.m5 .a6 .b6 a{width:auto;height:auto;overflow:hidden;font: 23px/50px "Century Gothic","微軟正黑體"; display:inline-block;background:linear-gradient(90deg,#555 50%,#555 50%) no-repeat center bottom/0% 3px; margin:0 25px; color:#888}
.m5 .a6 .b6 a:hover{background:linear-gradient(90deg,#555 50%,#555 50%) no-repeat center bottom/100% 3px; color:#222}
.m5 .a6 .b6 a.active{width:auto;height:auto;overflow:hidden;font: 23px/50px "Century Gothic","微軟正黑體"; display:inline-block;background:linear-gradient(90deg,#0048ff 50%,#0048ff 50%) no-repeat center bottom/100% 3px; margin:0 30px; color:#0048ff}
.m5 .a6 .bgt1{ width:100%; height:0; overflow:hidden; box-sizing: border-box; padding:70px 0 0; line-height:90px; background:url(../../images/im2.png) no-repeat 97% top; margin-bottom:60px}
.m5 .a6 .ls1{width:28.3%;height:auto;overflow:hidden; margin:0 2.5% 80px;box-sizing: border-box; padding:5px;box-shadow:0 2px 14px rgba(0,0,0,.20); float:left}
.m5 .a6 .ls1 .im1{width:100%;height:60%;overflow:hidden;}
.m5 .a6 .ls1 .im1 img{width:100%;height:auto;transition:all 0.3s}
.m5 .a6 .ls1:hover .im1 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;filter:contrast(130%);-webkit-filter:contrast(130%);}
.m5 .a6 .b2{ width:100%;height:auto;overflow:hidden;box-sizing: border-box;padding:10px 20px; position:relative}
.m5 .a6 .b2 .dt1{width:100%;height:auto;overflow:hidden;font:16px/30px "微軟正黑體"; color:#1F286F ; letter-spacing:1.5px}
.m5 .a6 .b2 .t5{width:100%;height:68px;overflow:hidden; margin-bottom:20px;font:bold 30px/34px "CenturyGothic","微軟正黑體";}
.m5 .a6 .b2 .t5 a{font:bold 30px/34px "Century Gothic","微軟正黑體"; letter-spacing:-.5px; color:#333}
.m5 .a6 .b2 .t5 a:hover{ color:#d6346d}
.m5 .a6 .b2 .t6{width:100%;height:90px;overflow:hidden;font:17px/30px "Century Gothic","微軟正黑體"; color:#666; letter-spacing:.5px;text-align:justify;text-justify: inter-ideograph; margin:0 0 30px}
.m5 .a6 .b2 .mo1{ width:auto; height:auto; overflow:hidden; position:absolute; bottom:0; right:25px; text-align:right}
.m5 .a6 .b2 .mo1 a{font:16px/30px "微軟正黑體"; color:#1F286F }
.m5 .a6 .b2 .mo1 a:hover{text-decoration: underline}
.bt3{width:auto;height:auto;overflow:hidden; margin:0 auto 0; text-align:center; }
.bt3 a{width:auto;height:60px;font:21px/60px "Century Gothic","微軟正黑體";color:#aaa; display:inline-block; text-align:center; background:#fff; border-radius:0px; border:1px solid #ccc; padding:0 4%}
.bt3 a:hover{ background:#1F286F;border:1px solid #1F286F ; color:#fff}
/*GTG銀行卡*/
.m6{width:100%;height:auto;overflow:hidden; background:
url(../../images/bg5.png) no-repeat 86% bottom,
url(../../images/bg4.jpg) no-repeat center top }
.m6 .a7{width:80%;height:800px;overflow:hidden; margin:0 auto;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a; position:relative}
.m6 .a7 .t7{width:500px;height:0;overflow:hidden; position:absolute;left:0;top:100px; background:url(../../images/im6.png) no-repeat top left; padding:117px 0 0;}
.m6 .a7 .t8{width:40%;height:auto;overflow:hidden;font:19px/30px "Century Gothic","微軟正黑體";position:absolute;left:55px;top:345px; letter-spacing:2px}
.m6 .a7 .t8 span{font:bold 25px/30px "Century Gothic","微軟正黑體"; margin-right:5px}
.m6 .a7 .b3{width:40%;height:auto;overflow:hidden;position:absolute;left:55px;top:545px;}
.m6 .a7 .b3 .bt4{width:110px;height:auto;float:left;margin-right:20px}
.m6 .a7 .b3 .bt4 > a{ width:100%;height:auto; overflow:hidden;font:15px/30px "Century Gothic","微軟正黑體"; text-align:center; color:#333; display:block}
.m6 .a7 .b3 .bt4 > a:hover{ color:#666}
.m6 .a7 .b3 .bt4 .im2{width:110px;height:110px;box-sizing:border-box; border:1px solid #333; margin-bottom:0px}
.m6 .a7 .b3 .bt4 .im2 a{width:100%;height:0; overflow:hidden;box-sizing:border-box;display:block;padding:110px 0 0;background:url(../../images/ado.png) no-repeat center /60px auto}
.m6 .a7 .b3 .bt4:hover .im2 a{width:100%;height:0; overflow:hidden;box-sizing:border-box;display:block;padding:110px 0 0;background:url(../../images/ado_over.png) no-repeat center/62% auto #111}
.m6 .a7 .b3 .bt4 .im3{width:110px;height:110px;box-sizing:border-box; border:1px solid #333; margin-bottom:0px}
.m6 .a7 .b3 .bt4 .im3 a{width:100%;height:0; overflow:hidden;box-sizing:border-box;display:block;padding:110px 0 0;background:url(../../images/iOS.png) no-repeat center /60px auto}
.m6 .a7 .b3 .bt4:hover .im3 a{width:100%;height:0; overflow:hidden;box-sizing:border-box;display:block;padding:110px 0 0;background:url(../../images/iOS_over.png) no-repeat center/62% auto #111}
/*聯絡我們*/
.m7{width:100%;height:auto;overflow:hidden; background:url(../../images/bg6.jpg) no-repeat center top/cover}
.m7 .a8{width:84%;height:680px;overflow:hidden; margin:0 auto; padding:140px 0 0;box-sizing: border-box; position:relative;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a;}
.m7 .a8 .b4{width:100%;height:100px;overflow:hidden; margin:0 auto 50px; position:relative}
.m7 .a8 .b4 .t9{width:100%;height:0;overflow:hidden; position:absolute;left:2.5%;top:0; background:url(../../images/im7.png) no-repeat left 15px/auto 60px; padding:90px 0 0;}
.m7 .a8 .b4 .t10{ width:60%; height:auto; overflow:hidden;font:18px/30px "Century Gothic","微軟正黑體"; position:absolute; right:0; top:15px; color:#fff;text-shadow:0 5px 8px rgba(0,0,0,.5);}
.m7 .a8 .b5{width:100%; height:auto; overflow:hidden; margin:0 auto}
.m7 .a8 .b5 .ls2{width:28.3%; height:60px; border-bottom:1px solid rgba(255,255,255,.5);float:left; margin:0 2.5% 40px; padding:0 8px;box-sizing: border-box;}
.m7 .a8 .b5 .ls2 .t11{ width:auto;height:60px;overflow:hidden;font:18px/60px "Century Gothic","微軟正黑體"; color:#fff; float:left}
.m7 .a8 .b5 .ls2 > input{ width:70%; height:60px; border:0; background:none; display:block;font:18px/60px "Century Gothic","微軟正黑體";box-sizing: border-box; float:left; padding:0 10px; color:rgba(255,255,255,1);}
.m7 .a8 .b5 .ls2 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#ddd;}

.m7 .a8 .b5 .ls2-2{width:95.2%; height:auto; overflow:hidden} 
.m7 .a8 .b5 .ls2 .in1{ width:80%; height:60px; border:0; background:none; display:block;font:18px/30px "Century Gothic","微軟正黑體";box-sizing: border-box; float:left; padding:15px 10px; color:rgba(255,255,255,1);}
.m7 .a8 .b5 .ls2-3{ width:28.3%;}
.m7 .a8 .b5 .ls2 .in2{ width:40%; height:60px; border:0; background:none; display:block;font:18px/60px "Century Gothic","微軟正黑體";box-sizing: border-box; float:left; padding:0 10px; color:rgba(255,255,255,1);}
.m7 .a8 .b5 .ls2 .cd{width:auto;height:60px;float:right}
.m7 .a8 .b5 .ls2 .cd img{width:auto;height:40px;padding:10px 0 0}
.bt5{width:15%;height:auto;overflow:hidden; text-align:center; float:right; margin:10px 2.4% 0 0}
.bt5 a{width:100%;height:60px;font:21px/60px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:none; border-radius:0px; border:1px solid #ccc; padding:0 0; box-sizing: border-box;}
.bt5 a:hover{ background:#0048ff;border:1px solid #0048ff; color:#fff}
.btn5{width:15%;height:auto;overflow:hidden; float:right; margin:10px 2.4% 0 0;font:21px/60px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; background:none; border-radius:0px; border:1px solid #ccc; padding:0 0; box-sizing: border-box;transition:all 0.3s}
.btn5:hover{ background:#1F286F;border:1px solid #1F286F; color:#fff;transition:all 0.3s}
/*down*/
.m8{width:100%;height:auto;overflow:hidden; border-top:1px solid #ddd}
footer{width:100%;height:auto;overflow:hidden;background:linear-gradient(180deg,#333 0%,#333 100%) no-repeat center bottom/100% 50px #fff}
footer .a9{width:80%;min-height:210px;height:auto;overflow:hidden; margin:0 auto 20px;font:13px/40px "Century Gothic","微軟正黑體";color:#0048ff; padding:10px 0; }

footer .a9 .ls3{ width:16.66%;height:auto;overflow:hidden; float:left}
footer .a9 .ls3 .t12{width:100%;height:auto;overflow:hidden;font:16px/80px Verdana,"新細明體";color:#333;background:linear-gradient(180deg,#1F286F  0%,#1F286F 100%) no-repeat left bottom/25px 3px; margin-bottom:20px}

footer .a9 .ls3 .t12 a{font:16px/80px Verdana,"新細明體";color:#333;}
footer .a9 .ls3 .t12 a:hover{color:#1F286F;text-decoration:underline}
footer .a9 .ls3 .t13{width:100%;height:auto;overflow:hidden;font:13px/20px Verdana,"新細明體";color:#333;}
footer .a9 .ls3 .t13-2{ margin-bottom:20px}
footer .a9 .ls3 .t13 h4{font:13px/20px Verdana,"新細明體";color:#1F286F ;}
footer .a9 .ls3 .t13 a{font:13px/40px Verdana,"新細明體";color:#888;}
footer .a9 .ls3 .t13 a:hover{color:#1F286F;text-decoration:underline}

footer .a9 .ls3 .t13b a{font:13px/40px Verdana,"新細明體";color:#888;}
footer .a9 .ls3 .t13b a:hover{color:#888;text-decoration:none}
footer .a9 .ls3 .t13 span a {font:13px/20px Verdana,"新細明體";color:#333;}
footer .a10{ width:80%;height:50px;font:13px/50px Verdana,"新細明體";color:#d7d7d7; margin:0 auto}

/*aa1--關於我們*/
.m9{ width:100%; height:400px; background:url(../../images/aa1/bn1.jpg) no-repeat center top/cover}
.m10{ width:80%; min-height:100px; height:auto; overflow:hidden; margin:0 auto; padding:80px 0}
.bgt2a{ width:97.5%; height:auto; overflow:hidden;}
.bgt2a-2{ width:90%;  padding:156px 0 0}
.bgt2a-3{ width:90%;  padding:95px 0 0}
.bgt2{ width:auto; height:100px;font:80px/80px 'Chonburi',"微軟正黑體"; margin:0 auto; letter-spacing:-3px; text-align:right; color:#111111;background:linear-gradient(90deg,#111111 0%,#111111 50%) no-repeat left 65px/45px 3px; display:inline-block; padding-left:65px; float:right; text-transform:uppercase; margin-bottom:50px}
.bgt2 h4{font:18px/20px "微軟正黑體"; letter-spacing:2px; color:#0048ff; display:none}

.m10 .a12{ width:100%; height:auto; overflow:hidden; margin:0 auto;font:19px/34px "微軟正黑體"; letter-spacing:2px; color:#333 ;text-align:justify;text-justify: inter-ideograph;}
.m10 .a12 span{font: bold 25px/30px "Century Gothic","微軟正黑體";}
/*aa2--營運團隊*/
.m11{ width:100%; height:400px; background:url(../../images/aa2/bn1.jpg) no-repeat center top/cover}

.m10 .a13{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px;font:19px/34px "微軟正黑體"; letter-spacing:2px; color:#333 ;text-align:justify;text-justify: inter-ideograph;}
.m10 .a13 .t15{width:100%;height:60px;overflow:hidden;font:31px/60px "Century Gothic","微軟正黑體"; text-align:center; margin:0 auto 20px; display:inline-block;background:linear-gradient(90deg,#0048ff 0%,#0048ff 100%) no-repeat center bottom/140px 4px; letter-spacing:1px;}

/*aa2--營運團隊--創始人*/
.m10 .a13 .ls3{width:29.3%; height:auto; overflow:hidden; margin:0 auto;font:19px/34px "微軟正黑體"; margin:0 2% 40px; position:relative; float:left}
.m10 .a13 .ls3 .im4{width:100%; height:87.6%; overflow:hidden;}
.m10 .a13 .ls3 .im4 img{width:100%;height:auto;transition:all 0.3s}
.m10 .a13 .ls3:hover  .im4 img{transform:rotate(0deg) scale(1.1); transition:all 1.5s;}
.m10 .a13 .ls3 .cv1{ width:100%; height:auto; overflow:hidden; background:rgba(0,0,0,.2); position:absolute; bottom:0;left:0; z-index:2;box-sizing: border-box;padding:10px 20px 0; font:24px/34px "Century Gothic", "微軟正黑體"; color:#fff;transition:all 0.3s;}
.m10 .a13 .ls3 .cv1 span{ width:100%;max-height:0;overflow:hidden;font:15px/20px "Century Gothic", "微軟正黑體"; display:block;transition:all 0.6s; padding:10px 0 0; letter-spacing:-.1px;opacity:0 /*position:relative; bottom:0; left:0*/}
.m10 .a13 .ls3:hover .cv1{background:rgba(0,0,0,.8);transition:all 0.3s;}
.m10 .a13 .ls3:hover .cv1 span{max-height:210px;transition:all 0.3s; margin-bottom:20px;opacity:1}

/*aa2--營運團隊--戰略顧問*/
.m10 .a13 .ls4{width:21%; height:auto; overflow:hidden; margin:0 auto;font:19px/34px "微軟正黑體"; margin:0 2% 30px; position:relative; float:left}
.m10 .a13 .ls4 .im5{width:100%; height:87.6%; overflow:hidden;}
.m10 .a13 .ls4 .im5 img{width:100%;height:auto;transition:all 0.3s}
.m10 .a13 .ls4:hover .im5 img{transform:rotate(0deg) scale(1.1); transition:all 1.5s;}
.m10 .a13 .ls4 .cv2{ width:100%; height:auto; overflow:hidden; background:rgba(0,0,0,.3); position:absolute; bottom:0;left:0; z-index:2;box-sizing: border-box;padding:20px; font:24px/34px "Century Gothic", "微軟正黑體"; color:#fff; letter-spacing:-.5px}
.m10 .a13 .ls4 .cv2 span{ width:100%;height:0;overflow:hidden;font:15px/20px "Century Gothic", "微軟正黑體"; display:block;transition:all 0.3s; padding:10px 0 0; letter-spacing:-.1px}
.m10 .a13 .ls4:hover .cv2{background:rgba(0,0,0,.8);}
.m10 .a13 .ls4:hover .cv2 span{height:120px;transition:all 0.3s}
/*aa3-合作夥伴*/
.m12{ width:100%; height:400px; background:url(../../images/aa3/bn1.jpg) no-repeat center top/cover}
.m10 .a14{ width:80%; height:auto; overflow:hidden; margin:0 auto ;font:19px/34px "微軟正黑體"; letter-spacing:2px; color:#333 ;text-align:justify;text-justify:inter-ideograph; text-align:center}
.m10 .a14 .ls5{width:21%; overflow:hidden; margin:0 1.5% 25px; display:inline-block}
.m10 .a14 .ls5 img{width:100%;height:auto;transition:all 0.3s}
.m10 .a14 .ls5 img:hover {transform:rotate(0deg) scale(1.05); transition:all 0.3s;}
.m10 .a14 .t16{width:100%;height:60px;overflow:hidden;font:31px/60px "Century Gothic","微軟正黑體"; text-align:center; margin:0 auto 40px; display:inline-block;background:linear-gradient(90deg,#0048ff 0%,#0048ff 100%) no-repeat center bottom/190px 4px; letter-spacing:1px;}
/*mb-login*/
.m93{ width:100%; height:100px; margin:0 auto; background:rgba(255,255,255,0.8); text-align:center}
.m93 img{ width:auto; height:50px; padding:25px}
.bg1{ background:url(../../images/mb/bg1.jpg)  no-repeat right top/cover; background-attachment:fixed}
.p1{ width:100%; height:auto; overflow:auto; margin:160px auto 20px; }
.p1 .m3{ width:500px; min-height:200px; height:auto; overflow:hidden; padding:36px 36px 20px; background:rgba(255,255,255,0.6); float:right; border-radius:0px;box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);box-sizing: border-box;border-radius:10px}
.p1 .m3-2{ margin:0 auto; float:none; padding:20px 20px 30px}
.p1 .m3 .b4{ width:100%;min-height:200px; height:auto; overflow:hidden;float:left; /*padding:0 20px 0 20px;*/}
.p1 .m3 .b4-2{ min-height:40px; height:auto;margin-top:15px; }
.p1 .m3 .b4 .bta1{ width:100%; height:auto; overflow:hidden;  border-bottom:0px solid #000;margin:0 0 20px 0; text-align:center; background:linear-gradient(90deg,#000 50%,#000 50%) repeat-x center bottom/ 100% 1px; padding:0 5px 1px; box-sizing: border-box;}
.p1 .m3 .b4 .bta1 .btn1{width:100%; height:auto; overflow:hidden; margin:0 auto}
.p1 .m3 .b4 .bta1 .btn1 a{width:46%;height:30px; display:inline-block; background:rgba(255,255,255,0.4); border-radius:8px 8px 0 0; text-align:center;font:19px/30px "Century Gothic","微軟正黑體"; color:#666; margin:10px 0 0 2%; border:1px solid #aaa; border-bottom:0
; float:left}
.p1 .m3 .b4 .bta1 .btn1 a:hover{background:#666; color:#fff;height:40px;margin:0px 0px 0 2%; line-height:40px}
.p1 .m3 .b4 .bta1 .btn1 a.active{height:41px;margin-bottom:0px;background:#000; color:#fff; font-weight:bold; margin:0px 0 0 0%; border:0;font:19px/41px "Century Gothic","微軟正黑體"; width:96%; float:none; margin:0 auto  }
.p1 .m3 .b4 .t1{ width:250px; height:24px; font:15px/24px verdana,"微軟正黑體"; margin:0; color:#555;margin:0 5px 5px 0;}
.p1 .m3 .b4 .bx1{ width:100%; height:50px; border:0px solid #ccc; padding:0 10px;font:bold 22px/34px verdana,"微軟正黑體"; background:rgba(255,255,255,0.9);margin:0 0 15px 0; border-radius:3px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) inset; border:0px solid #ddd;box-sizing: border-box;display: block;float:left}
.p1 .m3 .b4 .bx2{ width:40%; height:50px; border:0px solid #ccc; padding:0 10px;font:bold 22px/50px verdana,"微軟正黑體"; background:rgba(255,255,255,0.9);margin:0 10px 30px 0; border-radius:3px; float:left;box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) inset; border:0px solid #ddd;box-sizing: border-box;}
.p1 .m3 .b4 .cd1{ width:auto; height:auto; overflow:hidden; float:left; margin:2px 5px 0 0}
.p1 .m3 .b4 .cd1 img{ width:auto; height:44px;overflow:hidden; padding:3px }

.p1 .m3 .b4 .btn2 button{width:100%; height:60px;font:bold 20px/60px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#000; border-radius:3px; margin:0 0 0px;border:none;transition:all 0.3s}
.p1 .m3 .b4 .btn2 button:hover{background:#444;transition:all 0.3s}
.p1 .m3 .b4 .btn2 a{width:100%; height:60px;font:bold 28px/60px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#000; border-radius:3px; margin:0 0 0px;}
.p1 .m3 .b4 .btn2 a:hover{ background:#1F286F ;color:#fff}

.p1 .m3 .b4 .t2 {width:280px; min-height:20px; height:auto; overflow:hidden; font:16px/18px verdana,"微軟正黑體"; margin:0; color:#fff;margin:0 5px 0px 0; clear:both; background:#f00; padding:3px 10px;border-radius:0px; text-align:center}
.p1 .m3 .b4 .t3 { width:100%; min-height:24px; height:auto; overflow:hidden; font:16px/24px verdana,"微軟正黑體"; margin:0; color:#000; clear:both;/*text-align:justify;text-justify: inter-ideograph;*/border-top:1px dotted #888; padding:10px 0}
.p1 .m3 .b4 .t3-2{ border:0; margin:5px 0 10px 0 }
.p1 .m3 .b4 .t4 { width:100%; min-height:24px; height:auto; overflow:hidden; font:13px/20px verdana,"新細明體"; margin:0; color:#000; clear:both;text-align:justify;text-justify: inter-ideograph;border-top:1px dotted #888;padding:10px 0 0 0}
.p1 .m3 .b4 .t4 span{color:#c00;font:16px/30px verdana,"微軟正黑體";text-align:center; width:100%;display:inline-block}
/*news_view*/
.m14{width:80%;height:auto;overflow:hidden; margin:156px auto 0}
.m14 .a16{width:70%; min-height:600px;height:auto;overflow:hidden; margin:0 auto;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a; clear:both}
.m14 .a16 .t7{width:100%;height:auto;overflow:hidden;font: bold 60px/70px "Century Gothic","微軟正黑體";margin:0 0 10px;}
.m14 .a16 .dt2{width:100%;height:auto;overflow:hidden;font:19px/30px "Century Gothic","微軟正黑體"; color:#0048ff; letter-spacing:1.5px;margin:0 0 20px;}
.m14 .a16 .im6{width:80%; height:auto; overflow:hidden; border; margin-bottom:30px}
.m14 .a16 .im6 img{width:100%;height:auto;transition:all 0.3s}
.m14 .a16 .t8{width:100%;height:auto;overflow:hidden;font: 21px/40px "Century Gothic","微軟正黑體";margin:0 0 40px;}
.bt6{width:100%;height:auto;overflow:hidden; text-align:center; float:right; margin:10px 2.4% 80px 0}
.bt6 a{width:auto;height:50px;font:17px/50px "Century Gothic","微軟正黑體";color:#666; display:inline-block; text-align:center; background:#f8f8f8; border-radius:0px; border:1px solid #ccc;  box-sizing: border-box; padding:0 40px; text-transform:uppercase; margin:0 5px}
.bt6 a:hover{ background:#0048ff;border:1px solid #0048ff; color:#fff}
/*首頁橫幅*/
.m15{ width:100%; height:900px; overflow:hidden; line-height:0; background:#000}
/*--↓圖片區域-控制超連結、藏字、顯示背景--*/
.m15 .carousel-inner > .item a{ width:100%; padding:900px 0 0; height:0px; overflow:hidden; display:inline-block; text-indent:-9999px}
/*--↓大橫幅-圓點Page控制--*/
.m15 .carousel-indicators .active{background-color:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1)}
.m15 .carousel-indicators li{ height:13px; width:13px; background-color:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,.6); margin:0 5px; box-shadow:0 2px 5px rgba(0,0,0,0.2); width:60px;transition:all 0.3s; height:8px}
.m15 .carousel-indicators li:hover{background-color:rgba(255,255,255,0.45);transition:all 0.3s}
.m15 .carousel-indicators{ bottom:30px}
/*--控制左右鍵滑鼠碰到顏色--*/
.m15 .carousel-control{ font-size:20px;opacity:1;color:rgba(255,255,255,0.8); text-shadow:0 1px 3px rgba(0,0,0,0.8);transition:all 0.3s; }
.m15 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s}
/*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/
.m15 .carousel-control.left, .m2 .carousel-control.right{background-image:none}
/*--控制左右鍵尺寸--*/
.m15 .carousel-control .glyphicon-chevron-left{ font-size:26px;}
.m15 .carousel-control .glyphicon-chevron-right{ font-size:26px;}
/*--控制左右鍵寬度--*/
.m15 .carousel-control.left,
.m15 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:6%}
/*--控制左右鍵寬度--*/

/*什么是GTG WALLET*/
.m16{width:100%;height:auto;overflow:hidden;}
.m16 .a17{width:80%;height:auto;overflow:hidden; margin:80px auto 60px;}
.m16 .a17 .im7{width:40%; height:auto; overflow:hidden; margin:0 5% 30px 0; color:#e2d2a; float:left}
.m16 .a17 .im7 img{width:100%;height:auto;transition:all 0.3s}
.m16 .a17 .t9{width:55%; height:auto; overflow:hidden; float:left;font:16px/30px "Century Gothic","微軟正黑體"; text-align:justify;text-justify: inter-ideograph;}
.m16 .a17 .t9 h4{font:bold 21px/30px "Century Gothic","微軟正黑體";}
.m16 .a17 .t9 .bt7{width:100%;height:auto;overflow:hidden; text-align:right;}
.m16 .a17 .t9 .bt7 a{width:auto;height:40px;font:17px/36px "Century Gothic","微軟正黑體";color:#0048ff; display:inline-block; background:#fff; border-radius:0px; border:1px solid #0048ff;  box-sizing: border-box; padding:0 40px; text-transform:uppercase; margin:0 0px;border-radius:100px}
.m16 .a17 .t9 .bt7 a:hover{ background:#0048ff;border:1px solid #0048ff; color:#fff}

/*GTG WALLET的定位*/
.m17{width:100%; min-height:400px;height:auto;overflow:hidden; background:#111;padding:80px 0; }
.m17 .a18{width:80%;height:auto;overflow:hidden; margin:0 auto;font:16px/28px "Century Gothic","微軟正黑體"; color:#e2d2a; color:#ddd; margin-bottom:30px}
.m17 .t10{font:bold 21px/40px "Century Gothic","微軟正黑體"; color:#0048ff;width:80%;height:auto;overflow:hidden; margin:0 auto 10px}
.m17 .a19{width:82%;height:auto;overflow:hidden; margin:0 auto; }
.m17 .a19 .ls6{width:48%;height:160px;overflow:hidden; margin:0 1% 30px;float:left; border:1px solid #666;padding:20px; box-sizing: border-box;}
.m17 .a19 .ls6 .im8{width:10%;height:auto; overflow:hidden; float:left; margin:0 2% 20px 0}
.m17 .a19 .ls6 .im8 img{width:70%; height:auto;}
.m17 .a19 .ls6 .t17{width:88%; height:auto; overflow:hidden; float:left;font:17px/28px "Century Gothic","微軟正黑體"; text-align:justify;text-justify: inter-ideograph; color:#ddd}
.m17 .a19 .ls6 .t17 h4{font:bold 15px/30px "Century Gothic","微軟正黑體"; color:#fff}
/*download_list*/
.m18{ width:100%; height:400px; background:url(../../images/dw/bn1.jpg) no-repeat center top/cover}
.m19{ width:100%;height:auto; overflow:hidden; padding:60px 0; }
/*download---下載的標題*/
.m19 .t18{width:100%;height:auto; overflow:hidden;font:27px/80px "Century Gothic","微軟正黑體"; text-align:center}
.m19 .a20{width:60%;height:auto;overflow:hidden; margin:0 auto;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a;}
/*download---下載表單欄位*/
.m19 .a20 .t19{width:100%;height:80px;overflow:hidden;font:21px/80px "Century Gothic","微軟正黑體"; text-align:cente; color:#fff; background:#111; margin:0 auto 0;box-sizing: border-box; padding:0 3%}
.m19 .a20 .t19 span{ float:right}
.m19 .a20 .ls7{width:100%;height:70px;overflow:hidden; border-bottom:1px solid #ddd;font:17px/70px "Century Gothic","微軟正黑體"; color:#333; padding:0 25px 0 35px;box-sizing: border-box;}
.m19 .a20 .ls7 .bt8{width:auto;height:auto;overflow:hidden; text-align:right; display:inline-block; float:right;box-sizing: border-box;}
.m19 .a20 .ls7 .bt8 a{width:auto;height:30px;font:17px/30px "Century Gothic","微軟正黑體";color:#0048ff; display:inline-block; background:#fff; border:1px solid #0048ff;  box-sizing: border-box; padding:0 30px; text-transform:uppercase; margin:0 0px;border-radius:100px}
.m19 .a20 .ls7 .bt8 a:hover{ background:#0048ff;border:1px solid #0048ff; color:#fff}
/*什么是GTG WALLET*/
.m20{width:100%;height:auto;overflow:hidden;/* padding:156px 0 0 */ border-bottom:1px solid #eee}
.m20 .a21{width:100%;height:auto;overflow:hidden; margin:0 auto 0; border:1px solid #f4f4f4; border-right:0; border-left:0;border-bottom:0; background:url(../../images/spiration-light.png) repeat}
.m20 .a21 .im9{width:50%; height:auto; overflow:hidden; margin:0 5% 0 0; color:#e2d2a; float:left}
.m20 .a21 .im9 img{width:100%;height:auto;transition:all 0.3s}
.m20 .a21 .t20{width:35%; height:auto; overflow:hidden; float:left;font:21px/34px "Century Gothic","微軟正黑體"; text-align:justify;text-justify: inter-ideograph; padding:90px 0 0}
.m20 .a21 .t20 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:20px}
.m20 .a21 .t20 h5{ color:#1F286F!important;text-transform:uppercase;margin-top:20px}
.m20 .a21 .t20 span{font:bold 25px/30px "Century Gothic","微軟正黑體"; margin-right:5px}
.m20 .a21 .t20 .bt9{width:100%;height:auto;overflow:hidden; float:right; text-align:left; padding:30px 0 0}
.m20 .a21 .im9-2{width:50%; height:auto; overflow:hidden; color:#e2d2a; float:right; margin:0 0 0 5%;}
.m20 .a21 .t20-2{ float:left; margin:0 0 0 10%;}
.m21{ width:100%; height:400px; background:url(../../images/aa4/bn1.jpg) no-repeat center top/cover}
.m22{ width:100%; height:400px; background:url(../../images/aa5/bn1.jpg) no-repeat center top/cover}
.m23{ width:100%; height:400px; background:url(../../images/aa6/bn1.jpg) no-repeat center top/cover}

.m20 .a21-2{width:100%;height:auto;overflow:hidden; margin:0 auto 0; border:1px solid #f4f4f4; border-right:0; border-left:0;border-bottom:0; background:url(../../images/cubes.png) repeat}
.m20 .a21-2 .im9{width:50%; height:auto; overflow:hidden; margin:0 5% 0 0; color:#e2d2a; float:left}
.m20 .a21-2 .im9 img{width:100%;height:auto;transition:all 0.3s}
.m20 .a21-2 .t20{width:35%; height:auto; overflow:hidden; float:left;font:21px/34px "Century Gothic","微軟正黑體"; text-align:justify;text-justify: inter-ideograph; padding:90px 0 0}
.m20 .a21-2 .t20 h4{font:bold 41px/50px "Century Gothic","微軟正黑體"; margin-bottom:20px}
.m20 .a21-2 .t20 .bt9{width:100%;height:auto;overflow:hidden; float:right; text-align:left; padding:30px 0 0}
.m20 .a21-2 .im9-2{width:50%; height:auto; overflow:hidden; color:#e2d2a; float:right; margin:0 0 0 5%;}
.m20 .a21-2 .t20-2{ float:left; margin:0 0 0 10%;}

/*404*/
.m24{width:800px; height:480px; margin:136px auto 0; position:relative; background:url(../../images/er/bg.png) no-repeat center top/100% auto}
.m24 .a22{width:400px;height:auto; overflow:hidden; margin:0 auto;font: 21px/34px "微軟正黑體";color:#333; position:absolute; top:185px; left:300px}
.m24 .a22 h4{font:bold 36px/40px "微軟正黑體";color:#333}
/*聯絡我們彈出視窗*/
.m25{ width:30%; margin-top:80px}
.m25 .modal-header .close{ font-size:35px}
.m25 .modal-header{font:21px/40px "微軟正黑體";color:#333; text-align:left}
.m25 .modal-body{font:35px/50px "微軟正黑體";color:#222; text-align:center}
.m25 .modal-body img{ width:auto; height:32px; display:inline-block; vertical-align:middle; padding:0 0 4px ; margin-right:4px}
.m25 .modal-footer{ }
.m25 .modal-footer .btn{ font:17px/40px "微軟正黑體"; padding:0 20px;transition:all 0.3s; color:#888}
.m25 .modal-footer .btn:hover{ background:#333; color:#fff;transition:all 0.3s; border:1px solid #333}
/*--------------aa1-關於騰雲------------*/
/*橫幅*/
.m26{ width:100%;height:740px; overflow:hidden; background:url(../../images/index_images/aa1/bn1.jpg) center -100px no-repeat}
.m26-2{ width:100%; height:0px; overflow:hidden}
.m26 .a11{ width:1200px; height:740px; margin:0 auto; position:relative}
.m26 .a11 .b84{width:130px;height:24px;position:absolute;top:430px; right:70px}
.m26 .a11 .b84 a{width:130px; height:24px;font:16px/24px Arial, "微軟正黑體"; color:#fff; text-align:right; letter-spacing:1px; text-shadow:0 2px 8px rgba(0,0,0,0.8)}
.m26 .a11 .b84 a:hover{color:#1e2541}
/*当未来即是现在*/
.m27{ width:100%;height:700px; /*background:url(../../images/aa1/bg1.jpg) center top no-repeat;*/}
.m27 .a12{width:1200px;height:700px; margin:0 auto; padding-top:160px;position:relative}
.m27 .a12 .b85{ width:600px; height:auto; overflow:hidden; margin:0 auto 20px; font:bold 31px/30px Arial, "微軟正黑體"; color:#111111;text-transform:capitalize; text-align:center}
.m27 .a12 .b86{ width:800px; height:300px; margin:0 auto; font:16px/30px Arial, "微軟正黑體"; color:#222; text-align:center; text-shadow:0 2px 5px #fff; position:relative; z-index:2;}
.m27 .a12 .b86 br{}
.m27 .a12 .cv15{ width:495px; height:70px; background:url(../../images/aa1/im3.png) no-repeat center top; position:absolute; top:70px; right:-155px}
.m27 .a12 .cv16{ width:554px; height:581px; background:url(../../images/aa1/im1.png) no-repeat center top; position:absolute; top:-65px; left:-255px}
.m27 .a12 .cv17{ width:292px; height:237px; background:url(../../images/aa1/im2.png) no-repeat center top; position:absolute; top:420px; left:165px}
.m27 .a12 .cv18{ width:486px; height:496px; background:url(../../images/aa1/im4.png) no-repeat center top; position:absolute; top:250px; right:-45px}
/*四大独立事业*/
.m28{ width:100%;height:450px; overflow:hidden; background:#fff}
.m28 .a13{ width:1200px; height:450px; margin:0 auto;}
.m28 .a13 .b87{width:600px; height:80px; margin:60px auto 0; font:bold 31px/30px Arial, "微軟正黑體"; color:#111111; text-transform:capitalize}
.m28 .a13 .b88{ width:1220px; height:250px; margin:0 auto; padding-left:25px}
.m28 .a13 .b88 .c48{ width:235px; height:250px; float:left; margin-right:70px}
.m28 .a13 .b88 .c48 .d53{ width:130px; height:130px; margin:0 auto 30px}
.m28 .a13 .b88 .c48 .d54{ width:235px; height:22px; margin:0 auto 20px; font:bold 22px/22px Arial, "微軟正黑體"; color:#333; text-align:center}
.m28 .a13 .b88 .c48 .d55{width:235px; height:48px; font:16px/26px Arial, "微軟正黑體"; color:#777; text-align:justify; letter-spacing:2px}

/*-------------------首頁橫幅手機版本專用-------------------*/

.m29x{ padding:102px 0 0 }
.m29{ width:100%; height:380px; overflow:hidden; line-height:0;margin-bottom:40px; display:none; padding:100px 0 0}
/*--圖片區域-控制超連結、藏字、顯示背景--*/
.m29 .carousel-inner{}
.m29 .carousel-inner > .item{ background-size:cover; background-size:auto 100%}
.m29 .carousel-inner > .item a{ width:100%; padding:380px 0 0; height:0px; overflow:hidden; display:inline-block; text-indent:-9999px}
/*--圓點Page控制--*/
.m29 .carousel-indicators .active{background-color:#fff;border:1px solid #fff; display:block}
.m29 .carousel-indicators li{ height:13px;width:13px;border:1px solid #fff;margin:0 2px;}
.m29 .carousel-indicators{ bottom:30px}
.m29 .carousel-control,
.m29 .carousel-control:hover{ width:4%;font-size:30px; top:85px}

.p1 .m3 .b4 .res{ width:auto; height:auto; overflow:hidden; float:left; margin:2px 0}
.p1 .m3 .b4 .res img{ width:auto; height:44px;overflow:hidden; padding:3px;transition:all 0.3s}

.p1 .m3 .b4 .res:hover img{opacity:.6;transition:all 0.3s}
/*-------------------首頁橫幅手機版本專用-------------------*/
.p1 .m3 .b4 .btn3 button{width:100%; height:60px;font:bold 24px/60px "微軟正黑體";color:#333; display:inline-block; text-align:right; background:rgba(255,255,255,0); border-radius:3px; margin:8px 0 8px;border:none; border:0px solid #aaa;transition:all 0.3s}
.p1 .m3 .b4 .btn3 button:hover{border:0px solid #d6346d ;color:#111; background:none ;transition:all 0.3s;text-decoration: underline}

/*20191119----會員登入 新增下拉 欄位*/
.p1 .m3 .b4 .select{width:100%;height:auto; overflow:hidden}
.p1 .m3 .b4 .bx3{ width:100%; height:50px; border:0px solid #ccc; padding:0 10px;font:19px/34px verdana,"微軟正黑體"; background:rgba(255,255,255,0.9);margin:0 0 15px 0; border-radius:3px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) inset; border:0px solid #ddd;box-sizing: border-box;}
/*註冊*/
.t21{width:100%; height:auto; overflow:hidden; float:left;font:21px/30px "Century Gothic","微軟正黑體"; text-align:justify;text-justify: inter-ideograph;}
.rem{width:100%; height:auto;font:16px/30px "Century Gothic","微軟正黑體"; color:#e00; margin:-15px 0 10px }
.ls8{width:100%; height:auto; overflow:hidden;}
.p1 .m3 .b4 .bx4{ width:68%; height:50px; border:0px solid #ccc; padding:0 10px;font:19px/50px verdana,"微軟正黑體"; background:rgba(255,255,255,0.9);margin:0 10px 30px 0; border-radius:3px; float:left;box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) inset; border:0px solid #ddd;box-sizing: border-box;}
.rem2{width:100%; height:auto;font:16px/30px "微軟正黑體"; color:#fff; margin:-15px 0 20px; background:#ff2764; text-align:center;border-radius:4px; float:left}
.bt10{width:28%;height:auto;overflow:hidden; float:left; text-align:left}
.bt10 a{width:100%; height:50px;font:20px/50px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#18d2bb; border-radius:8px;}
.bt10 a:hover{ background:#19ab99;}
.bt10 a img{ width:auto;  height:24px; display:inline; padding-bottom:4px; margin-right:5px}

.m30{ width:100%; height:400px; background:url(../../images/aa8/bn1.jpg) no-repeat center top/cover}
.m30_1{ width:100%; height:400px; background:url(../../images/aa1/bn2.jpg) no-repeat center top/cover}
.m30_2{ width:100%; height:400px; background:url(../../images/aa1/bn3.png) no-repeat center top/cover}
.m30_3{ width:100%; height:400px; background:url(../../images/aa1/bn4.png) no-repeat center top/cover}

/*客戶端登錄---client login--登入標題*/
.t22{width:100%;height:auto;overflow:hidden;font:42px/54px "Century Gothic","微軟正黑體";text-align:center; margin:0 auto 20px; padding:0 0 0 ; color:#fff}
.t22 h4{font:21px/30px "Century Gothic","微軟正黑體"; text-transform:uppercase}


.dwbt2{width:38px; height:38px;overflow:hidden;display:inline-block; text-align:center;border-radius:100px;border:0px solid #e95377; transition:all 0.3s; background:#111;position:fixed; bottom:20px; right:20px;z-index:99;text-align:center;border:1px solid #555;box-sizing: border-box;}
.dwbt2 img{width:auto;height:8px;display:inline-block; padding:0 0 5px; margin-right:0px;}
.dwbt2 a{width:100%; height:38px;font:500 18px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff;display:block;background:#111}
.dwbt2 a:hover{ background:#444; border:0px solid #3577c1;transition:all 0.3s;}


/*會員登入頁面--標題*/
.t23{width:100%;height:20px;overflow:hidden;font:bold 18px/20px "Century Gothic","微軟正黑體";text-align:left; margin:0 auto 10px; padding:0 0 0 ; color:#111;float:left}
.t23 h4{font:21px/30px "Century Gothic","微軟正黑體"; text-transform:uppercase}
/*會員登入頁面--說明文*/
.t24{width:100%;height:auto;overflow:hidden;font:bold 20px/28px "微軟正黑體";text-align:left; margin:0 auto 15px; padding:0 0 0 ; color:#555;float:left;letter-spacing:-.5px;text-align:justify;text-justify: inter-ideograph;}
.t24 span{color:#043777;text-decoration:underline}


/*20251022-會員登入頁次-追加客服LINE*/
.b5{ width:100%;min-height:200px; height:auto; overflow:hidden;float:left; /*padding:0 20px 0 20px;*/}
/*.m7 .a7 .b44{ min-height:40px; height:auto;margin-top:15px; }*/
.t25{width:100%;height:auto;font:bold 32px/40px "微軟正黑體";color:#111;text-align:center;margin-bottom: 10px;letter-spacing: -2px;background:linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat left center/25% 1px,
linear-gradient(90deg,#888 50%,#888 50%) no-repeat right center/25% 1px}
.ls9{width:100%;height:auto;overflow:hidden;float:left;margin: 0 0%}
.ls9 .im10{width:32%;height:auto;overflow:hidden;margin: 0 4% 0px 0;border-radius:0px;float:left}

.ls9 .im10 a img{width:100%;height:auto;transition:all 0.3s}
.ls9 .im10 a img:hover{transform:scale(.96);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}

.ls9 .t26{width:62%;height:auto;overflow:hidden;font: 84px/76px "Century Gothic","微軟正黑體";color:#111;margin-bottom: 0;float:left;letter-spacing:-1.5px}
.ls9 .t26 h4{font:40px/56px "Century Gothic","微軟正黑體";color:#111;letter-spacing:-.5px;margin-top:6px}
.ls9 .t26 a{font: 40px/56px "Century Gothic","微軟正黑體";color:#111}