body{font-family:"Noto Sans TC","Verdana";font-size:17px;overflow-x:hidden;padding:0;margin:0;background-color:#f8fcff;background-image:url(bg.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;color:#313131;background-attachment:fixed;}@media(max-width:768px){body{font-size:14px;}}button,.body,.navbar,.bu1,.bu2,.bu3,.body:hover{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}a{text-decoration:none;color:#b1c9ee;}a:hover{color:#8aafe0;}.span1{color:#b1c9ee;}.banner{background-image:url(d_bg.jpg);width:100%;height:100vh;background-repeat:no-repeat;background-size:100% auto;background-position:50% 50%;}@media(max-width:1366px){.banner{background-size:auto 125%;}}@media(max-width:768px){.banner{background-size:auto 100%;}}.banner .container{height:100vh;display:flex;justify-content:right;align-items:center;color:#313131;}.banner .banner_con{width:35%;max-width:800px;text-align:center;}@media(max-width:1024px){.banner .banner_con{max-width:600px;}}.banner .banner_con h1{margin:20px 0;font-size:4.5vw;font-weight:bold;color:#8aafe0;}@media(max-width:768px){.banner .banner_con h1{font-size:10vw;}}.bu1,.bu2{display:block;text-align:center;padding:5px 0;text-decoration:none;border-radius:0;}.bu3{display:inline-block;text-align:center;padding:0 20px;text-decoration:none;border-radius:0;font-size:17px;}.bu1{border:1px solid #8aafe0;color:#8aafe0;}.bu1:hover{background-color:#8aafe0;color:#fff;}.bu2{border:1px solid #8aafe0;background-color:#8aafe0;color:#fff;}.bu2:hover{border:1px solid #8aafe0;background-color:#8aafe0;color:#fff;}.bu3{border:1px solid #b1c9ee;background-color:#b1c9ee;color:#fff;}.bu3:hover{border:1px solid #8aafe0;background-color:#8aafe0;color:#fff;}.hvr-icon{display:inline-block;}.navbar{position:absolute;background-color:transparent;padding:0;margin:0;top:0;left:0;width:100%;z-index:10;}@media(max-width:768px){.navbar{background-color:#fff;}}.navbar .navbarTitle{font-size:24px;color:#474747;font-weight:bold;margin:0 0 0 10px;text-align:left;width:10vw;display:block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;text-decoration:none;}@media(max-width:768px){.navbar .navbarTitle{width:auto;text-align:left;color:#000;}}.navbar .navbar-left a{color:#313131;text-decoration:none;padding:15px;display:block;}@media(max-width:768px){.navbar .navbar-left a{padding:5px 0;white-space:nowrap;color:#313131;}}.navbar .navbar-left .menu{list-style:none;margin:0;padding:0;}.navbar .navbar-left .menu li{float:left;}@media(max-width:768px){.navbar .navbar-left{background-color:#b1c9ee;}.navbar .navbar-left li{width:20vw;text-align:center;}.navbar .navbar-left li a{color:#fff;}}.navbar.active{background-color:#b1c9ee;position:fixed;white-space:nowrap;}.navbar.active .navbar-left a{color:#fff;}.navbar.active .navbarTitle{color:#fff;}@media(max-width:768px){.navbar.active .navbar-left{background-color:rgba(0,0,0,.2);}.navbar.active .navbarTitle{color:#fff;}}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#8aafe0;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}.active .hvr-underline-from-center:before{background:#8aafe0;}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0;}.hvr-shrink{display:block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{-webkit-transform:scale(.95);transform:scale(.95);}@-webkit-keyframes hvr-icon-down{0%,50%,100%{-webkit-transform:translateY(0);transform:translateY(0);}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px);}}@keyframes hvr-icon-down{0%,50%,100%{-webkit-transform:translateY(0);transform:translateY(0);}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px);}}.hvr-icon-down{display:block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);}.hvr-icon-down:hover .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:active .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}.con{padding-top:80px;padding-bottom:20px;min-height:100vh;font-size:24px;line-height:200%;}@media(max-width:768px){.con{font-size:17px;}}.con img{max-width:100%;}.footer{background-color:#474747;padding:20px;color:rgba(255,255,255,.6);text-align:center;font-size:13px;}.footer a{color:rgba(255,255,255,.6);}.google{width:100%;height:calc(100vh - 10px);background-color:#fff;}@media(max-width:576px){.google{height:50vh;padding:10px 0;}}.title1{padding:20px 0;}.photo a,.Products a{overflow:hidden;display:block;height:300px;background-color:#eee;position:relative;}@media(max-width:576px){.photo a,.Products a{height:250px;}}.photo a img,.Products a img{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;}.photo a .PhotoCon,.Products a .PhotoCon{padding:10px;}.photo .PhotoCon,.Products .PhotoCon{font-size:15px;line-height:120%;height:100px;padding:10px;overflow:hidden;}.photo .PhotoCon h5,.Products .PhotoCon h5{margin:0 0 10px 0;}@media(max-width:576px){.Products a{height:150px;}}.Price{color:#8aafe0;font-weight:bold;}.body{background-color:#fff;border-radius:0;box-shadow:0 10px 20px 0 rgba(75,88,105,.2);overflow:hidden;}.LoadingAll{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,.85);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center;}.LoadingAll .LoadingCon{position:absolute;left:50%;transform:translateX(-50%);padding:20px;text-align:center;color:#000!important;}.LoadingAll .LoadingCon .loaderText{margin-top:10px;}.loader{width:48px;height:48px;border:3px dotted #b1c9ee;border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite;}.loader::after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px dotted #8aafe0;border-style:solid solid dotted;width:24px;height:24px;border-radius:50%;animation:rotationBack 1s linear infinite;transform-origin:center center;}@keyframes rotation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes rotationBack{0%{transform:rotate(0deg);}100%{transform:rotate(-360deg);}}@media(max-width:768px){.banner{background-size:700px auto;background-position:0% 100%;}.banner .container{align-items:start;justify-content:center;padding-top:100px;}.banner .banner_con{width:90%!important;}}