*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft JhengHei",sans-serif;color:#333;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:1170px;max-width:calc(100% - 30px);margin:0 auto}.gis-header{height:103px;background:#fff;border-bottom:1px solid #dcdcdc;box-shadow:0 1px 5px rgba(0,0,0,.12);position:relative;z-index:5}.head-wrap{height:103px;display:flex}.logo{width:240px;display:flex;align-items:center}.logo a{display:flex;align-items:center;gap:12px}.logo-symbol{position:relative;width:60px;height:60px;border-radius:50%;border:6px solid #074b8c;display:block}.logo-symbol i{position:absolute;border:5px solid #074b8c;border-radius:50%}.logo-symbol i:nth-child(1){inset:8px 19px 8px -8px;border-right:0}.logo-symbol i:nth-child(2){inset:8px -8px 8px 19px;border-left:0}.logo-symbol i:nth-child(3){left:18px;right:18px;top:-5px;bottom:-5px;border-left:0;border-right:0}.logo-word{font-size:34px;color:#074b8c;font-weight:900;letter-spacing:-1px}.head-right{flex:1}.head-icon{height:34px;margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end}.head-icon>li{position:relative}.icon{display:block;width:35px;height:34px;background:#f5f5f5;border-left:1px solid #ddd;position:relative}.icon:after{position:absolute;color:#777;font-size:16px;left:9px;top:7px}.icon-tel:after{content:"☎"}.icon-map:after{content:"▦"}.icon-lang:after{content:"文";font-size:13px;top:8px}.icon-search:after{content:"⌕"}.lang-list,.search-box{display:none;position:absolute;right:0;top:34px;background:white;border:1px solid #ddd;box-shadow:0 8px 22px rgba(0,0,0,.14);z-index:9}.has-pop:hover .lang-list,.has-pop:hover .search-box{display:block}.lang-list{list-style:none;margin:0;padding:8px 17px;line-height:2}.search-box{padding:10px}.search-box input{width:150px;border:1px solid #ccc;height:28px}.search-box button{width:28px;height:28px;border:0;background:#0a5b9b}.menu{height:69px}.menu ul{height:69px;display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0}.menu li{position:static}.menu>ul>li>a{height:69px;display:flex;align-items:center;padding:0 16px;border-left:1px solid #eee;font-size:15px;color:#333;position:relative}.menu>ul>li>a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#0a5b9b;transform:scaleX(0);transition:.15s}.menu li:hover>a{color:#0a5b9b}.menu li:hover>a:before{transform:scaleX(1)}.home>a{width:50px;background:#0a5b9b!important;color:white!important}.home>a:after{content:"⌂";font-size:25px;margin:auto}.sub-menu{display:none;position:absolute;left:0;right:0;top:103px;background:rgba(255,255,255,.96);border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow:0 8px 18px rgba(0,0,0,.12)}.menu li:hover .sub-menu{display:block}.sub-menu .wrap{height:54px;display:flex;justify-content:flex-end;gap:30px;align-items:center;color:#666}.sub-menu a{font-size:14px}.index-banner{height:520px;position:relative;overflow:hidden;background:#e9edf0}.slide-puzzle{height:520px;width:1400px;max-width:100%;margin:0 auto;position:relative;background:url('/assets/hero-puzzle.png?v=gis6') center center/cover no-repeat}.slide-puzzle:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 56% 50%,rgba(255,255,255,.62) 0 20%,rgba(255,255,255,.20) 38%,transparent 54%)}.slide-puzzle:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.20) 55%,rgba(255,255,255,.04))}.soft-hand,.piece-gap{display:none}.piece{position:absolute;z-index:5}.piece:before,.piece:after{display:none}.piece span{position:absolute;left:23px;top:46px;color:#1c73b7;font-size:13px;font-weight:bold}.piece-float{left:330px;top:182px;transform:rotate(-14deg);width:142px;height:108px;background:transparent}.piece-float span{top:35px}.index-banner h1{position:absolute;z-index:4;left:560px;top:215px;margin:0;color:#e43a8e;font-size:33px;line-height:1.24;font-weight:400;text-align:center;text-shadow:0 1px 0 #fff}.kw{position:absolute;z-index:4;font-size:19px;line-height:1.05;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,.8)}.k1{left:485px;top:92px;color:#d0a92e;transform:rotate(-16deg)}.k2{left:586px;top:82px;color:#13a8a6}.k3{left:744px;top:96px;color:#9d499f;transform:rotate(15deg)}.k4{left:930px;top:168px;color:#1c9bd6}.k5{left:952px;top:250px;color:#89b331}.k6{left:790px;top:308px;color:#788c2e}.k7{left:352px;top:323px;color:#d83a8f;transform:rotate(-26deg)}.k8{left:315px;top:117px;color:#7f8b2d;transform:rotate(-17deg)}.k9{left:538px;top:157px;color:#287ac0}.k10{left:705px;top:392px;color:#d67f2c}.banner-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.banner-dots i{width:11px;height:11px;border-radius:50%;background:#bbb}.banner-dots i:first-child{background:#0a5b9b}.index-content{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px;margin-bottom:48px}.iframe-card{height:260px;position:relative;padding:24px;overflow:hidden;border-right:1px solid #fff;box-shadow:0 0 0 1px #eee inset}.iframe-card h2{position:relative;margin:0 0 10px;font-size:24px;font-weight:400;z-index:2}.iframe-card p,.iframe-card li{position:relative;z-index:2;font-size:14px;line-height:1.65}.iframe-card a{position:absolute;left:24px;bottom:22px;z-index:2;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:.1em}.card-touch{background:#202020;color:white}.card-touch:after{content:"";position:absolute;right:-20px;bottom:-30px;width:190px;height:160px;background:linear-gradient(135deg,#777,#222);clip-path:polygon(10% 20%,100% 0,78% 100%,0 80%);opacity:.55}.card-tech{background:#0a64a8;color:white}.card-tech:after{content:"";position:absolute;right:0;bottom:0;width:160px;height:130px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 3px,transparent 3px 12px);opacity:.45}.card-news{background:#f7f7f7;color:#333}.card-news ul{list-style:none;margin:0;padding:0}.card-news time{display:block;color:#0a64a8;font-weight:bold}.card-news li{border-bottom:1px solid #ddd;padding:7px 0;color:#555}.card-ir{background:linear-gradient(135deg,#7fb6d2,#eef3f6);color:#333}.card-ir:after{content:"IR";position:absolute;right:20px;bottom:15px;color:rgba(0,80,140,.18);font-size:100px;font-weight:bold}.card-ir p{color:#445}.iframe-card:hover{filter:brightness(.97)}footer{background:#222;color:#aaa;padding:24px 0}footer section{display:flex;justify-content:space-between;align-items:center}.foot-right{display:flex;gap:8px}.foot-right a{width:28px;height:28px;background:#555;color:white;border-radius:50%;display:grid;place-items:center;font-size:12px}.leave-overlay{display:none}@media(max-width:900px){.gis-header,.head-wrap{height:auto}.head-wrap{display:block;padding-top:12px}.head-icon{position:absolute;right:15px;top:5px}.menu,.menu ul{height:auto}.menu ul{justify-content:flex-start;overflow-x:auto}.menu>ul>li>a{height:50px;padding:0 13px}.sub-menu{display:none!important}.slide-puzzle{transform:scale(.72);transform-origin:top left;width:140%;}.index-banner{height:380px}.index-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.logo-word{font-size:25px}.slide-puzzle{transform:scale(.52);width:192%}.index-content{grid-template-columns:1fr}.iframe-card{height:220px}footer section{display:block}.foot-right{margin-top:12px}}