d@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;font-family:'Noto Sans TC','Noto Sans SC','Noto Sans SC',"Century Gothic","微軟正黑體" !important;} 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:1260px; min-height:100vh; display:flex; flex-direction:column;font-family:'Noto Sans TC','Noto Sans SC','Noto Sans SC',"Century Gothic","微軟正黑體" !important; } /*背景控制*/ .bg1{ width:100%; background:url(../../images/admin/bg1.jpg) no-repeat center top / cover; background-attachment:fixed;} .bg1_1{ width:100%; background:url(../../images/admin/bg2.jpg) no-repeat center top / cover; background-attachment:fixed;} /*TOP*/ .mnt{ width:100%;height:auto; overflow:hidden;} .mnt2{ height:0;opacity:0 } .m0{ width:100%;height:160px;} .m1{ height:auto;overflow:hidden;width:100%;background:rgba(252,52,25,0.9);box-shadow:0 0px 0px #000;position:fixed;top:0px;left:0px;} .m1 .a1{width:1200px;height:auto; overflow:hidden; margin:0 auto; padding:10px 0} .m1 .a1 .lg{width:300px; height:60px; float:left} .m1 .a1 .lg img{width:auto; height:60px;} .m1 .a1 .lk{width:700px; height:70px; float:right; display:none} .m1 .a1 .lk .w1{width:100px; height:70px; margin:0 5px; float:right;} .m1 .a1 .lk .w1 a{width:100px; height:70px; float:right; font:bold 16px/70px Verdana, "微軟正黑體";color:#f3e0ae; text-align:center} .m1 .a1 .lk .w1:hover a{ color:#a28038} /*擁擠順暢提示*/ .m2{width:100%;height:auto; overflow:hidden; margin:0 auto 0px; text-align:center} .m2 .b1{ width:250px;height:36px; overflow:hidden; background:rgba(255,0,90,0.5); margin:0 auto 30px;font:bold 16px/36px verdana,"微軟正黑體"; color:#fff; text-align:center ; border-radius:50px; border:2px solid #ff005a } .m2 .b2{ width:250px;height:36px; overflow:hidden; background:rgba(255,170,0,0.5); margin:0 auto 30px;font:bold 16px/36px verdana,"微軟正黑體"; color:#fff; text-align:center ; border-radius:50px; border:2px solid #ffaa00 } .m2 .b3{ width:250px;height:36px; overflow:hidden; background:rgba(60,210,0,0.5); margin:0 auto 30px;font:bold 16px/36px verdana,"微軟正黑體"; color:#fff; text-align:center ; border-radius:50px; border:2px solid #33d700 } /*mb-login*/ .p1{ width:100%; height:auto; overflow:auto; margin:0px auto 60px; } .p1 form{width:100%;height:auto;overflow:hidden; display:block; z-index:-2} .p1 .m3{ width:500px; min-height:200px; height:auto; overflow:hidden; padding:30px 30px 10px; 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;} .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,#a00 50%,#a00 50%) repeat-x center bottom/ 100% 1px; padding:0 5px 1px;box-sizing: border-box;} .p1 .m3 .b4 .bta1 .btn1{width:90%;height:auto;overflow: hidden!important;margin:0px auto} .p1 .m3 .b4 .bta1 .btn1 a{width:100%;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 #a00; 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:56px;margin-bottom:0px;background:/*#12b4af*/#a00; color:#fff; font-weight:bold; margin:0px 0 ; border:0;font:bold 24px/56px "Century Gothic","微軟正黑體";width:100%; } .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:56px; border:0px solid #ccc; padding:0 10px;font:bold 19px/56px verdana,"微軟正黑體"; background:rgba(255,255,255,0.9);margin:0 0 15px 0; border-radius:6px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) inset; border:1px solid #aaa;box-sizing: border-box;color: #111} .p1 .m3 .b4 .bx2{ width:50%; height:50px; border:0px solid #ccc; padding:0 10px;font:bold 19px/50px verdana,"微軟正黑體"; background:rgba(255,255,255,0.9);margin:0 10px 30px 0; border-radius:6px; float:left;box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) inset; border:1px solid #aaa;box-sizing: border-box;} .p1 .m3 .b4 .cd1{ width:auto; height:auto; overflow:hidden; float:left; margin:2px 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;} .p1 .m3 .b4 .btn2-2{margin-bottom:20px} .p1 .m3 .b4 .btn2 a{width:100%; height:60px;font:bold 24px/60px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#181818; border-radius:3px; margin:0 0 0px;} .p1 .m3 .b4 .btn2 a:hover{ background:#c00;color:#fff} .p1 .m3 .b4 .t2 {width:280px; min-height:20px;height:auto; overflow:hidden; font:16px/18px verdana,"微軟正黑體"; 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} .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} /*手機網頁選單*/ .m1 .a1 .mn{display:none} /*404頁面*/ .p2{ width:100%; height:auto; padding-top:50px;} .p2 .q1{ width:500px; height:375px;background:url(../../images/404.jpg)no-repeat top;margin:0 auto; } .p2 .q1 .t5{ width:450px; height:80px;font:bold 35px/40px "微軟正黑體";color:#fff; margin:0 auto;padding-top:260px; } /*-------------------官網--------------------*/ /*------------index------------*/ /*----Top---- .m4{ width:100%; height:30px; background:url(../../images/bg1.jpg) left repeat-x} .m4 .a2{ width:1200px; height:24px; margin:0 auto; padding-top:6px} .m4 .a2 .b5{ width:46px; height:18px; float:right; margin-left:23px} .m4 .a2 .b5 .c1{ width:12px; height:18px; float:right; margin-left:7px} .m4 .a2 .b5 .c1 a{ width:12px; height:18px;font:12px/18px "微軟正黑體"; color:#333; text-align:left} .m4 .a2 .b5 .c1 a:hover{color:#A17F36} .m4 .a2 .b5 .c1 a.active{color:#A17F36} .m4 .a2 .b5 .c2{ width:1px; height:16px; margin:1px 0 0 7px; float:right; background:#333} .m4 .a2 .b6{ width:auto; height:18px; float:right;margin-left:30px} .m4 .a2 .b6 .c3{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic1.png) no-repeat center top} .m4 .a2 .b6 .c3 a{width:18px; height:18px;} .m4 .a2 .b6:hover .c3{background:url(../../images/ic1_over.png) no-repeat center top} .m4 .a2 .b6 .c3-2{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic2.png) no-repeat center top} .m4 .a2 .b6 .c3-2 a{width:18px; height:18px;} .m4 .a2 .b6:hover .c3-2{background:url(../../images/ic2_over.png) no-repeat center top} .m4 .a2 .b6 .c4{ width:auto; height:18px; float:left;} .m4 .a2 .b6 .c4 a{width:auto; height:18px;font:12px/18px "微軟正黑體"; color:#333; text-align:left;transition:all 0.01s} .m4 .a2 .b6:hover .c4 a{color:#A17F36}*/ /*----Top----20180420------*/ .m4{ width:100%; height:29px; background:#f8f8f8; border-bottom:1px solid #eee; } .a2{ width:1200px; height:24px; margin:0 auto; padding-top:5px} .a2 .b5{ width:46px; height:18px; float:right; margin-left:23px} .a2 .b5 .c1{ width:12px; height:18px; float:right; margin-left:7px} .a2 .b5 .c1 a{ width:12px; height:18px;font:12px/18px "微軟正黑體"; color:#000; text-align:left} .a2 .b5 .c1 a:hover{color:#888} .a2 .b5 .c1 a.active{color:#888} .a2 .b5 .c2{ width:1px; height:16px; margin:1px 0 0 7px; float:right; background:#333} .a2 .b6{ width:auto; height:16px; float:right;margin-left:30px} .a2 .b6 .c3{ width:16px; height:16px; float:left; margin-right:5px;background:url(../../images/ic1.png) no-repeat center top/auto 100%; transition:all 0.3s; opacity:0.65} .a2 .b6 .c3 a{width:16px; height:16px;} .a2 .b6:hover .c3{background:url(../../images/ic1_over.png) no-repeat center top/auto 100%;transition:all 0.3s;opacity:1} .a2 .b6 .c3-2{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic2.png) no-repeat center top/auto 100%} .a2 .b6 .c3-2 a{width:18px; height:18px;} .a2 .b6:hover .c3-2{background:url(../../images/ic2_over.png) no-repeat center top/auto 100%} .a2 .b6 .c4{ width:auto; height:18px; float:left; position:relative; z-index:9} .a2 .b6 .c4 > a{width:auto; height:18px;font:15px/18px "微軟正黑體"; color:#333; text-align:left;transition:all 0.1s; display:block} .a2 .b6:hover .c4 > a{color:#12b4af } /*----MENU---- .m5{width:100%; height:90px; background:#1e2541; position:relative; z-index:2} .m5 .a3{ width:1200px; height:90px; margin:0 auto} .m5 .a3 .b7{ width:250px; height:55px; float:left; margin-top:15px} .m5 .a3 .b7 img{width:100%; height:auto} .m5 .a3 .b8{ width:auto; height:60px; float:right; padding-top:30px} .m5 .a3 .b8 .c5{ width:auto; height:28px; float:right;margin-left:36px; border-left:1px #e3d2ab solid; position:relative} .m5 .a3 .b8 .c5-2{border-left:none} .m5 .a3 .b8 .c5 .d1{ width:65px; height:28px; margin-left:36px;} .m5 .a3 .b8 .c5 .d1 a{width:65px; height:28px;font:16px/28px Arial, "微軟正黑體"; color:#fff; text-align:center;display:inline-block} .m5 .a3 .b8 .c5:hover .d1 a{ color:#A17F36} .m5 .a3 .b8 .c5-2:hover .d1 a{ color:#A17F36} .m5 .a3 .b8 .c5 .d2{ width:65px; height:15px; float:right;} .m5 .a3 .b8 .c5 .d2 a{width:65px; height:15px;font:11px/28px Arial, "微軟正黑體"; color:#e3d2ab; text-align:center; text-transform:uppercase; display:inline-block}*/ /*----MENU--20180420改--*/ .m5{width:100%; height:90px; background:#fff; position:relative; z-index:2;border-bottom:1px solid #eee; z-index:100;transition:all .3s;} .m5-2{ height:0; opacity:0; transition:all 1.2s;position:fixed;top:0px; left:0;z-index:2;background:rgba(255,255,255,0);box-shadow:0 0px 0px rgba(0,0,0,0); z-index:99 } .top-bar{ height:90px;transition:all 0.3s; opacity:1;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2); } .m5 .a3{ width:1200px; height:60px; margin:0 auto; position:relative} .m5 .a3 .b7{ width:250px; height:46px; float:left; margin-top:0px; padding:8px 0 0} .m5 .a3 .b7 img{width:auto; height:100%} .m5 .a3 .b8{ width:auto; height:50px; float:right; padding-top:10px} .m5 .a3 .b8 .c5{ width:auto; height:38px; float:right;margin-left:36px; border-left:1px #ddd solid; position:relative;z-index:999} .m5 .a3 .b8 .c5 .d1{ width:auto; height:38px; margin-left:36px;} .m5 .a3 .b8 .c5 .d1 a{width:auto; height:38px;font:18px/38px Arial, "微軟正黑體"; color:#333; text-align:center;display:inline-block; background:linear-gradient(90deg,#a3f0ee 0%,#12b4af 100%) no-repeat center bottom /0% 2px; padding:0 10px} .m5 .a3 .b8 .c5:hover .d1 a{ color:#666; background:linear-gradient(90deg,#a3f0ee 0%,#12b4af 100%) no-repeat center bottom /100% 2px} /*.m5 .a3 .b8 .c5:hover .d1 a{ color:#666; background:linear-gradient(90deg,#f4a100 0%,#06a8a7 12.5%,#1358a1 25%,#3b0262 37.5%,#1358a1 50%,#3b0262 62.5%,#1358a1 75%,#06a8a7 87.5%,#f4a100 100%) no-repeat center bottom /100% 6px}*/ .m5 .a3 .b8 .c5-2:hover .d1 a{ color:#666} .m5 .a3 .b8 .c5 .d2{ width:65px; height:15px; float:right;} .m5 .a3 .b8 .c5 .d2 a{width:65px; height:15px;font:11px/28px Arial, "微軟正黑體"; color:#e3d2ab; text-align:center; text-transform:uppercase; display:inline-block} /*MENU--下拉選單-圖片版*/ .m5 .a3 .b8 .c5 .mn2{width:640px; height:0; overflow:hidden; position:absolute; top:36px; left:-248px;background:linear-gradient(90deg,#12b4af 100%,#31cdc8 0%) no-repeat center top/0px 2px #fff; padding:0px 0 0 20px; opacity:0;transition:all 0.3s linear;border-radius:0 0 5px 5px;box-shadow:0 0px 0px rgba(0,0,0,0);} .m5 .a3 .b8 .c5:hover .mn2{background:linear-gradient(90deg,#12b4af 100%,#31cdc8 0%) no-repeat center top/100% 2px #fff;transition:all 0.3s linear; height:auto;padding:22px 0px 0px 20px ;opacity:1;box-shadow:0 2px 6px rgba(0,0,0,0.35);} .m5 .a3 .b8 .c5 .mn2 a{width:140px;height:auto; overflow:hidden;background:#fff;color:#b9a476; display:inline-block;float:left; margin:0 20px 15px 0} .m5 .a3 .b8 .c5:hover .mn2 a:hover{ background:#fff; transition:all 0.3s; color:#fff} .m5 .a3 .b8 .c5 .mn2 a .im8{ width:140px; height:140px; overflow:hidden; border:0px solid #e8e8e8;border-radius:3px} .m5 .a3 .b8 .c5 .mn2 a .im8 img{ width:140px; height:140px;transition:all 0.3s;border-radius:3px} .m5 .a3 .b8 .c5 .mn2 a:hover .im8 img{transform:scale(1.1);filter:contrast(110%);-webkit-filter:contrast(110%); transition:all 0.3s} .m5 .a3 .b8 .c5 .mn2 a .t6{width:140px; height:auto; overflow:hidden;font:16px/20px Arial, "微軟正黑體"; color:#000;text-align:center; padding:5px 0 1px; letter-spacing:-0.2px} .m5 .a3 .b8 .c5 .mn2 a:hover .t6{ color:#666} .m5 .a3 .b8 .c5 span{ width:0; height:0; border-bottom:10px solid #12b4af;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s; position:absolute; top:28px; left:70px; z-index:5;} .m5 .a3 .b8 .c5:hover span{ opacity:1;transition:all 0.3s} /*MENU--下拉選單-文字版*/ .m5 .a3 .b8 .c5 .mn1{ width:170px;height:0;overflow:hidden;position:absolute;top:60px; left:-18px;opacity:0; background:linear-gradient(90deg,#b9a476 100%,#a00 0%) no-repeat center top/0px 5px #fff;transition:all 0.3s linear;} .m5 .a3 .b8 .c5:hover .mn1{ height:auto;opacity:1; background:linear-gradient(90deg,#b9a476 100%,#a00 0%) no-repeat center top/100% 5px #fff;transition:all 0.3s linear; padding:5px 0 0 } .m5 .a3 .b8 .c5 .mn1 a{ width:170px; height:0; display:inline-block; font:15px/30px "微軟正黑體"; color:#b9a476; text-align:center; background:#fff} .m5 .a3 .b8 .c5 .mn1 a:hover{ width:170px; height:32px; display:inline-block;font:15px/30px "微軟正黑體"; color:#fff; background:#b9a476;} .m5 .a3 .b8 .c5:hover .mn1 a{ height:32px} /*----Banner----*/ .m6{ width:100%; height:600px;overflow:hidden;line-height:0;margin:0 0 80px} /*--圖片區域-控制超連結、藏字、顯示背景--*/ .m6 .carousel-inner > .item{ height:600px;background-size:cover} .m6 .carousel-inner > .item iframe{ width:100%; height:180%; margin:-12% 0 0; } .m6 .carousel-inner > .item .cvx{ width:100%; height:600px; position:absolute;top:0; left:0} .m6 .carousel-inner > .item a{ width:100%; padding:0 0 0; height:600px; overflow:hidden; display:inline-block; text-indent:-9999px} /*--圓點Page控制--*/ .m6 .carousel-indicators li{ height:10px;width:70px;border:0px solid #fff;background-color:#fff;margin:0 5px;box-shadow:0 1px 3px rgba(0,0,0,0.3);transition:all 0.3s;background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat right top/0% 100% rgba(255,255,255,.8); background:rgba(255,255,255,.8)} .m6 .carousel-indicators li:hover{ background:#a3f0ee;border:0px solid #517a03;transition:all 0.3s;/*background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat left top/100% 100% rgba(255,255,255,.8);*/ } .m6 .carousel-indicators .active{border:0px solid #517a03; box-shadow:0 1px 3px rgba(0,0,0,0.3); cursor:default; /*background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat right top/100% 100%;*/ height:10px; background:#12b4af} .m6 .carousel-indicators{bottom:30px} /*----騰云市場----*/ .m7{ width:100%;height:700px; background:url(../../images/bg2.jpg) no-repeat center top} .m7 .a4{ width:1200px; height:640px; margin:0 auto; padding-top:60px; position:relative} .m7 .a4 .b9{ width:1200px; height:92px; margin-bottom:70px; background:url(../../images/tl1.png) no-repeat center top} .m7 .a4 .b10{ width:100px; height:20px; position:absolute; left:360px; top:140px; font:bold 20px/20px "微軟正黑體"; color:#1e2541; text-align:left; letter-spacing:5px} .m7 .a4 .b11{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-left:50px} .m7 .a4 .b11 .c6{ width:190px; height:400px; float:left; margin-right:100px; padding:10px 0 0 10px} .m7 .a4 .b11 .c6 .d3{ width:190px; height:190px; margin:0 auto 25px; border-radius:50%;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.5)} .m7 .a4 .b11 .c6 .d3 a{width:190px; height:190px;} .m7 .a4 .b11 .c6 .d3 img{width:auto; height:100%;margin-left:-22%; -webkit-filter:contrast(100%);transition:all 0.3s} .m7 .a4 .b11 .c6 .d3 img:hover{-webkit-filter:contrast(120%);transition:all 0.3s} .m7 .a4 .b11 .c6 .d4{ width:190px; height:60px; margin:0 auto 35px; overflow:hidden; font:bold 20px/30px Arial, "微軟正黑體"; color:#333; text-align:center} .m7 .a4 .b11 .c6 .d5{width:190px; height:22px; overflow:hidden; margin-bottom:10px; font:16px/22px Georgia, "微軟正黑體"; color:#a17f36; text-align:center; letter-spacing:2px} .m7 .a4 .b11 .c6 .d6{ width:150px; height:40px; margin:0 auto;} .m7 .a4 .b11 .c6 .d6 a{width:146px; height:36px;border:2px #1E2541 solid; font:italic 15px/34px Verdana; color:#1E2541; text-align:center; display:inline-block} .m7 .a4 .b11 .c6 .d6 h4{font:italic 18px/34px Verdana; display:inline} .m7 .a4 .b11 .c6 .d6 a:hover{ background:#1E2541;font:italic 15px/34px Verdana; color:#fff} /*----形象圖----*/ .m8{ width:100%; height:0px; overflow:hidden; background:url(../../images/bg3.jpg) no-repeat center top; padding-top:550px; text-indent:-9999px} /*----關於騰云----*/ .m9{ width:100%; height:700px; background:url(../../images/bg4.jpg) no-repeat center top} .m9 .a5{ width:1200px; height:644px; margin:0 auto; padding-top:56px; position:relative} .m9 .a5 .b12{width:1200px; height:92px; margin-bottom:85px; background:url(../../images/tl2.png) no-repeat center top} .m9 .a5 .b13{width:100px; height:20px; position:absolute; left:355px; top:140px; font:bold 20px/20px "微軟正黑體"; color:#1e2541; text-align:left; letter-spacing:5px} .m9 .a5 .b14{ width:150px; height:40px; position:absolute; right:-6px; top:123px;} .m9 .a5 .b15{width:468px; height:235px; margin-left:550px; font:bold 22px/30px Arial, "微軟正黑體"; color:#333} .m9 .a5 .b15 h4{font:16px/26px Arial, "微軟正黑體"; color:#777; display:inline} /*----腾云产品----*/ .m10{ width:100%; height:550px; background:url(../../images/bg5.jpg) no-repeat center top} .m10 .a6{ width:1200px; height:550px; margin:0 auto; position:relative} .m10 .a6 .b16{ width:500px; height:22px; position:absolute; right:53px;top:290px; font:bold 17px/22px Arial, "微軟正黑體"; color:#fff; text-align:right; letter-spacing:3px;text-shadow:0 3px 10px rgba(0,0,0,0.5)} .m10 .a6 .b17{width:146px; height:36px; position:absolute; right:53px; bottom:185px} .m10 .a6 .b17 a{width:146px; height:36px;background:#1E2541;border:2px #1E2541 solid; font:italic 15px/34px Verdana; color:#fff; text-align:center; display:inline-block} .m10 .a6 .b17 h4{font:italic 18px/34px Verdana; display:inline} .m10 .a6 .b17 a:hover{ background:rgba(255,255,255,0.5);font:italic 15px/34px Verdana; color:#1E2541} /*----热门焦点----*/ .m11{ width:100%; height:700px; background:url(../../images/bg6.jpg) no-repeat center top} .m11 .a7{width:1200px; height:644px; margin:0 auto; padding-top:56px; position:relative} .m11 .a7 .b18{width:1200px; height:92px; margin-bottom:50px; background:url(../../images/tl3.png) no-repeat center top} .m11 .a7 .b19{width:100px; height:20px; position:absolute; left:500px; top:140px; font:bold 20px/20px "微軟正黑體"; color:#1e2541; text-align:left; letter-spacing:5px} /*----包套件的整體空間範圍----*/ .b24{width:1200px; height:400px; margin:0 auto;} /*--圓點Page控制--*/ .b24 .carousel-indicators{ bottom:-50px;} .b24 .carousel-indicators .active{background-color:#1E2541;border:1px solid #1E2541;} .b24 .carousel-indicators li{ height:13px;width:13px;border:1px solid #1E2541;margin:0 2px;} .b24 .carousel-indicators li:hover{ background-color:#2e375b;} .b24 .carousel-caption{text-shadow:none} /*--套件內的單體--*/ .b20{width:1200px; height:400px; margin:0 auto; bottom:0; left:0; position:relative;} .b20 .c7{ width:600px; height:400px; float:left; margin-top:74px} .b20 .c7 .d7{ width:300px; height:26px; margin-bottom:15px; font:bold 16px/26px Georgia; color:#a17f36; text-align:left; text-transform:uppercase; letter-spacing:3px} .b20 .c7 .d8{ width:600px; height:30px;margin-bottom:18px; font:bold 26px/30px Arial, "微軟正黑體"; color:#333; text-align:left; letter-spacing:3px} .b20 .c7 .d9{width:600px; height:78px; overflow:hidden; margin-bottom:25px; font:16px/26px Arial, "微軟正黑體"; color:#777;letter-spacing:4px; text-align:justify} .b20 .c7 .d10{ width:146px; height:36px; float:left} .b20 .c7 .d10 a{width:146px; height:36px;border:2px #1E2541 solid; font:italic 15px/34px Verdana; color:#1E2541; text-align:center; display:inline-block} .b20 .c7 .d10 h4{font:italic 18px/34px Verdana; display:inline} .b20 .c7 .d10 a:hover{ background:#1E2541;font:italic 15px/34px Verdana; color:#fff} .b20 .c8{ width:550px; height:375px; position:absolute; top:20px; right:20px} .b20 .c8 img{ width:100%; height:100%;box-shadow:0 3px 10px rgba(0,0,0,0.5);transition:all 0.2s;} .b20 .c8 img:hover{width:102%; height:102%;transform:translate(-1%, -1%);transition:all 0.2s;} /*----深圳市世界金融中心----*/ .m53{ width:100%; height:550px; background:url(../../images/bg7.jpg) no-repeat center top} /*----Down----*/ /*20180420改---- .m12{ width:100%; height:300px; background:#1e2541; position:relative; z-index:99}*/ .m12{ width:100%; height:auto; overflow:hidden; background:#222; position:relative; z-index:99; } .m12 .a8{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:50px 0} .m12 .a8 .b21{ width:100%; height:auto; overflow:hidden; float:left;} .m12 .a8 .b21 .c9{ width:150px; height:auto; overflow:hidden; float:left; margin-right:20px} .m12 .a8 .b21 .c9 .d11{ width:100%; height:40px; font: 22px/30px verdana,"微軟正黑體"; color:#fff; text-align:left} .m12 .a8 .b21 .c9 .d12{width:100%; height:auto; overflow:hidden;position:relative; margin:0 0; text-align:left} .m12 .a8 .b21 .c9 .d12 > a{width:100%; height:auto; overflow:hidden;font:13px/28px Arial, "微軟正黑體"; color:#ccc; text-align:left; display:inline-block; } .m12 .a8 .b21 .c9 .d12 > a:hover{color:#A17F36} /*--聯繫我們版--*/ .m12 .a8 .b22{ width:273px; height:280px; float:right; padding-left:90px; border-left:1px #999 solid} .m12 .a8 .b22 .c10{width:200px; height:50px; font:bold 16px/50px Arial, "微軟正黑體"; color:#fff; text-align:left} .m12 .a8 .b22 .c11{width:200px; height:40px; margin-bottom:18px} .m12 .a8 .b22 .c11 .d13{width:200px; height:20px;font:13px/20px Arial, "微軟正黑體"; color:#999; text-align:left} .m12 .a8 .b22 .c11 .d14{width:200px; height:20px;font:13px/20px Arial, "微軟正黑體"; color:#ccc; text-align:left} /*--Logo版--*/ .m12 .a8 .b22-1{ width:auto; height:100px; float:right; padding:0px 0 0 0; text-align:right} .m12 .a8 .b22-1 img{ width:auto; height:70px} .m12 .a8 .b23{ width:728px; height:44px;float:left;padding:6px 0 0 92px} .m12 .a8 .b23 .c12{ width:65px; height:38px;float:left; margin-right:30px;font:bold 16px/38px Arial, "微軟正黑體"; color:#fff; text-align:left} .m12 .a8 .b23 .c13{ width:38px; height:38px; float:left; margin-right:15px} /*20180420改---- .m13{width:100%; height:60px; background:#121932}*/ footer{width:100%;height:auto; overflow:hidden;} .m13{width:100%;height:auto; background:#000} .m13 .a9{width:1200px;height:auto;overflow:hidden;font:13px/24px verdana,"微軟正黑體";color:#888; margin:0 auto} .m13 .a9 a, .m13 .a9 a:hover {height:auto; margin:0 auto; font:13px/24px verdana,"微軟正黑體"; color:#888; text-align:right;} .m13 .a9 span{ width:auto; height:auto;overflow:hidde; float:left; display:block;font:13px/24px verdana,"微軟正黑體"; color:#888; text-align:left; margin-right: 20px;padding:13px 0} .m13 .a9 span a{width:auto;height:60px; margin:0 auto; font:13px/60px verdana, "微軟正黑體"; color:#fff; margin:0 5px;float: left} .m13 .a9 span a:hover{color:rgba(255,255,255,0.6)} .m13 .a9 h4{width:auto; height:auto;overflow:hidde; float:right; display:inline-block;font:13px/24px verdana,"微軟正黑體"; color:#888; text-align:left; margin-right: 20px;padding:13px 0;margin:0} /*-------------------aa1-關於騰云-------------------*/ /*橫幅*/ .m14{ width:100%;height:740px; overflow:hidden; background:url(../../images/aa1/bn1.jpg) center -100px no-repeat;} .m14-2{ width:100%; height:0px; overflow:hidden} .m14 .a10{ width:1200px; height:740px; margin:0 auto; position:relative} .m14 .a10 .b68{ width:130px; height:24px; position:absolute; top:430px; right:70px} .m14 .a10 .b68 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)} .m14 .a10 .b68 a:hover{color:#1e2541} /*当未来即是现在*/ .m15{ width:100%;height:700px; background:url(../../images/aa1/bg1.jpg) center top no-repeat;} .m15 .a11{ width:1200px; height:700px; margin:0 auto; padding-top:75px;position:relative} .m15 .a11 .b69{ width:270px; height:35px; margin:0 auto 30px; font:bold 28px/30px Arial, "微軟正黑體"; color:#1e2541; letter-spacing:2px; border-bottom:3px solid #a17f36} .m15 .a11 .b70{ width:475px; height:300px; margin:0 auto; font:16px/30px Arial, "微軟正黑體"; color:#222; text-align:center} .m15 .a11 .cv17{ width:249px; height:249px; background:url(../../images/aa1/im3.png) no-repeat center top; position:absolute; top:-130px; right:65px} .m15 .a11 .cv18{ width:554px; height:581px; background:url(../../images/aa1/im1.png) no-repeat center top; position:absolute; top:-65px; left:-255px} .m15 .a11 .cv19{ width:292px; height:237px; background:url(../../images/aa1/im2.png) no-repeat center top; position:absolute; top:420px; left:165px} .m15 .a11 .cv20{ width:486px; height:496px; background:url(../../images/aa1/im4.png) no-repeat center top; position:absolute; top:250px; right:-45px} /*四大独立事业*/ .m16{ width:100%;height:450px; overflow:hidden; background:#fff} .m16 .a12{ width:1200px; height:450px; margin:0 auto;} .m16 .a12 .b25{width:300px; height:35px; margin:0 auto 60px; font:bold 28px/30px Arial, "微軟正黑體"; color:#1e2541; letter-spacing:2px; border-bottom:3px solid #a17f36} .m16 .a12 .b71{ width:1220px; height:250px; margin:0 auto; padding-left:25px} .m16 .a12 .b71 .c21{ width:235px; height:250px; float:left; margin-right:70px} .m16 .a12 .b71 .c21 .d22{ width:130px; height:130px; margin:0 auto 30px} .m16 .a12 .b71 .c21 .d23{ width:235px; height:22px; margin:0 auto 20px; font:bold 22px/22px Arial, "微軟正黑體"; color:#333; text-align:center} .m16 .a12 .b71 .c21 .d24{width:235px; height:48px; font:16px/26px Arial, "微軟正黑體"; color:#777; text-align:justify; letter-spacing:2px} /*企业文化*/ .m17{ width:100%;height:550px; overflow:hidden; background:url(../../images/aa1/bg2.jpg) center top no-repeat;} .m17 .a13{width:1200px; height:550px; margin:0 auto} .m17 .a13 .b26{ width:400px; height:490px; padding-top:60px; background:rgba(161,127,54,0.9); position:relative} .c22{ width:317px; height:38px; margin:0 auto 10px} .c22-2{width:341px; height:41px} .c23{ width:205px; height:2px; margin:10px 15px 0 40px; float:left; background:url(../../images/aa1/line.jpg) no-repeat center top} .c24{ width:100px; height:20px; margin-bottom:45px; float:left; font:bold 20px/20px Arial, "微軟正黑體"; color:#fff; letter-spacing:5px} .c25{ width:315px; height:240px; margin:0 auto;font:16px/28px Arial, "微軟正黑體"; color:#fff; text-align:justify; text-shadow:0 1px 5px rgba(0,0,0,0.5); clear:both} .c27{ width:315px; height:68px; margin:0 auto 10px;font:bold 24px/34px Arial, "微軟正黑體";text-align:left;color:#fff; letter-spacing:-0.5px;text-shadow:0 1px 5px rgba(0,0,0,0.5);clear:both} .c26{ width:140px; height:40px; position:absolute; bottom:30px; right:40px;} .c26 a{ width:140px; height:40px;background:url(../../images/aa1/bt1.png) no-repeat center top;display:inline-block} .c26 a:hover{background:url(../../images/aa1/bt1_over.png) no-repeat center top} /*腾云缘起*/ .m18{ width:100%;height:550px; overflow:hidden; background:url(../../images/aa1/bg3.jpg) center top no-repeat;} .m18 .a14{width:1200px; height:550px; margin:0 auto} .m18 .a14 .b27{width:400px; height:490px; float:right; padding-top:60px; background:rgba(30,37,65,0.7); position:relative} .c28{ width:140px; height:40px; position:absolute; bottom:30px; right:40px;} .c28 a{ width:140px; height:40px;background:url(../../images/aa1/bt1.png) no-repeat center top;display:inline-block} .c28 a:hover{background:url(../../images/aa1/bt2_over.png) no-repeat center top} /*分享經濟、共享經濟*/ .m50{ width:100%;height:350px; overflow:hidden; background:url(../../images/aa1/bg4.jpg) center top no-repeat;} .m50 .a32{width:1200px; height:222px; margin:0 auto; padding-top:128px} .m50 .a32 .b72{ width:466px; height:75px; margin:0 auto; padding-top:20px; border-bottom:3px solid #a17f36;border-top:3px solid #a17f36; font:bold 24px/34px Arial, "微軟正黑體"; color:#1e2541; letter-spacing:0.5px} .m50 .a32 .b72 h4{font:16px/28px Arial, "微軟正黑體"; color:#777; letter-spacing:0.5px; text-align:center} /*-------------------aa2-小分子蛋白粉-------------------*/ .m19a{width:100%;height:0px;overflow:hidden; } .m19{width:100%; height:600px; overflow:hidden; background:url(../../images/aa2/bg1.jpg) center -100px no-repeat} .m19 .a15{ width:1200px; height:700px; overflow:hidden; margin:0 auto; position:relative} .m19 .a15 .b28{ width:430px; height:90px; position:absolute; bottom:165px; right:100px; font:bold 16px/24px Arial, "微軟正黑體"; color:#fff; text-align:left; text-transform:uppercase; text-shadow:0px 1px 3px rgba(0,0,0,0.3)} .m20{ width:100%; height:752px;overflow:hidden; margin:0 auto;background:url(../../images/aa2/bg2.png) center top no-repeat, url(../../images/aa2/bg_dot.png) center top no-repeat; animation:dot 3s infinite alternate} @keyframes dot { from {background-position: center 0} to {background-position:center 100%} } @keyframes dot { from {background-position: center 0} to {background-position:center 100%} } @-moz-keyframes dot { from {background-position: center 0} to {background-position:center 100%} } @-webkit-keyframes dot { from {background-position: center 0} to {background-position:center 100%} } .m20 .a16{ width:1200px; height:752px; margin:0 auto; overflow:hidden; padding-top:173px} .m20 .a16 .b29{ width:250px; height:40px; margin:0 auto 18px; font:bold 40px/40px Arial, "微軟正黑體"; color:#555; text-align:center} .m20 .a16 .b30{width:298px; height:25px; margin:0 auto 60px; background:url(../../images/aa2/im1.png) center top no-repeat} .m20 .a16 .b31{ width:1080px; height:195px; margin:0 auto 150px; overflow:hidden; padding-left:50px} .m20 .a16 .b31 .c14{ width:220px; height:auto; overflow:hidden; margin-right:50px; float:left} .m20 .a16 .b31 .c14 .d15{ width:94px; height:94px; margin:0 auto 20px;} .m20 .a16 .b31 .c14 .d15 img{width:94px; height:94px} .m20 .a16 .b31 .c14 .d16{ width:220px; height:24px; margin-bottom:16px; font:bold 21px/24px Verdana, "微軟正黑體"; color:#c30d23; text-align:center; letter-spacing:-1px} .m20 .a16 .b31 .c14 .d17{ width:220px; height:auto; overflow:hidden; font: italic 16px/18px Trebuchet MS, "微軟正黑體"; color:#777; text-align:center; text-transform:uppercase;letter-spacing:0.5px} .m20 .a16 .b32{ width:54px; height:auto; margin:0 auto} .m20 .a16 .b32 .c15{width:54px; height:10px; margin-bottom:8px; font:bold 11px/10px Verdana; color:#c30d23; text-align:center;text-transform:uppercase; letter-spacing:1px;transition:all 0.3s;opacity:1} .m20 .a16 .b32:hover .c15{width:54px; height:10px; margin-bottom:8px; font:bold 11px/10px Verdana; color:#c30d23; text-align:center;text-transform:uppercase; letter-spacing:1px;ransition:all 0.3s; opacity:0.8} .m20 .a16 .b32 .c16{ width:22px; height:25px; margin:0 auto;transition:all 0.3s;opacity:1} .m20 .a16 .b32:hover .c16{transition:all 0.3s; opacity:0.8;} .m21{ width:100%; height:0px;overflow:hidden; padding-top:550px; text-indent:-9999px;background:url(../../images/aa2/bg3.jpg) center top no-repeat} .m22{ width:100%; height:387px;background:url(../../images/aa2/bg4.jpg) center top no-repeat; padding:82px 0 0 0} .m22 .a17{width:1200px; height:469px; margin:0 auto; position:relative} .m22 .a17 .b33{width:520px; height:40px; margin:0 0 18px 260px; font:bold 40px/40px Arial, "微軟正黑體"; color:#555; text-align:left; letter-spacing:-0.5px} .m22 .a17 .b34{width:260px; height:25px; margin:0 0 35px 260px; background:url(../../images/aa2/im2.png) center top no-repeat} .m22 .a17 .b35{ width:425px; height:150px; margin-left:465px} .m22 .a17 .b35 .c17{width:425px; height:17px; float:left; font:17px/17px Verdana, "微軟正黑體"; color:#b81b25; text-align:left; margin-bottom:27px; letter-spacing:1px} .m22 .a17 .b35 .c17-2{margin-left:20px} .m22 .a17 .b35 .c17-3{margin-left:40px} .m22 .a17 .b35 .c17-4{margin-left:60px} .m22 .a17 .cv1{ width:488px; height:471px; position:absolute; top:-270px; right:-30px; z-index:99} .m22 .a17 .cv2{ width:578px; height:542px; position:absolute; top:-10px; left:-150px; z-index:99} .m23{ width:100%; height:411px; padding:168px 0 0 0;background:url(../../images/aa2/bg5.jpg) center top no-repeat} .m23 .a18{width:1200px; height:579px; margin:0 auto; position:relative} .m23 .a18 .b36{ width:390px; height:40px; margin:0 auto 18px; font:bold 40px/40px Arial, "微軟正黑體"; color:#555; text-align:center} .m23 .a18 .b37{width:212px; height:25px; margin:0 auto 40px; background:url(../../images/aa2/im3.png) center top no-repeat} .m23 .a18 .b38{ width:1128px; height:175px; margin:0 auto; padding-left:68px} .m23 .a18 .b38 .c18{ width:120px; height:175px; margin-right:68px; float:left} .m23 .a18 .b38 .c18 .d18{ width:110px; height:110px; margin:0 auto 15px} .m23 .a18 .b38 .c18 .d18 img{ width:110px; height:110px} .m23 .a18 .b38 .c18 .d19{width:120px; height:50px; margin:0 auto; font:bold 17px/25px Arial, "微軟正黑體"; color:#555; text-align:center} .m23 .a18 .cv3{ width:286px; height:286px; position:absolute; top:-250px; right:-15px; z-index:99} .m23 .a18 .cv4{ width:233px; height:233px; position:absolute; bottom:40px; right:-50px; z-index:99} .m24{ width:100%; height:339px; padding:277px 0 0 0;background:url(../../images/aa2/bg6.jpg) center top no-repeat} .m24 .a19{width:1070px; height:339px; margin:0 auto; padding-left:130px; position:relative} .m24 .a19 .b39{ width:180px; height:40px; margin-bottom:18px; font:bold 40px/40px Arial, "微軟正黑體"; color:#555; text-align:left} .m24 .a19 .b40{width:183px; height:25px; margin-bottom:20px; background:url(../../images/aa2/im4.png) center top no-repeat} .m24 .a19 .b41{ width:545px; height:200px; overflow:hidden; font:17px/40px Arial, "微軟正黑體"; color:#777; text-align:left; letter-spacing:1.5px} .m24 .a19 .cv5{ width:412px; height:330px; position:absolute; top:-370px; left:-32px; z-index:99} .m24 .a19 .cv6{ width:198px; height:198px; position:absolute; top:230px; left:-76px; z-index:99} .m24 .a19 .cv7{ width:530px; height:470px; position:absolute; top:-220px; right:45px; z-index:100} .m25{ width:100%; height:0px;overflow:hidden; padding-top:579px; text-indent:-9999px;background:url(../../images/aa2/bg7.jpg) center top no-repeat} /*-------------------aa6-磷蝦油-------------------*/ .m26{width:100%; height:0px; overflow:hidden; padding-top:760px; text-indent:-9999px; background:url(../../images/aa6/bg1.jpg) no-repeat center top} .m27{width:100%; height:0px; overflow:hidden; padding-top:765px;text-indent:-9999px; background:url(../../images/aa6/bg2.jpg) no-repeat center top} .m28{width:100%; height:0px; overflow:hidden; padding-top:830px;text-indent:-9999px; background:url(../../images/aa6/bg3.jpg) no-repeat center top} .m29{width:100%; height:0px; overflow:hidden; padding-top:490px;text-indent:-9999px; background:url(../../images/aa6/bg4.jpg) no-repeat center top} .m30{width:100%; height:0px; overflow:hidden; padding-top:630px;text-indent:-9999px; background:url(../../images/aa6/bg5.jpg) no-repeat center top} .m31{width:100%; height:0px; overflow:hidden; padding-top:615px;text-indent:-9999px; background:url(../../images/aa6/bg6.jpg) no-repeat center top} .m32{width:100%; height:0px; overflow:hidden; padding-top:515px;text-indent:-9999px; background:url(../../images/aa6/bg7.jpg) no-repeat center top} .m33{width:100%; height:0px; overflow:hidden; padding-top:309px;text-indent:-9999px; background:url(../../images/aa6/bg8.jpg) no-repeat center top} /*-------------------aa4-鍺鍊-------------------*/ .m34{ width:100%;height:820px; overflow:hidden; background:url(../../images/aa4/bn1.jpg) center -100px no-repeat; position:relative} .m34 .a20{ width:1200px; height:820px; margin:0 auto; position:relative} .m34 .a20 .b42{ width:30%;height:70px;position:absolute;bottom:20px;left:35%; text-align:center} .m34 .a20 .b42 a{ font:11px/35px verdana; color:#fff;width:100%;height:35px; padding:35px 0 0 0; display:inline-block; background:url(../../images/aa4/ic1.png) center top no-repeat; text-transform:uppercase; text-align:center; opacity:0.7;letter-spacing:3px;} .m34 .a20 .b42 a:hover{ background:url(../../images/aa4/ic1.png) center 3px no-repeat; color:rgba(255,255,255,0.7);opacity:1} .m34 .a20 .t14{ width:250px; height:350px; position:absolute;right:0; bottom:20px;font:17px/32px Arial, "微軟正黑體"; color:#fff; text-align:justify; text-shadow:0 1px 6px rgba(0,0,0,0.8); letter-spacing:1px} .m34 .a20 .t14 span{font:bold 35px/32px Arial, "微軟正黑體";color:#f8e5bb;} .m35{width:100%;height:450px;overflow:hidden;background:url(../../images/aa4/bg1.jpg) center top no-repeat;position:relative;box-shadow:0 0 10px 5px rgba(0,0,0,0.25);z-index:1} .m35-2{box-shadow:0 0 10px 5px rgba(0,0,0,0.25);} .m35 .a21{ width:1100px; height:450px; margin:0 auto; position:relative} .m35 .a21 .im3{ width:450px;height:450px;float:right} .m35 .a21 .im2{ width:450px;height:450px;float:left} .m35 .a21 .b43{ width:600px;height:auto; overflow:hidden;float:left; padding:45px 0 0; position:relative} .m35 .a21 .b43-2{ float:right; width:480px} .m35 .a21 .b43 > div{ width:600px;font:16px/40px verdana,"微軟正黑體";color:#555;} .m35 .a21 .b43 .t15{height:40px;color:#a17f36} .m35 .a21 .b43 .t16{height:40px;font:29px/40px Arial,"微軟正黑體";color:#333} .m35 .a21 .b43 .t17{height:60px; margin-bottom:20px; background:linear-gradient(90deg,#a17f36 20px,#fff 0px) left bottom no-repeat; background-size:auto 2px} .m35 .a21 .b43 .t18{ width:600px; height:40px;} .m35 .a21 .b43 .t18 span{ color:#a17f36; margin:0 0 0 30px; padding-left:30px;letter-spacing:4px; background:linear-gradient(180deg,#a17f36 10px,#fff 0px) left 5px no-repeat; background-size:1px auto } .m35 .a21 .b43 .bt1{width:auto;height:20px;position:absolute; right:50px; bottom:0px;font:16px/20px verdana,"微軟正黑體";color:#555;} .m35 .a21 .b43 .bt1 img{width:auto;height:20px; display:inline; margin-left:4px; padding-bottom:4px} .m35 .a21 .b43 .bt1 a{font:14px/20px verdana,"微軟正黑體"; color:#e3d2ab} .m35 .a21 .b43 .bt1 a:hover{ color:#bfaf8b; } .m36{ width:100%;height:600px; overflow:hidden; background:url(../../images/aa4/bg2.jpg) center top no-repeat; position:relative;} .m37{ width:100%;height:600px; overflow:hidden; background:url(../../images/aa4/bg3.jpg) center top no-repeat; position:relative;} .m38{ width:100%;height:600px; overflow:hidden; background:url(../../images/aa4/bg4.jpg) center top no-repeat; position:relative;} .m39{ width:100%; height:450px; background:url(../../images/aa4/bg5.jpg) center top no-repeat} .m39 .a22 {width:1200px;height:450px;margin:0 auto;font:16px/40px verdana,"微軟正黑體";color:#555;} .m39 .a22 .b44{width:630px;height:290px;margin:0 auto;padding-top:70px} .m39 .a22 .b44 > div{ width:630px;font:16px/40px verdana,"微軟正黑體";color:#555;} .m39 .a22 .b44 .t19{height:40px;color:#a17f36; text-align:center} .m39 .a22 .b44 .t20{height:65px;font:29px/40px Arial,"微軟正黑體";color:#333;text-align:center;margin-bottom:20px; background:linear-gradient(90deg,#e3d2ab 20px,#fff 0px) center bottom no-repeat; background-size:18px 2px} .m39 .a22 .b44 .t21{height:60px; text-align:center} .m40{ width:100%; height:0px; overflow:hidden; padding-top:547px; text-indent:-9999px; background:url(../../images/aa4/bg6.jpg) center top no-repeat} /*-------------------aa3-蘋麗鮮-------------------*/ .m41-2{ width:100%; height:0; overflow:hidden;} .m41{ width:100%; height:2100px;background: url(../../images/aa3/im4.png) no-repeat center 1170px , url(../../images/aa3/im1.png) no-repeat center 164px , url(../../images/aa3/bg1.jpg) no-repeat center -100px , url(../../images/aa3/bg2.jpg) no-repeat center 1360px , url(../../images/aa3/im8.png) no-repeat center 2450px , url(../../images/aa3/bg3.jpg) no-repeat center 1967px ;padding-top:927px} .m41 .a23{width:1200px; height:2100px;margin:0 auto;position:relative;} .m41 .a23 .b45{ width:378px; height:65px; margin:0 0 5px 385px; background:url(../../images/aa3/im2.png) center top no-repeat} .m41 .a23 .b46{ width:518px; height:32px; margin:0 0 10px 614px; background:url(../../images/aa3/im6.png) center top no-repeat} .m41 .a23 .b47{ width:530px;height:180px; margin:0 0 364px 614px; font:17px/30px Verdana, "微軟正黑體"; color:#555;text-align:justify; letter-spacing:1px} .m41 .a23 .b48{ width:574px; height:50px; background:url(../../images/aa3/im7.png) center top no-repeat;position:absolute; top:610px; left:150px; z-index:101} .m41 .a23 .b49{ width:600px; height:140px; margin:0 0 80px 150px;font:17px/35px Verdana, "微軟正黑體"; color:#555; text-align:justify; text-transform:uppercase; letter-spacing:0px} .m41 .a23 .b48-2{ width:446px; height:50px; background:url(../../images/aa3/im11.png) center top no-repeat;position:absolute; top:820px; left:370px; z-index:101} .m41 .a23 .b49-2{ width:535px; height:70px; margin:0 0 370px 280px;font:17px/35px Verdana, "微軟正黑體"; color:#555; text-align:justify; text-transform:uppercase; letter-spacing:0px} .m41 .a23 .b49-2 h4{color:#fff; display:inline} .m41 .a23 .cv8{width:606px; height:620px; position:absolute; top:85px; left:45px; z-index:100; background:url(../../images/aa3/im3.png) center top no-repeat} .m41 .a23 .cv10{width:781px; height:588px; position:absolute; top:725px; left:-360px; z-index:100; background:url(../../images/aa3/im5.png) center top no-repeat} .m41 .a23 .b50{width:185px; height:30px; margin:0 0 17px 260px; font:bold 22px/30px Verdana, "微軟正黑體"; color:#fff; text-align:left; letter-spacing:5px} .m41 .a23 .b51{width:185px; height:30px; margin:0 0 17px 192px; font:bold 22px/30px Verdana, "微軟正黑體"; color:#fff; text-align:left; letter-spacing:5px} .m41 .a23 .b52{width:185px; height:30px; margin:0 0 19px 277px; font:bold 22px/30px Verdana, "微軟正黑體"; color:#fff; text-align:left; letter-spacing:5px} .m41 .a23 .b53{width:185px; height:30px; margin:0 0 40px 157px; font:bold 22px/30px Verdana, "微軟正黑體"; color:#fff; text-align:left; letter-spacing:5px} .m42{ width:100%; height:465px; padding-top:10px; background:url(../../images/aa3/bg4.jpg) center top no-repeat} .m42 .a24{ width:1200px; height:475px; margin:0 auto} .m42 .a24 .b54{ width:642px; height:124px; margin-left:95px; background:url(../../images/aa3/im10.png) center top no-repeat} .m42 .a24 .b55{ width:1060px; height:auto; overflow:hidden;margin:0 auto} .m42 .a24 .b55 .c19{ width:480px; height:74px; float:left; margin:0 50px 20px 0;} .m42 .a24 .b55 .c19 .d20{ width:78px; height:74px; float:left} .m42 .a24 .b55 .c19 .d21{ width:377px; height:74px; float:left; padding:20px 0 0 25px; font:bold 22px/24px Arial, "微軟正黑體"; color:#601986; text-align:left} .m42 .a24 .b55 .c19 .d21 h4{ font:15px/24px Arial, "微軟正黑體"; color:#8fc31f; text-transform:uppercase} .m43{ width:100%; height:0px; overflow:hidden; padding-top:650px; text-indent:-9999px; background:url(../../images/aa3/bg5.jpg) no-repeat center top} .m44{ width:100%; height:702px; background:url(../../images/aa3/bg6.jpg) center top no-repeat} .m44 .a25{ width:1060px; height:702px; padding:62px 0 0 140px; margin:0 auto} .m44 .a25 .b56{ width:336px; height:239px; float:left; background:url(../../images/aa3/im9.png) center no-repeat} .m44 .a25 .b57{ width:580px; height:200px; float:left; margin:25px 0 0 120px;font:17px/35px Verdana, "微軟正黑體"; color:#555; text-align:left; text-transform:uppercase; letter-spacing:1px} .m44 .a25 .b57 h4{font:18px/35px Verdana, "微軟正黑體";color:#598f35; display:inline} .m44 .a25 .b57 h5{font:18px/35px Verdana, "微軟正黑體";color:#9dc815; display:inline} /*-------------------aa5-倍維力營養素-------------------*/ .m45-1{width:100%; height:0px; overflow:hidden} .m45{width:100%; height:4832px; overflow:hidden; background:url(../../images/aa5/bg1.jpg) no-repeat center -100px, url(../../images/aa5/bg2.jpg) no-repeat center 675px, url(../../images/aa5/bg3.png) no-repeat center 1370px, url(../../images/aa5/bg4.jpg) no-repeat center 2180px, url(../../images/aa5/bg5.jpg) no-repeat center 3104px, url(../../images/aa5/bg6.jpg) no-repeat center 3620px, url(../../images/aa5/bg7.jpg) no-repeat center 4176px} .m45 .a26{ width:1200px; height:4832px; margin:0 auto; position:relative} .m45 .a26 .b58{ width:580px; height:230px; position:absolute; right:0px; top:1104px; font:17px/35px Verdana, "微軟正黑體"; color:#555; letter-spacing:0.5px; text-transform:uppercase; text-align:justify; display:inline} .m45 .a26 .b58 h4{ font:bold 33px/35px Verdana, "微軟正黑體"; color:#305f00; text-decoration:underline;display:inline} .m45 .a26 .cv9{width:820px; height:704px; position:absolute; top:342px; right:-122px; z-index:100} .m45 .a26 .cv11{width:890px; height:700px; position:absolute; top:885px; left:-248px; z-index:100} .m45 .a26 .b59{width:355px; height:180px; position:absolute; right:180px; top:2415px; font:16px/25px Verdana, "微軟正黑體"; color:#555; letter-spacing:15px; text-transform:uppercase; text-align:left; display:inline} .m45 .a26 .b59 h4{font:30px/25px Verdana, "微軟正黑體"; color:#fea801;display:inline} .m45 .a26 .b59 h5{font:30px/25px Verdana, "微軟正黑體"; color:#fec501;display:inline} .m45 .a26 .b60{width:485px; height:200px; position:absolute; left:42px; bottom:1295px; font:16px/25px Verdana, "微軟正黑體"; color:#555; letter-spacing:7px; text-transform:uppercase; text-align:left; display:inline} .m45 .a26 .b60 h4{font:30px/25px Verdana, "微軟正黑體"; color:#fea801;display:inline} .m45 .a26 .b60 h5{font:30px/25px Verdana, "微軟正黑體"; color:#fec501;display:inline} .m45 .a26 .b60 h6{color:#fff;display:inline} .m45 .a26 .b61{width:800px; height:385px; position:absolute; left:157px; bottom:250px; font:bold 17px/37px Verdana, "微軟正黑體"; color:#555; letter-spacing:9px; text-transform:uppercase; text-align:left; display:inline} .m45 .a26 .b61 h4{font:19px/37px Verdana, "微軟正黑體"; color:#fea801;display:inline} .m45 .a26 .b61 h5{font:19px/37px Verdana, "微軟正黑體"; color:#fec501;display:inline} .m45 .a26 .cv12{width:160px; height:160px; position:absolute; bottom:520px; left:20px; z-index:100} .m45 .a26 .cv13{width:226px; height:211px; position:absolute; bottom:420px; right:38px; z-index:100} /*NEWS2_list-------中間區域*/ .m46{width:1200px;height:auto; overflow:hidden; margin:50px auto 0; padding:0 30px} .m46 > div{ float:none} .m46 .a27{width:900px;height:auto; margin:0 auto} .m46 .a27 .t22{ width:860px; height:80px; background:url(../../images/ns/im1.png) left top no-repeat;margin-bottom:60px} .m46 .a27 .t22-2{width:860px; height:80px;background:url(../../images/ns/im10.png) left top no-repeat;margin-bottom:60px} /*NEWS2_list-------中間區域----左半邊*/ /*頁籤 .ls1{width:855px;height:40px;border:1px solid #000;margin:0 0 40px 0; text-align:center} .ls1 a{width:171px;height:40px;display:inline-block;font:17px/40px Verdana, "微軟正黑體"; text-align:center; color:#888; position:relative; float:left} .ls1 a:hover{display:inline-block;background:#000; color:#fff;transition:all 0.3s;} .ls1 a.active{display:inline-block;background:#000; color:#fff;transition:all 0.3s;} .ls1 a span{ width:0; height:0; border-top:0px solid #000;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s; position:absolute; top:36px; left:78px} .ls1 a:hover span{ opacity:1;transition:all 0.7s;top:40px; border-top:9px solid #000;} .ls1 a.active span{ opacity:1;top:40px; border-top:9px solid #000;}*/ /*20210802---NEWS2_list-------中間區域----左半邊*/ /*頁籤*/ .ls1{width:855px;height:40px;border:0px solid #000;margin:0 0 25px 0; text-align:center} .ls1 a{width:171px;height:40px;display:inline-block;font:500 18px/40px 'Noto Sans TC','Noto Sans SC',Verdana, "微軟正黑體"; text-align:center; color:#888; position:relative; /*float:left;*/border-right:1px solid #ccc;background:linear-gradient(90deg,rgba(200,0,0,0.8) 50%,rgba(200,0,0,0.8) 50%) no-repeat center bottom/0% 3px} .ls1 a:hover{display:inline-block; color:#333;transition:all 0.3s;background:linear-gradient(90deg,rgba(200,0,0,0.8) 50%,rgba(200,0,0,0.8) 50%) no-repeat center bottom/80% 3px} .ls1 a.active{display:inline-block; color:#333;transition:all 0.3s;;background:linear-gradient(90deg,rgba(200,0,0,0.8) 50%,rgba(200,0,0,0.8) 50%) no-repeat center bottom/80% 3px} .ls1 a span{ width:0; height:0; border-top:0px solid #000;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s; position:absolute; top:36px; left:78px;display: none} .ls1 a:hover span{ opacity:1;transition:all 0.7s;top:40px; border-top:9px solid #000;} .ls1 a.active span{ opacity:1;top:40px; border-top:9px solid #000;} /*NEWS2_list----單體列表*/ .m46 .a27 .ls2{width:860px;height:245px;margin:0 0 30px 0; background:url(../../images/ns/bg1.jpg) center 12px repeat-x; position:relative} /* .m46 .a27 .ls2::before { width:25px; height:221px;background:rgba(255,255,255,0.3);transform:skewX(-25deg);position:absolute; left:300px; top:12px; z-index:99; content:''; transition:all 0.3s; display:block} .m46 .a27 .ls2:hover::before{left:860px;width:45px;transition:all 0.3s} */ .m46 .a27 .ls2-2{ background:url(../../images/ns/bg2.jpg) center 12px repeat-x;} .m46 .a27 .ls2 > div{ float:left} .m46 .a27 .ls2 .im4{width:360px;height:245px; float:left; box-shadow:0 2px 7px rgba(0,0,0,0.5);transition:all 0.3s; position:relative; z-index:1;} .m46 .a27 .ls2 .im4:hover{transform:scale(1.05);transition:all 0.3s} .m46 .a27 .ls2 .im4::before{width:360px;height:245px; background:rgba(0,0,0,0.2);content:''; position:absolute; top:auto; left:auto; z-index:-1; border-radius:0px} .m46 .a27 .ls2 .im4:hover::before{background:rgba(0,0,0,0.0);transition:all 0.5s;transform:scale(1.12); } /* .m46 .a27 .ls2 .im4 img{width:360px;height:245px;transition:all 0.3s} .m46 .a27 .ls2 .im4 img:hover{width:360px;height:245pxfilter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s}*/ /*滑鼠碰到圖片特效---傾斜光特效*/ .m46 .a27 .ls2 .im4 .cv16{ width:860px; height:221px; overflow:hidden;position:absolute; left:0; top:12px; z-index:-1} .m46 .a27 .ls2 .im4 .cv16::before{ width:40px; height:221px;background:linear-gradient(90deg,rgba(255,255,255,0.2) 5%,rgba(255,255,255,0.6) 95%) no-repeat left top/40px auto;transform:skewX(-25deg) scale(1);position:absolute; left:270px; top:0; z-index:99; content:''; transition:all 0.3s;} .m46 .a27 .ls2 .im4:hover .cv16::before{left:800px;width:80px;transition:all 0.3s;background:linear-gradient(90deg,rgba(255,255,255,0) 5%,rgba(255,255,255,0.8) 95%) no-repeat left top/80px auto; } .m46 .a27 .ls2 .t23{ width:400px; height:165px; padding:40px 50px;font:bold 16px/30px Georgia,"微軟正黑體";color:#a17f36; position:relative; z-index:3} .m46 .a27 .ls2 .t23 h4{font:bold 24px/40px Verdana, "微軟正黑體"; color:#333; letter-spacing:2px; display:block; overflow:hidden; height:40px; margin-bottom:5px} .m46 .a27 .ls2 .t23 h5{font:16px/26px Verdana, "微軟正黑體"; color:#777; letter-spacing:1px;display:block; overflow:hidden; height:52px;margin-bottom:16px} /*read-more*/ .m46 .a27 .ls2 .t23 h6{display:block; overflow:hidden; height:20px; width:100%; text-align:right; float:right; position:relative} .m46 .a27 .ls2 .t23 h6 a{} .m46 .a27 .ls2 .t23 h6 a:hover{ } .m46 .a27 .ls2 .t23 h6 a::before{font:italic 16px/20px Verdana, "微軟正黑體"; position:absolute;transition:all 0.3s; content:'+Read More'; color:#1e2541; position:absolute; top:0px; right:0; width:120px; height:20px;letter-spacing:1px;} .m46 .a27 .ls2 .t23 h6 a:hover::before{ transition:all 0.3s;content:'+Read More'; position:absolute; top:40px; right:0;font:italic 16px/20px Verdana, "微軟正黑體";color:#1e2541;} .m46 .a27 .ls2 .t23 h6 a::after{font:italic 16px/20px Verdana, "微軟正黑體"; height:20px;transition:all 0.3s; content:'+Read More'; color:#a17f36;position:absolute;top:-40px; right:0; width:120px; height:20px;letter-spacing:1px; z-index:2} .m46 .a27 .ls2 .t23 h6 a:hover::after{ transition:all 0.3s;top:0; right:0} /*-----------列表頁次-----------*/ .pg1{width:860px; margin:50px auto 60px; border-top:0px dotted #ccc; } .pager div, .pager span, .pager a{ border-radius:1px;} .pager {text-align:center; margin: 0 ; padding:0 } .pager .disabled {text-align:center;font: 16px/40px verdana, "微軟正黑體";color:#aaa;width:40px;height:40px;display:inline-block; background:#fff;border:1px solid #ccc} .pager .current { background:#000; color:#fff;text-align:center;width:40px;height:40px;display:inline-block;font: 16px/40px verdana;} .pager span, .pager a{margin:0 12px 0 0;} .pager a {padding: 0;text-align: center;text-decoration: none; width:40px; height:40px; display:inline-block;font:16px/40px verdana, "微軟正黑體"; color:#666; background:#fff; border:1px solid #ccc} .pager a:hover {background:#888;color:#fff;border:1px solid #888} /*NEWS2_list-------中間區域----右半邊*/ /*搜尋引擎*/ .m46 .a28{width:300px;height:auto;overflow:hidden; padding:30px 0 0; float:right; } .m46 .a28 .sh1{ width:298px;height:40px; border:1px solid #1e2541; margin:0 0 68px;background:#fff} .m46 .a28 .sh1 input{ width:238px; height:40px;padding:0 10px;font:15px/40px verdana, "微軟正黑體";color:#1e2541; border:0; display:block; float:left} .m46 .a28 .sh1 .ic1{ width:40px; height:30px; text-align:center; float:left; padding:7px 0} /*youtube-*/ .m46 .a28 .b62{ width:300px; height:auto; overflow:hidden; margin-bottom:20px} .m46 .a28 .b62 .c20{ width:300px; height:170px; overflow:hidden} .m46 .a28 .b62 .c20 iframe{ width:302px; height:170px; margin-top:0px} .m46 .a28 .b62 .t24{ width:280px; height:auto; overflow:hidden; background:#111; padding:5px 10px 10px;font:14px/18px Arial,"微軟正黑體";color:#fff;} .m46 .a28 .b62 .t24 a{width:280px; height:29px;font:bold 18px/29px Arial,"微軟正黑體";color:#fff; display:inline-block; letter-spacing:-0.5px} .m46 .a28 .b62 .t24 a:hover{ color:rgba(255,255,255,0.6)} .m46 .a28 .b62 .t24-2{} /*youtube-*/ .m46 .a28 .b63{width:300px;height:300px;overflow:hidden;margin-bottom:20px} .m46 .a28 .b63 img{width:300px;height:300px;transition:all 0.3s} .m46 .a28 .b63 img:hover{transform:scale(1.2);filter:contrast(140%);-webkit-filter:contrast(140%);transition:all 0.3s} /*你可能还想看-*/ .m46 .a28 .b64{width:298px;height:auto;overflow:hidden;margin-bottom:20px; border:1px solid #000; border-radius:5px;} .m46 .a28 .b64 span{ width:100%;height:50px;font:bold 20px/50px Arial,"微軟正黑體";color:#fff; background:#000; display:block; text-align:center;} .m46 .a28 .b64 .ls3{width:270px;height:auto; overflow:hidden;padding-top:10px; border-top:1px dotted #ddd; margin:0 auto 10px} .m46 .a28 .b64 .ls3 .im5{width:84px;height:84px;overflow:hidden;margin-right:10px; float:left} .m46 .a28 .b64 .ls3 .im5 img{width:84px;height:84px;transition:all 0.3s} .m46 .a28 .b64 .ls3 .im5 img:hover{transform:scale(1.05);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s} .m46 .a28 .b64 .ls3 .t25{ width:176px; height:48px; overflow:hidden;padding:5px 10px 10px;padding:18px 0; float:left} .m46 .a28 .b64 .ls3 .t25 a{width:176px; height:48px;overflow:hidden;font:18px/24px Arial,"微軟正黑體";color:#777; display:inline-block;letter-spacing:-0.5px; vertical-align:middle} .m46 .a28 .b64 .ls3 .t25 a:hover{ color:#000} /*关于腾云--AD-*/ .m46 .a28 .b65{width:300px;height:300px;overflow:hidden;margin-bottom:20px; position:relative;} .m46 .a28 .b65 > img{width:300px;height:300px;transition:all 0.3s} .m46 .a28 .b65:hover > img{transform:scale(1.1);filter:contrast(120%);-webkit-filter:contrast(120%);transition:all 0.3s} .m46 .a28 .b65 .t26{ width:0; height:0; border-top:90px solid rgba(30,40,65,0.85);border-left:0px solid rgba(0,0,0,0);border-right:140px solid rgba(0,0,0,0);transition:all 0.3s; position:absolute; top:0; left:0; transition:all 0.3s; z-index:2} .m46 .a28 .b65 .t26::after{ width:170px; height:90px;box-shadow:0 2px 7px rgba(0,0,0,0.5);transform:rotate(-33deg); position:absolute; left:-37px;top:-130px;content:'关于腾云'; font:bold 20px/150px Arial,"微軟正黑體"; color:#fff; padding-left:30px} .m46 .a28 .b65 .im6{ width:300px; height:0; overflow:hidden; padding:105px 0 0; position:absolute; bottom:0; left:0; background:url(../../images/ns/im7.png) center top no-repeat; transition:all 0.3s; z-index:2; line-height:20px} .m46 .a28 .b65:hover .t26{ border-top:0 solid rgba(30,40,65,0.85);border-right:0 solid rgba(0,0,0,0); transition:all 0.6s} .m46 .a28 .b65:hover .im6{ bottom:-105px; transition:all 0.3s;} .m46 .a28 .b65 .cv14{ width:300px; height:300px; position:absolute;left:0;top:0;z-index:3} .m46 .a28 .b65 .cv14 a{ width:300px;height:0; overflow:hidden;display:inline-block; background:url(../../images/ns/cv1.png) center top no-repeat;opacity:0; padding:300px 0 0;transform:scale(1.3) rotate(-8deg);transition:all 0.6s } .m46 .a28 .b65 .cv14 a:hover{opacity:1; transform: scale(1) rotate(0deg); transition:all 0.7s} /*NEWS2_view-------中間區域----左半邊*/ .bg2{ background:url(../../images/ns/bg3.jpg) no-repeat center top / cover;} .m46 .a27 .t27{ width:900px; height:auto; overflow:hidden; font:bold 42px/60px "Century Gothic","微軟正黑體"; color:#333; letter-spacing:-3px; margin-bottom:15px} .m46 .a27 .t27 h4{ font:24px/25px "Century Gothic"; color:#aaa; letter-spacing:-.5px;} .m46 .a27 .b66{ width:860px;height:auto;overflow: auto;margin-bottom:15px} .m46 .a27 .b66 .ic2, .m46 .a27 .b66 .ic3, .m46 .a27 .b66 .ic4, .m46 .a27 .b66 .line, .m46 .a27 .b66 .fb {width:auto; height:auto; overflow:hidden; float:right} .m46 .a27 .b66 .ic2 a{width:31px;height:25px;margin-left:20px;float:left; background:url(../../images/ns/ic2_over.png) no-repeat center top;display:inline-block; opacity:0.85} .m46 .a27 .b66 .ic2 a:hover{background:url(../../images/ns/ic2_over.png) center top no-repeat;opacity:1} .m46 .a27 .b66 .ic3 a{width:31px;height:25px;margin-left:10px;float:left; background:url(../../images/ns/ic3_over.png) no-repeat center top;display:inline-block; opacity:0.85} .m46 .a27 .b66 .ic3 a:hover{background:url(../../images/ns/ic3_over.png) center top no-repeat;opacity:1} .m46 .a27 .b66 .ic4 a{width:31px;height:25px;margin-left:20px;float:left; background:url(../../images/ns/ic4_over.png) no-repeat center top;display:inline-block; opacity:0.85} .m46 .a27 .b66 .ic4 a:hover{background:url(../../images/ns/ic4_over.png) center top no-repeat;opacity:1} .m46 .a27 .b66 .line a{width:31px;height:25px;margin-left:20px;float:left; background:url(../../images/ns/ic5_over.png) no-repeat center top/auto 25px;display:inline-block; opacity:0.85} .m46 .a27 .b66 .line a:hover{background:url(../../images/ns/ic5_over.png)no-repeat center top /auto 25px;opacity:1} .m46 .a27 .b66 .fb a{width:31px;height:25px;margin-left:20px;float:left; background:url(../../images/ns/ic6_over.png) no-repeat center top/auto 25px;display:inline-block; opacity:0.85} .m46 .a27 .b66 .fb a:hover{background:url(../../images/ns/ic6_over.png) no-repeat center top/ auto 25px;opacity:1} .m46 .a27 .im7{ width:100%; height:auto; overflow:hidden; margin-bottom:30px; box-shadow:0 2px 10px rgba(0,0,0,0); margin:0 auto 20px; padding:20px 0; border:1px solid #ddd; border-right:0;border-left:0; text-align:center} .m46 .a27 .im7 iframe{ width:700px; height:500px} .m46 .a27 .im7 img{ width:700px; height:auto;} .m46 .a27 .t28{ width:860px; min-height:100px;height:auto; overflow:hidden; font:17px/26px "Century Gothic","微軟正黑體"; color:#333; letter-spacing:0px; margin-bottom:15px; text-align:justify;text-justify: inter-ideograph; margin-bottom:50px} .m46 .a27 .t28 ul{padding-left:20px;} .m46 .a27 .t28 ul li{ list-style:outside;list-style-type:disc} /*NEWS_view-------中間區域----上一則---下一則*/ .m46 .a29{ width:860px; height:42px; overflow:hidden;text-align:center; margin-bottom:75px} .m46 .a29 .bt2 { width:42px; height:42px; margin:0 5px; display:inline-block } .m46 .a29 .bt2 a{ width:40px; height:40px; background:#fff; border:1px solid #000; display:inline-block;font:16px/40px verdana,"微軟正黑體"; color:#666v;} .m46 .a29 .bt2 a:hover{ background:#000;border:1px solid #000; color:#fff} .m46 .a29 .bt3{ width:102px; height:42px; margin:0 5px; display:inline-block} .m46 .a29 .bt3 a{ width:100px; height:40px; background:#000; border:1px solid #000; display:inline-block; text-align:center;font:16px/40px verdana,"微軟正黑體"; color:#fff;letter-spacing:4px} .m46 .a29 .bt3 a:hover{ background:#fff;border:1px solid #000;color:#000; } /*NEWS_list-------中間區域---大橫幅---*/ .m47{ width:100%; height:400px; background:url(../../images/ns/bn1.jpg) center -30px no-repeat} .m47 .a30{ width:300px; height:400px; margin:0 auto; position:relative} .m47 .a30 .sh2{ width:298px;height:40px; border:1px solid #1e2541; background:rgba(255,255,255,0.5); position:absolute; bottom:80px; left:0} .m47 .a30 .sh2 input{ width:238px; height:40px;padding:0 10px;font:15px/40px verdana, "微軟正黑體";color:#1e2541; border:0; display:block; float:left; background:none} .m47 .a30 .sh2 .ic1{ width:40px; height:30px; text-align:center; float:left; padding:7px 0} /*NEWS_list-------中間區域---列表---*/ .m48{ width:100%;height:550px;overflow:hidden;position:relative;background:url(../../images/aa2/bg2.jpg) no-repeat center; } .m48-2{background:url(../../images/aa2/bg3.jpg) no-repeat center; } .m48-3{background:url(../../images/aa2/bg4.jpg) no-repeat center; } .m48-4{background:url(../../images/aa2/bg5.jpg) no-repeat center; } .m48 .cv15{width:50%;height:550px;background:#fff;position:absolute;left:0;top:0;} .m48 .cv15 h4{ width:0; height:0; border-top:23px solid rgba(0,0,0,0);border-left:27px solid #fff;border-bottom:23px solid rgba(0,0,0,0); float:right; vertical-align:middle; display:inline-block;margin:252px -27px 0 0} .m48 .cv15 h5{ width:0; height:0; border-top:23px solid rgba(0,0,0,0);border-right:27px solid #fff;border-bottom:23px solid rgba(0,0,0,0); vertical-align:middle; display:inline-block; margin:252px 0 0 -27px} .m48 .cv15-2{left:auto; right:0} .m48 .a31{width:1080px;height:550px;margin:0 auto; position:relative; z-index:2} .m48 .a31 .b67{ width:450px; height:405px; padding:60px 0 0 0; float:left; /*background:url(../../images/ns/im9.png) left 100px no-repeat*/} .m48 .a31 .b67-2{ float:right; margin-left:100px} .m48 .a31 .b67-3{padding:50px 0 0 0;} .m48 .a31 .b67 .t29{width:100%;height:25px;margin:0 0 25px;font:24px/35px "Century Gothic","微軟正黑體";color:#a00;} .m48 .a31 .b67 .t30{width:100%;max-height:100px; overflow:hidden;font:33px/50px "Century Gothic","微軟正黑體";color:#333; margin:0 0 20px; letter-spacing:-1.5px; background:linear-gradient(90deg,#333 50%,#a00 50%) no-repeat 3px bottom/200px 2px; padding:0 0 20px} .m48 .a31 .b67 .t31{width:100%; height: auto; overflow: hidden; font:17px/28px arial,"微軟正黑體";color:#777; margin:0 0 20px; text-align:justify;text-justify: inter-ideograph; padding-left:3px;box-sizing: border-box; letter-spacing:0.3px} .m48 .a31 .b67 .t12{width:100%;height:auto;overflow: hidden;margin:0 0 10px;font: 15px/24px "Century Gothic","微軟正黑體";color:#333; letter-spacing:1px} .m48 .a31 .b67 .t12-2{margin:0 0 30px} .m48 .a31 .b67 .t12 > img{ height:24px; width:auto; margin-right:5px; display:inline-block; vertical-align:middle; padding-bottom:5px} .m48 .a31 .b67 .t12 a{font:17px/30px "Century Gothic","微軟正黑體";color:#9721bd;} .m48 .a31 .b67 .t12 a:hover{color:#9d4ab8; text-decoration:underline} .m48 .a31 .b67 .t12 span{width:auto; height:auto; overflow:hidden;display:inline-block; margin:0 3px 0 0; vertical-align:top} /*20190522-補充介面*/ .m48 .a31 .b67 .t12 .im10 {width:25px;height:25px;float:left; margin-right:5px} .m48 .a31 .b67 .t12 .im10 img{ width:100%; height:auto;vertical-align: middle; padding: 0 0 4px} .m48 .a31 .b67 .t12 .st1{width:420px;height:auto;overflow: hidden;font: 15px/25px "Century Gothic","微軟正黑體";color:#333; letter-spacing:1px;float:left; padding: 0} .m48 .a31 .b67 .t12 .st1 span{color:#aaa} .m48 .a31 .b67 .bt4 a{width:148px; height:38px;font:italic 15px/38px verdana,"微軟正黑體";color:#1e2541; display:inline-block; text-align:center; background:#fff;border:1px solid #000; letter-spacing:1.5px} .m48 .a31 .b67 .bt4 a:hover{ background:#000;color:#fff;} /*down----街景--地點--彈出視窗---*/ .m12 .a8 .b21 .c9 .d12:hover a{ color:#fff} .m12 .a8 .b21 .c9 .d12 .m49{ width:0;height:0; overflow:hidden; padding:0;position:absolute; top:-250px; left:84px; background:rgba(255,255,255,1); border:1px solid #1e2541;opacity:0;transition:all 0.3s; z-index:2} .m12 .a8 .b21 .c9 .d12 .m49 .cls{ width:38px;height:38px;position:absolute;right:0;top:0;} .m12 .a8 .b21 .c9 .d12 .m49 .cls a{ width:37px;height:38px; display:inline-block; font:17px/35px verdana,"新細明體"; background:rgba(30,40,65,1); color:#fff; text-align:center; padding-left:1px} .m12 .a8 .b21 .c9 .d12 .m49 .cls a:hover{ background:rgba(30,40,65,0.8)} .m12 .a8 .b21 .c9 .d12:hover .m49{ width:240px;height:auto;opacity:1;transition:all 0.3s;padding:25px 40px;} .m12 .a8 .b21 .c9 .d12 .m49 .ls4{width:240px; height:auto; overflow:hidden;} .m12 .a8 .b21 .c9 .d12 .m49 .ls4 .t32{ width:240px; height:30px;font:bold 16px/30px verdana,"微軟正黑體"; color:#1e2541; text-align:left} .m12 .a8 .b21 .c9 .d12 .m49 .ls4 .t33{ width:240px; height:auto; overflow:hidden;} .m12 .a8 .b21 .c9 .d12 .m49 .ls4 .t33 a{ width:120px; height:25px;font:12px/20px verdana, "新細明體"; color:#888; float:left; display:inline-block; text-align:left} .m12 .a8 .b21 .c9 .d12 .m49 .ls4 .t33 a:hover{ color:#1e2541} /*down----QRCODE---彈出視窗---*/ .m12 .a8 .b21 .c9 .d12 .m49 .t34{ width:240px; height:30px;font:13px/30px verdana,"新細明體"; color:#1e2541; text-align:center; margin-top:10px} .m12 .a8 .b21 .c9 .d12 .m49 .qr{ width:240px; height:240px } .m12 .a8 .b21 .c9 .d12 .m49 .qr img{ width:240px; height:240px} /*------aa_7企業文化-------*/ .m51{ width:100%; height:2802px; background:url(../../images/aa7/bn1.jpg) no-repeat center top, url(../../images/aa7/bg1.jpg) no-repeat center 740px, url(../../images/aa7/bg2.jpg) no-repeat center 1640px, url(../../images/aa7/bg3.jpg) no-repeat center 2473px} .m51 .a41{width:1200px; height:740; margin:0 auto 280px; padding-top:100px} /*-六大類-*/ .m51 .a42{ width:1200px; height:643px; margin:0 auto; background:url(../../images/aa7/bg5.jpg) no-repeat center top; box-shadow:3px -5px 20px rgba(0,0,0,0.3); position:relative} .m51 .a42 .b75{ width:230px; height:340px; position:absolute; top:160px; left:120px; font:bold 24px/40px Arial, "微軟正黑體"; color:#fff; text-align:left; letter-spacing:0.7px} .m51 .a42 .b75 h4{font:17px/30px Arial, "微軟正黑體"; text-transform:uppercase} .m51 .a42 .b76{width:230px; height:340px; position:absolute; top:335px; left:120px;font:17px/30px Arial, "微軟正黑體";color:#fff; text-align:left} .m51 .a42 .b77{ width:760px; height:585px; position:absolute; bottom:0; right:0;background:url(../../images/aa7/im1.jpg) no-repeat top center} .m51 .a42 .b77 .c41{ width:700px; height:100px; padding:30px 30px; background:rgba(161,127,54,0.85); position:absolute; bottom:0; right:0; font:bold 21px/30px Arial, "微軟正黑體"; color:#fff; text-align:left} .m51 .a42 .b77 .c41 h4{font:bold 12px/18px Arial, "微軟正黑體"; display:inline} .m51 .a42 .b77 .c41 h5{font:16px/26px Arial, "微軟正黑體"; text-align:justify} .m51 .a43{width:1200px; height:auto; overflow:hidden; padding-bottom:55px; margin:0 auto;box-shadow:3px 5px 20px rgba(0,0,0,0.3);; background:#002a56} .m51 .a43 .b78{ width:380px; height:585px; position:relative;background:url(../../images/aa7/im4.jpg) no-repeat center top; float:right} .m51 .a43 .b79{ width:380px; height:585px;position:relative; background:url(../../images/aa7/im3.jpg) no-repeat center top; float:right} .m51 .a43 .b80{ width:380px; height:585px;position:relative; background:url(../../images/aa7/im2.jpg) no-repeat center top; float:right} .m51 .a43 .b81{ width:380px; height:585px;position:relative; background:url(../../images/aa7/im6.jpg) no-repeat center top; float:right} .c42{width:320px; height:100px; padding:30px 30px; background:rgba(161,127,54,0.85); position:absolute; bottom:0; right:0; font:bold 21px/30px Arial, "微軟正黑體"; color:#fff; text-align:left} .c42 h4{font:bold 12px/18px Arial, "微軟正黑體"; display:inline} .c42 h5{font:16px/26px Arial, "微軟正黑體"; text-align:justify} .m51 .a43 .b82{ width:760px; height:585px;position:relative; background:url(../../images/aa7/im5.jpg) no-repeat top center; float:right} .m51 .a43 .b82 .c43{width:330px; height:100px; padding:30px 30px; position:absolute; bottom:0; left:0; font:bold 21px/30px Arial, "微軟正黑體"; color:#fff; text-align:left} .m51 .a43 .b82 .c43 h4{font:bold 12px/18px Arial, "微軟正黑體"; display:inline} .m51 .a43 .b82 .c43 h5{font:16px/26px Arial, "微軟正黑體"; text-align:justify} /*-超越极限成就梦想-*/ .m51 .a44{ width:270px; height:50px; margin:0 auto; padding-top:115px; font:bold 24px/28px Arial, "微軟正黑體"; color:#002a56; text-align:center; letter-spacing:6px} .m51 .a44 h4{font:16px/20px Arial, "微軟正黑體"; color:#777;letter-spacing:0px} /*-社會責任區塊-*/ .m52{ width:100%; height:550px; background:url(../../images/aa7/bg4.jpg) no-repeat center top} .m52 .a45{width:1200px; height:550px; margin:0 auto} .m52 .a45 .b83{width:400px; height:490px; float:right; padding-top:60px; background:rgba(161, 127, 54, 0.9); position:relative} /*------aa_8社會責任-------*/ .m58{ width:100%; height:702px; background:url(../../images/aa8/bn1.jpg) no-repeat center top} .m58 .a33{ width:1200px; height:702; margin:0 auto; padding-top:100px} .b73{ width:252px; height:59px; margin:0 auto 20px;} .b73 img{ width:100%; height:100%} .b73-2{width:250px; height:32px;font:bold 32px/32px Arial, "微軟正黑體";margin:0 auto 10px; color:#002a56;text-align:center;letter-spacing:-1px} .b84{ width:191px; height:22px; margin:0 auto 20px;font:bold 16px/16px Arial, "微軟正黑體";color:#a17f36; letter-spacing:2px; text-transform:uppercase} .b84-2{width:241px} .b84-3{width:160px} .b74{ width:700px; height:auto; overflow:hidden; margin:0 auto; font:bold 24px/36px Arial, "微軟正黑體"; color:#333; text-align:center} .b74-2{width:630px} /*-帮助人们提升自己-*/ .m59{ width:100%; height:629px; background:url(../../images/aa8/bg1.jpg) no-repeat center top} .m59 .a34{ width:1200px; height:629px; margin:0 auto; position:relative} .m59 .a34 .b75{width:428px; height:458px; position:absolute; top:70px; right:15px} .m59 .a34 .b75 .c29{width:428px; height:36px; margin:0 auto 50px; font:bold 24px/36px Arial, "微軟正黑體"; color:#333; text-align:left} .m59 .a34 .b75 .c30{width:428px; height:auto; overflow:hidden;font:17px/36px Arial, "微軟正黑體"; color:#333; text-align:left} .m59 .a34 .b75 .c30 h4{font:italic 14px/36px "Times New Roman", "微軟正黑體";color:#999} /*-抚慰妈妈辛劳的双手-*/ .m60{ width:100%; height:629px; background:url(../../images/aa8/bg2.jpg) no-repeat center top} .m60 .a35{width:1200px; height:629; margin:0 auto;position:relative} .m60 .a35 .b76{width:514px; height:464px; position:absolute; top:90px; left:28px} .m60 .a35 .b76 .c31{ width:514px;height:36px; margin:0 auto 25px; font:bold 24px/36px Arial, "微軟正黑體"; color:#333; text-align:left} .m60 .a35 .b76 .c32{width:514px; height:auto; overflow:hidden;font:17px/36px Arial, "微軟正黑體"; color:#333; text-align:left} .m60 .a35 .b76 .c32 h4{font:italic 14px/36px "Times New Roman", "微軟正黑體";color:#999} /*-不要停止梦想-*/ .m61{ width:100%; height:629px; background:url(../../images/aa8/bg3.jpg) no-repeat center top} .m61 .a36{ width:1200px; height:629px;margin:0 auto;position:relative} .m61 .a36 .b77{ width:364px; height:314px;position:absolute; top:150px; right:40px} .m61 .a36 .b77 .c33{ width:364px; height:36px;margin:0 auto 55px; font:bold 24px/36px Arial, "微軟正黑體"; color:#fff; text-align:left} .m61 .a36 .b77 .c34{width:364px; height:auto; overflow:hidden;font:17px/36px Arial, "微軟正黑體"; color:#fff; text-align:left} .m61 .a36 .b77 .c34 h4{font:italic 14px/36px "Times New Roman", "微軟正黑體";color:#fff} /*-用溫暖和微笑讓世界更好-*/ .m62{ width:100%; height:629px; background:url(../../images/aa8/bg4.jpg) no-repeat center top} .m62 .a37{ width:1200px;height:629px;margin:0 auto;position:relative} .m62 .a37 .b78{ width:364px; height:314px;position:absolute; top:150px; left:60px} .m62 .a37 .b78 .c35{ width:364px; height:36px;margin:0 auto 55px; font:bold 24px/36px Arial, "微軟正黑體"; color:#fff; text-align:left} .m62 .a37 .b78 .c36{width:364px; height:auto; overflow:hidden;font:17px/36px Arial, "微軟正黑體"; color:#fff; text-align:left} .m62 .a37 .b78 .c36 h4{font:italic 14px/36px "Times New Roman", "微軟正黑體";color:#fff} /*-种下每颗爱的种子-*/ .m63{ width:100%; height:629px; background:url(../../images/aa8/bg5.jpg) no-repeat center top} .m63 .a38{width:1200px; height:629px; margin:0 auto; position:relative} .m63 .a38 .b79{width:492px; height:280px; position:absolute; top:163px; right:37px} .m63 .a38 .b79 .c37{width:492px; height:36px; margin:0 auto 45px; font:bold 24px/36px Arial, "微軟正黑體"; color:#333; text-align:left; letter-spacing:-0.7px} .m63 .a38 .b79 .c38{width:492px; height:auto; overflow:hidden;font:17px/36px Arial, "微軟正黑體"; color:#333; text-align:left} .m63 .a38 .b79 .c38 h4{font:italic 14px/36px "Times New Roman", "微軟正黑體";color:#888 } /*-活动动态-*/ .m64{ width:100%; height:auto; overflow:hidden; background:url(../../images/aa8/bg6.jpg) no-repeat center top} .m64 .a39{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:100px 0 80px} .m64 .a39 .b80{ width:1200px; height:auto; overflow:hidden; margin:0 auto} .m64 .a39 .b80 .c39{width:570px; height:473px;float:left; margin:50px 22px 0 0} .m64 .a39 .b80 .c39-2{margin:180px 0 0 22px} .m64 .a39 .b80 .c39 .d25{ width:570px; height:325px;margin-bottom:38px;position:relative} .m64 .a39 .b80 .c39 .d25 .e1{width:560px; height:315px;position:absolute; top:0; left:0; z-index:1;transition:all 0.3s} .m64 .a39 .b80 .c39 .d25 .e1:hover{transform:translate(10px,10px);transition:all 0.3s} .m64 .a39 .b80 .c39 .d25 .e2{width:560px; height:315px; position:absolute; top:10px; left:10px; z-index:0; background:#e3d2ab} .m64 .a39 .b80 .c39 .d26{width:570px; height:110px; margin:0 auto} .m64 .a39 .b80 .c39 .d26 .e3{ width:410px; height:100px; overflow:hidden; float:left; padding:0 20px; border-right:1px #e3d2ab solid; font:19px/30px Arial, "微軟正黑體"; color:#a17f36} .m64 .a39 .b80 .c39 .d26 .e3 h4{font:15px/24px Arial, "微軟正黑體"; color:#333} .m64 .a39 .b80 .c39 .d26 .e4{width:99px; height:70px; float:left; margin:0 auto; padding:20px 10px} .m64 .a39 .b80 .c39 .d26 .e4 .dt1{ width:46px; height:auto; margin:0 auto; font:18px/18px Verdana; color:#e3d2ab; text-align:center} .m64 .a39 .b80 .c39 .d26 .e4 .dt2{ width:46px; height:auto; margin:0 auto; font:bolder 32px/32px Verdana; color:#e3d2ab; text-align:center} .m64 .a39 .b80 .c39 .d26 .e4 .dt3{ width:46px; height:auto; margin:0 auto; font:bolder 20px/20px Verdana; color:#e3d2ab; text-align:center} .m64 .a39 .b80 .c40{ width:14px; height:692px; background:url(../../images/aa8/im2.png) no-repeat top center; float:left} .m64 .a39 .b81{ width:166px; height:52px; margin:0 auto} /*-企業文化區塊-*/ .m65{ width:100%; height:550px; background:url(../../images/aa8/bg7.jpg) no-repeat center top} .m65 .a40{width:1200px; height:550px; margin:0 auto} .m65 .a40 .b81{width:400px; height:490px; padding-top:60px; background:rgba(0,42,86,0.7); position:relative} /*------------------首頁產品介紹-----------------*/ .m66{ width:1200px; height:500px; line-height:0; margin:0 auto 100px;} /*--↓圖片區域-控制超 連結、藏字、顯示背景--*/ .m66 .ol{} .m66 .carousel-inner{ height:550px; } .m66 .carousel-inner > .item > a{ width:1200px; height:auto;overflow:hidden; padding:10px 0} /*--↓大橫幅-圓點Page控制--*/ .m66 .carousel-indicators li{ height:10px; width:30px; background-color:#fff; border:0px solid #aaa; margin:0 4px;box-shadow:0 2px 5px rgba(0,0,0,0.0);transition:all 0.3s;background:linear-gradient(90deg,#12b4af 50%,#12b4af 100%) no-repeat left top/0% 100%; background:#ccc} .m66 .carousel-indicators li:hover{ background:#a3f0ee; border:0px solid #fd0;} .m66 .carousel-indicators{ bottom:40px; left:50%;transition:all 0.3s} .m66 .carousel-indicators .active{ border:0px solid #333; cursor:auto; height:10px;background:#12b4af } /*--控制左右鍵滑鼠碰到顏色--*/ .m66 .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} .m66 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s} .m66 .carousel-control.left{background-image:none; position:absolute;z-index:99;opacity:1;width:3%; } .m66 .carousel-control.right{background-image:none; position:absolute;z-index:99;opacity:1;width:3%} .m66 .glyphicon-chevron-right{ right:-40%} .m66 .glyphicon-chevron-left{ left:-40%} .m66 .glyphicon-chevron-right::before{ content:""} .m66 .glyphicon-chevron-left::before {content:""} /*左右按鈕改圖片指令*/ .m66 .glyphicon{ top:42%} .m66 .carousel-control.right img{ width:auto; height:120px} .m66 .carousel-control.left img{ width:auto; height:120px} /*------------------首頁產品介紹----------內容主體-------*/ .m67{ width:1200px; height:550px; 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} .m67 .im6{width:500px;height:500px;float:left;box-shadow:0 0px 0px rgba(0,0,0,0.7); margin:0 40px 0 80px} .m67 .im6 img{ width:100%; height:auto} .m67 .a32{ width:520px; height:550px;float:left; margin:60px 0 0 0;} .m67 .a32 .t25{width:520px;height:35px;float:left;font:15px/35px verdana,"微軟正黑體"; color:#b9a476} .m67 .a32 .t25 span{font:bold 21px/35px Arial,"微軟正黑體";} .m67 .a32 .t26{width:520px;height:85px; overflow:hidden;float:left;font:bold 35px/40px verdana,"微軟正黑體";color:#333;background:linear-gradient(90deg,#000 50%,#ccc 50%) no-repeat left bottom/60px 5px;margin-bottom:25px} .m67 .a32 .t26 a{width:520px;max-height:80px; overflow:hidden;float:left;font:bold 35px/40px verdana,"微軟正黑體";color:#333; /*no-repeat left bottom/60px 5px;*/margin-bottom:10px} .m67 .a32 .t26 a:hover{ color:#1e2541} .m67 .a32 .t27{width:520px; max-height:200px; overflow:hidden;float:left;font:18px/30px verdana,"微軟正黑體";color:#333; margin-bottom:25px} .m67 .a32 .t28{width:30%;;height:auto;text-align:left; margin:0 auto; float:left} .m67 .a32 .t28 a{ width:100%;height:auto;overflow:hidden;font:16px/40px "Century Gothic","微軟正黑體";color:#888; display:inline-block; background:#fff; border:1px solid #ccc; padding:0 2px; text-align:center; border-radius:5px} .m67 .a32 .t28 a:hover{color:#fff;background:#000;transition:all 0.3s;border:1px solid #000;} /*------------------首頁視頻影音-----------------*/ .m68x{ width:100%; height:auto; overflow:hidden; line-height:0; margin:0 0 0; background:url(../../images/in1/bg1.jpg) center ; padding:80px 0 } .m68{ width:1200px; height:520px; line-height:0; margin:0 auto 80px;} /*--↓圖片區域-控制超 連結、藏字、顯示背景--*/ .m68 .ol{} .m68 .carousel-inner{ height:550px; } .m68 .carousel-inner > .item > a{ width:1200px; height:500px;overflow:hidden;display:inline-block; padding:10px 0} /*--↓大橫幅-圓點Page控制--*/ .m68 .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,0.2); } .m68 .carousel-indicators li:hover{ background-color:#b9a476;} .m68 .carousel-indicators{ bottom:-40px} .m68 .carousel-indicators .active{background-color:#b9a476; border:2px solid #b9a476} /*--控制左右鍵滑鼠碰到顏色--*/ .m68 .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} .m68 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s} .m68 .carousel-control.left{background-image:none; position:absolute;z-index:99;opacity:1;width:32px; height:32px; left:540px; top:520px} .m68 .carousel-control.right{background-image:none; position:absolute;z-index:99;opacity:1;width:32px; height:32px; right:523px; top:520px} .m68 .glyphicon-chevron-right{ font-size:14px; text-shadow:0 0 0 #ccc; color:#fff; background:#aaa; width:32px; height:32px; display:block; line-height:33px;border-radius:5px;transition:all 0.3s } .m68 .glyphicon-chevron-right:hover{ background:#333;transition:all 0.3s } .m68 .glyphicon-chevron-left{ font-size:14px; text-shadow:0 0 0 #ccc; color:#fff; background:#aaa; width:32px;height:32px; display:block; line-height:33px;border-radius:5px;;transition:all 0.3s} .m68 .glyphicon-chevron-left:hover{ background:#333;transition:all 0.3s} /*.m68 .glyphicon-chevron-right{right:1540%} .m68 .glyphicon-chevron-left{ left:1580%}*/ /*左右按鈕改圖片指令*/ .m68 .glyphicon{ top:105%} .m68 .carousel-control.right img{ width:auto; height:40px} .m68 .carousel-control.left img{ width:auto; height:40px} /*------------------首頁產品介紹----------內容主體-------*/ /*.m69 .im6{width:500px;height:550px;float:left;box-shadow:0 0px 0px rgba(0,0,0,0.7); margin:0 40px 0 80px} .m69 .im6 img{ width:500px; height:500px} .m69 .a32{ width:520px; height:550px;float:left; margin:60px 0 0 0;} .m69 .a32 .t25{width:520px;height:35px;float:left;font:15px/35px verdana,"微軟正黑體"; color:#b9a476} .m69 .a32 .t25 span{font:bold 21px/35px Arial,"微軟正黑體";} .m69 .a32 .t26{width:520px;height:85px; overflow:hidden;float:left;font:bold 35px/40px verdana,"微軟正黑體";color:#333;background:linear-gradient(90deg,#b9a476 50%,#1e2541 50%) no-repeat left bottom/60px 5px;margin-bottom:25px} .m69 .a32 .t26 a{width:520px;max-height:80px; overflow:hidden;float:left;font:bold 35px/40px verdana,"微軟正黑體";color:#333; no-repeat left bottom/60px 5px;margin-bottom:10px} .m69 .a32 .t26 a:hover{ color:#1e2541} .m69 .a32 .t27{width:520px;height:80px;float:left;font:20px/30px verdana,"微軟正黑體";color:#333; margin-bottom:25px} .m69 .a32 .t28{width:30%;;height:auto;text-align:left; margin:0 auto; float:left} .m69 .a32 .t28 a{ width:100%;height:auto;overflow:hidden;font:16px/40px "Century Gothic","微軟正黑體";color:#888; display:inline-block; background:#fff; border:1px solid #ccc; padding:0 2px; text-align:center; border-radius:5px} .m69 .a32 .t28 a:hover{color:#fff;background:#b9a476;transition:all 0.3s;border:1px solid #b9a476;}*/ .m70{ width:500px; height:auto; overflow:hidden;font:bold 34px/30px verdana,"微軟正黑體"; color:#b9a476; text-align:center; margin:0 auto; color:#333; letter-spacing:-1px} .m70 span{font:38px/30px "Century Gothic","微軟正黑體"; color:#333; margin-left:0px } .m69{ width:1185px; height:550px; overflow:hidden;text-shadow:0 0 0 #fff; text-align:left; padding:0 0 0 15px; margin:0 auto; position:absolute; left:0 ; right:0; top:0} .ls5{ width:31.33%;height:auto;overflow:hidden; margin:0 1% 15px; border:1px solid #ccc; float:left; position:relative;box-shadow: 0 2px 10px rgba(0,0,0,.25);border-radius:15px;box-sizing: border-box;} .ls5 .im12{ width:100%;height:285px;overflow:hidden; position:relative} .ls5 .im12 img{width:100%;height:285px;transition:all 0.3s} .ls5 .im12 img:hover {transform: scale(1.1); transition:all 0.3s;filter:contrast(140%);-webkit-filter:contrast(140%);} .ls5 .dt4{ width:120px; height:30px; position:absolute; left:20px; top:260px;font:14px/30px "Century Gothic","微軟正黑體"; background:#fff; color:#666; text-align:center} .ls5 .im12 .cv21{ width:100%;height:285px; background:rgba(0,0,0,0); position:absolute; left:0; top:0; z-index:9} .ls5 .im12 .cv21 a{width:100%;height:285px; font:32px/325px "Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center; background:rgba(0,0,0,0);opacity:0} .ls5 .im12 .cv21 a:hover{ background:rgba(0,0,0,.6);opacity:1; line-height:285px} .ls5 .im12 iframe{ width:380px;height:100%;overflow:hidden;transition:all 0.3s} .ls5 .t7{ width:340px;height:70px;overflow:hidden; padding:20px 20px 0 20px; margin-bottom:0px; margin-bottom:15px;} .ls5 .t7 a{ width:340px;font:500 24px/35px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000} .ls5 .im12:hover iframe{transform:rotate(0deg) scale(1.1);transition:all 0.3s} .ls5 .t7 a:hover{ color:#888} .ls5 .t8{ width:340px;height:75px;overflow:hidden; padding:0 20px; margin-bottom:20px;font:500 15px/25px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#555; text-align:justify;text-justify: inter-ideograph ;} .ls5 .t8 > p{font:500 15px/25px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體" !important;padding:0;margin: 0} .ls5 .t8 > p > span{font:500 15px/25px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體" !important;} /*熱門焦點----list新版*/ .m71{ width:500px; height:auto; overflow:hidden;font:bold 34px/30px verdana,"微軟正黑體"; /*color:#b9a476; */text-align:center; margin:40px auto 20px; color:#333; letter-spacing:-1px} .m71 span{font:38px/30px "Century Gothic","微軟正黑體"; color:#333; margin-left:0px } .m72{ width:1200px; height:auto; overflow:hidden; margin:0 auto;padding:0 20px} .ls1-2{width:1170px; margin:0 auto 20px; } .bt5{width:400px; height:50px; margin:20px auto 50px; text-align:center} .bt5 a{width:auto; height:50px;font:16px/50px "微軟正黑體";color:#666; display:inline-block; text-align:center; border-radius:5px; border:1px solid #ccc; padding:0 50px} .bt5 a:hover{ background:#000;color:#fff;border:1px solid #000;} /*20180426--Down新增---QRcode*/ /*--QRCode--*/ .m12 .a8 .b85{ width:250px; height:80px; float:right;margin:90px 0 10px 10px; } .m12 .a8 .b85 .c44{ width:60px; height:80px; float:right; margin:0 15px 0 0} .m12 .a8 .b85 .c44 .d15{ width:60px; height:60px; float:left; overflow:hidden} .m12 .a8 .b85 .c44 .d15 img{ width:60px; height:60px} .m12 .a8 .b85 .c44 .d15 a{width:60px; height:60px} .m12 .a8 .b85 .c44 .d16{ width:60px; height:15px; float:left; font:12px/20px Verdana, "微軟正黑體"; color:#fff; text-align:center} /*-----20180507---aa1------*/ .m73{ width:100%; height:0; overflow:hidden; background:url(../../images/aa1/bn2.jpg) right top no-repeat; padding:550px 0 0; line-height:100px} .m74{ width:1200px; height:310px; padding:140px 0 0; margin:0 auto} .m74 .a46{width:380px; height:310px; margin:0 20px 0 0;font:bold 51px/51px verdana,"微軟正黑體"; color:#000; letter-spacing:-4px; float:left; text-transform:uppercase;text-align:justify;text-justify: inter-ideograph;} .m74 .a46 h4{font:31px/25px Arial,"微軟正黑體"; letter-spacing:0px; padding:10px 0 0} .m74 .a47{width:800px; height:310px; font:16px/35px Arial,"微軟正黑體"; color:#555; letter-spacing:0px; float:left} .m74 .a47 h4{font:bold 27px/25px Arial,"微軟正黑體";} .m74 .a47 h4 span{ text-decoration:underline} .m75{ width:100%; height:0; overflow:hidden; background:url(../../images/aa1/bn3.jpg) center top no-repeat; padding:450px 0 0; line-height:100px} .m76{ width:100%; height:0; overflow:hidden; background:url(../../images/aa1/bn4.jpg) center top no-repeat; padding:450px 0 0; line-height:100px} .m77{ width:100%; height:730px; overflow:hidden; background:url(../../images/aa1/bn5.jpg) center top no-repeat; padding:120px 0 0; position:relative} .m77 .a48{ width:750px; height:auto; overflow:hidden; background:rgba(255,255,255,0.75); padding:30px 30px; position:absolute; right:20%; top:10%; } .m77 .a48 .b86{width:60%; height:auto; overflow:hidden;font:bold 51px/51px verdana,"微軟正黑體"; color:#333; letter-spacing:-4px; text-transform:uppercase; float:left; margin-bottom:10px} .m77 .a48 .b86 h4{font:31px/25px Arial,"微軟正黑體"; letter-spacing:0px; padding:10px 0 0} .m77 .a48 .b87{width:100%; height:auto; overflow:hidden; font:16px/35px Arial,"微軟正黑體"; color:#333; letter-spacing:0px; float:left; float:right} .m77 .a48 .b87 h4{font:bold 27px/45px Arial,"微軟正黑體"; letter-spacing:0px;margin-bottom:0px} /*-----20180507---aa2小分子蛋白-----*/ .m78{ width:1198px; height:auto; overflow:hidden; margin:30px auto 20px;border-radius:5px; border:1px solid #e8e8e8} .m78 .a49{ width:1160px; height:46px; background:#f8f8f8; padding:0 20px; font:16px/46px "Century Gothic","微軟正黑體"; color:#000;border-bottom:1px solid #e8e8e8; text-transform:uppercase} .m78 .a49 a{font:16px/46px "Century Gothic","微軟正黑體"; float:right} .m78 .a49 a:hover{ color:#A17F36} .m78 .a50{ width:1160px; min-height:200px; height:auto; overflow:hidden; background:linear-gradient(90deg,#ddd 50%,#ddd 50%) repeat-y center top/1px 100%; padding:15px 20px 20px} .m78 .a50 .b87{ float:left; width:25%; height:auto; overflow:hidden; } .m78 .a50 .b87 img{ width:94%; height:auto} .m78 .a50 .t7{ width:25%;height:auto;overflow:hidden; padding:15px 0 0 ;font:14px/20px "Century Gothic","微軟正黑體"; float:left; color:#888} .m78 .a50 .t7 h4{font:bold 16px/50px "Century Gothic","微軟正黑體"; color:#000; text-transform:uppercase} .m78 .a50 .t8{ width:40%;height:auto;overflow:hidden; padding:15px 5% ;font:14px/20px "Century Gothic","微軟正黑體"; float:left; color:#888; text-align:justify;text-justify: inter-ideograph;} .m78 .a50 .t8 h4{font:bold 16px/50px "Century Gothic","微軟正黑體"; color:#000; text-transform:uppercase} /*aa2*/ .m79{ width:1200px; height:0; overflow:hidden; background:url(../../images/aa2/ad1.jpg) center top no-repeat; padding:1480px 0 0; line-height:40px; text-indent:9999px; margin:0 auto } .aa2_ad2{background:url(../../images/aa2/ad2.jpg) no-repeat center top;padding:899px 0 0} .aa2_ad3{background:url(../../images/aa2/ad3.jpg) no-repeat center top;padding:1280px 0 0} .aa2_ad4{background:url(../../images/aa2/ad4.jpg) no-repeat center top;padding:1190px 0 0} .aa2_ad5{background:url(../../images/aa2/ad5.jpg) no-repeat center top;padding:1090px 0 0} .aa2_ad6{background:url(../../images/aa2/ad6.jpg) no-repeat center top;padding:1086px 0 0} .aa2_ad7{background:url(../../images/aa2/ad7.jpg) no-repeat center top;padding:1460px 0 0} .aa2_ad8{background:url(../../images/aa2/ad8.jpg) no-repeat center top;padding:1309px 0 0} .aa2_ad9{background:url(../../images/aa2/ad9.jpg) no-repeat center top;padding:1410px 0 0} .aa2_ad10{background:url(../../images/aa2/ad10.jpg) no-repeat center top;padding:1200px 0 0} .aa2_ad11{background:url(../../images/aa2/ad11.jpg) no-repeat center top;padding:1130px 0 0} .aa2_ad12{background:url(../../images/aa2/ad12.jpg) no-repeat center top;padding:1260px 0 0; margin-bottom:60px} /*aa3*/ .aa3_ad1{background:url(../../images/aa3/ad1.jpg) no-repeat center top; padding:1160px 0 0} .aa3_ad2{background:url(../../images/aa3/ad2.jpg) no-repeat center top; padding:1500px 0 0} .aa3_ad3{background:url(../../images/aa3/ad3.jpg) no-repeat center top; padding:1000px 0 0} .aa3_ad4{background:url(../../images/aa3/ad4.jpg) no-repeat center top; padding:1500px 0 0} .aa3_ad5{background:url(../../images/aa3/ad5.jpg) no-repeat center top; padding:1672px 0 0} .aa3_ad6{background:url(../../images/aa3/ad6.jpg) no-repeat center top; padding:1180px 0 0} .aa3_ad7{background:url(../../images/aa3/ad7.jpg) no-repeat center top; padding:1490px 0 0} .aa3_ad8{background:url(../../images/aa3/ad8.jpg) no-repeat center top; padding:1000px 0 0} .aa3_ad9{background:url(../../images/aa3/ad9.jpg) no-repeat center top; padding:1020px 0 0} .aa3_ad10{background:url(../../images/aa3/ad10.jpg) no-repeat center top;padding:955px 0 0} .aa3_ad11{background:url(../../images/aa3/ad11.jpg) no-repeat center top; padding:880px 0 0} .aa3_ad12{background:url(../../images/aa3/ad12.jpg) no-repeat center top; padding:1430px 0 0} .aa3_ad13{background:url(../../images/aa3/ad13.jpg) no-repeat center top; padding:1675px 0 0} .aa3_ad14{background:url(../../images/aa3/ad14.jpg) no-repeat center top; padding:1690px 0 0; margin-bottom:60px} /*首頁新介面*/ .bgt1{width:1200px; height:auto; overflow:hidden;font:500 42px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#333; margin:0 auto 40px; letter-spacing:-2.5px;padding:0 0 0 15px; background: linear-gradient(90deg,#333 50%,#333 50%) no-repeat left center /4px 64% /*linear-gradient(90deg,#609200 50%,#609200 50%) no-repeat left bottom /25% 1px;*/} .bgt1-2{width:1155px} .bgt1-3{ background:none; text-align:center; padding:40px 0 0} .bgt1-4{ width:100%;background:none; text-align:center; padding:40px 0 0; color:#ddd; text-shadow:0 2px 6px rgba(0,0,0,.0);margin:0 auto 20px;} .bgt1 span{font:48px/30px "Century Gothic","微軟正黑體"; color:#bbb; margin-left:10px; letter-spacing:-4px; text-transform:uppercase} .bgt1 a{width:auto; height:34px; overflow:hidden;font:18px/34px "Century Gothic","微軟正黑體";color:#aaa; display:block; text-align:center; border-radius:2px; border:1px solid #ccc; float:right; margin:8px 0 0; letter-spacing:0; padding:0 20px} .bgt1 a:hover{ background:#a00; border:1px solid #a00; color:#fff} /*專屬保養程序*/ .m80{width:100%;height:auto;overflow:hidden; margin-bottom:0} .m80 .a51{width:50%;height:600px;overflow:hidden; background:url(../../images/in1/bg2.jpg) no-repeat center/auto 600px; position:relative; float:left;transition:all ease-in .6s} .m80 .a51-2{background:url(../../images/in1/bg3.jpg) no-repeat center/auto 600px;transition:all ease-in .6s} .m80 .a51:hover{ background-size:auto 700px;transition:all ease 2s} .m80 .a51 .b88{width:80%; height:400px; position:absolute;top:100px; left:10%; background:rgba(255,255,255,0.70);font:22px/30px "Century Gothic","微軟正黑體"; color:#333; padding:10% 5% 0; box-sizing: border-box; text-align:center; letter-spacing:-.5px} .m80 .a51-2 .b88-2{ background:none} .m80 .a51 .b88 h4{font:48px/60px "Century Gothic","微軟正黑體"; color:#000; margin-bottom:20px;letter-spacing:-3px} .m80 .a51 .b88 .bt6{width:auto;height:auto;overflow:hidden; margin:40px 0 0 } .m80 .a51 .b88 .bt6 a{width:auto;height:50px;font:24px/50px "微軟正黑體";color:#12b4af; display:inline-block; text-align:center; /*background:rgba(255,255,255,.8);*/ border-radius:0px; border:1px solid #12b4af; padding:0 30px;background:linear-gradient(90deg,#12b4af 50%,#12b4af 100%) no-repeat center top/0% 100% rgba(255,255,255,.5)} .m80 .a51 .b88 .bt6 a:hover{ border:1px solid #a00; color:#fff; background:linear-gradient(90deg,#12b4af 50%,#12b4af 100%) no-repeat center top/100% 100% rgba(255,255,255,.6);border:1px solid #12b4af; } /*-------------------首頁橫幅手機版本專用-------------------*/ .m81x{ padding:102px 0 0 } .m81{ width:100%; height:360px; overflow:hidden; line-height:0; display:none; margin-bottom:40px} /*--圖片區域-控制超連結、藏字、顯示背景--*/ .m81 .carousel-inner{} .m81 .carousel-inner > .item{ background-size:cover; background-size:auto 100%} .m81 .carousel-inner > .item a{ width:100%; padding:360px 0 0; height:0px; overflow:hidden; display:inline-block; text-indent:-9999px} /*--圓點Page控制--*/ .m81 .carousel-indicators .active{background-color:#fff;border:1px solid #fff; display:block} .m81 .carousel-indicators li{ height:13px;width:13px;border:1px solid #fff;margin:0 2px;} .m81 .carousel-indicators{ bottom:30px} .m81 .carousel-control, .m81 .carousel-control:hover{ width:8%;font-size:24px} /*-------------------aa2--保養程序---橫幅標題 --------*/ .m82{width:100%; height:600px; overflow:hidden;background:url(../../images/aa2/bg1.jpg) no-repeat center; position:relative} .m82 .a52{ width:1200px; height:600px;margin:0 auto;text-align:left} .m82 .a52 .b89{ width:320px; height:525px;background:url(../../images/ns6/ic1.png) right top no-repeat rgba(0,0,0,0.6); float:right; padding:85px 40px 0} .m82 .a52 .b89 .t9{ width:100%;height:200px;font:bold 53px/55px verdana,"微軟正黑體";color:#fff;} .m82 .a52 .b89 .t9 h4{font:12px/20px Arial,"微軟正黑體";color:#b9a476; letter-spacing:3px; padding:0 0 0 3px; text-transform:uppercase} .m82 .a52 .b89 .t10{width:100%;height:35px;overflow:hidden;font:bold 23px/35px verdana,"微軟正黑體";color:#f0d8a5;} .m82 .a52 .b89 .t11{width:100%;height:auto; voice-family:inherit;font:16px/25px verdana,"微軟正黑體";color:#fff; margin-bottom:120px; letter-spacing:0px; background:linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat left top /75% 1px;padding:15px 0 0} .m82 .a52 .b89 .sr2{width:318px;height:38px;border:1px solid #fff;} .m82 .a52 .b89 .sr2 .in2{ width:265px;height:38px; border:0; padding:0 10px; float:left;font:15px/38px "微軟正黑體";color:#fff; background:none; } .m82 .a52 .b89 .sr2 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#fff;} .m82 .a52 .b89 .sr2 .z1{widthc:38px; height:38px; float:left; text-align:center; line-height:38px; margin-right:5px} .m82 .a52 .b89 .sr2 .z1 img{width:26px; height:26px;opacity:1;transition:all 0.3s; padding-bottom:2px} .m82 .a52 .b89 .sr2 .z1:hover img{opacity:0.8;transition:all 0.3s} /*---------------aa2--溫馨提示----------*/ .bgt2{width:1200px; height:auto; overflow:hidden;font:42px/50px "Century Gothic","微軟正黑體"; color:#333; margin:0 auto 30px; letter-spacing:-2.5px;padding:0 0 0 0;text-align:center; } .bgt2 h4{font:21px/50px "Century Gothic","微軟正黑體"; color:#666; letter-spacing:0px; text-transform:uppercase} .bgt2 h5{font:17px/28px "Century Gothic","微軟正黑體"; color:#666; letter-spacing:0.5px; text-transform:uppercase; padding-top: 20px;} .m83x{width:100%;height:auto;overflow:hidden; background:url(../../images/in1/bg1.jpg) center; padding:60px 0 0 } .m83x-2{ background:none} .m83{width:1160px;height:auto;overflow:hidden;margin:0 auto; padding:0 0 0 40px} .m83 .ls6{width:250px;height:390px; overflow:hidden;float:left;margin:0 40px 60px 0;background:linear-gradient(90deg,#a00 50%,#333 50%) no-repeat center bottom/60% 2px; padding-bottom:30px} .m83 .ls6-2{width:250px;height:480px;} .m83 .ls6 .t36{width:100%;height:auto;overflow:hidden; font:bold 21px/30px "Century Gothic","微軟正黑體";color:#000; text-align:center;letter-spacing:0px; margin:0 auto 20px} .m83 .ls6 .t37{width:100%;height:auto;overflow:hidden;font:16px/23px "Century Gothic","微軟正黑體";color:#666; letter-spacing:-.5px;text-align:left; text-transform:uppercase;margin:0 auto } .m83 .ls6 .t37 h4{ color:#000; font:bold 16px/23px "Century Gothic","微軟正黑體"; margin-bottom:2px} .m83 .ls6 .t37 br{ margin-bottom:10px} .m83 .ls6 .im9{width:250px; height:250px; overflow:hidden; border-radius:250px; position:relative; margin-bottom:15px;} .m83 .ls6 .im9 a{width:250px; height:0;background:url(../../images/aa2/ic1.png) center no-repeat;opacity:0;display:inline-block;padding-top:250px; text-indent:-9999px; position:absolute; top:0; left:0; z-index:2} .m83 .ls6 .im9 a:hover{opacity:1;} .m83 .ls6 .im9 img{width:100%; height:auto;border-radius:2px; transition:all 0.3s; border-radius:120px;-webkit-filter: grayscale(0%);filter: grayscale(0%);} .m83 .ls6 .im9 img:hover {transform:rotate(0deg) scale(1); transition:all 0.3s;} .m83 .t38{width:80%;height:auto;overflow:hidden; font:bold 17px/28px "Century Gothic","微軟正黑體";color:#000; text-align:center;letter-spacing:0px; margin:0 auto 60px} /*.m83 .ls6 .im9:hover img{width:104%; height:104%;transform:translate(-2%, -2%);transition:all 0.3s;-webkit-filter: grayscale(0%);filter: grayscale(0%);}*/ /*---------------聯絡我們--------*/ .m84{ width:100%;height:auto; overflow:hidden; margin:0} .m84 .a53{ width:1230px;height:auto;overflow:hidden;margin:0 auto; position:relative; padding:0 0 0 30px} .m84 .a53 .t39{ width:300;height:120px; overflow:hidden; margin:0 auto;font:bold 40px/120px"Century Gothic","微軟正黑體";color:#333; text-transform:uppercase; text-align:center; letter-spacing:-0px} .m84 .a53 .t39 span{font:43px/100px "Century Gothic";letter-spacing:-2px} /*---------------聯絡我們--頁籤------*/ .m84 .a53 .b90{ width:1200px; height:40px; background:linear-gradient(90deg,#ccc 100%,#a00 0) bottom left repeat-x; background-size:1200px 1px; margin-bottom:30px; float:left} .m84 .a53 .b90 .ls7{ width:auto; height:40px; overflow:hidden;float:left} .m84 .a53 .b90 .ls7 a{ width:auto; height:40px;font:19px/40px Arial,"微軟正黑體"; color:#888; display:inline-block; margin-right:40px;border-bottom:0px solid rgba(0,0,0,0); background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/0% 2px} .m84 .a53 .b90 .ls7 a:hover{ color:#000; border-bottom:0px solid #002a56; height:40px;background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/100% 2px; transition:all 0.3s linear} .m84 .a53 .b90 .ls7 a.active{ color:#b00; border-bottom:0px solid #000; height:40px; background:linear-gradient(90deg,#b00 50%,#b00 50%) no-repeat center bottom/100% 2px;} /*聯絡資訊*/ .t40{width:1200px; height:auto; overflow:hidden;font:32px/50px "Century Gothic","微軟正黑體"; letter-spacing:-1px; margin:0 auto 30px} .t40 img{width:auto; height:28px; margin-right:8px; padding-bottom:4px; vertical-align:middle; } .m85{ width:100%; height:600px; position:relative;} .m85 iframe{ width:100%; height:600px; } /*-----20190329---aa1js關於晉斯康美------*/ .m74 .a46_2{width:380px; height:100px; margin:0 20px 0 0;font:bold 51px/51px verdana,"微軟正黑體"; color:#000; letter-spacing:-4px; float:left; text-transform:uppercase} .m74 .a47_2{width:800px; height:100px; font:16px/35px Arial,"微軟正黑體"; color:#555; letter-spacing:0px; float:left} .m86{ width:100%; height:0; overflow:hidden; background:url(../../images/aa_1/bn2.jpg) center top no-repeat; padding:550px 0 0; line-height:100px} .m87{ width:100%; height:0; overflow:hidden; background:url(../../images/aa_1/bn3.jpg) center top no-repeat; padding:450px 0 0; line-height:100px} .m88{ width:100%; height:730px; overflow:hidden; background:url(../../images/aa_1/bn5.jpg) center top no-repeat; padding:120px 0 0 } .m89{ width:100%; height:auto;} .m89 .tt10{width:1200px;height:500px;margin:0 auto; } .m89 .tt10 .x2{ width:350px; height:450px; float:left; padding-right:40px;} .m89 .tt10 .x2 .im2{width:350px; height:250px;} .m89 .tt10 .x2 .tx3{width:350px; height:50px;font:bold 21px/50px Georgia,"微軟正黑體"; color:#333;} .m89 .tt10 .x2 .tx4{width:350px; height:100px;font:15px/21px "微軟正黑體"; color:#333;} /*20190522-美麗秘笈*/ .m83 .ls7{width:200px;height:390px; float:left;margin:0 32px 40px 0;background:linear-gradient(90deg,#a00 50%,#333 50%) no-repeat center bottom/60% 2px; padding-bottom:30px} .m83 .ls7-2{width:200px;height:370px;} .m83 .ls7 .t36{width:100%;height:auto;overflow:hidden; font:bold 18px/30px "Century Gothic","微軟正黑體";color:#000; text-align:center;letter-spacing:0px; margin:0 auto 20px} .m83 .ls7 .t37{width:100%;height:auto;overflow:hidden;font:16px/24px "Century Gothic","微軟正黑體";color:#333; letter-spacing:-.5px;text-align:left; text-transform:uppercase;margin:0 auto } .m83 .ls7 .t37 h4{ color:#000; font:bold 16px/23px "Century Gothic","微軟正黑體"; margin-bottom:2px} .m83 .ls7 .t37 br{ margin-bottom:10px} .m83 .ls7 .im9{width:200px; height:200px; border-radius:250px; position:relative; margin-bottom:15px; border: 1px solid #ddd;box-sizing: border-box; position: relative} .m83 .ls7 .im9 > img{width:200px; height:200px;border-radius:250px;} .m83 .ls7 .im9 .od{width:40px;height: 40px;position:absolute;right:-0px;bottom:-0px;font:bold 16px/40px "Century Gothic","微軟正黑體"; background: rgba(255,255,255,.8);border-radius:40px;border: 1px solid #888;text-align: center} /*.m83 .ls7 .im9 a{width:200px; height:0;background:url(../../images/aa2/ic1.png) center no-repeat;opacity:0;display:inline-block;padding-top:200px; text-indent:-9999px; position:absolute; top:0; left:0; z-index:2} .m83 .ls7 .im9 a:hover{opacity:1;} .m83 .ls7 .im9 img{width:100%; height:auto;border-radius:2px; transition:all 0.3s; border-radius:120px;-webkit-filter: grayscale(0%);filter: grayscale(0%);}*/ /*.m83 .ls7 .im9 img:hover {transform:rotate(0deg) scale(1); transition:all 0.3s;} */ /*product_list.asp*/ .m90{width:1200px; height: auto; overflow: hidden;margin:0 auto 0px;} .m90 .ls8{width:100%;min-height:176px;height: auto;overflow: hidden; margin:0 0 30px; position: relative;border-bottom: 0px dotted #ddd; padding:0 0 30px} .m90 .ls8 .im11 {width:45%;height:auto;float:left; margin-right:4%} .m90 .ls8 .im11-2{float: right; margin-right:0%; margin-left:4%} .m90 .ls8 .im11 img{ width:100%; height:auto;vertical-align: middle; padding: 0 0 4px} .m90 .ls8 .t41{width:62%; min-height:176px; height: auto;overflow:hidden;font:18px/30px "Century Gothic","微軟正黑體"; letter-spacing:0px;float:left;box-sizing: border-box;padding:30px 60px 40px; background: rgba(255,255,255,.7);border:0px solid #ddd;text-align:justify;text-justify: inter-ideograph;color:#666;letter-spacing:-.1px;position: absolute; right:5px; top:35px;box-shadow:0px 1px 8px rgba(0,0,0,.15); /*float:right*/} .m90 .ls8 .cv22{width:694px; height:255px;position: absolute;right:0px; top:70px; border:3px solid #333;z-index:0; display:none} .m90 .ls8 .t41-2{ left:5px;} .m90 .ls8 .cv22-2{height:350px;right:auto;left:0;top:25px; } .m90 .ls8 .t41-3{top:10px; padding:15px 60px 20px;} .m90 .ls8 .cv22-3{height: 270px; top:60px} .m90 .ls8 .t41 h4{font:36px/60px "Century Gothic","微軟正黑體";color:#000; margin-bottom:0px} .m90 .ls8 .t41 span{font-weight:bold;color:#000; margin-top:10px; display:block} .m90 .ls8 .t41-4{right:auto;left:25px;top:45px;/*padding:30px 80px 20px 60px;*/padding:20px 80px 40px 60px;} .m90 .ls8 .cv22-4{height:290px;right:auto;left:0;top:45px; } /*product_list.asp*/ .m1{width:100%;height:96px;background:linear-gradient(90deg,#333 50%,#333 50%) no-repeat center top/100% 40px, linear-gradient(90deg,rgba(0,0,0,.5) 50%,rgba(0,0,0,.5) 50%) no-repeat center 40px/100% 57px; position:fixed; top:0; left:0; z-index:99} .m1 .a54{width:80%;height:40px;margin:0 auto;font:13px/40px "Century Gothic","微軟正黑體"; color:#e2d2a; } .m1 .a54 span{font:14px/40px "Century Gothic","微軟正黑體"; color:#e2d2aa; float:right;margin-left:3%;} .m1 .a54 > a{ font:14px/40px "Century Gothic","微軟正黑體"; color:#e2d2aa} .m1 .a54 > a:hover{ color:#bfac7c} .m1 .a54 > a img{ width:auto; height:13px; vertical-align:middle; padding-bottom:4px; margin-right:4px} /*常駐選單-線上辦公室超連結*/ .m1 .a54 .mn2{width:auto;height:40px;float:right; margin-left:3%; display:block; position:relative; z-index:2} .m1 .a54 .mn2 > a{ width:auto;height:40px; display:block;font:14px/40px "Century Gothic","微軟正黑體"; color:#ddd; letter-spacing:0px} .m1 .a54 .mn2:hover > a{ color:#bfac7c;} .m1 .a54 .mn2 .lk2{width:220px; height:0; position:absolute; left:-95px; top:40px; background:rgba(255,255,255,1)} .m1 .a54 .mn2 .lk2 img{ width:auto; height:24px; display:inline-block; vertical-align:middle; padding:0 0 4px; margin-right:5px} .m1 .a54 .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 .a54 .mn2:hover .lk2{ height:auto;} .m1 .a54 .mn2:hover .lk2 a{ height:32px; border-top:1px dotted rgba(0,0,0,.25); width:100%} .m1 .a54 .mn2:hover .lk2 a:hover{ /*background:rgba(255,255,255,.8)*/ background:#b9a476; color:#fff; width:100%;border-top:1px dotted #b9a476} .bg3{ background:#09132e} .m91{ width:100%;height:auto;overflow:hidden; animation:go7 0.25s ease-in-out 1s infinite alternate; animation-fill-mode: forwards; animation-paly-state: running;/* background:url(../../images/404/bn1.jpg) no-repeat center top/cover*/} .m91 img{ width:100%; height:auto} @keyframes go7{ 0% {opacity:1} 20% {opacity:.98} 20% {opacity:.98} 60% {opacity:.90} 70% {opacity:.95} 90% {opacity:.90} 100% {opacity:1} } .m91-2{width:100%; height:auto;overflow:hidden; animation:go7-2 .5s ease-out .6s 1 ; animation-fill-mode: none; animation-paly-state: paused;/* background:url(../../images/404/bn1.jpg) no-repeat center top/cover*/ position:fixed; top:0; left:0;z-index:2;opacity:0; } .m91-2 img{ width:100%; height:auto} @keyframes go7-2{ 0% {opacity:0;width:100%;} 50% {opacity:.6;width:200%; left:-50%; top:-25%} 100% {opacity:0;width:300%;left:-100%;top:-50%} } /*-----20190329---aa1js關於晉斯康美------*/ .m92{ width:1200px; height:auto; overflow:hidden; padding:100px 0 0; margin:0 auto 100px} .m92 .a46{width:380px; height:auto; overflow:hidden;margin:0 20px 0 0;font:bold 51px/51px verdana,"微軟正黑體"; color:#000; letter-spacing:-4px; float:left; text-transform:uppercase} .m92 .a46 h4{font:31px/25px Arial,"微軟正黑體"; letter-spacing:0px; padding:10px 0 0} .m92 .a47{width:800px; height:auto; overflow:hidden;font:16px/35px Arial,"微軟正黑體"; color:#555; letter-spacing:0px; float:left} .m92 .a47 h4{font:bold 27px/25px Arial,"微軟正黑體";} .m92 .a47 h4 span{ text-decoration:underline} .m92 .a46_2{width:380px; height:auto; overflow:hidden; margin:0 20px 0 0;font:bold 51px/51px verdana,"微軟正黑體"; color:#000; letter-spacing:-4px; float:left; text-transform:uppercase} .m92 .a47_2{width:800px; height:auto; overflow:hidden; font:16px/35px Arial,"微軟正黑體"; color:#555; letter-spacing:0px; float:left} .m93{ width:100%; height:0; overflow:hidden; background:url(../../images/aa_1/bn2.jpg) center top no-repeat; padding:550px 0 0; line-height:100px} .m94{ width:100%; height:0; overflow:hidden; background:url(../../images/aa_1/bn3.jpg) center top no-repeat; padding:450px 0 0; line-height:100px} .m95{ width:100%; height:auto;} .m95 .tt10{width:1200px;height:auto; overflow:hidden;margin:0 auto 40px; } .m95 .tt10 .ls10{ width:350px; height:450px; float:left; padding-right:40px;} .m95 .tt10 .ls10 .im2{ width:350px; height:250px;} .m95 .tt10 .ls10 .tx3{ width:350px; height:50px; font:bold 21px/50px Georgia,"微軟正黑體"; color:#333; float:left} .m95 .tt10 .ls10 .tx4{ width:350px; height:100px;font:15px/21px "微軟正黑體"; color:#333;} .m96{ width:100%; height:730px; overflow:hidden; background:url(../../images/aa_1/bn5.jpg) center top no-repeat; padding:120px 0 0 } /*-----20200428---產品系統-----*/ /*91TO97*/ .m97{ width:1198px; height:auto; overflow:hidden; margin:30px auto 20px;border-radius:5px; border:1px solid #e8e8e8} .m97 .a62{ width:1160px; height:46px; background:#f8f8f8; padding:0 20px; font:16px/46px "Century Gothic","微軟正黑體"; color:#000;border-bottom:1px solid #e8e8e8; text-transform:uppercase} .m97 .a62 a{font:16px/46px "Century Gothic","微軟正黑體"; float:right} .m97 .a62 a:hover{ color:#12b4af} .m97 .a63{ width:1160px; min-height:200px; height:auto; overflow:hidden; background:linear-gradient(90deg,#ddd 50%,#ddd 50%) repeat-y center top/1px 100%; padding:15px 20px 20px} .m97 .a63 .b124{ float:left; width:28%; height:auto; overflow:hidden; margin:10px 2% 0 0} .m97 .a63 .b124 img{ width:100%; height:100%} .m97 .a63 .t14{ width:20%;height:auto;overflow:hidden; padding:0 0 0 ;font:14px/20px "Century Gothic","微軟正黑體"; float:left; color:#888} .m97 .a63 .t14 h4{font:bold 18px/24px "Century Gothic","微軟正黑體"; color:#000; text-transform:uppercase;margin-bottom: 0} .m97 .a63 .t15{ width:40%;height:auto;overflow:hidden; padding:0 5% 15px;font:16px/24px "Century Gothic","微軟正黑體"; float:left; color:#888; text-align:justify;text-justify: inter-ideograph;} .m97 .a63 .t15 h4{font:bold 18px/20px "Century Gothic","微軟正黑體"; color:#000; text-transform:uppercase; margin-bottom: 5px} .m97 .a63 .t15 p{ margin:0 0 5px } /*92to98*/ .m98{ width:1200px; height:auto; overflow:hidden;font:19px/34px "Century Gothic","微軟正黑體"; text-indent:-9999px; margin:0 auto; } .m98-2{margin:0 auto 15px} .m98 img{ max-width:100%; height:auto; display:block; margin:0 auto 60px} /*20200428---商品簡介文案----表單欄位*/ /*98TO99*/ .m99 { width:1200px; height:auto; overflow:hidden; font:19px/28px "微軟正黑體"; color:#333; margin:20px auto } .m99 table { width:100%; background:#fff; border:1px solid #ddd; border-bottom:0; border-right:0; } .m99 table tr td { padding:5px 10px; border:1px solid #ddd; border-top:0; border-left:0; } .m99 table .t17 { background:#fafafa } /*20200428---QA*/ .m100{ width:100%;height:auto; overflow:hidden; margin:0 auto} .m100 .a55{ width:1200px;height:auto;overflow:hidden;margin:0 auto; position:relative; padding:30px 0 0 0} .m100 .a55 .t23{width:300;height:120px; overflow:hidden; margin:0 auto;font:bold 40px/120px"Century Gothic","微軟正黑體";color:#333; text-transform:uppercase;text-align:center;letter-spacing:-1px} .m100 .a55 .t23 span{font:43px/100px "Century Gothic";letter-spacing:-2px} .m100 .a55 .b91{ width:100%;height:auto;overflow:hidden;} .m100 .a55 .b91 .panel-group { min-height:400px; height:auto; overflow:hidden; } .m100 .a55 .b91 .panel-heading { background:#f4f4f4; transition:all 0.3s; padding:0; width:100%;} .m100 .a55 .b91 .panel-heading:hover { background:#333; transition:all 0.3s } .m100 .a55 .b91 .panel-heading .panel-title a { font:500 22px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000; display:block; width:100%; height:auto; overflow:hidden; padding:8px 1%;box-sizing: border-box; display:block} .m100 .a55 .b91 .panel-heading .panel-title a::before { content:'Q:'; font:700 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic"; color:#666; margin-right:5px; display:inline-block; vertical-align:top } .m100 .a55 .b91 .panel-heading:hover .panel-title a { color:#fff } .m100 .a55 .b91 .panel-heading:hover .panel-title a::before { color:#fff; transition:all 0.3s } .m100 .a55 .b91 .panel-body::before { content:''; font: bold 26px/32px "Century Gothic"; color:#666; margin-left:5px; color:#222} .m100 .a55 .b91 .panel-body { font:16px/26px "微軟正黑體"; color:#666; padding:10px 1.2% } .m100 .a55 .b91 .panel-body ul { padding-left:20px; } .m100 .a55 .b91 .panel-body ul li { list-style:outside; list-style-type:disc } .m100 .a55 .b91 .panel-headingx:focus { background:#f80 } .m100 .a55 .b91 .bt5 { width:auto; height:auto; padding:20px 0; margin:0 auto 40px; text-align:center } .m100 .a55 .b91 .bt5 a { width:20%; height:50px; font:20px/50px "微軟正黑體"; color:#aaa; display:inline-block; text-align:center; background:#fff;border-radius:3px;border:1px solid #ddd } .m100 .a55 .b91 .bt5 a:hover { background:#555; color:#fff;border:1px solid #555} .m100 .a55 .b92{ width:1200px; height:40px; background:linear-gradient(90deg,#ddd 100%,#c00 0) repeat-x bottom left /1200px 1px; margin-bottom:40px} .m100 .a55 .b92 .ls3{ width:auto; height:40px; overflow:hidden; float:left;} .m100 .a55 .b92 .ls3 a{ width:auto; height:40px;font:500 20px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#888; display:inline-block; margin-right:40px;border-bottom:0px solid rgba(0,0,0,0); background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/0% 2px } .m100 .a55 .b92 .ls3 a:hover{ color:#000; border-bottom:0px solid #002a56; height:40px;background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/100% 2px; transition:all 0.3s linear} .m100 .a55 .b92 .ls3 a.active{ color:#000; border-bottom:0px solid #000; height:40px; background:linear-gradient(90deg,#c00 50%,#c00 50%) no-repeat center bottom/100% 2px;font-weight:700} /*20200428--檔案下載downkload--↓*/ .m101{ width:100%;height:auto; overflow:hidden; margin:0} .m101 .a9 .t6{ width:300;height:120px; overflow:hidden; margin:0 auto;font: 40px/120px "Century Gothic","微軟正黑體";color:#333; text-transform:uppercase; text-align:center; letter-spacing:-0px} .m101 .a9 .t6 span{font:43px/100px "Century Gothic";letter-spacing:-2px} .m101 .a9-2{ min-height:0;height:auto;} .m101 .a66{ width:1200px; min-height:400px;height:auto;overflow:hidden; margin:0 auto 60px; border-top:1px solid #ddd} .m101 .a66 .ls8{ width:100%;height:auto;overflow:hidden; border-bottom:1px solid #ddd;box-sizing: border-box;} .m101 .a66 .ls8 > div{ float:left} .m101 .a66 .ls8 .dt7{ width:13%; height:auto;font:18px/46px Arila; color:#888; background:#f8f8f8; text-align:center; margin-right:2%;border-right:1px solid #ddd;box-sizing: border-box;} .m101 .a66 .ls8 .t33{width:72%; height:auto; overflow:hidden;font:18px/46px Arial, "微軟正黑體"; color:#333;} .m101 .a66 .ls8 .t34{width:13%; height:auto; overflow:hidden;font:16px/46px Arial, "微軟正黑體"; color:#333;} .m101 .a66 .ls8 .t34 a{width:100%;height:auto;overflow:hidden;font:16px/46px verdana,"微軟正黑體"; color:#888; display:block; text-align:center; border-left:1px solid #ddd;box-sizing: border-box ; text-transform:uppercase} .m101 .a66 .ls8 .t34 a:hover{ color:#12b4af} /*product_list---了解更多按鈕*/ .m90 .ls8 .t41 .bt7 { width:auto; height:auto; padding:0; margin:20px 0 0; } .m90 .ls8 .t41 .bt7 a { width:auto; height:50px; font:20px/50px "微軟正黑體"; color:#fff; display:inline-block; text-align:center; background:#0abbb0;border:1px solid #0abbb0; padding:0 30px; border-radius:6px; float:right} .m90 .ls8 .t41 .bt7 a:hover {background:#2fd7cd; color:#fff;border:1px solid #2fd7cd} /*product_list---了解更多按鈕*/ .m102{width:100%;height:auto; overflow:hidden; margin:0 auto} .m102 .a56{width:70%;height:auto; overflow:hidden; margin:0 auto} /*.m102 .bx3{width:70%;height:auto;overflow:hidden;}*/ /*news3_view-講座內頁--立即報名--*/ .bx3{width:100%; height:auto; overflow:hidden; margin-bottom:60px;font:18px/20px "微軟正黑體";} .bx3-2{ min-height:inherit; height:auto; margin-bottom:40px} .bx3 form{width:100%;height:auto;overflow:hidden;} .bx3 form table{} .bx3 form table tr{ border-bottom:1px solid #ddd} .bx3 form table tr td{ padding:10px 1%; height:auto} .bx3 form table tr .t46{ background:linear-gradient(90deg,#d8d8d8 50%,#d8d8d8 50%) no-repeat right center/1px 90%; font:18px/30px "微軟正黑體"} .bx3 form table tr .t46 img{ width:auto; height:30px;vertical-align:middle; display:inline-block; margin-right:8px; padding:0 0 5px 0} .bx3 form table tr td span{ color:#d00; font:18px/20px "微軟正黑體"; display:inline-block; margin-right:5px; vertical-align:top; letter-spacing:-1px} .in1{ width:97%; height:50px; border:1px solid #ddd; background:#fafafa;font:18px/50px "微軟正黑體"; padding:0 2%;box-sizing: border-box; display:block; box-sizing: border-box; color:#333; margin:10px 1.5%} .in1 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#333;} .in2{ width:97%; height:100px; border:1px solid #eee; background:#fafafa;font:18px/35px "微軟正黑體"; padding:5px 2%;box-sizing: border-box; display:block; box-sizing: border-box; color:#333} .in2 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#333;} .in3{ width:48%; height:50px; border:1px solid #ddd; background:#fafafa;font:18px/50px "微軟正黑體"; padding:0 2%;box-sizing: border-box; display:block; box-sizing: border-box; color:#333; margin:10px 1.5%} .in3 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#333;} .t42{width:96%;height:auto;overflow:hidden; margin:0 auto; font:18px/35px "微軟正黑體"; color:#F06; letter-spacing:1} .in4{ width:45%; height:50px; border:1px solid #ddd; background:#fafafa;font:18px/50px "微軟正黑體"; padding:0 2%;box-sizing: border-box; display:block; box-sizing: border-box; color:#888; float:left; margin:6px 1.5% 15px} .in4 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#888;} .in5a{ width:100%; height:50px;font:18px/50px "微軟正黑體"; margin:10px 1.5% } .in5a input[type="radio"], .in5a input[type="checkbox"]{ display:inline-block; vertical-align:top; padding-bottom:0px; margin:18px 8px 0 0 !important;} .bt8{width:auto; height:50px;font:20px/50px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#0abbb0; border-radius:3px; padding:0 50px; border:0px solid #333; margin:15px auto;transition:all 0.3s} .bt8:hover{ background:#2fd7cd; border:0px solid #333; color:#fff;transition:all 0.3s} .t43{width:auto;height:40px;overflow:hidden;font:20px/40px "微軟正黑體";color:#fff; display:inline-block; background:#00BCD4; border-radius:4px; padding:0 15px; margin:0px 11px 0 1.5%; float:left} .bt9{width:40px; height:40px;font:20px/40px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#555; border-radius:3px; border:0px solid #333; margin:0px 8px 0 0;transition:all 0.3s; float:left;border-radius:100px; text-align:center} .bt9:hover{ background:#888; border:0px solid #333; color:#fff;transition:all 0.3s; } .bt9 img{width:auto; height:17px; display: inline-block; vertical-align:middle; padding-bottom:6px; } .t44{width:auto;height:40px;overflow:hidden;font:20px/40px "微軟正黑體";color:#F06;display:inline-block; border-radius:4px;margin:0px;float:left} .t45{width:80%; min-height:500px;height:auto;overflow:hidden;font:bold 28px/80px "微軟正黑體";color:#4f7b16;border-radius:4px; text-align:center; margin:0 auto;letter-spacing:-1px} .t45 img{width:auto; height:28px; display: inline-block; vertical-align:middle; padding-bottom:6px; margin-right:8px } .bt10{width:auto; height:50px;font:bold 24px/50px "微軟正黑體";color:#fff; display:inline-block; text-align:center; background:#555; border-radius:3px; padding:0 50px; border:0px solid #333; margin:15px auto;transition:all 0.3s} .bt10:hover{ background:#888; border:0px solid #333; color:#fff;transition:all 0.3s} /*多國語言*/ .a2 .b6 .c3-3{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic3.png) no-repeat center 1px/auto 16px} .a2 .b6 .c3-3 a{width:18px; height:18px;} .a2 .b6:hover .c3-3{background:url(../../images/ic3_over.png) no-repeat center 1px/auto 16px} .a2 .b6 .c4 .lng{width:140px; height:0; position:absolute; right:-20px; top:25px} .a2 .b6 .c4 .lng a{width:100%;height:0;overflow:hidden; display:block;font:20px/42px "微軟正黑體";color:#333; background:#fff; border-top:0px solid #ddd; text-align:left; padding:0 15px} .a2 .b6 .c4 .lng a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:5px} .a2 .b6 .c4:hover .lng{ height:auto;} .a2 .b6 .c4:hover .lng a{height:42px;border-top:1px dotted #ccc} .a2 .b6 .c4 .lng a:hover{background:#f4f4f4;} /*報名活動*/ .m103{width:100%;height:800px; overflow:hidden; margin:0 auto 60px; background:url(../../images/act/bn1.jpg) no-repeat center top/cover} .m103 span{width:100%;height:0; overflow:hidden;font:18px/42px "微軟正黑體"; text-indent:-9999px; display:block} .m104{width:100%;height:auto; overflow:hidden; margin:0 auto 0px; background:linear-gradient(1deg,#fff 45%,#12b4af 45%) no-repeat center bottom/100% 100px, linear-gradient(3deg,#12b4af 55%,rgba(255,255,255,0) 55%) no-repeat center bottom} .m104 .a57{width:70%;height:auto;overflow:hidden; margin:0 auto} .m104 .a57 .im13{width:33.33%;height:auto;overflow:hidden;border-radius:100% 90% 94% 84%; float:left; margin:48px 0 0; box-shadow:0 3px 15px rgba(0,0,0,.10)} .m104 .a57 .im13-2{width:38.33%;border-radius:84% 92% 78% 100%; margin:0 0 0 -5%; padding:0} .m104 .a57 .im13-3{border-radius:95% 78% 100% 84%; margin:65px 0 0 -3%} .m104 .a57 .im13 img{width:100%;height:auto;} .m104 .a57 .t48{width:100%;height:auto;overflow:hidden;font:28px/44px "微軟正黑體"; text-align:center; padding:20px;box-sizing: border-box;} .m105{width:100%; min-height:100px;height:auto; overflow:hidden; margin:0 auto 0; background: linear-gradient(-4deg,#12b4af 55%,rgba(255,255,255,0) 55%) no-repeat center bottom /*,linear-gradient(1deg,#12b4af 50%,#fff 50%) no-repeat center top/100%*/} .m105 .a58{width:90%;height:auto;overflow:hidden; margin:0 auto 40px; padding:25px 5%; text-align:center;} .t47{width:100%;height:auto;overflow:hidden;font:bold 58px/60px "微軟正黑體"; text-align:center; padding:40px 0 0; margin-bottom:20px;letter-spacing:-2.5px} .m105 .a58 .ls11{width:19%;min-height:100px;height:auto;overflow:hidden;border-radius:85% 98% 81% 87%; /*float:left; */padding:35px 2% 10px; box-shadow:0 3px 15px rgba(0,0,0,.25); border:0 solid #f80;box-sizing: border-box; background:rgba(255,255,255,.95); margin:0 .2%; display:inline-block} .m105 .a58 .ls11-2{border-radius: 81% 85% 87% 98% ;} .m105 .a58 .ls11 .t49{width:100%;height:auto;overflow:hidden;font:bold 24px/34px "微軟正黑體"; text-align:center;letter-spacing:-1px; margin-bottom:10px} .m105 .a58 .ls11 .t49 h4{font:bold 60px/60px "Century Gothic","微軟正黑體"; color:#12b4af; letter-spacing:-2px; margin:0} .m105 .a58 .ls11 .t49 h4 span{font: 65px/60px "Century Gothic","微軟正黑體";} .m105 .a58 .ls11 .im14{width:100%;height:auto;overflow:hidden; margin:0 auto 10px; text-align:center} .m105 .a58 .ls11 .im14 > img{width:40%;height:auto;overflow:hidden;border-radius: 99% 91% 100% 84% ;} .m105 .a58 .ls11 .im14-2 > img{border-radius: 82% 93% 89% 98% ;} .m105 .a58 .ls11 .im14 .ico1{ width:auto;height:36px;overflow:hidden;display:inline-block; margin-left:0px;vertical-align:middle} .m105 .a58 .ls11 .im14 .ico1 img{width:auto;height:100%} .bt11{width:100%;height:auto;overflow:hidden; margin:60px auto 0;text-align:center} .bt11 a{width:auto; height:60px;font:28px/60px "微軟正黑體";color:#333; display:inline-block; text-align:center; background:#fff; border-radius:100px; padding:0 50px; letter-spacing:-1.0px;border: 2px solid #333} .bt11 a:hover{ background:#eee;} .bt11 a img{width:auto;height:28px; padding-bottom:4px; vertical-align:middle; margin-right:8px} /*報名表*/ .m106{width:100%; min-height:100px;height:auto; overflow:hidden; margin:0 auto 0; background:linear-gradient(2deg,#fff 45%,#12b4af 45%) no-repeat center top/100% 100px, linear-gradient(-2deg,rgba(255,255,255,0) 45%,#fff 45%) no-repeat center 300px/100% 100px, linear-gradient(2deg,#fff 45%,#12b4af 45%) no-repeat center 300px/100% 1000px /*url(../../images/act/bn2.jpg) no-repeat center top*/;padding:120px 0 0} .m106 .a59{width:90%;height:auto;overflow:hidden; margin:0 auto 70px;padding:0;text-align:center;padding:0 0 20px} .m106 .a59 .t50{width:100%;height:auto;overflow:hidden;font:bold 58px/60px "微軟正黑體"; text-align:center; padding:0 0 0; letter-spacing:-2px; margin-bottom:60px} .m106 .a59 .b93{width:60%;height:auto;overflow:hidden; margin: 0 auto;border-radius:15px;box-shadow: 0 3px 12px rgba(0,0,0,.18);} .m106 .a59 .b93 form .ls12{width:100%;height:auto;overflow:hidden;border-bottom:2px dashed #ddd;padding:20px; margin-bottom: 0px;background:#f8f8f8;box-sizing: border-box;} .m106 .a59 .b93 form .ls12-2{border-top:2px dashed #ddd;} .m106 .a59 .b93 form .ls12 .t51{width:30%;height:auto;overflow:hidden;font:28px/50px "微軟正黑體";color:#333; float: left; margin-bottom:0; text-align: left} .m106 .a59 .b93 form .ls12 .t51-2{width:100%;} .m106 .a59 .b93 form .ls12 .t51 span{width:40px;height:40px;overflow:hidden;display:inline-block;padding:5px; border:0px solid #12b4af;color:#fff;border-radius:100px;font:28px/40px "微軟正黑體"; text-align: center;background:#12b4af;vertical-align:middle; margin-right: 10px} .m106 .a59 .b93 form .ls12-3{ background: #fea;padding:10px 20px} .m106 .a59 .b93 form .ls12-3 .t51{font:22px/22px "微軟正黑體";color:#333;text-align: center;width:100%;} .m106 .a59 .b93 form .ls12 .c45{width:70%;height:auto;overflow:hidden; float: left} .m106 .a59 .b93 form .ls12 .c45-2{width:100%;} .m106 .a59 .b93 form .ls12 .c45 .im15{width:300px;height:auto;overflow:hidden;margin-bottom: 10px; float:left} .m106 .a59 .b93 form .ls12 .c45 .im15 img{width:100%;height:auto;overflow:hidden;} .bt12{width:auto; height:60px;font:28px/60px "Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 5%;border:0px solid #e95377; transition:all 0.3s;margin:0 0 0; background:#888;clear: both} .bt12 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt12:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s} .bt12 a{width:100%; height:70px;font:28px/70px "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px; } .bt12 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;} .in6{ width:70%; height:50px; border:2px solid #aaa; background:#fff;font:24px/50px "微軟正黑體"; padding:0 2%;box-sizing: border-box; display:block; box-sizing: border-box; color:#333; margin:0 } .in6 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#333;} .m106 .a59 .b93 form .ls12 .c45> span{width:auto;height:auto;overflow:hidden; display:inline-block; float: left;font:28px/50px "Century Gothic","微軟正黑體"; padding: 0 3% } .in7{ width:25%; height:50px; border:2px solid #aaa; background:#fff;font:24px/50px "Century Gothic","微軟正黑體"; padding:0 2%;box-sizing: border-box; display:inline-block; box-sizing: border-box; color:#333; margin:0;float:left;text-align: center} .in7 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#333;} /*勾選介面設定*/ .ck1{ width:45%; height:auto; overflow:hidden;background:none;padding:10px 10px 0;border-radius:15px;box-sizing: border-box;border:2px solid #bbb;background:#fff;float:left;transition:all 0.3s;margin-right:2%} .ck1:hover{background:#fe8; } /*勾選介面設定*/ .ck1 input[type="radio"] {display:none;} .ck1 input[type="radio"] + label { background:#bbb; width:30px; height:30px;border-radius:100px; padding:3px} .ck1 input[type="radio"] + label div {display:block;width:100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff } .ck1 input[type="radio"]:checked + label div {border-radius:100px;background:#2eab98} .ck1 label{height:29px;font:13px/18px "微軟正黑體";} .ck1 .im16{width:94%;height:auto;overflow:hidden; margin:0 auto 10px} .ck1 .im16 span{width:100%;height:auto;overflow:hidden;display:inline-block;font:21px/42px "微軟正黑體";letter-spacing: -1px} .ck1 .im16 img{width:100%;height:auto;} .in8{ width:90%; height:120px; border:2px solid #aaa; background:#fff;font:24px/25px "Century Gothic","微軟正黑體"; padding:8px 2%;box-sizing: border-box; display:inline-block; box-sizing: border-box; color:#333; margin:0 0 0 60px;float:left;text-align:justify;text-justify: inter-ideograph; } .in8 ::-webkit-input-placeholder {/* WebKit, Blink, Edge */ color:#333;} .bt13{width:auto; height:70px;font:28px/70px "Century Gothic","微軟正黑體";color:#333; display:block; text-align:center;border-radius:100px;padding:0 5%;border:3px solid #aaa; transition:all 0.3s;margin:30px auto; background:#fff;} .bt13 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:4px;} .bt13:hover{ background:#eee; border:3px solid #888;transition:all 0.3s} .bt13 a{width:100%; height:70px;font:28px/70px "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px; } .bt13 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;} .md1{display: block;margin: -50px 0 0} /*20200729-確認送出彈跳視窗*/ .m107{width:560px;heigh:auto;overflow:hidden; margin:60px auto 0} .m107 .modal-header{font:28px/36px "微軟正黑體"; text-align:center;padding:5px 0;border:0; background:#12b4af; border-radius:5px 5px 0 0;} .m107 .modal-header .close{ font-size:60px; opacity:1; text-shadow:0 0 0 #333;color:#fff;transition:all 0.3s; font-weight:100 !important; margin:0 auto 0; float:none;position:absolute; top:-5px ; right:10px} .m107 .modal-header h4{font:32px/60px "微軟正黑體";color:#fff} .m107 .modal-header h4 img{width:auto;height:30px; padding-bottom:6px; vertical-align:middle; margin-right:8px} .m107 .modal-body{padding:30px 3% 5px;font:28px/50px "微軟正黑體";color:#fff; text-align:center} .m107 .modal-body .t93{width:100%;height:auto;overflow:hidden;font:28px/60px "微軟正黑體";color:#666; letter-spacing:-1px} .m107 .modal-footer{ padding:20px 0 40px; border:0; margin-top:0; text-align:center; height:auto; overflow:hidden;} .m107 .bt65{ background:#333;transition:all 0.3s; border:0;border-radius:4px; padding:0 25px;font:28px/60px "微軟正黑體";} .m107 .bt65:hover{background:#555;transition:all 0.3s; } .m107 .bt65 img{width:auto; height:24px; margin:0 5px 0 0; padding-bottom:4px; vertical-align:middle; display:inline-block} /*首頁選單*/ .m108x{width:100%;height:auto;overflow:hidden;position: fixed;left: 0; top:0;z-index:999} .m108x-2{width:100%;height:100px;} .m108{width:100%;height:auto;overflow:hidden;} .m108 nav{width:100%;height:auto;background:#fff; margin-bottom: 0;position:relative;display: block;border:0;background:#0d57a2;} .m108 nav .lg2{width:100px;height:100px;overflow:hidden;padding:0 0;box-sizing: border-box;float: left;position: relative;z-index:999;top:0;left: 0;text-align: center; background: #fff} .m108 nav .lg2 a{width:auto;height:60px;display: block;margin: 20px auto} .m108 nav .lg2 a img{width:auto;height:100%;} .m108 nav .bt66{width:120px; height:70px;font:28px/70px "Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:0px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:none;float: right} .m108 nav .bt img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s} .bt a{width:100%; height:70px;font:20px/70px "Century Gothic","微軟正黑體";color:#aaa; display:block;border-radius:6px; } .bt a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;} /*首頁選單*/ .m109{width:100%;height:auto;overflow:hidden;position: fixed;left:0;top:0;z-index:999} .im17{ width:100%; height:auto; overflow:hidden} .im17 img{ width:100%; height:100vh; overflow:hidden} /*維修公告-SystemFix.asp*/ .bg4{background: #001a68;background:linear-gradient(90deg,#001a68 0%,#0056e6 50%,#001a68 100%) no-repeat center top/100% 100vh} .m110{width:900px;height:auto;overflow:hidden; /*background: url(../../images/sys/bg1.jpg) no-repeat center top/auto 100%;*/margin:30px auto; padding: 0 0 0;border-radius:30px; box-shadow: 0 4px 16px rgba(0,0,0,.5);} .m110 img{width:100%;height:auto;} /*會員APP下載*/ .t67{width:100%;height:auto;font:bold 32px/40px "微軟正黑體";color:#333;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} .ls13{width:46%;height:auto;overflow:hidden;float:left;margin: 0 2%} .ls13 .im15{width:100%;height:auto;overflow:hidden;margin-bottom: 5px;border-radius:15px} .ls13 .im15 img{width:100%;height:auto;} .ls13 .t68{width:100%;height:auto;overflow:hidden;text-align: center;font:bold 24px/40px "Century Gothic","微軟正黑體";color:#333;margin-bottom: 20px} .ls13 .t68 a{font:bold 24px/40px "Century Gothic","微軟正黑體";color:#333} .ls13 .t68 a:hover{color:#333} /*20201118-會員登入頁次-追加客服LINE*/ .ls14{width:100%;height:auto;overflow:hidden;float:left;margin: 0 2%} .ls14 .im18{width:30%;height:auto;overflow:hidden;margin: 0 4% 5px 0;border-radius:0px;float:left} .ls14 .im18 img{width:100%;height:auto;} .ls14 .t69{width:66%;height:auto;overflow:hidden;font: 84px/80px "Century Gothic","微軟正黑體";color:#888;margin-bottom: 20px;float:left;letter-spacing:-1.5px} .ls14 .t69 h4{font:bold 52px/40px "Century Gothic","微軟正黑體";color:#333;letter-spacing:-3.2px} .ls14 .t69 a{font:bold 52px/40px "Century Gothic","微軟正黑體";color:#333} /*切換圖片*/ .m97 .a63 .b124 .im19{width:31.33%;height:auto;overflow:hidden;float:left;padding:8px 0 0; margin:0 1%} .m97 .a63 .b124 .im19 img{width:100%;height:auto;} /*--------表單----頁碼----------*/ .pga{width:100%; height:auto; overflow:hidden;margin: 0 auto 50px; padding:30px 0 0;text-align:center;} .pga a {width:50px;height:50px;border:1px solid #ccc;padding: 0;text-align:center;display:inline-block;font:20px/48px verdana,"新細明體"; color:#aaa; border-radius:2px; margin-right:5px;box-sizing:border-box;} .pga a:hover {background:#bbb;color:#fff; border:1px solid #aaa;} /*無法點選狀態*/ .pga span{width:50px;height:50px;box-sizing:border-box;border-radius:2px;margin:0 5px 0 0;border:1px solid #ccc;font:20px/48px verdana,"新細明體";display:inline-block; vertical-align:top; text-align:center} .pga .disabled {color:#888; } /*當下頁面狀態*/ .pga .current {border:1px solid #888;background:#888; color:#fff;} /*20201207-商品列表上橫幅*/ .bn1{width:100%;height:300px;overflow:hidden;background:url(../../images/in1/bn1.jpg) no-repeat center top/cover; margin-bottom:25px} /*20201207-商品列表上橫幅*/ .bn1-2{background:url(../../images/pd/bn1.jpg) no-repeat center top/cover} /*商品列表*/ .m111{width:100%;height:auto;overflow:hidden;background: #f8f8f8} .m111 .a60{width:1220px;height:auto;overflow:hidden;margin: 0 auto;padding:10px 10px 0 } .m111 .a60 .ls15{width:29.3%;height:auto;overflow:hidden;margin: 0 1.5% 25px;padding:20px 2%;box-sizing: border-box;background:#fff;box-shadow: 0 2px 9px rgba(0,0,0,.01);border-radius:3px;float: left;border:1px solid #eee;transition:all 0.3s} .m111 .a60 .ls15:hover{box-shadow: 0 2px 9px rgba(0,0,0,.3);transition:all 0.3s} .m111 .a60 .ls15 a{width:100%;height:auto;} .m111 .a60 .ls15 a .im20{width:100%;height:auto;overflow:hidden;margin: 0 auto; position:relative;margin-bottom: 5px} .m111 .a60 .ls15 a .im20 .cv23{width:90px;height:90px;overflow:hidden;position: absolute;right:5px;bottom:5px;font:500 16px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;background:url(../../images/in1/ic3.png) no-repeat center/100% auto;align-content: center;letter-spacing:-1px;text-align: left;padding:15px 0 0 15px;box-sizing: border-box;z-index:2} .m111 .a60 .ls15 a .im20 .cv23 h4{font:bold 12px/14px verdana,"微軟正黑體";letter-spacing:0;text-transform:uppercase;margin: 0} .m111 .a60 .ls15 a .im20 img{width:100%;height:auto;transition:all 0.6s} .m111 .a60 .ls15:hover a .im20 img {transform:rotate(0deg) scale(1.1); transition:all 0.3s;} .m111 .a60 .ls15 a .t52{width:100%;height:72px;overflow:hidden;font:500 22px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-.2px;margin-bottom:0px} .m111 .a60 .ls15 a .t53{width:100%;height:auto;overflow:hidden;font:500 20px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;letter-spacing: -1px;text-align: center} .m111 .a60 .ls15 a .t53 span{font:500 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#e95377 ;float: right;letter-spacing: -1px} /*--了解商品---按鈕*/ .m111 .a60 .ls15 .bt14{width:60%; height:30px;font:500 24px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; display:block; text-align:center;border-radius:100px;padding:0;border:0px solid #aaa; transition:all 0.3s;margin:30px auto; } .m111 .a60 .ls15 .bt14 img{width:auto;height:28px;display:inline-block;padding:0 0 4px; margin-right:4px;} .m111 .a60 .ls15 .bt14:hover{transition:all 0.3s} .m111 .a60 .ls15 .bt14 a{width:100%; height:50px;font:500 24px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:2px;background:#244b7f } .m111 .a60 .ls15 .bt14 a:hover{ background:#2f69b7 ; border:0px solid #3577c1;transition:all 0.3s;} /*商品內頁----框架*/ .m112{width:100%;height:auto;overflow:hidden;} /*商品內頁----麵包屑*/ .m112 .gd1{width:1200px;height:auto;overflow:hidden;font:500 24px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:left;letter-spacing: -.5px;color:#333;margin:20px auto 40px} .m112 .gd1 span{font:300 20px/30px 'Noto Sans TC','Noto Sans SC', "新細明體";color:#666;} .m112 .gd1 a{font:300 20px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;} .m112 .gd1 a:hover{color:#12b4af ;} /*商品內頁--商品圖+文空間*/ .m112 .a61{width:1200px;height:auto;overflow:hidden;margin:0 auto} /*商品內頁--左半邊*/ .m112 .a61 .b125 {width:40%;height:auto;overflow:hidden;margin:0 3% 60px 0;float: left} /*商品內頁--左半邊主圖*/ .m112 .a61 .b125 .im21{width:100%;height:auto;overflow:hidden;margin:0 5% 2px 0} .m112 .a61 .b125 .im21 > img{width:100%;height:auto;} /*商品內頁--左半邊主圖---切換圖片*/ .m112 .a61 .b125 .c46{width:100%;height:auto;overflow:hidden;} .m112 .a61 .b125 .c46 .im22{width:31.33%;height:auto;overflow:hidden;float:left;padding:8px 0 0; margin:0 1%} .m112 .a61 .b125 .c46 .im22 img{width:100%;height:auto;} /*商品內頁--右半邊---標題*/ .m112 .a61 .b126 {width:55%;height:auto;overflow:hidden;float: left;margin-bottom:40px} .m112 .a61 .b126 .t54{width:100%;height:auto;overflow:hidden;font:700 42px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-2px;margin:0 0 10px} /*商品內頁--右半邊---簡介*/ .m112 .a61 .b126 .t55{width:100%;height:auto;overflow:hidden;font:500 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#555;text-align:justify;text-justify: inter-ideograph;margin-bottom:20px} /*商品內頁--右半邊---簡介--副標題*/ .m112 .a61 .b126 .t55 h4{font:700 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;letter-spacing:-2px;margin-bottom: 5px} /*商品內頁----下方頁籤*/ .m112 .a61 .b127{width:100%; height:auto;overflow:hidden;margin:0 auto 25px;padding: 20px 0 0 } .m112 .a61 .b127 .c47{width:100%;height:60px;overflow:hidden; background:linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center bottom/ 100% 1px;text-align: center;margin:0 auto;} .m112 .a61 .b127 .c47 .ls16{width:auto;height:60px;overflow:hidden;margin:0 1px;display:inline;} .m112 .a61 .b127 .c47 .ls16 a{width:auto;height:58px;overflow:hidden;font:500 24px/58px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";display:inline-block;background:#fefefe;padding:0 3%;box-shadow:0 -3px 8px rgba(0,0,0,.15) inset;border-radius:6px 6px 0 0;border:1px solid #ccc;vertical-align: top;border-bottom: 0;color: #999} .m112 .a61 .b127 .c47 .ls16 a:hover{background:#eee;color: #333} .m112 .a61 .b127 .c47 .ls16 a:focus{background:#ddd;color: #000} .m112 .a61 .b127 .c47 .ls16 a.active{background:#fff ;color: #333;line-height:60px;box-shadow:0 -2px 8px rgba(0,0,0,0) inset;border:1px solid #aaa;height:59px;} .m112 .a61 .b127 .c47 .ls16 a.active:before{font:500 28px/39px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";content:'★'; margin-right:0px;display: inline; vertical-align:baseline;} .m112 .a61 .b127 .c47 .ls16{width:auto;height:60px;overflow:hidden;margin:0 1px;display:inline;} .m112 .a61 .b127 .c48{width:96%;height:auto;overflow:hidden;font:500 18px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";padding:20px 0;margin:0 auto} .m112 .a61 .b127 .c48 ul{padding-left:20px;} .m112 .a61 .b127 .c48 ul li{list-style:outside;list-style-type:disc} .b128{width:100%;height:auto;overflow:hidden;margin:40px auto;} /*20201211-回商品列表按鈕*/ .b128 .bt15{width:300px; height:auto;font:500 24px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333; display:block; text-align:center;border-radius:100px;padding:0;border:0px solid #aaa; transition:all 0.3s;margin:0 auto 60px; } .b128 .bt15 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:4px;} .b128 .bt15:hover{transition:all 0.3s} .b128 .bt15 a{width:100%; height:54px;font:500 24px/52px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:2px;background:#333 } .b128 .bt15 a:hover{ background:#555 ; border:0px solid #555;transition:all 0.3s;} /*20210513----天明加入會員--top按鈕*/ .a2 .b6 .c3-4{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic4.png) no-repeat center 1px/auto 16px} .a2 .b6 .c3-4 a{width:18px; height:18px;} .a2 .b6:hover .c3-4{background:url(../../images/ic4_over.png) no-repeat center 1px/auto 16px} /*20210513--member2_JoinIndex--天明加入會員----背景*/ .bg5{background:url(../../images/mb2/bg1.jpg) no-repeat center/cover #111; background-attachment: fixed} /*20210513--member2_JoinIndex--天明加入會員----空間布局*/ .m113{width:100%;height:auto;overflow:hidden;} .m113 .a64{width:800px;height:auto;overflow:hidden;padding-bottom:20px;margin:60px auto 0;} .m113 .a64 .t56{width:100%;height:auto;overflow:hidden;font:700 54px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#0d2b53;margin-bottom: 25px;text-align:center;letter-spacing:-2.5px;text-shadow:0 2px 6px rgba(0,0,0,.3)} .m113 .a64 .t56 h4{font:bold 20px/30px "Century Gothic","微軟正黑體";color:#333;text-transform: uppercase;letter-spacing:0;display: none} .m113 .a64 .b129{width:100%;min-height:250px; height:auto;overflow:hidden;background:rgba(255,255,255,.8);box-sizing: border-box;padding:25px 35px 15px;border-radius:12px;border:1px solid rgba(25,65,90,.85);box-shadow:0 3px 8px rgba(0,0,0,.3);letter-spacing:0px;text-align:justify;text-justify: inter-ideograph;} .t57{width:100%;height:auto;overflow:hidden;font:500 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:12px;padding-bottom:12px; border-bottom:1px solid #888} .t57 span{text-decoration:underline;color:#662fb2} .t57-2{border:0;margin:0;padding-bottom: 8px} .t57-3{border:0;margin:0 0 10px 0;} /*20210513--member2_JoinIndex--天明加入會員----登入按鈕*/ .bt16{width:300px; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:20px auto 10px;} .bt16 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:3px;} .bt16:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt16 a{width:100%; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#662fb2 ; } .bt16 a:hover{ background:#824ccd; border:0px solid #3577c1;transition:all 0.3s;} /*20210513--member2_Join--天明加入會員----登入按鈕*/ .m113 .a64-2{width:900px} .m113 .a64 .b129 form {width:100%;height:auto;overflow:hidden} .t58{width:100%;height:auto;overflow:hidden;font:700 32px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:22px;padding-bottom:12px; border-bottom:1px solid #888;letter-spacing:-1px} /*20210513--member2_Join--天明加入會員----填寫欄位*/ .ls17{width:100%;height:auto;overflow:hidden;margin-bottom:15px} .ls17 .t59{width:20%;height:auto;overflow:hidden;font:24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;float:left} .ls17 input{width:80%;height:auto;overflow:hidden;border:1px solid #aaa;background:#fff;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.0) inset;border-radius:6px;float:left;font:24px/48px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";box-sizing: border-box;padding:0 3%} /*20210513--member2_Join--天明加入會員----追加激活帳號按鈕*/ .bt17{width:240px; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;float: right;margin-bottom:20px} .bt17 a{width:100%; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333 ; } .bt17 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} /*20210513--member2_Join--天明加入會員----上一步*/ .m113 .a64 .b129 .c49{width:100%;height:auto;overflow:hidden;border-top:1px solid #888;border-bottom:1px solid #888;padding-top:20px;text-align: center;margin-bottom: 10px} .bt18{width:230px; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 20px 20px 0; background:#333 } .bt18 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:3px;} .bt18:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s} .bt18 a{width:100%; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px; background:#333; } .bt18 a:hover{ border:0px solid #3577c1;transition:all 0.3s; background:#555; } /*20210513--member2_Join--天明加入會員----下一步*/ .bt19{width:230px; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 20px; background:#662fb2 } .bt19 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:3px;} .bt19:hover{ background:#824ccd; border:0px solid #3577c1;transition:all 0.3s} .bt19 a{width:100%; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;} .bt19 a:hover{ border:0px solid #3577c1;transition:all 0.3s;} /*20210513--member2_Join2--天明加入會員----選擇配套*/ .m113 .a64 .b129 .c50{width:100%;height:auto;overflow:hidden;border:2px solid #333;box-sizing: border-box;background:#fff;margin-bottom:20px;border-radius:10px;} .m113 .a64 .b129 .c50 table{border:1px solid #333;border-right:0;border-bottom:0;border-radius:20px;} .m113 .a64 .b129 .c50 table tr td{border:1px solid #333;border-left:0;border-top:0;padding:5px 2%;font:500 20px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;border-collapse:separate;} .m113 .a64 .b129 .c50 table .t60{background:#e8e8e8} .m113 .a64 .b129 .c50 table tr .t61{color:#ff0048} /*20210513--member2_Join2-天明加入會員-選擇配套--勾選介面*/ .ck2{ width:100%; height:30px; overflow:hidden; } .ck2 input[type="radio"] {display:none;} .ck2 input[type="radio"] + label { background:#bbb; width:24px; height:24px;border-radius:100px; padding:2px} .ck2 input[type="radio"] + label div {display:block;width: 100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff } .ck2 input[type="radio"]:checked + label div {border-radius:100px;background:#244b7f } .ck2 label{height:19px;font:13px/18px "微軟正黑體";} /*20210513--member2_Join2--天明加入會員--確認購買+付款方式*/ .m113 .a64 .b129 .c50 table .t62{background:#ff0048;} .m113 .a64 .b129 .c50 table .t62 td{color:#fff;font:700 28px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"} /*20210514--member2_JoinMSG-天明加入會員--激活成功樣式*/ .m113 .a64 .b129 .c50 table tr td .im10{width:auto;height:80px;display:inline-block} .m113 .a64 .b129 .c50 table tr td .im10 img{width:auto;height:100%; padding-bottom:4px; vertical-align:middle; margin-right:0px} .m113 .a64 .b129 .t63{width:100%;height:auto;overflow:hidden;font:500 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:12px;padding-bottom:12px; border-bottom:0px solid #888} /*member_joinMSG---直接註冊-註冊成功通知介面*/ .m113 .a64 .b129 .t63{width:100%;height:auto;overflow:hidden;padding:20px 0 15px;box-sizing:border-box;background:#63c315;margin:0 auto 20px;border-radius:2px;text-align:center} .m113 .a64 .b129 .t63 img{width:auto;height:42px;padding-bottom:0px;vertical-align:top;margin-right:5px;display: inline-bloc;padding-top:2px} .m113 .a64 .b129 .t63-2{background:#f3004c} .m113 .a64 .b129 .t63 span{width:auto;height:auto那;overflow:hidden;font:700 34px/42px 'Noto Sans TC' ,"微軟正黑體";color: #fff;display:inline-block;text-align:left;padding:0px 0} .m113 .a64 .b129 .t63 h4{width:90%;height:auto那;overflow:hidden;font:500 24px/36px 'Noto Sans TC' ,"微軟正黑體";color: #fff;padding:0px 0;display:block;text-align:center;margin:0 auto} /*20210514--member_joinMSG--天明加入會員----檔案下載按鈕*/ .bt20{width:90%; height:50px;font:24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 0;} .bt20 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:3px;} .bt20:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt20 a{width:100%; height:50px;font:24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333 ; } .bt20 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} /*20210514---member2_Join.asp---表單欄位提示說明*/ .ntc1{width:100%;height:auto;overflow:hidden;font:24px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#d00;padding:10px 0 10px 20%;box-sizing: border-box;} /*20210528---index.asp---首頁改版--橫幅*/ .m114{width:100%;height:900px;overflow:hidden;background: url(../../images/in3/bn1.jpg) no-repeat center top;position: relative;margin-bottom:80px;} .cv24{width:100%;height:900px;overflow:hidden;position: absolute;top:0;left:0;background:rgba(0,0,0,0.0)} /*20210528---index.asp---首頁改版---主選單*/ .m115{width:100%; height:110px; border-bottom:0px solid #eee;transition:all .3s;position:fixed;left:0;top:0;z-index:2;background:rgba(255,255,255,.95);box-shadow:0 1px 10px rgba(0,0,0,.15)} .m115x{width:100%;; height:0px;} .m115-2{ height:0;overflow:hidden; opacity:0; transition:all 1.2s;position:fixed;top:0px;left:0;background:rgba(255,255,255,0);box-shadow:0 0px 0px rgba(0,0,0,0);z-index:99 } .m115 .a3{ width:1200px; height:80px; margin:0 auto; position:relative} .m115 .a3 .b7{ width:250px; height:46px; float:left; margin-top:0px; padding:18px 0 0} .m115 .a3 .b7 img{width:auto; height:100%} .m115 .a3 .b8{ width:950px; height:70px; float:right; padding-top:10px;text-align: center} /*.m115 .a3 .b8 .b8d{width:100%;height:0;overflow:hidden;position: fixed;top:110px;left:0;background:rgba(255,255,255,1);transition:all 0.3s} .m115 .a3 .b8:hover .b8d{height:260px;transition:all 0.3s}*/ .m115 .a3 .b8 .c5{ width:auto; height:58px; /*float:right;*/margin-left:0px; border-left:0px #ddd solid; position:relative;display:inline-block} .m115 .a3 .b8 .c5-2{} .m115 .a3 .b8 .c5 .d1{ width:auto; height:50px; margin-left:36px;font:300 17px/58px 'Noto Sans TC','Noto Sans SC', "微軟正黑體"; color:#000;letter-spacing:.2px;position: relative;z-index:99} .m115 .a3 .b8 .c5 .d1-2{margin-left:0;} .m115 .a3 .b8 .c5 .d1 > a{width:auto; height:50px;font:300 17px/58px 'Noto Sans TC','Noto Sans SC', "微軟正黑體"; color:#000; text-align:center;display:inline-block; background:linear-gradient(90deg,#b00 0%,#b00 100%) no-repeat center bottom /0% 2px; padding:0 0px;text-shadow:0 2px 6px rgba(0,0,0,0)} .m115 .a3 .b8 .c5:hover .d1 > a{ color:#333; background:linear-gradient(90deg,#b00 0%,#b00 100%) no-repeat center bottom /100% 2px} .m115 .a3 .b8 .c5 .d1 > a.active {color:#333; background:linear-gradient(90deg,#b00 0%,#b00 100%) no-repeat center bottom /100% 2px!important; display: block} .m115 .a3 .b8 .c5-2:hover .d1 > a{ color:#666} .m115 .a3 .b8 .c5 .d2{ width:65px; height:15px; float:right;} .m115 .a3 .b8 .c5 .d2 > a{width:65px; height:15px;font:11px/28px Arial, "微軟正黑體"; color:#e3d2ab; text-align:center; text-transform:uppercase; display:inline-block} /*20210531---index.asp-首頁改版-主選單下滑狀態*/ .top-bar2{ overflow:inherit; height:110px;transition:all 0.3s; opacity:1;background:rgba(255,255,255,.95);box-shadow:0 1px 5px rgba(0,0,0,0.2);z-index: 999} .m115-2 .a3 .b8 .c5 .d1 > a{color:#222;text-shadow:0 2px 6px rgba(0,0,0,0)} .m115-2 .a3 .b8 .c5:hover .d1 > a{color:#222;} .m115-2 .m116{height:29px;border-bottom:1px solid #ddd;background:#eee } .m115-3{border-bottom:1px solid #ddd;box-sizing: border-box;background:#fff} .m115-3 .m116{height:29px;border-bottom:1px solid #ddd;background:#eee} .m115-3 .a3 .b8 .c5 .d1 > a{color:#222;text-shadow: 0 0 0 #000} .m115-3 .a3 .b8 .c5:hover .d1 > a{color:#222;} /*20210528---首頁改版-MENU--下拉選單-圖片版*/ /*.m115 .a3 .b8 .c5 .mn2{width:640px; height:0; overflow:hidden; position:absolute; top:56px; left:-248px;background:linear-gradient(90deg,#12b4af 100%,#31cdc8 0%) no-repeat center top/0px 2px #fff; padding:0px 0 0 20px; opacity:0;transition:all 0.3s linear;border-radius:0 0 5px 5px;box-shadow:0 0px 0px rgba(0,0,0,0);} .m115 .a3 .b8 .c5:hover .mn2{background:linear-gradient(90deg,#12b4af 100%,#31cdc8 0%) no-repeat center top/100% 2px #fff;transition:all 0.3s linear; height:auto;padding:22px 0px 0px 20px ;opacity:1;box-shadow:0 2px 6px rgba(0,0,0,0.35);} .m115 .a3 .b8 .c5 .mn2 a{width:140px;height:auto; overflow:hidden;background:#fff;color:#b9a476; display:inline-block;float:left; margin:0 20px 15px 0} .m115 .a3 .b8 .c5:hover .mn2 a:hover{ background:#fff; transition:all 0.3s; color:#fff} .m115 .a3 .b8 .c5 .mn2 a .im8{ width:140px; height:140px; overflow:hidden; border:0px solid #e8e8e8;border-radius:3px} .m115 .a3 .b8 .c5 .mn2 a .im8 img{ width:140px; height:140px;transition:all 0.3s;border-radius:3px} .m115 .a3 .b8 .c5 .mn2 a:hover .im8 img{transform:scale(1.1);filter:contrast(110%);-webkit-filter:contrast(110%); transition:all 0.3s} .m115 .a3 .b8 .c5 .mn2 a .t6{width:140px; height:auto; overflow:hidden;font:16px/20px Arial, "微軟正黑體"; color:#000;text-align:center; padding:5px 0 1px; letter-spacing:-0.2px} .m115 .a3 .b8 .c5 .mn2 a:hover .t6{ color:#666} .m115 .a3 .b8 .c5 span{ width:0; height:0; border-bottom:10px solid #a00;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s; position:absolute; top:48px; left:70px; z-index:5;} .m115 .a3 .b8 .c5:hover span{ opacity:1;transition:all 0.3s}*/ /*20210528---首頁改版-MENU--常駐選單*/ .m116{ width:100%; height:30px; background:rgba(255,255,255,.75);background:#eee;border-bottom:1px solid #ddd;box-sizing: border-box;} .m116 .a67{ width:1200px; height:24px; margin:0 auto; padding-top:5px;} .m116 .a67 .b5{ width:46px; height:18px; float:right; margin-left:23px} .m116 .a67 .b5 .c1{ width:12px; height:18px; float:right; margin-left:7px} .m116 .a67 .b5 .c1 a{ width:12px; height:18px;font:12px/18px "微軟正黑體"; color:#000; text-align:left} .m116 .a67 .b5 .c1 a:hover{color:#888} .m116 .a67 .b5 .c1 a.active{color:#888} .m116 .a67 .b5 .c2{ width:1px; height:16px; margin:1px 0 0 7px; float:right; background:#333} /*20210528---首頁改版-MENU--常駐選單--*/ .m116 .a67 .b6{ width:auto; height:16px; float:right;margin-left:30px} .m116 .a67 .b6 .c3{ width:16px; height:16px; float:left; margin-right:5px;background:url(../../images/ic1.png) no-repeat center top/auto 100%; transition:all 0.3s; opacity:0.65} .m116 .a67 .b6 .c3 a{width:16px; height:16px;} .m116 .a67 .b6:hover .c3{background:url(../../images/ic1_over.png) no-repeat center top/auto 100%;transition:all 0.3s;opacity:1} .m116 .a67 .b6 .c3-2{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic2.png) no-repeat center top/auto 100%} .m116 .a67 .b6 .c3-2 a{width:18px; height:18px;} .m116 .a67 .b6:hover .c3-2{background:url(../../images/ic2_over.png) no-repeat center top/auto 100%} .m116 .a67 .b6 .c4{ width:auto; height:18px; float:left; position:relative; z-index:9} .m116 .a67 .b6 .c4 > a{width:auto; height:18px;font:15px/18px "微軟正黑體"; color:#333; text-align:left;transition:all 0.1s; display:block} .m116 .a67 .b6:hover .c4 > a{color:/*#12b4af*/#c00} .m116 .a67 .b6 .c3-3{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/ic3.png) no-repeat center 1px/auto 16px} .m116 .a67 .b6 .c3-3 a{width:18px; height:18px;} .m116 .a67 .b6:hover .c3-3{background:url(../../images/ic3_over.png) no-repeat center 1px/auto 16px} .m116 .a67 .b6 .c3-4{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/in3/ic1.png) no-repeat center 1px/auto 16px} .m116 .a67 .b6 .c3-4 a{width:18px; height:18px;} .m116 .a67 .b6:hover .c3-4{background:url(../../images/in3/ic1_over.png) no-repeat center 1px/auto 16px} .m116 .a67 .b6 .c3-5{ width:18px; height:18px; float:left; margin-right:5px;background:url(../../images/in3/ic2.png) no-repeat center 1px/auto 16px} .m116 .a67 .b6 .c3-5 a{width:18px; height:18px;} .m116 .a67 .b6:hover .c3-5{background:url(../../images/in3/ic2_over.png) no-repeat center 1px/auto 16px} /*20210528---首頁改版-MENU--常駐選單---多國語言*/ .m116 .a67 .b6 .c4 .lng{width:140px; height:0; position:absolute; right:-20px; top:25px} .m116 .a67 .b6 .c4 .lng a{width:100%;height:0;overflow:hidden; display:block;font:20px/42px "微軟正黑體";color:#333; background:#fff; border-top:0px solid #ddd; text-align:left; padding:0 15px} .m116 .a67 .b6 .c4 .lng a img{width:auto;height:20px; padding-bottom:4px; vertical-align:middle; margin-right:5px} .m116 .a67 .b6 .c4:hover .lng{ height:auto;} .m116 .a67 .b6 .c4:hover .lng a{height:42px;border-top:1px dotted #ccc} .m116 .a67 .b6 .c4 .lng a:hover{background:#f4f4f4;} /*20210528---首頁改版-公司簡介*/ .m117{width:100%; height:auto;overflow:hidden;background:rgba(255,255,255,.12); border-bottom:0px solid #eee;} .m117 .a68{width:92%;height:auto;overflow:hidden;;margin:40px auto 100px;} .m117 .a68 .t70{width:100%;height:auto;overflow:hidden;font:italic 700 32px/54px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#666;margin:0 0 50px;text-align:center;letter-spacing:-1px} .m117 .a68 .b130 {width:100%;height:auto;overflow:hidden;margin:0 auto 60px} .m117 .a68 .b130 .ls18{width:31.3%;height:auto;overflow:hidden;float:left;margin:0 1% 0;position: relative} .m117 .a68 .b130 .ls18 a{width:100%;height:auto;overflow:hidden;} .m117 .a68 .b130 .ls18 a .im23{width:100%;height:auto;overflow:hidden;} .m117 .a68 .b130 .ls18 a .im23 img{width:100%;height:auto;transition:all 0.3s} .m117 .a68 .b130 .ls18 a:hover .im23 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;} .m117 .a68 .b130 .ls18 a .cv25{width:100%;height:100%;overflow:hidden;background: rgba(0,0,0,.3);z-index:2; font:italic 500 46px/314px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";position: absolute;top:0;left:0;color:#fff;text-align: center} .m117 .a68 .b130 .ls18 a:hover .cv25{background: rgba(0,0,0,.7);transition:all 0.3s} .m117 .a68 .b130 .ls18b a{cursor:auto} .m117 .a68 .b130 .ls18b a:hover .im23 img {transform:rotate(0deg) scale(1); transition:all 0.3s;} .m117 .a68 .b130 .ls18b a:hover .cv25{background: rgba(0,0,0,.3);transition:all 0.3s} /*20210528---產品資訊-免疫細胞--健康保本--*/ .m118{width:100%; height:auto;overflow:hidden;background:#1b1f25; border-bottom:0px solid #eee;margin-bottom:60px} .m118 .a69{width:90%;min-height:100px; height:auto;overflow:hidden;;margin:0 auto 0;} /*20210528---產品資訊-免疫細胞--健康保本--左邊*/ .m118 .a69 .b131 {width:33.3%;height:auto;overflow:hidden;float:left;padding:70px 0 0} .m118 .a69 .b131 .ls19{width:80%;min-height:100px;height: auto;overflow:hidden;margin:0 0 50px;position: relative;float: right} .m118 .a69 .b131 .ls19 a{width:100%;height:auto;overflow:hidden;display: block} .m118 .a69 .b131 .ls19 a.active{width:100%;height:auto;overflow:hidden;border-left:8px solid #2eb6aa;padding-left:10%;box-sizing: border-box;} .m118 .a69 .b131 .ls19 a.active::after{width:100%;height:auto;overflow:hidden; font:italic 500 50px/44px "Century Gothic","微軟正黑體";content:'→';text-align: right;color: #fff} .m118 .a69 .b131 .ls19 a.active{width:100%;height:auto;overflow:hidden;/*border-left:8px solid #2eb6aa;*/padding-left:10%;box-sizing: border-box;border-left:8px solid #b00;} .m118 .a69 .b131 .ls19 a .t71{width:100%;height:auto;overflow:hidden;font:italic 700 42px/58px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;} .m118 .a69 .b131 .ls19 a:hover .t71{color:#ddd;} .m118 .a69 .b131 .ls19 a .t71 h4{width:100%;height:auto;overflow:hidden;font:italic 300 22px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;text-transform:uppercase} /*20210528---產品資訊-免疫細胞--健康保本--右邊*/ .m118 .a69 .b132 {width:66.6%;height:auto;overflow:hidden;float:right;} .m118 .a69 .b132 .ls20{width:50%;height:auto;overflow:hidden;margin:0;float:left;position: relative} .m118 .a69 .b132 .ls20-2{width:100%;height:auto;overflow:hidden;margin:0;float:left;position: relative} .m118 .a69 .b132 .ls20 a{width:100%;height:auto;overflow:hidden;} .m118 .a69 .b132 .ls20 a .im24{width:100%;height:auto;overflow:hidden;} .m118 .a69 .b132 .ls20 a .im24 img{width:100%;height:auto;transition:all 0.3s} .m118 .a69 .b132 .ls20 a:hover .im24 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;} .m118 .a69 .b132 .ls20 a .cv26{width:100%;height:100%;overflow:hidden;background: rgba(0,0,0,.3);z-index:2; font:italic 700 38px/500px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";position: absolute;top:0;left:0;color:#fff;text-align: left;box-sizing: border-box;padding:0 30px} /*20210528---NEWS--右邊*/ .bgt3{width:1200px; height:auto; overflow:hidden;font:700 62px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";; color:#000; margin:0 auto 30px; letter-spacing:-2.5px;padding:40px 0 0 0;text-align:center; } .bgt3 h4{font:28px/50px "Century Gothic","微軟正黑體"; color:#666; letter-spacing:0px; text-transform:uppercase} .m119{ width:76%; height:auto; line-height:0; margin:0 auto 80px;} /*-20210528---NEWS-↓圖片區域-控制超 連結、藏字、顯示背景--*/ .m119 .ol{} .m119 .carousel-inner{ height:550px; } .m119 .carousel-inner > .item > a{ width:1200px; height:auto;overflow:hidden; padding:10px 0} /*-20210528---NEWS-↓大橫幅-圓點Page控制--*/ .m119 .carousel-indicators li{ height:12px; width:60px; background-color:#fff; border:0px solid #aaa; margin:0 4px;box-shadow:0 2px 5px rgba(0,0,0,0.0);transition:all 0.3s;background:linear-gradient(90deg,#b00 50%,#b00 100%) no-repeat left top/0% 100%; background:#ccc} .m119 .carousel-indicators li:hover{ background:#888; border:0px solid #fd0;} .m119 .carousel-indicators{ bottom:40px; left:50%;transition:all 0.3s} .m119 .carousel-indicators .active{ border:0px solid #333; cursor:auto; height:12px;background:#b00 } /*-20210528---NEWS-控制左右鍵滑鼠碰到顏色--*/ .m119 .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} .m119 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s} .m119 .carousel-control.left{background-image:none; position:absolute;z-index:99;opacity:1;width:3%; } .m119 .carousel-control.right{background-image:none; position:absolute;z-index:99;opacity:1;width:3%} .m119 .glyphicon-chevron-right{ right:-40%} .m119 .glyphicon-chevron-left{ left:-40%} .m119 .glyphicon-chevron-right::before{ content:""} .m119 .glyphicon-chevron-left::before {content:""} /*20210528---NEWS左右按鈕改圖片指令*/ .m119 .glyphicon{ top:42%} .m119 .carousel-control.right img{ width:auto; height:120px} .m119 .carousel-control.left img{ width:auto; height:120px} /*-20210528---NEWS-內容--*/ .m120{ width:100%; height:550px; 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} .m120 .im6{width:700px;height:538px;overflow:hidden;float:left;box-shadow:0 0px 0px rgba(0,0,0,0.7); margin:0 40px 0 80px} .m120 .im6 img{ width:100%; height:100%} .m120 .a32{ width:520px; height:auto;float:left; margin:60px 0 0 0;} .m120 .a32 .t25{width:520px;height:35px;float:left;font:15px/35px verdana,"微軟正黑體"; color:#b9a476} .m120 .a32 .t25 span{font:bold 21px/35px Arial,"微軟正黑體";} .m120 .a32 .t26{width:520px;height:100px; overflow:hidden;float:left;font:bold 35px/40px verdana,"微軟正黑體";color:#333;background:linear-gradient(90deg,#000 50%,#ccc 50%) no-repeat left bottom/60px 5px;margin-bottom:25px} .m120 .a32 .t26 a{width:100%;max-height:100px; overflow:hidden;float:left;font:700 42px/80px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#333; margin-bottom:10px;letter-spacing:-1px} .m120 .a32 .t26 a:hover{ color:#600} .m120 .a32 .t27{width:100%; max-height:200px; overflow:hidden;float:left;font:500 22px/50px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";;color:#333; margin-bottom:25px} .m120 .a32 .t28{width:60%;;height:auto;text-align:left; margin:0 auto; float:left} .m120 .a32 .t28 a{ width:100%;height:auto;overflow:hidden;font:22px/60px "Century Gothic","微軟正黑體";color:#888; display:inline-block; background:#fff; border:2px solid #ccc; padding:0 20px; text-align:center; border-radius:5px} .m120 .a32 .t28 a:hover{color:#fff;background:#000;transition:all 0.3s;border:1px solid #000;} /*APP+樂樂購*/ .m121{width:100%;height:auto;overflow:hidden;background: #111} .m121 .a70{width:100%;height:auto;overflow:hidden;} .m121 .a70 .ls21{width:50%;height:auto;overflow:hidden;/*background: url(../../images/in3/bg1.jpg) no-repeat center top;*/float: left;position: relative;transform:skewX(0deg);margin-left:0px} .m121 .a70 .ls21 .im25 {width:100%;height:auto;overflow:hidden;} .m121 .a70 .ls21 .im25 img{width:100%;height:auto;} .m121 .a70 .ls21-2{background: url(../../images/in3/bg2.jpg) no-repeat center top/auto 100%;} .m121 .a70 .ls21 .cv27{width:100%;height:100%;overflow:hidden;background: rgba(0,0,0,.35);z-index:2; font:italic 700 72px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";position: absolute;top:0;left:0;color:#fff;text-align: center;padding:220px 0 0;box-sizing: border-box;} .m121 .a70 .ls21 .cv27 a{font:italic 700 72px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;cursor:auto} .m121 .a70 .ls21 .cv27 a:hover{color:#fff} .m121 .a70 .ls21 .cv27 a h4{font:italic 300 24px/66px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";} /*-20210528---DWON---*/ .m122{ width:100%; height:auto; overflow:hidden; background:#fff; position:relative; z-index:99;border:1px solid #ddd;} .m122 .a8{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0} .m122 .a8 .b21{ width:100%; height:auto; overflow:hidden; float:left;text-align: center} .m122 .a8 .b21 .c9{ min-width:110px; height:auto; overflow:hidden;/* float:left;*/ margin-right:20px;display: inline-block;vertical-align: top} .m122 .a8 .b21 .c9 .d11{ width:100%; height:40px; font: 500 20px/40px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#333; text-align:left;margin-bottom:8px} .m122 .a8 .b21 .c9 .d12{width:100%; height:auto; overflow:hidden;position:relative; margin:0 0; text-align:left} .m122 .a8 .b21 .c9 .d12 > a{width:100%; height:auto; overflow:hidden;font:500 15px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#666; text-align:left; display:inline-block; } .m122 .a8 .b21 .c9 .d12 > a:hover{color:#d00} .m122 .a8 .b21 .dlg{width:auto; height:auto; overflow:hidden;float: right} /*-20210528---DWON2---*/ .m123{width:100%;height:auto; background:#000} .m123 .a71{width:1200px;height:auto;overflow:hidden;font:500 16px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#888; margin:0 auto} .m123 .a71 a, .m123 .a71 a:hover {height:auto; margin:0 auto; font:500 16px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#888; text-align:right;} .m123 .a71 span{ width:auto; height:auto;overflow:hidde; float:left; display:block;font:300 16px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#888; text-align:left; margin-right: 20px;padding:13px 0} .m123 .a71 span a{width:auto;height:60px; font:300 16px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#fff;margin:0 5px;float:left} .m123 .a71 span a:hover{color:rgba(255,255,255,0.6)} .m123 .a71 h4{width:auto; height:auto;overflow:hidde; float:right; display:inline-block;font:300 16px/30px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#888; text-align:left; margin-right: 20px;padding:13px 0;margin:0} /*20210601-MENU--下拉選單-文字版*/ .m115 .a3 .b8 .c5 .mn1{ width:250px;height:0;overflow:hidden;position:absolute; top:70px; left:-90px;opacity:0; background:linear-gradient(90deg,#c00 100%,#a00 0%) no-repeat center top/0px 0px;transition:all 0.3s linear;text-align: center;padding:0;} .m115 .a3 .b8 .c5:hover .mn1{ height:auto;opacity:1; background:linear-gradient(90deg,#c00 100%,#c00 0%) no-repeat center top/0% 0px;transition:all 0.3s linear; padding:10px 0 0 } .m115 .a3 .b8 .c5 .mn1 > a{ width:250px; height:0; display:inline-block; font:500 18px/38px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#111; text-align:center; background:#e8e8e8;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,0);border:1px dotted #aaa;margin-bottom:3px;box-sizing: border-box;} .m115 .a3 .b8 .c5 .mn1 > a:hover{ width:250px; height:40px; background:#c00;color: #fff} .m115 .a3 .b8 .c5:hover .mn1 a{height:40px} /*20210709--選單下拉 白底*/ .m115 .a3 .b8 .c5 .b8d{width:100%;height:0;overflow:hidden;position:fixed;top:110px;left:0;background:rgba(255,255,255,0);transition:all 0.3s} .m115 .a3 .b8 .c5:hover .b8d{height:240px;transition:all 0.3s;background:rgba(255,255,255,.95)} .m115 .a3 .b8 .c5-2 .b8d{display: none} /*20210709--下拉選單新增內框*/ .m115 .a3 .b8 .c5 .mn1 .lnk1{width:100%;height:0;overflow:hidden;display:block;} .m115 .a3 .b8 .c5:hover .mn1 .lnk1{height:auto;} .m115 .a3 .b8 .c5 .mn1 .lnk1 a{width:100%; height:0; font:300 17px/38px 'Noto Sans TC','Noto Sans SC',"微軟正黑體"; color:#111;display:block;background:linear-gradient(90deg,#c00 50%,#c00 50%) no-repeat center bottom/0 2px;padding:0 25px;box-sizing: border-box;} .m115 .a3 .b8 .c5:hover .mn1 .lnk1 a{height:40px;} .m115 .a3 .b8 .c5:hover .mn1 .lnk1 a:hover{background:linear-gradient(90deg,#c00 50%,#c00 50%) no-repeat center bottom/60% 2px} /*20210601--MENU--下拉選單-圖片版*/ .m115 .a3 .b8 .c5 .mn2{width:100vw; height:0; overflow:hidden; position:absolute; top:48px; left:-50vw;background:linear-gradient(90deg,#b00 100%,#b00 0%) no-repeat center 20px/0px 2px #fff; padding:0px 0 0 20px; opacity:0;transition:all 0.3s linear;border-radius:0 0 5px 5px;box-shadow:0 0px 0px rgba(0,0,0,0);z-index:99;text-align:center;box-sizing: border-box;margin-left:34px} .m115 .a3 .b8 .c5:hover .mn2{background:linear-gradient(90deg,#b00 100%,#b00 0%) no-repeat center 20px/0% 2px/* #fff*/;transition:all 0.3s linear; height:auto;padding:40px 0px 0px 20px ;opacity:1;/*box-shadow:0 2px 6px rgba(0,0,0,0.35);*/} .m115 .a3 .b8 .c5 .mn2 a{width:140px;height:auto; overflow:hidden;background:#fff;color:#b9a476; display:inline-block;/*float:left;*/ margin:0 20px 15px 0} .m115 .a3 .b8 .c5:hover .mn2 a:hover{/* background:#fff;*/ transition:all 0.3s; color:#fff} .m115 .a3 .b8 .c5 .mn2 a .im8{ width:140px; height:140px; overflow:hidden; border:0px solid #e8e8e8;border-radius:3px} .m115 .a3 .b8 .c5 .mn2 a .im8 img{ width:140px; height:140px;transition:all 0.3s;border-radius:3px} .m115 .a3 .b8 .c5 .mn2 a:hover .im8 img{transform:scale(1.1);filter:contrast(110%);-webkit-filter:contrast(110%); transition:all 0.3s} .m115 .a3 .b8 .c5 .mn2 a .t6{width:140px; height:auto; overflow:hidden;font:16px/20px Arial, "微軟正黑體"; color:#000;text-align:center; padding:5px 0 1px; letter-spacing:-0.2px} .m115 .a3 .b8 .c5 .mn2 a:hover .t6{ color:#666} .m115 .a3 .b8 .c5 span{ width:0; height:0; border-bottom:8px solid #b00;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);opacity:0;transition:all 0.3s; position:absolute; top:62px; left:28px; z-index:5;} .m115 .a3 .b8 .c5:hover span{ opacity:1;transition:all 0.3s} /*20210602---產品資訊-免疫細胞--健康保本--手機介面版*/ .m124{width:100%;height:auto;overflow:hidden;display:none;background:#e8e8e8} .m124 .a72 {width:92%;height:auto;overflow:hidden;margin:20px auto 40px;} .m124 .a72 .b133 {width:100%;height:auto;overflow:hidden;} .m124 .a72 .b133 .ls22{width:100%;height:auto;overflow:hidden;margin:0 0 40px;position: relative} .m124 .a72 .b133 .ls22 a{width:100%;height:auto;overflow:hidden;} .m124 .a72 .b133 .ls22 a .im23{width:100%;height:auto;overflow:hidden;} .m124 .a72 .b133 .ls22 a .im26 img{width:100%;height:auto;transition:all 0.3s} .m124 .a72 .b133 .ls22 a:hover .im26 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;} .m124 .a72 .b133 .ls22 a .cv28{width:100%;height:100%;overflow:hidden;background: rgba(0,0,0,.3);z-index:2; font:italic 700 60px/460px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";position: absolute;top:0;left:0;color:#fff;text-align: center} .m124 .a72 .b133 .ls22 a:hover .cv28{background: rgba(0,0,0,.7);transition:all 0.3s} /*20210602--ComingSoon.asp--網站建置中----背景*/ .bg6{background:url(../../images/in3/bg3.jpg) no-repeat center/cover #111; background-attachment: fixed} /*20210602--ComingSoon.asp--網站建置中----空間布局*/ .m125{width:100%;height:auto;overflow:hidden;margin-bottom:100px} .m125 .a73{width:800px;height:auto;overflow:hidden;padding-bottom:20px;margin:60px auto 0;} .m125 .a73 .t71{width:100%;height:auto;overflow:hidden;font:700 54px/70px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#0d2b53;margin-bottom: 25px;text-align:center;letter-spacing:-2.5px;text-shadow:0 2px 6px rgba(0,0,0,0)} .m125 .a73 .t71 h4{font:bold 20px/40px "Century Gothic","微軟正黑體";color:#333;text-transform: uppercase;letter-spacing:0;} .m125 .a73 .b134{width:100%;min-height:250px; height:auto;overflow:hidden;background:rgba(255,255,255,.8);box-sizing: border-box;padding:25px 35px 15px;border-radius:12px;border:1px solid rgba(25,65,90,.85);box-shadow:0 3px 8px rgba(0,0,0,.3);letter-spacing:0px;text-align:justify;text-justify: inter-ideograph;} .t72{width:100%;height:auto;overflow:hidden;font:500 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:12px;padding-bottom:12px; border-bottom:1px solid #888} .t72 span{text-decoration:underline;color:#662fb2} .t72-2{border:0;margin:0;padding-bottom: 8px} .t72-3{border:0;margin:0 0 10px 0;} /*20210602--ComingSoon.asp--網站建置中-回首頁按鈕*/ .bt21{width:300px; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:20px auto 10px;} .bt21 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:3px;} .bt21:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt21 a{width:100%; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#a00 ; } .bt21 a:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s;} /*20210606--ComingSoon--回首頁桌機影片--*/ .m126 { width: 100%; height: 900px;overflow: hidden;margin-bottom: 0; position: relative} .m126 iframe { width:100%; height: 119%;position:absolute;top:-120px;left:0} .m126 .cv29{width:100%; height:100%;background:rgba(0,0,0,0);position:absolute;top:0px;left:0;z-index: 1} /*20210607---首頁彈出視窗-彈出套件介面設定*/ .m127{width:540px;heigh:auto;/*overflow:hidden;*/ margin:40px auto;} .m127 .modal-header{font:32px/42px "微軟正黑體"; text-align:center;padding:5px 0;border:0; background:#244b7f ; border-radius:5px 5px 0 0;} .m127 .modal-body .close{ font-size:60px; opacity:1; text-shadow:0 2px 5px rgba(0,0,0,.5);color:#fff;transition:all 0.3s; font-weight:bold !important; margin:0 auto 0; float:none;position:absolute; top:-30px ; right:-30px;z-index: 99} .m127 .modal-header h4{font:500 36px/60px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#fff} .m127 .modal-header h4 img{width:auto;height:34px; padding-bottom:6px; vertical-align:middle; margin-right:2px} .m127 .modal-body{padding:0 0 0px;font:500 28px/50px 'Noto Sans TC','Noto Sans SC', "微軟正黑體";color:#fff; text-align:center;background: #dfd9c8;} .m127 .modal-body .txt40{width:100%;height:auto;overflow:hidden;font:500 28px/60px 'Noto Sans TC','Noto Sans SC',"微軟正黑體";color:#333; letter-spacing:-1.5px;margin-bottom:0px} .m127 .modal-body .im15{width:100%;height:auto;overflow:hidden;} .m127 .modal-body .im15 img{width:100%;height:auto;} .m127 .modal-footer{padding:6px 0 6px; border:0; margin-top:0; text-align:center; height:auto; overflow:hidden;background:#111;display: none} /*20210607---首頁彈出視窗-廣告橫幅套件介面--*/ /*--↓--*/ .ad1{ width:100%; height:auto; overflow:hidden; line-height:0} /*--↓圖片區域-控制超連結、藏字、顯示背景--*/ .ad1 .carousel-inner > .item a{ width:100%; height:auto; overflow:hidden; display:inline-block; text-indent:-9999px} /*--↓大橫幅-圓點Page控制--*/ .ad1 .carousel-indicators .active{background-color:rgba(90,210,210,1); border:1px solid rgba(90,210,210,1)} .ad1 .carousel-indicators li{ height:13px; width:13px; background-color:rgba(255,255,255,0.7); border:1px solid rgba(90,210,210,1); margin:0 2px; box-shadow:0 2px 5px rgba(0,0,0,0.2)} .ad1 .carousel-indicators{ bottom:30px} /*--控制左右鍵滑鼠碰到顏色--*/ .ad1 .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} .ad1 .carousel-control:hover{color:rgba(255,255,255,255.1); transition:all 0.3s} /*--控制左右鍵滑鼠"背景"碰到後黑色漸層關閉--*/ .ad1 .carousel-control.left, .ad1 .carousel-control.right{background-image:none} /*--控制左右鍵尺寸--*/ .ad1 .carousel-control .glyphicon-chevron-left, .ad1 .carousel-control .glyphicon-chevron-right{ font-size:40px; } /*--控制左右鍵寬度--*/ .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:25%} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{left:20%} .ad1 .carousel-control.left, .ad1 .carousel-control.right{background-image:none; position:absolute;z-index:1;opacity:1;width:10%} @media screen and (max-width: 800px) { .ad1 .carousel-control .glyphicon-chevron-left, .ad1 .carousel-control .glyphicon-chevron-right{ font-size:50px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:10%} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{left:5%} } /*20210607-呼叫首頁彈跳按鈕*/ .btn3{width:25%; height:60px;font:500 28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:3px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#333 ;letter-spacing:1px;margin-right: 5px} .btn3 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:0px;} .btn3:hover{ background:#555 ; border:0px solid #3577c1;transition:all 0.3s} .btn3 a{width:100%; height:50px;font:24px/46px "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:3px; } .btn3 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;} /*20201216---首頁彈出視窗-彈出套件介面設定---進行下一步按鈕*/ .btn4{width:40%; height:60px;font:500 28px/60px 'Noto Sans TC';color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 1%; background:#662fb2;vertical-align: middle} .btn4 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .btn4:hover{ background:#824ccd; border:0px solid #3577c1;transition:all 0.3s} .btn4 a{width:100%; height:60px;font:28px/65px "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#662fb2 } .btn4 a:hover{ background:#824ccd; border:0px solid #3577c1;transition:all 0.3s;} .btn4 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*20201216---首頁彈出視窗-彈出套件介面設定---關閉按鈕*/ .btn5{width:90%; height:60px;font:500 28px/60px 'Noto Sans TC';color:#fff; display:inline; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 1%; background:#333 } .btn5 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .btn5:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s} .btn5 a{width:100%; height:70px;font:28px/70px "Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333 } .btn5 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} /*-20210611---免疫細胞手工頁-----橫幅*/ .m128{width:100%;height:450px;overflow:hidden;background: url(../../images/aa9/bn1.jpg) no-repeat center;margin:0 auto 50px;} .btn5 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} /*-20210611---免疫細胞手工頁-----免疫細胞的作用*/ .m129{width:100%;height:800px;overflow:hidden;background: url(../../images/aa9/bg1.jpg) no-repeat center bottom;margin:0 auto 0;border-bottom:1px solid #ddd;border-top:0px solid #ddd;padding-top:0;} .m129t{width:100%;height:0;overflow:hidden;} /*-20210611---免疫細胞手工頁-----關於免疫細胞*/ .m130{width:100%;height:auto;overflow:hidden;margin-bottom:30px} .m130 .a74{width:1200px;height:auto;overflow:hidden;margin:0 auto} .bgt4{width:100%; height:auto; overflow:hidden;font:700 60px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#004271; margin:0 auto 50px; letter-spacing:-2.5px;padding:0 0 0;text-align:center; } .bgt4-2{border-top:0px solid #ddd;padding-top:60px;margin-bottom:60px} .bgt4 h4{font:700 72px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#005ea0;display: inline;vertical-align:top} .m130 .a74 .ls23{width:100%;height:auto;overflow:hidden;margin-bottom:0;border-bottom:2px dotted #ccc;padding-bottom: 40px} .m130 .a74 .ls23-3{margin-bottom:0 } .m130 .a74 .ls23 > div{height:auto;overflow:hidden;float:left} .m130 .a74 .ls23 .im27{width:33%;margin-right:2%;text-align:center} .m130 .a74 .ls23 .im27 img{width:100%;height:auto;overflow:hidden;} .m130 .a74 .ls23 .im28 {width:48%;height:a ls23-3uto;overflow:hidden;margin-right:2%;padding-top:46px} .m130 .a74 .ls23 .im28-2{padding-top:0;margin:0 0 0 2%;} .m130 .a74 .ls23 .im28 img{width:100%;height:auto;overflow:hidden;} .m130 .a74 .ls23 .t73{width:65%;height:auto;overflow:hidden;margin:0 0 25px;font:500 22px/36px 'Noto Sans.m130 .a74 .im34 TC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;color: #555} .m130 .a74 .ls23 .t73-2{padding:30px 0 0} .m130 .a74 .ls23 .t73 ul{padding-left:25px;} .m130 .a74 .ls23 .t73 ul li{ list-style:outside;list-style-type:disc} .m130 .a74 .ls23 .t73 h4{font:700 32px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #000;margin-bottom:10px} .m130 .a74 .ls23 .t74{width:100%;height:auto;overflow:hidden;font:700 32px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:28px;color: #000 } /*-20210616---免疫細胞手工頁-----免疫細胞療法*/ /*.m130-2{width:100%;height:auto;overflow:hidden;margin-bottom:30px}*/ .m130-2{background:#f8f8f8;margin:0;padding:60px 0 40px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd} .m130 .a74 .ls23 .t73-3{width:100%;/*margin-bottom:15px*/} .m130 .a74 .ls23 .im29{width:46%;margin:0 auto;text-align: center;float: none} .m130 .a74 .ls23 .im29 img{width:100%;} /*-20210616---免疫細胞手工頁-----免疫細胞治療流程*/ .m130 .a74 .ls23-2{padding:0;border: 0} .m130 .a74 .ls23 .im30{width:100%;height:252px;overflow:hidden;margin:0 auto;text-align: center;float: none;background:url(../../images/aa9/im6.png) no-repeat center top/100% auto} .m130 .a74 .ls23 .im30 img{width:100%;} /*-20210611---免疫細胞手工頁-----為何要儲存免疫細胞*/ .m131{width:100%;height:600px;overflow:hidden;background: url(../../images/aa9/bg2.jpg) no-repeat center;margin:0 auto 60px} .m131t{width:100%;height:0;overflow:hidden;} /*-20210611---免疫細胞手工頁-----為何要儲存免疫細胞 儲存免疫細胞的作用*/ .m130 .a74 .t75{width:100%;height:auto;overflow:hidden;font:700 32px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:28px;color: #000 } .m130 .a74 .b135{width:100%;height:auto;overflow:hidden;/*margin-bottom:40px;border-bottom:2px dotted #ccc;padding-bottom: 10px*/} .ls24{width:48.5%;height:auto;overflow:hidden;margin:0 3% 20px 0 ;background:#005ea0;float:left;} .ls24-2{margin:0 0 30px 0} .ls24 .im31{width:40%;height:auto;overflow:hidden;margin:0 0 0 0;float:left} .ls24 .im31-2{float:right} .ls24 .im31 img{width:100%;height:auto;} .ls24 .t76{width:60%;height:auto;overflow:hidden;float:left;padding:20px 25px;box-sizing: border-box;font:300 18px/27px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #fff;text-align:justify;text-justify: inter-ideograph;} .ls24 .t76 h4{font:500 28px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #fff;margin-bottom:10px} .info{width:100%;height:0;overflow:hidden;} /*-20210611---免疫細胞手工--為何要儲存免疫細胞--什麼人需要存儲免疫細胞*/ .m132{width:100%;height:700px;overflow:hidden;background: url(../../images/aa9/bg3.jpg) no-repeat center;margin:0 auto 60px} .m132 .a75{width:100%;height:350px;overflow:hidden;background:rgba(0,95,160,.80);margin:175px 0 0 } .m132 .a75 .b136{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:60px 0 0 } .m132 .a75 .b136 .t77{width:auto;height:auto;overflow:hidden;float:left;box-sizing: border-box;font:700 32px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #fff;letter-spacing:0px;padding:0px 30px 0 0} .m132 .a75 .b136 .t78{width:50%;height:auto;overflow:hidden;float:left;padding:0 0;box-sizing: border-box;font:300 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #fff;text-align:justify;text-justify: inter-ideograph;} /*-20210611---免疫細胞手工--免疫細胞儲存流程--*/ .m130-3{margin:0;padding:20px 0 80px;border-top:0px solid #ddd;border-bottom:0px solid #ddd} .m130 .a74 .im32{width:1170px;height:auto;overflow:hidden;margin:60px auto 0;} .m130 .a74 .im32 img{width:100%;height:auto;} /*-20210622---D.免疫細胞與抗癌--主圖修改--*/ .m130 .a74 .ls23 .im33 {width:1160px;height:560px;overflow:hidden;margin:0 auto 0;float:none;background:url(../../images/aa9/im12.png) no-repeat center top/100% auto} .m130 .a74 .ls23 .im33 img{width:100%;height:auto;} /*202010624-F.免疫細胞儲存流程*/ .m130 .a74 .im34{width:1170px;height:600px;overflow:hidden;margin:60px auto 0;background:url(../../images/aa9/im11.png) no-repeat center top/100% auto} .m130 .a74 .im34 img{width:100%;height:auto;} /*-20210622---天明製藥實驗室----*/ .m130 .a74 .t79{width:100%;height:auto;overflow:hidden;margin:0 auto 30px;font:500 22px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align:justify;text-justify: inter-ideograph;color: #555;} .m130 .a74 .t79 ul{padding:15px 0 0 25px;} .m130 .a74 .t79 ul li{ list-style:outside;list-style-type:disc;color:#000;font:500 22px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; } .m130 .a74 .im35{width:1190px;height:530px;overflow:hidden;margin:0 auto 30px;background:url(../../images/aa9/im13.png) no-repeat center top/100% auto} .m130 .a74 .im35 img{width:100%;height:auto;} /*-20210624--關係企業----*/ .bgt5{width:100%; height:auto; overflow:hidden;font:700 60px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#00344a; margin:0 auto 50px; letter-spacing:-2.5px;padding:0 0 0;text-align:center; } .bgt5 h4{font:500 24px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#67b0be; letter-spacing:0px;text-transform: uppercase} .bn2{width:100%;height:400px;overflow:hidden;background: url(../../images/aa10/bn1.jpg) no-repeat center top;margin-bottom:60px} .m133{width:100%;height:auto;overflow:hidden;border-bottom: 1px solid #ddd} .m133 .a76{width:1200px;height:auto;overflow:hidden;margin:0 auto} .m133 .a76 .ls25{width:100%;height:auto;overflow:hidden;margin-bottom: 40px} .m133 .a76 .ls25 .im35{width:50%;height:auto;overflow:hidden;border-radius:8px;margin-right:3%;float: left;position: relative;z-index:3;border:1px solid #ddd} .m133 .a76 .ls25 .im35-2{float:right} .m133 .a76 .ls25 .im35 img{width:100%;height:auto;} .m133 .a76 .ls25 .t80{width:41%;height:auto;overflow:hidden;font:500 18px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";float: left;color:#444;text-align:justify;text-justify: inter-ideograph;border:1px solid #888;padding:25px 3% 25px 10%;margin:25px 0 0 -10%;border-radius:8px;} .m133 .a76 .ls25 .t80 h4{font:700 32px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#00344a;margin-bottom: 8px} .m133 .a76 .ls25 .t80-2{;padding:25px 10% 25px 3%;margin:25px -10% 0 0 ;} /*202106025-免疫細胞儲存流程---增加文案屬性---*/ .m130 .a74 .t81{width:100%;height:auto;overflow:hidden;padding:60px 0 0;font:500 22px/42px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #111;text-align: center;} #point{width:100%;height:0;margin:0 0 0 0;/*position:fixed;top:120px;left: 0;*/display:block;padding-top:0} #point2{width:100%;height:0;margin:50px 0 -0 0;/*position:fixed;top:120px;left: 0;*/display:block;padding-top:0} #point3{width:100%;height:0;margin:-100px 0 -0 0;/*position:fixed;top:120px;left: 0;*/display:block;padding-top:0} #point4{width:100%;height:0;margin:-300px 0 0 0;/*position:fixed;top:120px;left: 0;*/display:block;padding-top:0;z-index:0} #point5{width:100%;height:0;margin:100px 0 0 0;/*position:fixed;top:120px;left: 0;*/display:block;padding-top:0;z-index:0} /*20210630-產品列表主標題*/ .bgt6{width:100%; height:auto; overflow:hidden;font:700 60px/80px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#004271; margin:0 auto 40px; letter-spacing:-2.5px;padding:0 0 0;text-align:center; } /*20210630-新品上市敬請期待主圖*/ .m127-2{margin:60px auto 0;border-radius:10px} .im36{width:100%; height:auto; overflow:hidden;border-radius:3px} .im36 img{width:100%; height:auto;} /*20210708----aa1改版--公司介紹---橫幅*/ .m134{width:100%;height:500px;overflow:hidden;background: url(../../images/aa1/bnr1.jpg ) no-repeat center top;margin-bottom:0} /*圖片來源*/ .mg{width:100%;height:0;overflow:hidden;} /*20210708----aa1改版--公司介紹---文案*/ .bgt7{width:100%; height:auto; overflow:hidden;font:500 italic 52px/70px 'M PLUS Rounded 1c','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000; margin:0 auto 20px; letter-spacing:-2.5px;padding:0 0 0;text-align:center; } .m135{width:100%;height:auto;overflow:hidden;margin-bottom: 0;background:#fff} .m135 .a77{width:1200px;height:auto;overflow:hidden;margin: 0 auto;padding:90px 0 110px} .m135 .a77 .t82{width:100%;height:auto;overflow:hidden;font:400 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align: center;color:#444} .m135 .a77 .t82 h4{font:700 28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align: center;color:#183999;margin:0} .m135 .a77 .t82 h5{font:900 42px/60px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align: center;color:#111;margin:0} .m135 .a77 .t82 h6{font:900 60px/90px 'Noto Serif TC','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";text-align: center;color:#111;margin:0} /*20210708----aa1改版--願景與使命---文案*/ .m136{width:100%;height:auto;overflow:hidden;margin-bottom: 0;background:#efefef;border-top:0px solid #ddd} .m136 .a78{width:1200px;height:auto;overflow:hidden;margin: 0 auto;padding:100px 0 120px} .m136 .a78 .b137{width:100%;height:auto;overflow:hidden;padding:40px 0 0} .m136 .a78 .b137 .ls26{width:50%;height:auto;overflow:hidden;position: relative;float:left} .m136 .a78 .b137 .ls26 .im37{width:100%;height:auto;overflow:hidden;} .m136 .a78 .b137 .ls26 .im37 img{width:100%;height:auto;transition:all 0.8s} .m136 .a78 .b137 .ls26:hover .im37 img {transform:rotate(0deg) scale(1.1); transition:all 0.5s;} .m136 .a78 .b137 .ls26 .t83{width:100%;height:70px;overflow:hidden;font:500 26px/34px 'Noto Serif TC',"Century Gothic","微軟正黑體";color:#fff;position:absolute;bottom:0px;left:0;transition:all 0.8s;z-index:2;/*background:rgba(0,0,0,.10);*/background:rgba(0,0,0,.3);text-align:left;padding:15px 30px 30px;box-sizing: border-box;text-shadow:0 2px 8px rgba(0,0,0,.1)} .m136 .a78 .b137 .ls26:hover .t83{height:52%;background:rgba(0,0,0,.5);text-shadow:0 2px 8px rgba(0,0,0,0)} .m136 .a78 .b137 .ls26 .t83 h4{width:100%;height:0;overflow:hidden;font:300 18px/26px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";display: block;transition:all 1.0s;text-align:justify;text-justify: inter-ideograph;} .m136 .a78 .b137 .ls26:hover .t83 h4{height:100%;} /*20210708----aa1改版--全球戰疫---文案*/ .m137{width:100%;height:auto;overflow:hidden;margin-bottom: 0;border-top:0px solid #ddd;background:#fff} .m137 .a79{width:1240px;height:auto;overflow:hidden;margin: 0 auto;padding:100px 0 90px} .m137 .a79 .b138{width:100%;height:auto;overflow:hidden;padding:40px 0 0;background:#fff} .m137 .a79 .b138 .ls27{width:48%;height:auto;overflow:hidden;position: relative;float:left;margin:0 1% 30px} .m137 .a79 .b138 .ls27-2{width:31.33%;} .m137 .a79 .b138 .ls27 .im38{width:100%;height:auto;overflow:hidden;margin-bottom:10px} .m137 .a79 .b138 .ls27 .im38 img{width:100%;height:auto;transition:all 0.3s} .m137 .a79 .b138 .ls27 .t84{width:100%;height:auto;overflow:hidden;font:300 18px/26px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#555;box-sizing: border-box;text-align:justify;text-justify: inter-ideograph;letter-spacing:-.4px} .m137 .a79 .b138 .ls27 .t84 span{width:100%;height:auto;overflow:hidden;font:500 18px/32px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color: #333 } .m137 .a79 .b138 .ls27 .t84 h4{font:italic 500 24px/32px 'M PLUS Rounded 1c','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000;margin:0 0 5px} /*20210708----aa1改版--發展歷程---橫幅*/ .m138{width:100%;height:500px;overflow:hidden;background: url(../../images/aa1/bnr2.jpg ) no-repeat center top;margin-bottom:50px} /*20210708----aa1改版--發展歷程---文案*/ .m139{width:100%;height:auto;overflow:hidden;margin-bottom: 0;border-bottom:0px solid #ddd} .m139 .a80{width:1240px;height:auto;overflow:hidden;margin: 0 auto;padding:0 0 40px} .m139 .a80 .b139{width:100%;height:auto;overflow:hidden;} .m139 .a80 .b139 .ls28{width:46%;height:auto;overflow:hidden;position: relative;float:left;margin:0 2% 30px} .m139 .a80 .b139 .ls28 .st2{width:100%;heiga80ht:auto;overflow:hidden;font:700 26px/60px 'M PLUS Rounded 1c',"Century Gothic","微軟正黑體";color:#000;xbox-sizing: border-box;border-bottom:1px solid #aaa;margin-bottom:10px} .m139 .a80 .b139 .ls28 .t85{width:100%;height:auto;overflow:hidden;font:300 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;sizing: border-box;text-align:justify;text-justify: inter-ideograph;letter-spacing:0px} .m139 .a80 .b139 .ls28 .t85 ul{padding-left:22px;padding-top:8px} .m139 .a80 .b139 .ls28 .t85 ul li{ list-style:outside;list-style-type:disc;margin-bottom:8px} /*20210708----aa1改版--投資母公司---文案*/ .m140{width:100%;height:auto;overflow:hidden;margin-bottom: 0;border-bottom:0px solid #ddd;background:#efefef;} .m140 .a81{width:1200px;height:auto;overflow:hidden;margin: 0 auto;padding:100px 0 0px} .m140 .a81 .b140{width:100%;height:auto;overflow:hidden;;padding:40px 0 0 } .m140 .a81 .b140 .ls29{width:100%;height:550px;overflow:hidden;background: url(../../images/aa1/bnr3.jpg) no-repeat center top;position: relative;margin-bottom:100px} .m140 .a81 .b140 .ls29-2{background: url(../../images/aa1/bnr4.jpg) no-repeat center top} .m140 .a81 .b140 .ls29 .t86{width:56%;height:auto;overflow:hidden;position: absolute;right:0;top:70px;padding:20px 30px 25px;box-sizing: border-box;font:300 16px/26px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;background:rgba(255,255,255,.90);text-align:justify;text-justify: inter-ideograph;box-shadow:0 2px 12px rgba(0,0,0,0)} .m140 .a81 .b140 .ls29-2 .t86{/*right:auto;left:0;*/top:60px;} .m140 .a81 .b140 .ls29 .t86 h4{font:700 28px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin:0 0 4px} .m140 .a81 .b140 .ls29 .t86 h4 span{font:500 16px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin-left: 5px} .m140 .a81 .b140 .ls29 .t86 h4 span{font:500 16px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin-left: 5px} /*20210714---product_list 產品分類---第一區塊*/ .m141{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;margin-bottom:100px} .m141 .a82{width:1200px;height:auto;overflow:hidden;margin: 0 auto;padding:0 0} .m141 .a82 .b141{width:100%;height:auto;overflow:hidden;} .m141 .a82 .b141 .bn3{width:100%;height:auto;overflow:hidden;margin-bottom:30px} .m141 .a82 .b141 .bn3 a{width:100%;height:500px;overflow:hidden;margin-bottom:30px;display:block;background:url(../../images/pd/bnr1.jpg) no-repeat center} .m141 .a82 .b141 .bn3 a{cursor:auto} .m141 .a82 .b141 .bn3 img{width:100%;height:auto;} .ls30 {width:31.33%;height:auto;overflow:hidden;margin:0 2% 30px 0;float:left} .ls30 a{width:100%;height:auto;overflow:hidden;display:block;cursor:auto} .ls30-2{margin:0 0 30px 0} .ls30 a .im39{width:100%;height:226px;overflow:hidden;margin-bottom:5px;cursor:auto} .ls30 a .im39 img{width:100%;height:auto;transition:all 0.8s;} .ls30 a .im39 img:hover {transform:rotate(0deg) scale(1.0); transition:all 0.3s;} .ls30 a .t87{width:100%;height:auto;overflow:hidden;box-sizing: border-box;font:300 18px/26px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#555;} .ls30 a .t87 h4{font:500 24px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000;margin:0} /*20210714---product_list 產品分類---第二區塊*/ .bgt8{width:100%; height:auto; overflow:hidden;font:500 42px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000; margin:0 auto 0;text-align: center;} .bgt8-2{ margin:0 auto 60px;} .bgt8 h4{font:300 20px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#555; margin:20px 0 40px;text-align: center;} .m142{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;margin-bottom:100px} .m142 .a83{width:1240px;height:auto;overflow:hidden;margin: 0 auto;} .m142 .a83 .b142{width:100%;height:auto;overflow:hidden;padding:20px;box-sizing: border-box;} .m142 .a83 .b142 .ls31 {width:31.33%;height:auto;overflow:hidden;margin:0 3% 30px 0;float:left;background:rgba(255,255,255,1);box-shadow:0 2px 10px rgba(0,0,0,.25);padding:0;border-radius:10px;box-sizing: border-box;} .m142 .a83 .b142 .ls31-2{margin:0 0 30px 0} .m142 .a83 .b142 .ls31 a{width:100%;height:auto;overflow:hidden;display:block} .m142 .a83 .b142 .ls31 a:hover{background:#f0f0f0} .m142 .a83 .b142 .ls31 > a .im40{width:100%;height:226px;overflow:hidden;margin-bottom:10px} .m142 .a83 .b142 .ls31 > a .im40 img{width:100%;height:auto;transition:all 0.8s;} .m142 .a83 .b142 .ls31 > a:hover .im40 img {transform:rotate(0deg) scale(1.05); transition:all 0.3s;} .m142 .a83 .b142 .ls31 > a .t88{width:100%;height:auto;overflow:hidden;box-sizing: border-box;font:500 24px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#000;text-align: center;margin-bottom:15px;transition:all 0.3s} .m142 .a83 .b142 .ls31 > a:hover .t88{color:#666;transition:all 0.3s} .bt22{width:120px; height:40px;font:300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 30px; background:#111} .bt22 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt22:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s} .bt22 a{width:100%; height:40px;font:300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#111; } .bt22 a:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s;} /*20210715-大齡肌膚的保養，越早開始越好--*/ .bn4{width:100%;height:500px;overflow:hidden;margin-bottom:60px;background:url(../../images/pd/bnr2.jpg) center top/cover} .bn4 img{width:100%;height:auto;} .m143{width:100%;height:auto;overflow:hidden;border-bottom:0px solid #ddd;margin-bottom:100px} .m143 .a84{width:1240px;height:auto;overflow:hidden;margin: 0 auto 0;padding-top:0} .m143 .a84 .b143{width:100%;height:auto;overflow:hidden;padding:20px;box-sizing: border-box;} /*20210708----product_intro01--投資母公司---文案*/ .m144{width:100%;height:auto;overflow:hidden;margin-bottom: 0;border-bottom:0px solid #ddd;} .m144 .a85{width:1200px;height:auto;overflow:hidden;margin: 0 auto;padding:0px 0 0px} .m144 .a85 .m144{width:100%;height:auto;overflow:hidden;;padding:40px 0 0 } .m144 .a85 .b144 .ls32{width:100%;height:400px;overflow:hidden;background: url(../../images/pd/bnr3.jpg) no-repeat center top;position: relative;margin-bottom:80px} .m144 .a85 .b144 .ls32-2{background: url(../../images/pd/bnr4.jpg) no-repeat center top} .m144 .a85 .b144 .ls32-3{background: url(../../images/pd/bnr5.jpg) no-repeat center top} .m144 .a85 .b144 .ls32 .t89{width:56%;height:auto;overflow:hidden;position: absolute;right:0;top:80px;padding:20px 30px 25px;box-sizing: border-box;font:300 16px/26px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;background:rgba(255,255,255,.90);text-align:justify;text-justify: inter-ideograph;box-shadow:0 2px 12px rgba(0,0,0,0)} .m144 .a85 .b144 .ls32 .t89-2{right:auto;left:0;} .m144 .a85 .b144 .ls32 .t89 h4{font:700 28px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin:0 0 4px} .m144 .a85 .b144 .ls32 .t89 h4 span{font:500 17px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin-left: 5px} .m144 .a85 .b144 .ls32 .t89 h4 span{font:500 16px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#333;margin-left: 5px} /*能量鍺*/ .bn5{width:100%;height:500px;overflow:hidden;margin-bottom:0;background:url(../../images/pd/bnr6.jpg) center top/cover} .m137-2 {/*background:#efefef;*/margin:0 0 0} .m137-2 .a79{padding:80px 0} .m137-2 .a79 .b138{padding-top: 0} /*抗菌銅*/ .m136-2{background:#efefef;margin-bottom:0} .m136-2 .a78{padding:80px 0 120px} .m136-2 .a78 .b137{padding-top: 0} /*再怎麼忙，也要好好睡覺!*/ .m144-3{background:#fff;} .m144-3 .a85{padding:80px 0 0px} /*c.再怎麼忙，也要好好睡覺*/ .bn6{width:100%;height:500px;overflow:hidden;margin-bottom:0;background:url(../../images/pd/bnr7.jpg) center top/cover} .m144 .a85 .b144 .ls32-4{background: url(../../images/pd/bnr8.jpg) no-repeat center top} .m144 .a85 .b144 .ls32-5{background: url(../../images/pd/bnr9.jpg) no-repeat center top} .m144 .a85 .b144 .ls32-6{background: url(../../images/pd/bnr10.jpg) no-repeat center top} /*20210722-product_intro02--D.從個體到以細胞為研究--*/ .bn7{width:100%;height:500px;overflow:hidden;margin-bottom:60px;background:url(../../images/pd/bnr11.jpg) center top/cover} .m144 .a85 .b144 .ls32-7{background: url(../../images/pd/bnr14.jpg) no-repeat center top} .m144 .a85 .b144 .ls32-8{background: url(../../images/pd/bnr15.jpg) no-repeat center top} .m144 .a85 .b144 .ls32-9{background: url(../../images/pd/bnr16.jpg) no-repeat center top} /*20210722-product_intro02--E.粒線體--*/ .bn8{width:100%;height:500px;overflow:hidden;margin-bottom:0;background:url(../../images/pd/bnr12.jpg) center top/cover} /*20210722-product_intro02--F.亞健康--*/ .bn9{width:100%;height:500px;overflow:hidden;margin-bottom:0;background:url(../../images/pd/bnr13.jpg) center top/cover} .m136-3{background:#fff;} .m136-3 .a78{padding:60px 0 100px} .m136-3 .a78 .b137{padding:0 0 0 } /*NEWS_list--MORE按鈕*/ .bt23{width:120px; height:40px;font:500 22px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 30px; background:#111;clear:both} .bt23 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt23:hover{ background:#c00; border:0px solid #3577c1;transition:all 0.3s} .bt23 a{width:100%; height:40px;font:300 18px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#b00; } .bt23 a:hover{ background:#111; border:0px solid #3577c1;transition:all 0.3s;} /*20210802-LOGO*/ .lg3{width:80%;height:auto;overflow:hidden;text-align: center;display: none;margin:0 auto 0;padding:60px 0 40px;margin-bottom:20px; border-bottom:1px solid #ccc} .lg3 img{width:70%;height:auto;text-align: center} /*台醋平移會員加入頁面*/ /*20210804--member3_JoinIndex--台醋平移會員加入頁面----登入按鈕*/ .bt24{width:300px; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:20px auto 10px;} .bt24 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:3px;} .bt24:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt24 a{width:100%; height:60px;font:28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333 ; } .bt24 a:hover{ background:#555; border:0px solid #555;transition:all 0.3s;} .m113 .a64 .b129 .ls33{width:100%;height:auto;overflow:hidden;margin-bottom:25px;border-bottom:1px solid #888;padding-bottom:25px} .m113 .a64 .b129 .ls33-2{border-bottom:0px solid #888;padding-bottom:0} .t58-2{width:100%;height:auto;overflow:hidden;font:700 32px/43px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin-bottom:10px;padding-bottom:12px; border-bottom:0px solid #888;letter-spacing:-1px;text-align: center} .t58 span{width:43px;height:43px;overflow:hidden;font:700 32px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";padding:0;background:#f30a6c;display:inline-block;color:#fff;text-align: center;border-radius:100px;vertical-align:top;margin-right:4px} .bt16-2{margin-bottom:25px;} .m113 .a64 .b129 .ls33 .im41{width:56%;height:auto;overflow:hidden;margin:0 auto} .m113 .a64 .b129 .ls33 .im41 img{width:100%;height:auto;} .c50{width:102%;height:330px;overflow:hidden;padding:0 0 0 0} .c50 .carousel-inner > .item{height:330px;background:#fff} .c50 .carousel-inner .active.left { left:-2.5%;transition:all .1s;opacity:0;display:block;width:100%} .c50 .carousel-inner .next { left:33.33%;transition:all 0s;opacity:1} .c50 .carousel-control.left, .carousel-control.right {background-image:none;width:8%} .c50 .carousel-control{width:8%!important} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{color:#000;font-size:26px;top:36%;left:38%;} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:35%;color:#000;font-size:26px;top:36%;} /*20210910--減重活動---top*/ .m145x{width:100%;height:70px;} .m145{width:100%;height:70px;background:rgba(255,255,255,.80);position:fixed;top:0;left:0;box-shadow:0 1px 8px rgba(0,0,0,.1);z-index:1} .m145 .a86{width:1200px;height:70px; margin:0 auto;padding:15px 0;box-sizing: border-box;} .m145 .a86 .lk3{width:auto;height:auto;overflow:hidden;float:right;text-align:center;margin:0 40px 0 0 } .m145 .a86 .lk3 a{width:auto;height:auto;overflow:hidden;font:italic 700 20px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000;display:inline-block;margin:0 12px;letter-spacing:-.5px;padding:0 3px;background:linear-gradient(90deg,#6500ac 50%,#6500ac 50%) no-repeat left bottom/0px 2px} .m145 .a86 .lk3 a:hover{color:#6500ac;background:linear-gradient(90deg,#6500ac 50%,#6500ac 50%) no-repeat left bottom/100% 2px} .m145 .a86 .lg4{width:auto;height:40px;overflow:hidden; float:left} .m145 .a86 .lg4 img{width:auto;height:100%;overflow:hidden;} .m146{width:100%;height:900px; overflow:hidden; margin:0 auto 0; background:url(../../images/act2/bn1.jpg) no-repeat center top/cover} .m146 span{width:100%;height:0;overflow:hidden;display:none} .m147{width:100%;height:auto;overflow:hidden;} .m147 .a87{width:1200px;height:auto;overflow:hidden; margin:0 auto;padding:100px 0} .m147 .a87 .im42{width:45%;height:auto;overflow:hidden; margin:0 3% 0 0;float:left} .m147 .a87 .im42 img{width:100%;height:auto;} .m147 .a87 .t90{width:52%;height:auto;font:500 21px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000;float:left;} .m147 .a87 .t90 img{width:auto;height:36px; padding-bottom:4px; vertical-align:middle; margin-right:-5px} .m147 .a87 .t90 h4{font:italic 700 36px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#7bc120;} .m147 .a87 .t90 h4 span{font:italic 700 28px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111;} .m147 .a87 .t90 h4 span p{color:#6500ac;display:inline;text-decoration:underline} .m147 .a87 .t90 ul{padding-left:25px;} .m147 .a87 .t90 ul li{ list-style:outside;list-style-type:disc;margin-top:8px} .m147 .a87 .t90 h5{font:500 17px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin:0;color:#666} .m147 .a87 .t90 h5 span{font:italic 500 17px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#f40045;} .m147 .a87 .t90 .st3{width:auto;height:auto;background:#e4e4e4;display:inline-block;position:relative;padding:4px 12px 8px 25px;border-radius:8px;margin-top:6px} .m147 .a87 .t90 .st3 .ic2{background:#f30056;display:inline-block;width:32px;height:32px;font:500 24px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;position:absolute;left:-10px;top:6px;transform: rotate(-15deg);border-radius:100px;text-align: center} .m147 .a87 .t90 .st3 h6{font:500 17px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";margin:0;color:#666} .m147 .a87 .t90 .st3 h6 span{font:italic 500 17px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#f40045;} /*20210910--減重活動--活動辦法*/ .m148{width:100%;min-height:500px; height:auto;overflow:hidden;background:#f0f0f0;transform:skew(0deg,-3deg);margin-bottom:50px;position:relative;} .m148x{width:100%;height:100px;background:#f0f0f0;transform:skew(0deg,3deg);margin:-150px 0 0} .m148 .a88{width:1200px;height:auto;overflow:hidden; margin:0 auto;padding:125px 0 150px;transform:skew(0deg,3deg);z-index:-1} .bgt9{width:100%;height:auto;font:700 32px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#333;text-align: center;margin-bottom:20px;letter-spacing:-.5px} .bgt9 h4{width:auto;height:auto;overflow:hidden;font:italic 700 60px/60px 'M PLUS Rounded 1c','Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#7bc120;letter-spacing:-3px;display: block;background:linear-gradient(90deg,#6500ac 50%,#6500ac 50%) no-repeat center 54px/260px 0;text-transform:uppercase} .m148 .a88 .t91{width:100%;height:auto;overflow:hidden;font:300 18px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000;text-align: center} .m148 .a88 .t91-2{width:900px;text-align:left;margin:0 auto} .m148 .a88 .t91 span{font-weight:500 } .m148 .a88 .t91 span{font-weight:500 } .bt25a {width:80%; height:auto;overflow:hidden;text-align: center;margin:0 auto} .bt25{width:auto; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:30px auto 0; } .bt25:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt25 a{width:auto; height:60px;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#662fb2 ;padding:0 30px} .bt25 a:hover{ background:#824ccd; border:0px solid #3577c1;transition:all 0.3s;} .bt25 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*20210910--減重活動---獎項介紹*/ .bgt9-2{color:#e7f8d0} .bgt9-2 h4{color:#fff} .m149{width:100%;min-height:500px; height:auto;overflow:hidden;background:#7bc120;transform:skew(0deg,3deg);margin-bottom:50px;position:relative;} .m149x{width:100%;height:200px;background:#7bc120;transform:skew(0deg,-3deg);margin:-150px 0 0;z-index:-1;position: relative} .m149 .a89{width:1200px;height:auto;overflow:hidden; margin:0 auto;padding:100px 0;transform:skew(0deg,-3deg);} .m149 .a89 .t92{width:100%;height:auto;overflow:hidden;font:300 18px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#fff;text-align: center;margin-bottom:30px} .m149 .a89 .t92 span{font-weight:700 } .m149 .a89 .b145{width:100%;height:auto;overflow:hidden} .ls34{width:30.3%;height:auto;overflow:hidden;float: left;margin:0 1.5% 0} .ls34 .im43{width:100%;height:auto;overflow:hidden;margin-bottom:10px} .ls34 .im43 img{width:100%;height:auto;} .ls34 .t93{width:100%;height:auto;overflow:hidden;font:500 18px/28px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#fff;} .ls34 .t93 h4{width:100%;height:auto;font:italic 300 32px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#fff;text-align:center;display: block;margin:0} .ls34 .t93 h4 img{width:auto;height:30px; padding-bottom:8px; vertical-align:middle; margin-right:-6px} .ls34 .t93 span{background:linear-gradient(90deg,#824ccd 50%,#824ccd 50%) no-repeat center bottom/100% 25px;width:auto;height: auto;overflow:hidden;display: inline-block;vertical-align:top} /*20210910--減重活動---立即報名*/ .m148-2{background:#fff} .m148-2 .a88{padding: 125px 0 80px} .m148 .a88 form{width:900px;height:auto;overflow:hidden;padding:30px 0;margin:0 auto } .b147{width:100%;height:auto;overflow:hidden;background:#f0f0f0;padding:5px 25px 10px;box-sizing: border-box;border-radius:12px;margin-bottom:20px} .b147 .t95{width:100%;height:auto;overflow:hidden;float:left;font:700 28px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;border-bottom:3px dotted #ccc;margin-bottom:10px;letter-spacing:-2px;} .t95 span{font:700 32px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;display: inline-block;vertical-align:middle;padding-bottom:10px;margin:0 2px} .t95 img{width:auto;height:28px; padding-bottom:6px; vertical-align:middle; margin-right:0px} .b147 .ls35{width:100%;height:auto;overflow:hidden;margin:0 0 10px;border-bottom:3px dotted #ccc;padding-bottom:10px} .b147 .ls35 .t94{width:20%;height:auto;overflow:hidden;float:left;font:500 20px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;} .b147 .ls35 input{width:80%;height:50px;overflow:hidden;float:left;font:500 20px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;padding:0 10px;border-radius:8px;box-sizing: border-box;display: block;border:2px solid #ccc} .b147 .ls35 select{width:30%;height:50px;overflow:hidden;float:left;font:500 20px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;padding:0 10px;border-radius:8px;box-sizing: border-box;display: block;border:2px solid #ccc} .b147 .ls35 .c51{width:24.66%;height:auto;overflow:hidden;float: left;margin-right:2%} .b147 .ls35 .c51-2{width:38%;margin-bottom:20px} .b147 .ls35 .c51-3{width:80%;margin-left:20%} .b147 .ls35 .c51 .in9{width:80%;} .b147 .ls35 .c51 span{width:20%;height:50px;overflow:hidden;float:left;display:block;font:500 20px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;text-align:center} .b147 .ls35 .c51 .in10{width:100%} /*20210910--減重活動---A&Q*/ .m149x-2{width:100%;height:200px;background:#7bc120;transform:skew(0deg,0deg);margin:-150px 0 0;z-index:-1} .m149 .a89 .b146{ width:100%;height:auto;overflow:hidden;margin-top:60px} .m149 .a89 .b146 .panel{margin-top:10px;box-shadow:0 0 0 #000} .m149 .a89 .b146 .panel-group .panel{border-radius:0;background: none;border:0} .m149 .a89 .b146 .panel-group { min-height:200px; height:auto; overflow:hidden; } .m149 .a89 .b146 .panel-heading { background:#f4f4f4; transition:all 0.3s; padding:0; width:100%;border-radius:100px;} .m149 .a89 .b146 .panel-heading:hover { background:#333; transition:all 0.3s } .m149 .a89 .b146 .panel-heading .panel-title{border-radius:100px;} .m149 .a89 .b146 .panel-heading .panel-title a { font:500 20px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#000; width:100%; height:auto; overflow:hidden; padding:8px 3%;box-sizing: border-box; display:block;border-radius:100px;}t95 .m149 .a89 .b146 .panel-heading .panel-title a::before {content:'Q:';font:700 21px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic";color:#666;margin-right:5px;display:inline-block; vertical-align:top} .m149 .a89 .b146 .panel-heading:hover .panel-title a {color:#fff} .m149 .a89 .b146 .panel-heading:hover .panel-title a::before {color:#fff;transition:all 0.3s} .m149 .a89 .b146 .panel-body::before { content:'';font: bold 26px/32px "Century Gothic"; margin-left:5px;color:#222} .m149 .a89 .b146 .panel-body { font:500 18px/22px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#fff; padding:20px 1.2%;border:0 } .m149 .a89 .b146 .panel-body ul { padding-left:20px; } .m149 .a89 .b146 .panel-body ul li { list-style:outside; list-style-type:disc } .m149 .a89 .b146 .panel-headingx:focus { background:#f80 } .bt26{width:210px; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:30px auto 0; } .bt26:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt26 a{width:100%; height:60px;font:italic 700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:100px;background:rgba(255,255,255,.7) ;padding:0} .bt26 a:hover{ background:rgba(255,255,255,1) ; border:0px solid #3577c1;transition:all 0.3s;} .bt26 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*20210910--減重活動---down*/ .m150{width:100%;height:auto;overflow:hidden;background:#111} .m150 .a90{width:1200px;height:auto;overflow:hidden; margin:0 auto;font:300 16px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#888;text-align:center} /*20210910--減重活動--會員登入+確認送出彈跳視窗*/ .m151{width:560px;heigh:auto;overflow:hidden; margin:60px auto 0} .m151 .modal-header{font:28px/36px "微軟正黑體"; text-align:center;padding:5px 0;border:0; background:#79d009; border-radius:5px 5px 0 0;} .m151 .modal-header .close{ font-size:60px; opacity:1; text-shadow:0 0 0 #333;color:#fff;transition:all 0.3s; font-weight:100 !important; margin:0 auto 0; float:none;position:absolute; top:-5px ; right:10px} .m151 .modal-header h4{font:700 36px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff} .m151 .modal-header h4 img{width:auto;height:36px; padding-bottom:6px; vertical-align:middle; margin-right:8px} .m151 .modal-body{padding:0 0 0;font:28px/50px "微軟正黑體";color:#111; text-align:center} .m151 .modal-body form{width:90%;height:auto;overflow:hidden;margin:0 auto} .m151 .modal-body .im44{width:100%;height:auto;overflow:hidden;margin-bottom:20px} .m151 .modal-body .im44 img{width:100%;height:auto;} .m151 .modal-body .t96{width:100%;height:auto;overflow:hidden;font:500 24px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111; letter-spacing:-1px;margin-bottom:20px;text-align: left} .m151 .modal-body form .t96-2{text-align:center} .m151 .modal-footer{ padding:20px 0 40px; border:0; margin-top:0; text-align:center; height:auto; overflow:hidden;} .bt27{width:240px; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:100px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:30px auto;background:#333 } .bt27:hover{ border:0px solid #3577c1;transition:all 0.3s;background:#555 } .bt27 a{width:100%; height:60px;font:italic 700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111; display:block;border-radius:100px;background:rgba(255,255,255,.7) ;padding:0} .bt27 a:hover{ background:rgba(255,255,255,1) ; border:0px solid #3577c1;transition:all 0.3s;} .bt27 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:6px;} .ls36{width:100%;height:auto;overflow:hidden;margin:0 0 20px;border-bottom:0px dotted #ccc;padding-bottom:0} .ls36 .t97{width:25%;height:auto;overflow:hidden;float:left;font:500 24px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;} .ls36 input{width:75%;height:50px;overflow:hidden;float:left;font:500 24px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;padding:0 10px;border-radius:8px;box-sizing: border-box;display: block;border:2px solid #ccc} /*202120912--+主選單--會員登入按鈕+會員管理按鈕*/ .m145 .a86 .lk4{width:120px;height:auto;float:right;text-align:center;position: relative;margin:0 3px;} .m145 .a86 .lk4 > a{width:100%;height:40px;overflow:hidden;font: 500 18px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#fff;display:block;letter-spacing:-.5px;padding:0 3px;background:#7bc120;border-radius:100px;box-sizing: border-box;} .m145 .a86 .lk4 > a:hover{color:#fff;background:#91d43b} .m145 .a86 .lk4 .mn3{width:180px;height:auto;overflow:hidden;position:absolute; top:40px;left:-40px;padding:10px} .m145 .a86 .lk4 .mn3 a{width:100%;height:0;overflow:hidden;font: 500 18px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#333;display:block;background:#fff;box-sizing: border-box;margin-bottom:3px;border-radius:100px;box-shadow:0 1px 3px rgba(0,0,0,0);border:0px solid #ccc;} .m145 .a86 .lk4:hover .mn3 a{height:40px;box-shadow:0 2px 6px rgba(0,0,0,.3);border:1px solid #888;} .m145 .a86 .lk4 .mn3 a:hover{background:#333;border:1px solid #333;color: #fff} .m145 .a86 .lk4:hover .mn3 a.red{background:#662fb2;border:1px solid #662fb2;color:#fff} .m145 .a86 .lk4 .mn3 a:hover.red{background:#824ccd;border:1px solid #824ccd;} /*activity02_Order--報名紀錄*/ .m152{width:100%;height:300px; overflow:hidden; margin:70px auto 0; background:url(../../images/act2/bn2.jpg) no-repeat center top/cover;margin-bottom:10px} .m152 span{width:100%;height:0;overflow:hidden;display:none} /*activity02_Order--報名紀錄---頁籤*/ .m153{width:100%;height:auto;overflow:hidden;} .m153 .a91{width:1200px;height:auto;overflow:hidden; margin:0 auto;} .m153 .a91 .b148{width:100%;height:60px;overflow:hidden; margin:0 auto;background:linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center bottom/100% 1px;text-align:center;margin-bottom:25px} .m153 .a91 .b148 .ls37{width:100%;height:auto;overflow:hidden;} .m153 .a91 .b148 .ls37 a{width:auto;height:auto;font: 500 22px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; display:inline-block;padding:0 0;margin:0 20px} .m153 .a91 .b148 .ls37 a:hover{color:#6db114} .m153 .a91 .b148 .ls37 a:focus{color:#111} .m153 .a91 .b148 .ls37 a.active{background:linear-gradient(90deg,#6db114 50%,#6db114 50%) no-repeat center bottom/100% 3px;color:#6db114;font:700 22px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";} /*activity02_Order--報名紀錄---內頁大標*/ .bgt10{width:100%;height:auto;font:700 32px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;text-align: center;margin-bottom:20px;letter-spacing:-.5px} .bgt10 img{width:auto;height:36px; padding-bottom:4px; vertical-align:middle; margin-right:10px} .bgt10-2{margin:20px 0 20px} .bgt10 h4{width:auto;height:auto;overflow:hidden;font:500 18px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#333;} .m153 .a91 .b149{width:900px;min-height:380px; height:auto;overflow: hidden;margin:0 auto 40px;} .m153 .a91 .b149 form{width:100%;height:auto;overflow:hidden;} .b147-2 .t95{margin-bottom:0px;border-bottom:1px solid #ddd;line-height:40px} .b147-2 .ls35{margin-bottom:0px;padding-bottom:0px;border-bottom:1px solid #ddd} .b147-2 .ls35 .t94{line-height:40px} .b147 .ls35 .t98{width:80%;height:auto;overflow:hidden;float:left;font:500 20px/40px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;} /*activity02_Edit--個人資料管理----身高表單資訊*/ .b147-3{background:#e8fad0;border:2px solid #91d43b} .b147 .ls35 .c51-4{width:60%;margin:0} .b147 .ls35 .c51-5{width:80%;margin:0} .b147 .ls35 .c51 .in11{width:70%;margin-right:10px} .b147 .ls35 textarea{width:100%;height:90px;overflow:hidden;float:left;font:500 24px/30px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;padding:5px 10px;border-radius:8px;box-sizing: border-box;display: block;border:2px solid #ccc} /*activity02_Edit--個人資料管理----大頭照*/ .b147 .ls35 .c51 .in12{border:0px;padding: 0} .b147 .ls35 .c51 .im45{width:200px;height:200px;overflow:hidden;margin:10px 0 5px;border-radius:100px;} .b147 .ls35 .c51 .im45 img{width:100%;height:100%;} /*activity02_Diary--體重日記 ----專用頁籤*/ .m153 .a91 .b150{width:100%;height:auto;overflow:hidden; margin:0 auto;background:linear-gradient(90deg,#aaa 50%,#aaa 50%) no-repeat center bottom/100% 0px;text-align:center;margin-bottom:25px} .m153 .a91 .b150 .ls38{width:100%;height:42px;overflow:hidden;background:linear-gradient(90deg,#ccc 50%,#ccc 50%) no-repeat center/25% 2px} .m153 .a91 .b150 .ls38 a{width:auto;height:42px;font: 500 22px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; display:inline-block;padding:0 25px;margin:0 10px;background:#eee;border:2px solid #ccc;border-radius:100px;color:#888;box-sizing: border-box;} .m153 .a91 .b150 .ls38 a:hover{color:#fff;background:#888;border:2px solid #888} .m153 .a91 .b150 .ls38 a:focus{color:#111;background:#eee;border:2px solid #ccc} .m153 .a91 .b150 .ls38 a.active{height:42px;background:#6db114;border:2px solid #6db114;font:500 22px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;} /*activity02_Diary--體重日記 ---上傳體重資訊--全身照片*/ .b147 .ls35 .c51 .im46{width:180px;height:300px;overflow:hidden;margin:10px 0 5px;border-radius:0;} .b147 .ls35 .c51 .im46 img{width:100%;height:100%;} /*activity02_Diary--體重日記 ---上傳體重資訊-體重照片*/ .b147 .ls35 .c51 .im47{width:300px;height:180px;overflow:hidden;margin:10px 0 5px;border-radius:0;} .b147 .ls35 .c51 .im47 img{width:100%;height:100%;} /*activity02_Diary--體重日記 ---歷史紀錄*/ .bx4{width:100%; height:auto; overflow:hidden; margin-bottom:60px;font:500 20px/24px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";} .bx4-2{margin-bottom:30px;} .bx4 table{ border:1px solid #ccc;border-right:0;border-bottom:0} .bx4 table .t99{;background:#e8e8e8;} .bx4 table tr{ border-bottom:1px solid #ccc} .bx4 table tr td{ border:1px solid #ccc;border-left:0;border-top:0;padding:10px 1%;} .bx4 table tr td > img{height:200px;width: auto} .bx4 table tr td .t99{background:#e8e8e8;} /*activity02_Diary--體重日記 ---歷史紀錄--+more*/ .bt28{width:210px; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:30px auto 0; } .bt28:hover{ border:0px solid #3577c1;transition:all 0.3s} .bt28 a{width:100%; height:60px;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑 體";color:#fff; display:block;border-radius:100px;background:#333 ;padding:0} .bt28 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} .bt28 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*20210912---activity02_JoinList--搜尋引擎*/ .sha{width:100%;height:auto;overflow:hidden;margin:10px 0 25px;} .sha .ls39{width:46%;height:auto;overflow:hidden;margin: 0 auto} .sha .ls39 .t100{width:30%;height:50px;overflow:hidden;font:500 24px/46px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#111;float:left;margin-right:2%;text-align: right} .sha .ls39 select{width:40%;height:50px;overflow:hidden;font:500 24px/46px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;padding:0 10px;border-radius:8px;box-sizing: border-box;display: block;border:2px solid #ccc;float:left} .sha .ls39 .bt29{width:23%; height:50px;font:500 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377;transition:all 0.3s;margin:0 auto 0;float:right} .sha .ls39 .bt29 a{width:100%; height:50px;font:500 24px/48px 'Noto Sans TC',"Century Gothic","微軟正黑 體";color:#fff; display:block;border-radius:100px;background:#333 ;padding:0;} .sha .ls39 .bt29 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} .sha .ls39 .bt29 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*20210912---activity02_JoinList--列表大頭照*/ .im48{width:100px;height:100px;overflow:hidden;margin:0;border-radius:100px;} .im48 img{width:100%;height:100%;} /*20210912---activity02_JoinList--男性女性圖示*/ .bx4 table tr td > span{width:auto;height:28px!important;overflow:hidden;margin:0;border-radius:100px;display:inline-block;vertical-align:middle;margin-right:4px;padding-bottom:4px} .bx4 table tr td > span > img{width:auto;height:100%;} /*20210912---activity02_WeightTop--減重指數*/ .t101{font:italic 700 24px/50px 'Noto Sans TC',"Century Gothic","微軟正黑 體";color:#662fb2; } /*20210912--報名流程---導覽介面*/ .b151{width:1200px;height:auto;overflow:hidden; margin: 0 auto 20px;text-align: center;padding:0 0 0;} .b151-2{margin:20px auto -5px} .b151 .ls40{width:auto ;height:auto;overflow:hidden;/*float:left;*/font:500 19px/30px 'Noto Sans TC',"Century Gothic","微軟正黑體";padding:10px 12px;box-sizing: border-box; background:#eee;border-radius:6px; border:1px solid #ccc;color: #aaa;text-align:center;display:inline-block;letter-spacing:-.5px;margin-bottom:0} .b151 .ls40-2{background:#12b4af;color: #fff;border:1px solid #12b4af; } .b151 .ls40 h4{font:500 50px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";} .b151 .flw{width:auto;height:50px;overflow:hidden;font:900 22px/50px 'Noto Sans TC',"Century Gothic","微軟正黑體";text-align: center;color:#666;display: inline-block;vertical-align:top;margin-bottom:0} /*20210912--activity02_cart---活動報名--*/ .bgt11{width:100%;height:auto;font:italic 700 32px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111;text-align:left;margin-bottom:20px;letter-spacing:-.5px;border-bottom:1px solid #aaa;padding-bottom:12px} .bgt11:before{font:italic 900 24px/20px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";content:'◎';display: inline-block;vertical-align:middle;padding-bottom:8px;color:#000;margin-right:4px} .m153 .a91 .b149 .c52{width:100%;height:auto;overflow:hidden;} .bx4 table tr .t102{color:#e5005c;font:italic 700 20px/24px 'Noto Sans TC',"Century Gothic","微軟正黑 體";} .bx4 table .t103{color:#fff;font:italic 700 28px/36px 'Noto Sans TC',"Century Gothic","微軟正黑 體";background:#e5005c} .bx4 table tr .im41{color:#e5005c;font:italic 700 20px/24px 'Noto Sans TC',"Century Gothic","微軟正黑 體";} .bx4 table tr .im49{width:70px;height:70px;overflow:hidden;margin:0;border-radius:6px;} .bx4 table tr .im49 img{width:100%;height:100%;} /*20210912--activity02_cart---活動報名--勾選介面設定*/ .ck3{ width:100%; height:auto; overflow:hidden; } .ck3 input[type="radio"] {display:none;} .ck3 input[type="radio"] + label { background:#bbb; width:20px; height:20px;border-radius:100px; padding:2px} .ck3 input[type="radio"] + label div {display:block;width: 100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff } .ck3 input[type="radio"]:checked + label div {border-radius:100px;background:#662fb2} .ck3 label{height:19px;font:13px/18px "微軟正黑體";margin-bottom:0} /*20210912--activity02_cart---活動報名--同上框格選項*/ .sam{ width:80%; height:auto;overflow:hidden;text-align: left;margin-bottom:0;float:left} .sam input[type="checkbox"] {display:none;} .sam input[type="checkbox"] + label { background:#bbb; width:24px; height:24px;border-radius:50px; padding:2px;float:left; margin:8px 8px 0 0} .sam input[type="checkbox"] + label div {display:block;width: 100%;height:100%; border:3px solid #fff;border-radius:50px;box-sizing: border-box; background:#fff } .sam input[type="checkbox"]:checked + label div {border-radius:50px;background:#662fb2} .sam label{height:19px;font:13px/18px "微軟正黑體";} .sam .t104{width:auto;height:auto;overflow:hidden;text-align: left;font:500 24px/42px 'Noto Sans TC',"Century Gothic","微軟正黑體";float: left} /*20210912--activity02_cart---活動報名-上一步按鈕*/ .m153 .a91 .b149 .c52-2{text-align: center} .bt30{width:210px; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 8px;background:#333;border-radius:100px;} .bt30:hover{ border:0px solid #3577c1;transition:all 0.3s;background:#555;} .bt30 a{width:100%; height:60px;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#333 ;padding:0} .bt30 a:hover{ background:#555; border:0px solid #3577c1;transition:all 0.3s;} .bt30 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*20210912--activity02_cart---活動報名-下一步按鈕*/ .bt31{width:210px; height:60px;font:500 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 8px;background:#662fb2;border-radius:100px;} .bt31:hover{ border:0px solid #3577c1;transition:all 0.3s; background:#824ccd;} .bt31 a{width:100%; height:60px;font:700 24px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:100px;background:#662fb2 ;padding:0} .bt31 a:hover{ background:#824ccd; border:0px solid #3577c1;transition:all 0.3s;} .bt31 a img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*activity02.asp--閱讀同意條款勾選*/ .ck4{ width:560px; height:auto; overflow:hidden;text-align: center;margin:30px auto 10px;background:#f8f8f8;border:1px solid #ccc;border-radius:10px;padding:20px 0 15px;} .ck4 input[type="checkbox"] {display:none;} .ck4 input[type="checkbox"] + label { background:#bbb; width:24px; height:24px;border-radius:100px; padding:2px ;margin-top:0px} .ck4 input[type="checkbox"] + label div {display:block;width: 100%;height:100%; border:3px solid #fff;border-radius:100px;box-sizing: border-box; background:#fff } .ck4 input[type="checkbox"]:checked + label div {border-radius:100px;background:#79d009 } .ck4 label{height:auto;font:500 28px/28px 'Noto Sans TC', "微軟正黑體";} .ck4 span{width:100%;height:auto;overflow:hidden;font:700 28px/28px 'Noto Sans TC', "微軟正黑體";color: #111;display:inline;vertical-align:top;} .ck4 span a{font:500 28px/28px 'Noto Sans TC', "微軟正黑體";color:#67b206 ;margin-left: -6px} .ck4 span a:hover{color:#91d43b ;text-decoration: underline} /*20210914-activity02--會員註冊--服務條款*/ .m154 .modal-header{ font:700 32px/40px 'Noto Sans TC',verdana,"微軟正黑體";color: #fff;background:#79d009;text-align: center} .m154 .modal-body {width:90%; height:550px;overflow:auto;overflow-x:hidden; font:500 24px/34px 'Noto Sans TC',verdana,"微軟正黑體";text-align:justify;text-justify: inter-ideograph;margin:0 auto} .m154 .modal-body ul{padding-left:20px;} .m154 .modal-body ul li{ list-style:outside;list-style-type:decimal} .m154 .modal-body h4{font:700 24px/34px 'Noto Sans TC',verdana,"微軟正黑體"; letter-spacing:-1px; margin:10px 0} .m154 .bt6{font:500 24px/30px 'Noto Sans TC',verdana,"微軟正黑體";background: #333;color: #fff} .m154 .bt6:hover{background: #555} .m154 .close{ font-size:42px;opacity:1;text-shadow:0 0 0 #333} /*20210914-activity02_MSG--付款資訊--*/ .t105{background: #e8e8e8} /*20210914-activity02--手機選單圖示--*/ .m145 .a86 .pmn{width:46px;height:46px;overflow:hidden;display: none;margin:-3px 0px 0 25px;float:right} .m145 .a86 .pmn img{width:100%;height:100%;overflow:hidden;} /*20210917--activity02_Order-報名紀錄--訂單頁籤*/ .m153 .a91 .b152{width:900px;height:42px;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#ccc 25%,#ccc 75%,#fff 100%) no-repeat center bottom/100% 2px;margin-bottom:20px;margin:30px auto 30px} .ls41{width:100%;height:42px;overflow:hidden;text-align: center} .ls41 a{width:auto;height:42px;font: 500 22px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; display:inline-block;padding:0 12px;margin:0 4px;background:#eee;border:2px solid #ccc;border-radius:5px 5px 0 0;color:#888;box-sizing: border-box;} .ls41 a:hover{color:#fff;background:#bb97ed;border:2px solid #bb97ed} .ls41 a:focus{color:#111;background:#bb97ed;border:2px solid #bb97ed} .ls41 a.active{height:42px;background:#662fb2 ;border:2px solid #662fb2 ;font:500 22px/38px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff;} /*---20211026---Banner----*/ .m155{ width:100%; height:900px;overflow:hidden;line-height:0;margin:30px 0 80px} /*--圖片區域-控制超連結、藏字、顯示背景--*/ .m155 .carousel-inner > .item{ height:900px;background-size:cover} .m155 .carousel-inner > .item iframe{ width:100%; height:180%; margin:-12% 0 0; } .m155 .carousel-inner > .item .cvx{ width:100%; height:600px; position:absolute;top:0; left:0} .m155 .carousel-inner > .item a{ width:100%; padding:0 0 0; height:900px; overflow:hidden; display:inline-block; text-indent:-9999px} /*--圓點Page控制--*/ .m155 .carousel-indicators li{ height:16px;width:70px;border:0px solid #fff;background-color:#fff;margin:0 5px;box-shadow:0 1px 3px rgba(0,0,0,0.3);transition:all 0.3s;background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat right top/0% 100% rgba(255,255,255,.8); background:rgba(100,100,100,.9)} .m155 .carousel-indicators li:hover{ background:#c00;border:0px solid #517a03;transition:all 0.3s;/*background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat left top/100% 100% rgba(255,255,255,.8);*/ } .m155 .carousel-indicators .active{border:0px solid #517a03; box-shadow:0 1px 3px rgba(0,0,0,0.3); cursor:default; /*background:linear-gradient(90deg,#06a8a7 0%,#1358a1 50%,#3b0262 100%) no-repeat right top/100% 100%;*/ height:16px; background:#c00} .m155 .carousel-indicators{bottom:80px} /*-------20211026--首頁橫幅手機版本專用-----------*/ .m156x{ padding:102px 0 0 } .m156{ width:100%; height:360px; overflow:hidden; line-height:0; display:none; margin:80px 0 40px} /*--圖片區域-控制超連結、藏字、顯示背景--*/ .m156 .carousel-inner{} .m156 .carousel-inner > .item{ background-size:cover; background-size:auto 100%} .m156 .carousel-inner > .item a{ width:100%; padding:360px 0 0; height:0px; overflow:hidden; display:inline-block; text-indent:-9999px} /*--圓點Page控制--*/ .m156 .carousel-indicators .active{background-color:#fff;border:1px solid #fff; display:block} .m156 .carousel-indicators li{ height:13px;width:13px;border:1px solid #fff;margin:0 2px;} .m156 .carousel-indicators{ bottom:30px} .m156 .carousel-control, .m156 .carousel-control:hover{ width:8%;font-size:24px} /*202111122--手機版本選項下拉DOWN 改版*/ .b94{ width:100%;height:auto;overflow:hidden;margin:0 auto;background: #fff;display: none} .b94 .panel{border:0; border-bottom:1px solid #ccc;border-radius:0} .b94 .panel-group { height:auto; overflow:hidden;margin-bottom:0 } .b94 .panel-heading { background:#fff; transition:all 0.3s; width:100%;border-radius:0;padding:0 2%;box-sizing: border-box;background:url(../../images/in3/ic4.png) no-repeat 96% center/auto 12px #fff} .b94 .panel-heading:hover {transition:all 0.3s;background:url(../../images/in3/ic4b.png) no-repeat 96% center/auto 12px #333} .b94 .panel-group .panel + .panel{margin:0} .b94 .panel-heading .panel-title > a { font:700 28px/50px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體"; color:#111; display:block; width:100%; height:auto; overflow:hidden; padding:8px 1%;box-sizing: border-box;} /*.b94 .panel-heading .panel-title a::before { content:'Q:'; font:700 24px/36px 'Noto Sans TC','Noto Sans SC',"Century Gothic"; color:#666; margin-right:5px; display:inline-block; vertical-align:top }*/ .b94 .panel-heading:hover .panel-title > a { color:#fff } .b94 .panel-heading:hover .panel-title >　a::before { color:#fff; transition:all 0.3s } .b94 .panel-body::before { content:''; font: bold 26px/32px "Century Gothic"; margin-left:5px; color:#222} .b94 .panel-body { font:16px/26px "微軟正黑體"; color:#666; padding:10px 1.2% } .b94 .panel-body ul { padding-left:20px; } .b94 .panel-body ul li { list-style:outside; list-style-type:disc } .b94 .panel-headingx:focus { background:#f80 } .t106{width:100%;height:auto;overflow:hidden; font:500 24px/42px 'Noto Sans TC',"微軟正黑體"; color:#222;padding:0 2%;box-sizing: border-box;} .t106 a{ width:100%;height:auto;overflow:hidden; font:500 24px/42px 'Noto Sans TC',"微軟正黑體"; color:#111;display: block} .t106 a:hover{ color:#888;} .t106 a::before{content:'●';font:12px/40px '新細明體'; color:#aaa;vertical-align: middle;padding-bottom:0px; margin-right:4px} .t106 a::before:hover{text-decoration:none} /*20211228--activity02-活動流程*/ .ls42a{width:100%;height:auto;overflow:hidden;margin:30px 0 60px;text-align: center} .ls42a .ls42{width:22%;height:auto;font:500 20px/70px 'Noto Sans TC',"微軟正黑體";background:#333;border-radius:100px;color:#fff;padding:20px 12px;vertical-align:middle;display: inline-block;box-sizing: border-box;position:relative} .ls42a .ls42 .cv30{width:46px;height:46px;font:700 28px/44px 'Noto Sans TC',"微軟正黑體";position:absolute;left:0px;top:0px;color:#fff;background:#7bc120;text-align:center;border-radius:100px;box-shadow:3px 3px 8px rgba(0,0,0,.55)} .ls42a .ls42 .im50{width:auto;height:42px;overflow:hidden;margin:0 auto 8px;} .ls42a .ls42 .im50 img{width:auto;height:100%;display: inline-block;vertical-align:top} .ls42a .ls42 .t107{width:100%;height:60px;overflow:hidden;font:500 20px/30px 'Noto Sans TC',"微軟正黑體";float:left;color:#fff;text-align:center} .arw1{width:3%;height:70px;font:700 26px/70px 'Noto Sans TC',"微軟正黑體";text-align:center;clear:#ccc;vertical-align:middle;display: inline-block} /*忘記密碼*/ .p1 .m3-3{margin:0 auto;float:none; padding:30px 30px 30px} .t108{width:100%;height:auto;overflow:hidden;font:500 20px/30px 'Noto Sans TC',"微軟正黑體";color:#111;margin-bottom:20px;text-align:justify;text-justify: inter-ideograph;letter-spacint45g:0} .t108 span{color:#2559b8;text-decoration: underline} .btn6{width:auto; height:42px;font:bold 20px/42px "微軟正黑體";color:#fff;margin-top:20px;display: inline-block;float:right} .btn6 a{width:auto; height:42px;font:bold 20px/38px "微軟正黑體";color:#111; display:inline-block; border-radius:4px; margin:0 0 0px;text-align: right;border:1px solid #333;padding:0 30px;float:right;/*border-bottom:0;border-top:0*/;box-sizing: border-box;} .btn6 a:hover{ /*text-decoration: underline;background:#666;*/color:#fff ;border:1px solid #226f9c;background:#226f9c} /*忘記密碼--MSG*/ .m102 .a56-2{width:600px;background:#fff;border-radius:12px;margin-bottom:80px;box-shadow:0 2px 6px rgba(0,0,0,.3);border:1px solid #ccc} .m102 .a56-2 .t45{min-height:200px;padding:25px 30px} .m102 .a56-2 .t45 > span{color:#c00} /*行事曆*/ .m157{width:100%;height:auto;overflow:hidden;} .m157 .a92{width:1200px;height:auto;overflow:hidden; margin:0 auto 40px} .m157 .a92 .b153{ width:1200px; height:40px; background:linear-gradient(90deg,#ccc 100%,#a00 0) bottom left repeat-x; background-size:1200px 1px; margin-bottom:30px; float:left} .m157 .a92 .b153 .ls7{ width:auto; height:40px; overflow:hidden;float:left} .m157 .a92 .b153 .ls7 a{ width:auto; height:40px;font:19px/40px Arial,"微軟正黑體"; color:#888; display:inline-block; margin-right:40px;border-bottom:0px solid rgba(0,0,0,0); background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/0% 2px} .m157 .a92 .b153 .ls7 a:hover{ color:#000; border-bottom:0px solid #002a56; height:40px;background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/100% 2px; transition:all 0.3s linear} .m157 .a92 .b153 .ls7 a.active{ color:#000; border-bottom:0px solid #000; height:40px; background:linear-gradient(90deg,#000 50%,#000 50%) no-repeat center bottom/100% 2px;} .m116 .a67 .b6 .c3-6{ width:16px; height:16px; float:left; margin-right:5px;background:url(../../images/cl/ic1.png) no-repeat center top/auto 100%;margin-top:2px} .m116 .a67 .b6 .c3-6 a{width:16px; height:16px;} .m116 .a67 .b6:hover .c3-6{background:url(../../images/cl/ic1_over.png) no-repeat center top/auto 100%} .m116 .a67 .b6 .c3-7{ width:14px; height:14px; float:left; margin-right:5px;background:url(../../images/in3/ic5.png) no-repeat right top/auto 100%;margin-top:3px} .m116 .a67 .b6 .c3-7 a{width:16px; height:16px;} .m116 .a67 .b6:hover .c3-7{background:url(../../images/in3/ic5_over.png) no-repeat right top/auto 100%} /*日曆圖*/ .m157 .a92 .b154{ width:1200px; height:auto;overflow:hidden;margin-bottom:20px} .m157 .a92 .b154 .im51{width:1200px; height:300px;overflow:hidden;margin-bottom:10px;background: url(../../images/cl/im1.jpg) no-repeat center top/auto 300px} .m157 .a92 .b154 .im51 img{ width:100%; height:auto;} .m157 .a92 .b154 .c53{ width:1200px; height:auto;overflow:auto;overflow-y:hidden} .m157 .a92 .b154 .c53 .im52{ width:1200px; height:943px;overflow: hidden;} .m157 .a92 .b154 .c53 .im52 img{width:100%; height:auto;} .m157 .a92 .b155{width:1200px; height:auto;overflow:hidden;margin:0 auto 20px} .m157 .a92 .b155 .t109{width:100%;height:70px;overflow:hidden;font:700 42px/66px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111;margin-bottom:20px;text-align:center;background:#ccc;border-radius:100px;} .ls43{width:720px;height:auto;overflow:hidden;border:1px solid #ccc;box-sizing: border-box;margin:0 auto 20px} .ls43 img{width:100%;height:auto;} .ls43 img{width:100%;height:auto;overflow:hidden;} /*20210708----aa1改版--投資母公司---文案*/ .aa1bg{background: url(../../images/aa1/bg1.jpg) no-repeat center/cover;background-attachment: fixed} .m158x{width:100%;height:900px;overflow:hidden;} .m158{width:100%;height:auto;overflow:hidden;margin-bottom: 0;border-bottom:0px solid #ddd;background:url(../../images/aa1/bg2.jpg) no-repeat center top /cover} .m158 .a93{width:1200px;height:auto;overflow:hidden;margin: 0 auto;padding:100px 0 0px} .m158 .a93 .im53{width:40%;height:auto;overflow:hidden;float:left} .m158 .a93 .im53 img{width:100%;height:auto;} .m158 .a93 .b156{width:calc(100% - 60%);height:auto;overflow:hidden;float:right;padding:100px 0 0 } .m158 .a93 .b156 > div{float:left} .m158 .a93 .b156 .t110{width:100%;height:auto;overflow:hidden;font:500 24px/30px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#d09b52;margin-bottom:10px} .m158 .a93 .b156 .t111{width:100%;height:auto;overflow:hidden;font:500 52px/60px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#fff;margin-bottom:10px} .m158 .a93 .b156 .t111 span{font:300 24px/30px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#fff;margin-bottom:10px} .m158 .a93 .b156 .t112{width:100%;height:auto;overflow:hidden;font:400 24px/30px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#d09b52;margin:0 0 18px 0;padding: 0 0 20px 0;border-bottom:1px solid #6f5532} .m158 .a93 .b156 .t112 span{color:#fff;margin:0 10px 0 0} .m158 .a93 .b156 .t113{width:75%;height:auto;overflow:hidden;font:300 18px/30px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#ccc;} .m158 .a93 .b156 .t113 span{font:300 13px/30px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#d09b52;margin:0 0 0 10px } .m158 .a93 .b156 .t113b{width:25%} .m158 .a93 .b156 .t113 ul{padding-left:0px;} .m158 .a93 .b156 .t113 ul li{ list-style:outside;list-style-type:none} /*服務條款--彈出介面--*/ .m159{ width:1000px; height:auto; overflow:hidden; margin:50px auto 0} .m159 .modal-content{ border:0;} .m159 .t114{width:100%;height:auto;overflow:hidden;font:500 26px/40px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#555;padding:12px 20px; text-align:center; letter-spacing:0px} .m159 .a94{width:90%;height:520px;overflow:auto;overflow-x:hidden;font:400 18px/24px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";text-align:justify;text-justify:inter-ideograph;margin:0 auto; letter-spacing:-0.5px} .m159 .a94 a{font:400 18px/24px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#2a1c72} .m159 .a94 a:hover{text-decoration: underline} .m159 .a94 h4{font:500 18px/40px 'Noto Sans SC','Noto Sans TC',"微軟正黑體"; color:#000} .m159 .a94 > ul{padding-left:18px; margin:0 0 0 20px} .m159 .a94 > ul > li{ list-style:outside;list-style-type:decimal; margin-bottom:3px;} .m159 .a94 > ul > li ul{padding-left:22px; margin:0 0 0px} .m159 .a94 > ul > li ul li{list-style-type:lower-alpha;margin:0 0 3px;} .m159 .a94 > ul > li .c11{padding-left:0px;} .m159 .a94 > ul > li .c11 li{list-style-type:none; } .m159 .a94 .b11{} .m159 .a94 .b11 li{ list-style:outside;list-style-type:disc;margin-bottom:0px} .m159 .a94 .b13{} .m159 .a94 .b13 li{list-style-type:none;} .m159 .bt32{ background:#888; color:#fff; transition:all 0.3s} .m159 .bt32:hover{ background:#aaa;transition:all 0.3s} .m159 .a95{ padding:12px 20px;} /*活動登入簽到*/ .bn10{width:100%;height:300px;overflow:hidden;background:url(../../images/sign/bn1.jpg) center top/cover;margin-bottom:40px} .m160{width:100%;height:auto;overflow:hidden;} .m160 .a96{width:1200px;height:auto;overflow:hidden; margin:0 auto} .m160 .a96 .t115{width:100%;height:auto;overflow:hidden;font:700 52px/60px 'Noto Sans SC','Noto Sans TC',".im微軟正黑體";color:#111;margin-bottom:25px;letter-spacing:-1px;text-align:center} .m160 .a96 .t115 h4{font:400 20px/60px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111;} /*活動登入簽到-流程*/ .m160 .a96 .b157{width:100%;height:auto;overflow:hidden;margin-bottom:60px} .ls44 {width:29%; height:auto;overflow:hidden;font:500 22px/25px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#888; border-radius:100px;display:inline-block;text-align: center;padding: 15px 0;border:2px dashed #666;box-sizing: border-box;} .ls44b{background:#333;border:2px dashed #333;color:#fff; } .arw2{width:5%;height:50px;font:700 26px/60px 'Noto Sans TC',"微軟正黑體";text-align:center;color:#888;vertical-align:top;display: inline-block;} .ls44 img{width:auto;height:24px;display:inline-block; padding:0 0 4px; margin-right:6px;} /*活動登入簽到-按鈕*/ .m160 .a96 .b158{width:100%;min-height:200px;height:auto;overflow:hidden;text-align: center} .bt33{width:560px; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:0 auto 25px; } .bt33 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt33 a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#1db8a8; } .bt33 a:hover{ background:#41cebf; border:0px solid #3577c1;transition:all 0.3s;} .bt34{width:560px; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#2f4b8b;margin:0 auto 25px} .bt34 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt34 a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#2f4b8b; } .bt34 a:hover{ background:#47619c; border:0px solid #3577c1;transition:all 0.3s;} /*活動登入簽到-註冊*/ .m160 .a96 .b159{width:100%;min-height:200px;height:auto;overflow:hidden;text-align: center} .m160 .a96 .b159 .t116{width:600px;height:auto;overflow:hidden;font:700 36px/54px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111;letter-spacing:-1px;text-align:center;background:#d2c8ba;margin:0 auto 20px;padding:12px 0;border-radius:0px;} .m160 .a96 .b159 .t116 h4{font:400 20px/28px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111;etter-spacing:0px;} /*活動登入簽到-註冊---填寫欄位介面*/ .m160 .a96 .b159 .c54{width:600px;min-height:200px;height:auto;overflow:hidden;margin:0 auto 80px;border:1px solid #ccc;padding:40px 30px 15px;box-sizing: border-box;border-radius:15px;} .ls45{width:100%;height:auto;overflow:hidden;margin-bottom:25px} .ls45 .t117{width:25%;height:60px;overflow:hidden;font:500 22px/58px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111;float:left;text-align: right;margin:0 3% 0 0;} .ls45 .in13{ width:72%; height:60px; border:1px solid #aaa; font:20px/58px 'Noto Sans SC','Noto Sans TC',"微軟正黑體"; padding:0 2%; display:block; box-sizing: border-box; color:#333; float: right;} .ls45 .in14{ width:30%; height:60px; border:1px solid #aaa; font:20px/58px 'Noto Sans SC','Noto Sans TC',"微軟正黑體"; padding:0 2%; display:block; box-sizing: border-box; color:#333; margin:0 10px 0 0;float:left;} .ls45 .cd2{ width:auto; height:46px; overflow:hidden; float:left; margin:0 0} .ls45 .cd2 img{width:auto;height:100%;overflow:hidden; padding:3px} .ls45 .res2{ width:auto; height:auto; overflow:hidden; float:left; margin:0 0} .ls45 .res2 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} .bt35{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#1db8a8;margin:20px auto 25px} .bt35:hover{background:#41cebf;} .bt35 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt35 a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#2f4b8b; } .bt35 a:hover{ background:#47619c; border:0px solid #3577c1;transition:all 0.3s;} .bt35b{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#2f4b8b;margin:20px auto 25px} .bt35b:hover{background:#47619c;} .bt35b img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt35b a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#2f4b8b; } .bt35b a:hover{ background:#47619c; border:0px solid #47619c;transition:all 0.3s;} /*20230222--減活動登入簽到-註冊---填寫欄位介面*/ .m161{width:560px;heigh:auto;overflow:hidden; margin:60px auto 0} .m161 .modal-header{font:28px/36px "微軟正黑體"; text-align:center;padding:5px 0;border:0; background:#333; border-radius:5px 5px 0 0;} .m161 .modal-header .close{ font-size:60px; opacity:1; text-shadow:0 0 0 #333;color:#fff;transition:all 0.3s; font-weight:100 !important; margin:0 auto 0; float:none;position:absolute; top:-5px ; right:10px} .m161 .modal-header h4{font:700 36px/60px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#fff} .m161 .modal-header h4 img{width:auto;height:36px; padding-bottom:6px; vertical-align:middle; margin-right:8px} .m161 .modal-body{padding:0 0 0;font:28px/50px "微軟正黑體";color:#111; text-align:center} .m161 .modal-body form{width:90%;height:auto;overflow:hidden;margin:0 auto} .m161 .modal-body .im44{width:100%;height:auto;overflow:hidden;margin-bottom:20px} .m161 .modal-body .im44 img{width:100%;height:auto;} .m161 .modal-body .t96{width:100%;height:auto;overflow:hidden;font:500 24px/34px 'Noto Sans TC','Noto Sans SC',"Century Gothic","微軟正黑體";color:#111; letter-spacing:-1px;margin-bottom:20px;text-align: left} .m161 .modal-body form .t96-2{text-align:center} .m161 .modal-footer{ padding:20px 0 40px; border:0; margin-top:0; text-align:center; height:auto; overflow:hidden;} .m161 .modal-content .modal-body .a97{width:100%;height:auto;overflow:hidden;padding:25px 0 0; } .m161 .modal-content .modal-body .a97 .t118{ width:100%;height:auto;overflow:hidden;font:700 36px/40px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 0 0 0;letter-spacing:-2px; text-align:center; margin-bottom:20px;} .m161 .modal-content .modal-body .a97 .t119{ width:86%; min-height:110px;height:auto;overflow:hidden;font:500 20px/36px 'Noto Sans TC',"Century Gothic","微軟正黑體"; margin:0 auto; letter-spacing:0px; text-align:left; border-top:2px solid #ddd; border-radius:20px; border-0:2px solid #fff; background: linear-gradient(180deg,#ccc 70%,#fff 100%) no-repeat left top/2px 100%, linear-gradient(180deg,#ccc 70%,#fff 100%) no-repeat right top/2px 100%; padding:15px 20px 20px;color:#333; } .m161 .modal-content .modal-body .a97 .t119 img{width:auto;height:28px; padding-bottom:4px; vertical-align:middle; margin-right:0px} .m161 .modal-content .modal-body .a97 .t119 h4 {font:700 28px/46px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#599d00;letter-spacing:0px} .m161 .modal-content .modal-body .a97 .t119 h5 {font:700 28px/46px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體"; color:#f1005b;letter-spacing:0px} .bt36{width:84%; height:70px;font:700 28px/70px 'Noto Serif TC','Noto Serif TC','Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:100px; padding:0 0; border:0px solid #ccc; transition:all 0.3s;margin:0 0 30px; background:#222} .bt36 > img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px} .bt36:hover{ background:#555 ; border:0px solid #333;transition:all 0.3s} /*推薦人分享簽到-掃QRCODE*/ .m160 .a96 .b159 .c55{width:600px;height:auto;overflow:hidden;margin:0 auto 60px} .m160 .a96 .b159 .c55 .im54{width:60%;height:auto;overflow:hidden;;margin:0 auto} .m160 .a96 .b159 .c55 .im54 img{width:100%;height:auto;} .m160 .a96 .b159 .c55 .t120{width:100%;height:60px;overflow:hidden;font:500 28px/58px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#111;text-align:center;} .bt37{width:80%; height:70px;font:500 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:inline-block; text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;margin:20px auto 0; background:#888} .bt37 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt37:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s} .bt37 a{width:100%; height:70px;font:500 28px/70px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333; } .bt37 a:hover{ background:#aaa; border:0px solid #3577c1;transition:all 0.3s;} /*20230330----小叮嚀說明-*/ .m160 .a96 .b159 .c54 .t121{width:100%;height:auto;overflow:hidden;font:500 24px/36px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#660b1e;text-align:left;background:#d1b3ba;padding:15px 25px;box-sizing: border-box;border:2px dotted #660b1e;text-align:justify;text-justify: inter-ideograph;} /*20230330----簽到按鈕調整*/ .m160 .a96 .b159 .c54 .d27{width:100%;height:auto;overflow:hidden;} /*20230330----簽到按鈕調整--返回*/ .bt38{width:48%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#333;margin:20px 4% 25px 0;float:left} .bt38:hover{background:#555;} .bt38 img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt38 a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#333; } .bt38 a:hover{ background:#555; border:0px solid #47619c;transition:all 0.3s;} /*20230330----簽到按鈕調整--立即簽到*/ .bt35c{width:48%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#2f4b8b;margin:20px 0% 25px;float:left} .bt35c:hover{background:#47619c;} .bt35c img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt35c a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#2f4b8b; } .bt35c a:hover{ background:#47619c; border:0px solid #47619c;transition:all 0.3s;} /*20230330--新會員---立即簽到*/ .bt35d{width:48%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; /*display:inline-block;*/ text-align:center;border-radius:6px; padding:0 0;border:0px solid #e95377; transition:all 0.3s;background:#1db8a8;margin:20px auto 25px} .bt35d:hover{background:#41cebf;} .bt35d img{width:auto;height:28px;display:inline-block; padding:0 0 4px; margin-right:6px;} .bt35d a{width:100%; height:80px;font:500 28px/78px 'Noto Sans TC',"Century Gothic","微軟正黑體";color:#fff; display:block;border-radius:6px;background:#2f4b8b; } .bt35d a:hover{ background:#47619c; border:0px solid #3577c1;transition:all 0.3s;} /*20230727--member4_JoinIndex--太精彩----背景*/ .bg7{background:url(../../images/mb3/bg1.jpg) no-repeat center/cover #111; background-attachment: fixed} .t57-4 span{color:#5c7715; } .bt16-2 a{background:#84a529} .bt16-2 a:hover{background:#5c7715;} /*20230727--member4_Join.asp--太精彩----背景*/ .bt19-2{background:#84a529} .bt19-2:hover{background:#5c7715;} /*20231117--讀取畫面*/ .rda1{width:100%;height:auto;overflow:hidden;margin:0 auto} .rda1 .rd1{width:60%;height:auto;overflow:hidden; margin:0 auto !important; display:block; padding:100px 0 0} .rda1 .rd1 .t122{width:100%;height:auto;overflow:hidden;font:500 32px/60px 'Noto Sans TC',"Century Gothic","微軟正黑體"; text-align:center; color:#888} /*20241025--Terms_Service.asp--服務條款--內容*/ .bn11{width:100%;height:200px;overflow:hidden;background:url("../../images/bn10.jpg") no-repeat center/cover} .m162{width:100%;height:auto;overflow:hidden;} .m162 .a98{width:1200px;height:auto;overflow:hidden; margin:0 auto 40px;padding:0 0} .m162 .a98 .b95{width:100%;height:auto;overflow:hidden;font:400 18px/24px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";text-align:justify;text-justify:inter-ideograph;margin:0 auto; letter-spacing:-0.5px} .m162 .a98 .b95 a{font:400 18px/24px 'Noto Sans SC','Noto Sans TC',"微軟正黑體";color:#2a1c72} .m162 .a98 .b95 a:hover{text-decoration: underline} .m162 .a98 .b95 h4{font:500 18px/40px 'Noto Sans SC','Noto Sans TC',"微軟正黑體"; color:#000} .m162 .a98 .b95 > ul{padding-left:18px; margin:0 0 0 20px} .m162 .a98 .b95 > ul > li{ list-style:outside;list-style-type:decimal; margin-bottom:3px;} .m162 .a98 .b95 > ul > li ul{padding-left:22px; margin:0 0 0px} .m162 .a98 .b95 > ul > li ul li{list-style-type:lower-alpha;margin:0 0 3px;} .m162 .a98 .b95 > ul > li .c11{padding-left:0px;} .m162 .a98 .b95 > ul > li .c11 li{list-style-type:none; } .m162 .a98 .b95 .b11{} .m162 .a98 .b95 .b11 li{ list-style:outside;list-style-type:disc;margin-bottom:0px} .m162 .a98 .b95 .b13{} .m162 .a98 .b95 .b13 li{list-style-type:none;} /*20241025--資料保護政策---*/ .bn12{width:100%;height:200px;overflow:hidden;background:url("../../images/bn11.jpg") no-repeat center/cover} /*20241227-*/ .m135 .a77 .im55{width:900px;height:auto;overflow:hidden;;margin:50px auto 50px} .m135 .a77 .im55 img{width:100%;height:auto;} /*首頁橫幅影片*/ .m163{widm163th:100%;height:900px;overflow:hidden;background: #111;position: relative;margin-bottom:0;margin-top:110px } .m163 .cv1{width:100%;height:900px;overflow:hidden;background: url(../../images/cv1.png) center;position: absolute; top:0;left:0;z-index:2;background:rgba(0,0,0,.5)} .m163 video{width:100%;height:auto;animation:go1 2.5s ease-out 0s 1 alternate; animation-fill-mode: forwards; animation-paly-state: running; position:relative;background: #000;z-index:0;opacity:0;margin:0 0 0 } @keyframes go1 { 0% {} 100% {opacity:1} }