@-webkit-keyframes ripple1{from{width:98px;height:98px;-webkit-box-shadow:0 0 0 5px #17bde1;box-shadow:0 0 0 5px #17bde1}to{width:153px;height:153px;-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}}@keyframes ripple1{from{width:98px;height:98px;-webkit-box-shadow:0 0 0 5px #17bde1;box-shadow:0 0 0 5px #17bde1}to{width:153px;height:153px;-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}}@-webkit-keyframes ripple2{from{width:119px;height:119px}to{width:174px;height:174px;-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}}@keyframes ripple2{from{width:119px;height:119px}to{width:174px;height:174px;-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}}main.WB00247601_case a i.fa{font-size:16px}main.WB00247601_case #case #indBanner{margin-bottom:0;padding:0;height:450px;background:url("../images/case/bg_banner.jpg") no-repeat center center;color:#fff;color:#fff}main.WB00247601_case #case #indBanner h1{margin-bottom:4px;color:#00f0ff;text-align:left;font-size:36px;line-height:54px}main.WB00247601_case #case #indBanner .pageDesc{width:500px;color:#fff;font-size:20px;font-size:30px;line-height:30px}main.WB00247601_case #howto{overflow:hidden;height:350px;background:url("../images/case/bg_howto.jpg") no-repeat center center}main.WB00247601_case #howto .txtleft{display:block;float:left;clear:both;margin-top:30px;padding:30px;width:600px;height:300px}main.WB00247601_case #blockA{overflow:hidden;height:650px;background:url("../images/case/bg_screen.jpg") no-repeat center center;color:#fff;text-align:center}main.WB00247601_case #blockA h2{margin-bottom:1em}main.WB00247601_case #blockA .boxs{overflow:hidden;width:100%}main.WB00247601_case #blockB{overflow:hidden;height:1200px;background:#f5f5f5;color:#fff;text-align:center}main.WB00247601_case #blockB h2{margin-bottom:1em;color:#000;text-align:center}main.WB00247601_case #blockB .boxs{position:relative;width:100%}main.WB00247601_case #blockB .grid{position:absolute;top:0;left:50%;width:1142px;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.WB00247601_case #blockB .grid li{position:absolute}main.WB00247601_case #blockB .grid li:nth-child(1){top:0;left:245px}main.WB00247601_case #blockB .grid li:nth-child(2){top:0;left:401px}main.WB00247601_case #blockB .grid li:nth-child(3){top:0;left:557px}main.WB00247601_case #blockB .grid li:nth-child(4){top:0;left:713px}main.WB00247601_case #blockB .grid li:nth-child(5){top:0;left:870px}main.WB00247601_case #blockB .grid li:nth-child(6){top:155px;left:90px}main.WB00247601_case #blockB .grid li:nth-child(7){top:155px;left:246px}main.WB00247601_case #blockB .grid li:nth-child(8){top:155px;left:402px}main.WB00247601_case #blockB .grid li:nth-child(9){top:155px;left:558px}main.WB00247601_case #blockB .grid li:nth-child(10){top:155px;left:714px}main.WB00247601_case #blockB .grid a{display:block;width:108px;height:108px;border-radius:50%}main.WB00247601_case #blockB .grid a::before,main.WB00247601_case #blockB .grid a::after{position:absolute;top:50%;left:50%;border-radius:50%;background-color:transparent;content:'';-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation:ripple1 2s ease-out infinite;animation:ripple1 2s ease-out infinite}main.WB00247601_case #blockB .grid a::after{-webkit-animation-delay:1s;animation-delay:1s}main.WB00247601_case #blockC{overflow:hidden;height:650px;background:url("../images/case/bg_screen.jpg") no-repeat center center;color:#fff;text-align:center}main.WB00247601_case #blockC .boxs{overflow:hidden;width:100%}main.WB00247601_case #blockD{overflow:hidden;height:800px;background:#f5f5f5;color:#fff;text-align:center}main.WB00247601_case #blockD h2{color:#000;text-align:center}main.WB00247601_case #blockD .boxs{overflow:hidden;width:100%}main.WB00247601_case #blockE{overflow:hidden;height:750px;background:url("../images/case/bg_screen.jpg") no-repeat center center;color:#fff;text-align:center}main.WB00247601_case #blockE .boxs{width:100%;position:relative}main.WB00247601_case #blockE .grid{position:absolute;top:0;left:50%;width:1028px;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.WB00247601_case #blockE .grid li{position:absolute}main.WB00247601_case #blockE .grid li:nth-child(1){top:38px;left:99px}main.WB00247601_case #blockE .grid li:nth-child(1) a::before,main.WB00247601_case #blockE .grid li:nth-child(1) a::after{-webkit-box-shadow:0 0 0 5px #164070;box-shadow:0 0 0 5px #164070}main.WB00247601_case #blockE .grid li:nth-child(2){top:38px;left:448px}main.WB00247601_case #blockE .grid li:nth-child(2) a::before,main.WB00247601_case #blockE .grid li:nth-child(2) a::after{-webkit-box-shadow:0 0 0 5px #175C9C;box-shadow:0 0 0 5px #175C9C}main.WB00247601_case #blockE .grid li:nth-child(3){top:38px;left:797px}main.WB00247601_case #blockE .grid li:nth-child(3) a::before,main.WB00247601_case #blockE .grid li:nth-child(3) a::after{-webkit-box-shadow:0 0 0 5px #1476A4;box-shadow:0 0 0 5px #1476A4}main.WB00247601_case #blockE .grid a{display:block;width:129px;height:129px;border-radius:50%}main.WB00247601_case #blockE .grid a::before,main.WB00247601_case #blockE .grid a::after{position:absolute;top:50%;left:50%;border-radius:50%;background-color:transparent;content:'';-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation:ripple2 2s ease-out infinite;animation:ripple2 2s ease-out infinite}main.WB00247601_case #blockE .grid a::after{-webkit-animation-delay:1s;animation-delay:1s}main.WB00247601_case #blockF{overflow:hidden;height:700px;background:#dadada;color:#fff;text-align:center}main.WB00247601_case #blockF h2{color:#000;text-align:center}main.WB00247601_case #blockF .boxs{overflow:hidden;width:100%}main.WB00247601_case #blockG{overflow:hidden;height:750px;background:#f2f4f4;text-align:center}main.WB00247601_case #blockG .boxs{overflow:hidden;width:100%}main.WB00247601_case #blockH{overflow:hidden;height:400px;background:url("../images/case/bg_screen.jpg") no-repeat center center;color:#fff;text-align:center}main.WB00247601_case #blockH h2{margin-bottom:1em}main.WB00247601_case #blockH .boxs{overflow:hidden;width:100%}main.WB00247601_case #blockH .boxs .mov{display:block;float:left;overflow:hidden;width:30%}main.WB00247601_case #blockH .boxs .mov img{margin-left:10px}main.WB00247601_case #blockH .boxs .mov p{margin:10px;text-align:left}.font_white{color:#fff;font-size:24px}@-webkit-keyframes ripple-left{from{width:168px;height:168px;-webkit-box-shadow:0 0 0 8px #17bde1;box-shadow:0 0 0 8px #17bde1}to{width:223px;height:223px;-webkit-box-shadow:0 0 0 16px transparent;box-shadow:0 0 0 16px transparent}}@keyframes ripple-left{from{width:168px;height:168px;-webkit-box-shadow:0 0 0 8px #17bde1;box-shadow:0 0 0 8px #17bde1}to{width:223px;height:223px;-webkit-box-shadow:0 0 0 16px transparent;box-shadow:0 0 0 16px transparent}}@-webkit-keyframes ripple-right{from{width:60px;height:60px;-webkit-box-shadow:0 0 0 8px #17bde1;box-shadow:0 0 0 8px #17bde1}to{width:115px;height:115px;-webkit-box-shadow:0 0 0 16px transparent;box-shadow:0 0 0 16px transparent}}@keyframes ripple-right{from{width:60px;height:60px;-webkit-box-shadow:0 0 0 8px #17bde1;box-shadow:0 0 0 8px #17bde1}to{width:115px;height:115px;-webkit-box-shadow:0 0 0 16px transparent;box-shadow:0 0 0 16px transparent}}main.WB00247601_case .popup{position:fixed;top:0;left:0;z-index:1000000;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;background-color:rgba(0,0,0,0.7);font-family:Arial, '微軟正黑體';opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transition:opacity .4s;transition:opacity .4s;pointer-events:none}main.WB00247601_case .popup.is-active{opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';pointer-events:auto}main.WB00247601_case .popup .content{-webkit-box-sizing:border-box;box-sizing:border-box;margin:auto;padding:60px 140px 50px;width:820px;border:2px solid #169da0;border-radius:10px;background-color:rgba(255,255,255,0.9)}main.WB00247601_case .popup .content:before{position:absolute;top:0;left:50%;margin-left:-45px;border:35px solid transparent;border-top-color:#169da0;border-right-width:45px;border-bottom:none;border-left-width:45px;content:''}main.WB00247601_case .popup .stageDetail{display:none}main.WB00247601_case .popup h2{color:#169da0;font-weight:bold}main.WB00247601_case .popup h3{text-align:left;font-size:18px}main.WB00247601_case .popup h3 strong{color:#ef4036}main.WB00247601_case .popup hr{margin:20px 0 25px;border-top:1px solid #bbc5cf}main.WB00247601_case .popup .stageTxt{float:left;padding-left:30px;width:320px;text-align:center}main.WB00247601_case .popup .stageTxt img{display:block;margin:0 auto;margin-bottom:20px}main.WB00247601_case .popup .stageTxt ul,main.WB00247601_case .popup .stageTxt li{list-style:disc outside}main.WB00247601_case .popup .stageTxt ul{display:inline-block;margin-left:20px}main.WB00247601_case .popup .stageTxt li{margin-bottom:10px;text-align:left;font-size:18px;line-height:24px}main.WB00247601_case .popup .ytvideo{float:right;padding-right:30px;width:560px}main.WB00247601_case .popup-title{margin-bottom:5px;color:#169da0;text-align:center;font-weight:normal;font-size:35px;line-height:43px}main.WB00247601_case .popup-close{position:absolute;top:-20px;right:-20px;width:40px;height:40px;border-radius:50%;background-color:#169da0;color:#fff;text-align:center;font-size:28px;line-height:40px;cursor:pointer}main.WB00247601_case .popup-close:hover{background-color:#23c9cd}main.WB00247601_case .popup-video{display:block;width:100%;height:301.5px}main.WB00247601_case .popup-text{font-size:16px}main.WB00247601_case .popup-text li{padding-left:1.4em;text-indent:-1.4em}main.WB00247601_case .popup-text li:not(:last-child){margin-bottom:10px}main.WB00247601_case html.flexboxtweener .popup{display:block}main.WB00247601_case html.flexboxtweener .popup .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}main.WB00247601_case #information{background:#f5f5f5}main.WB00247601_case #information img{display:block;margin:0 auto}main.WB00247601_case #information a.pageLink-outline{display:block;margin:0 auto;margin-top:60px;margin-bottom:20px;width:500px;border:#289bd7 1px solid;background-color:#fff;color:#289bd7}main.WB00247601_case #information a.pageLink-outline:hover{color:#289bd7}main.WB00247601_case .font_yellow{color:#fff500;font-size:50px}


/*# sourceMappingURL=WB00247601_case.css.map */