@charset "utf-8";
/* CSS Document */
/*body, html { height:100%; }*/
body{font-family:'Pontano Sans','微軟正黑體',sans-serif;font-size:16px;line-height:1.8;letter-spacing:.05rem;color:#333;}
a{color:#000;text-decoration:none}
a:hover{color:#777;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}

/*---------------------- 基礎設定 ----------------------*/
/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.css-shadow{-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);-moz-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4)}
.imgholder img{transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);transition:transform .5s ease-in-out,opacity .5s;-moz-transition:-moz-transform .5s ease-in-out,opacity .5s;-webkit-transition:-webkit-transform .5s ease-in-out,opacity .5s}
.imgholder:hover img{transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05)}
.rotation360{transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.rotation360:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
.fadeout img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-ms-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.fadeout:hover img{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000;}
button, input, select, textarea{ outline: none;}

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #0097de; }
.red { color: #be0000; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }
.imggs{max-width: 100%}
/* 回頂端 */
#goTop{text-align:center;position:fixed;bottom:20px;right:20px;line-height:50px;cursor:pointer;display:none}
.go-top{position:fixed!important;z-index:990;width:75px;height:75px;right:40px;bottom:40px;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-ms-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-moz-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-webkit-transition:all .25s cubic-bezier(0,.4,.4,1) .25s}
.go-top.view{opacity:1;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transition:all .25s cubic-bezier(0,.4,.4,1);-ms-transition:all .25s cubic-bezier(0,.4,.4,1);-moz-transition:all .25s cubic-bezier(0,.4,.4,1);-webkit-transition:all .25s cubic-bezier(0,.4,.4,1)}
.go-top > i{display:block;background:#4e4e4e;position:absolute;width:51px;height:51px;top:12px;left:12px;transition:all .25s cubic-bezier(0,.4,.4,1);-ms-transition:all .25s cubic-bezier(0,.4,.4,1);-moz-transition:all .25s cubic-bezier(0,.4,.4,1);-webkit-transition:all .25s cubic-bezier(0,.4,.4,1)}
.go-top:hover > i{background:#222}
.go-top.view > i:before{top:-5px;left:0;opacity:0;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-ms-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-moz-transition:all .25s cubic-bezier(0,.4,.4,1) .25s;-webkit-transition:all .25s cubic-bezier(0,.4,.4,1) .25s}
.go-top > i:before{content:'';display:block;position:absolute;width:53px;height:53px;border-top:3px solid #b6b6b6;border-left:3px solid #b6b6b6;border-right:3px solid transparent;border-bottom:3px solid transparent;top:0;left:0;transition:all .25s cubic-bezier(0,.4,.4,1);-ms-transition:all .25s cubic-bezier(0,.4,.4,1);-moz-transition:all .25s cubic-bezier(0,.4,.4,1);-webkit-transition:all .25s cubic-bezier(0,.4,.4,1)}
.go-top:hover > i:before{top:-45px;opacity:1}
.go-top > span{display:block;position:absolute;width:45px;height:39px;line-height:21px;font-size:.8125rem;color:#fff;top:18px;left:15px;text-align:center}

/*漸變用*/
.gradient-03s{-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.gradient-1s{-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
/* 標題 */
.unit-title{position:relative;display:inline-block;font-size:3rem;font-weight:400;margin:50px 0 20px;padding-bottom:10px;padding-right:30px}
.unit-title:after{content:'';position:absolute;left:0;bottom:0;height:1px;right:0;background:#000;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:left;-webkit-transform-origin:left;-o-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.unit-title:hover:after{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.area:hover .unit-title:after{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.text-center .unit-title:after,.area .text-center .unit-title:after{-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;/* left:50%; *//* margin-left:-50px; */}
.unit-title2{max-width:1190px;position:relative;display:block;padding:0 10px 30px;margin:0 auto 60px;}
.unit-title2 span{width:100%;position:relative;display:block;padding-top:62px}
.about_title{display:inline-block;font-size:3rem;font-weight:400;margin:100px 0 20px 30px;padding-bottom:10px;padding-right:30px}
.about_title span{position:relative;padding:0 10px 0 0}
.about_title span:after{content:'';position:absolute;left:0;bottom:-10px;height:1px;right:0;background:#000;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:left;-webkit-transform-origin:left;-o-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.area:hover .summary .about_title span:after{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.service_title{font-size:3rem;font-weight:400;padding-bottom:10px;max-width:1190px;display:block;padding-top:62px;margin:0 auto 60px}
.service_title span{position:relative;padding:0 10px;text-align:center}
.service_title span:after{content:'';position:absolute;left:0;bottom:-10px;height:1px;right:0;background:#000;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.area:hover .service_area .service_title span:after{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.loading_area{position:fixed;width:100%;height:100%;overflow:hidden;z-index:9999}
.loading_area .loading_mask{background-color:rgba(47,47,47,.9);position:absolute;width:100%;height:100%}
.loading_area .loader{text-align:center;position:absolute;width:300px;left:50%;top:50%;margin-left:-135px;margin-top:-41px;transition:all .4s linear}
/*load animate*/
.loading_area .loader .apex{ transform:scale(0.01);    transition:all 0.4s ease; }
.loading_area .loader .apex.zoom{/*放大*/ transform:scale(1); }
.loading_area .loader .apex.left{/*左移*/transform: scale(1) translateX(-50px);}
.loading_area .loader .apex img{display: inline-block;width: 100%;}
.loading_area .loader .apex img.blue{display: none}
.loading_area .loader .apex.left img.line{display: none}
.loading_area .loader .apex.left img.blue{display: inline-block;}
.loading_area .loader .apex p{display: none;color: #fff}
.loading_area .loader .apex.left p{display: inline-block;width: 58%;word-spacing: .05rem;font-weight: lighter;}
 
/*load finish*/
.loading_area .loader.scale{ transform:scale(2); }
.loading_area .loader.finish span.left{    min-height:100%; }
.loading_area .loader.finish span.top{    min-width:100%; }
.loading_area .loader.finish span.right{ min-height:100%; }
.loading_area .loader.finish span.bottom{ min-width:100%; }
/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container {  }

/*頁首*/
.header {  }
.header ul { list-style:none; padding:0 15px; margin:0; }

/*主選單*/
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.3);text-transform:uppercase;padding:10px 0}
.navbar-custom .navbar-brand{padding:0 15px;font-weight:700;line-height:50px}
.navbar-custom .navbar-brand:focus{outline:0}
.navbar-custom .navbar-brand img{width:290px;display:inline-block}
.navbar-toggle{margin-top:0;margin-bottom:0}
.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:16px;color:#233446}
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active{outline:0}
.navbar-custom a{color:#fff}
.navbar-custom a:hover{color:#fff}
.navbar-custom .nav li > a{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;position:relative}
.navbar-custom .nav li > a:hover{outline:0;color:#fff;background-color:transparent}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active{outline:0;background-color:transparent}
.navbar-custom .nav li.unit > a:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#bd0048;-o-transform:scaleX(0);-ms-transform:scaleX(0);-moz-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.navbar-custom .nav li.unit > a:hover:after{-o-transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.navbar-custom .nav li.unit > a.rwd{display:none}
.navbar-custom .nav li.unit > a.web{display:block}
.navbar-custom .nav li.flag img{width:30px;max-width:100%;margin-right:10px}
.navbar-custom .nav li.active{outline:0}
.navbar-custom .nav li.active > a{background-color:rgba(255,255,255,.3)}
.navbar-custom .nav li.active > a:hover{color:#fff}
.navbar-custom .nav li .dropdown-menu>li>a{padding:.8em;font-size:1.5rem;color:#232323}
.navbar-custom .nav li .dropdown-menu>li>a:hover{color:#fff;background:#a8a9ad}
.navbar-custom .nav li.flag-rwd{display:none;clear:both;overflow:hidden;margin-left:-15px;margin-right:-15px;background:#333;color:#fff}
.navbar-custom .nav li.flag-rwd div{float:left;width:33.33%;text-align:center}
.navbar-custom .nav li.flag-rwd div img{display:block;margin:5px auto}

@media(min-width:768px) {
  .navbar-custom{padding:20px 0;border-bottom:0;letter-spacing:1px;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
  .navbar-custom.top-nav-collapse{padding:0;border-bottom:1px solid rgba(255,255,255,.3);background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.2)}
  .navbar-custom.top-nav-collapse a{color:#233446}
  .navbar-custom.top-nav-collapse a:hover{color:rgba(35,52,70,.5)}
  .navbar-custom.top-nav-collapse .nav li > a:hover{color:rgba(35,52,70,.5)}
  .dropdown-menu{width:50%;left:50%;background:#d1d2d4;border:inherit;box-shadow:0 5px 5px rgba(0,0,0,.3);border-radius:0;-o-transform:translate(-50%,0) scaleY(0);-ms-transform:translate(-50%,0) scaleY(0);-moz-transform:translate(-50%,0) scaleY(0);-webkit-transform:translate(-50%,0) scaleY(0);transform:translate(-50%,0) scaleY(0);-o-transform-origin:center top;-ms-transform-origin:center top;-moz-transform-origin:center top;-webkit-transform-origin:center top;transform-origin:center top}
  .dropdown.open .dropdown-menu{left:inherit;right:50%;width:120px;padding:0;-o-transform:translate(35px,0);-ms-transform:translate(35px,0);-moz-transform:translate(35px,0);-webkit-transform:translate(35px,0);transform:translate(35px,0)}
  .navbar-custom .nav li.dropdown{position:relative}
}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background:none}
/*次選單*/
.submenu { }
.submenu li { }

/*頁尾*/
.footer{clear:both;overflow:hidden;padding:30px 0 5px;background:#2f2f2f;color:#fff}
.footer a{color:#fff}
.footer a:hover{color:rgba(255,255,255,.5)}
.footer .information{display:inline-block;text-align:right;width:40%;vertical-align:bottom}
.footer .information ul.language-box{list-style:none;margin:0 0 20px;padding:0}
.footer .information ul.language-box li{display:inline-block;width:55px;height:55px;margin-left:10px;padding-top:12px;border-radius:100%;background:rgba(255,255,255,.1);text-align:center;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.footer .information ul.language-box li.tc{font-weight:400}
.footer .information ul.language-box li a{color:rgba(255,255,255,0.57);text-decoration:none;font-size:1.4rem}
.footer .information p{font-family:'微軟正黑體';font-weight:700;font-size: 13px;}
.footer .information p i{padding-left:10px}
.footer .information p i.fa-map-marker{padding-right:3px}
.footer .copyright{display:inline-block;width:49%;vertical-align:bottom;opacity:.3;font-size:1.4rem}
.footer .copyright img{max-width:300px;width:100%;padding-bottom:15px;margin-bottom:10px;border-bottom:solid 1px #fff}

/*按鈕*/
.btnWrap{margin:2em 0;text-align:center}
.btnCap{text-align:center}
.btnCap .btn{padding:10px 30px;background:transparent;color:#233446;display:inline-block;border-radius:30px;border:solid 1px #233446;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.btnCap .btn:hover{background:#233446;border-color:#233446;color:#fff}
.btnCap .btn span{-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.btnCap .btn.btnBack:hover span{padding-right:100px}
.btnCap .btn.btnGo:hover span{padding-left:100px}

/*----banner---*/
.banner{position: relative}
.banner img{max-width: 100%}
.banner .owl-dots{position: absolute;left: 0;right: 0;bottom: 0;}
.banner.owl-theme .owl-nav{margin: 0;}
.banner.owl-theme .owl-nav [class*=owl-]{position: absolute;top: 50%;font-size: 10rem;line-height: 0;}
.banner .owl-prev{left: 1rem;}
.banner .owl-next{right: 1rem;}
.banner.owl-theme .owl-dots .owl-dot span{background: #fff;}
/* VR */
.vr-area{position: absolute;width: 100%;height: 100%;overflow:hidden; background: url('../images/banner/01.jpg')no-repeat center/cover}
.vr-area .vr{margin-left: auto;margin-right: auto;}
/* 首頁 */
.index-banner{position:absolute;bottom:50%;left:10%;right:10%;text-align:center;-webkit-transform:translate(0,90%);-moz-transform:translate(0,90%);-o-transform:translate(0,90%);-ms-transform:translate(0,90%);transform:translate(0,90%)}
.index-banner .slogan{padding:40px 0}
.index-banner .slogan img{max-width:100%}
.index-banner .slogan img.img1{margin:20px auto;max-width:800px}
.index-banner .slogan img.img2{margin:5px 0 10px}
.index-banner .slogan.text-black{color:#233446;text-shadow:0 0 8px #fff}
.index-banner .slogan .tagline{font-size:50px}
.index-banner .slogan .tagline2{font-size:30px}

/* 關於我們 */
.about-block{display:table;width:100%;height:100%}
.about-block .pic-box{position: relative;display:table-cell;width:60%;height:100%;background:url(../images/about/about.jpg?20200211)no-repeat center/cover;}
.about-block .summary{overflow: hidden;width:100%;padding-bottom: 30px;font-size:1.9rem;justify-content:center;background:#feffff;background:-moz-linear-gradient(top,rgba(254,255,255,1) 0%,rgba(245,245,245,1) 35%,rgba(238,238,238,1) 100%);background: -webkit-linear-gradient(top,rgba(254,255,255,1) 0%,rgba(245,245,245,1) 34%,rgba(238,238,238,1) 100%);background:linear-gradient(to bottom,rgba(254,255,255,1) 0%,rgba(245,245,245,1) 35%,rgba(238,238,238,1) 100%);height:100%;float:right;}
.about-block .summary .unit-title,.about-block .summary p{margin-left:30px;padding-right:30px}
.about-block .summary .pic-have-2{margin-top: 30px;padding: 0 30px;}
.about-block .summary .pic-have-2 img {max-width: 100%}
.about-block .summary .pic-have-2 .w40, .about-block .summary .pic-have-2 .w60{float:left;/* max-width:100%; */}
.about-block .summary .pic-have-2 .w40{width:40%;padding-right:10px}
.about-block .summary .pic-have-2 .w60{width:60%;padding-left:10px}
.videoBox{position:absolute;z-index:1;left:50%;top:50%;text-align:center;color:#fff;font-size:2rem;font-weight:700;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.videoBox i{position:absolute;z-index:2;transform:translate(-50%,-50%);left:50%;top:50%;color:#fff;width:80px;height:80px;line-height:80px;font-size:2rem;text-align:center;border-radius:100%;border:2px solid;padding-left:5px;text-shadow:0 0 20px #000}
.about-block .pic-box:hover .videoBox{-webkit-transform:translate(-50%,-50%) scale(1.5);-ms-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}
/* 為甚麼選擇 */
.why-block{width:100%;height:100%;padding:10% 0;background:#fff;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%),url(../images/all/bg2.jpg)no-repeat center left/cover;clear: both;overflow: hidden;}
.why-block .left-block{float:left;width:33.333%;padding-left:50px;padding-right:50px}
.why-block .left-block p{font-style:italic;color:#587188;font-size:1.9rem}
.why-block .right-block{float:left;width:66.666%;padding-left:50px;padding-right:50px;text-align:center}
.why-block .right-block .summary{float:left;width:33.333%;padding:10px;vertical-align:top}
.why-block .right-block .summary p{padding:15px 0 0 10px;border-left:solid 1px rgba(0,0,0,.5);text-align:left}
/* 服務項目 */
.service{background:#f5f5f5;padding:2% 0}
.service-block{list-style:none;margin:0;padding:0}
.service-block li{display:inline-block;vertical-align:top;width:30%;padding:0 1.5% 30px}
.service-block li:nth-child(3n+1){clear:both}
.service-block li .icon{margin-bottom:15px}
.service-block li .icon img{max-width:100%;transform:scale(1);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.service-block li .main h3{font-weight:300}

/* 服務流程 */
.process-block .v1{padding:100px 50px 30px;clear:both;overflow:hidden}
.process-block .v1:nth-child(1){background:#fff}
.process-block .v1:nth-child(2){background:#eee}
.process-block .v1:nth-child(3){background:#f3f3f3}
.process-block .v1 .title-block{float:left;width:25%}
.process-block .v1 .title-block .unit-title{margin-top:0;font-size:2.4rem}
.process-block .v1 .title-block p{font-size:1.6rem}
.process-block .v1 .title-block p.mark{color:#ffb200;background:rgba(0,0,0,.03)}
.process-block .v1 .title-block p i{margin-right:10px}
.process-block .v1 .title-block .btnCap{text-align:left}
.process-block .v1 .pic-block{float:right;width:75%}
.process-block .v1 .pic-block .rwd{display:none}
.process-block .modal-content .modal-header .close{font-size:70px;line-height:0;font-weight:400;padding:10px 0 20px}
.process-block .modal-content .modal-header .modal-title{font-size:2.4rem}
.process-block .modal.fade.in{padding:0!important}
.modal-body .img-responsive{max-width:inherit;width:100%}
/* 產品 */
.product{display:-webkit-box;display:table;background:#fff;height: calc(100vh - 180px);}
.product .title-block{display:block;padding:50px 30px 30px;float:left;width:25%;font-size:1.9rem}
.product .product-block{display:table-cell;width:75%;float:right;height: calc(100vh - 180px);}
.product .product-block a{position:relative;overflow:hidden;float:left;display:block;width:50%;height:50%}
.product .product-block .block{width:100%;height:100%;padding:10px;justify-content:flex-end;display:contents}
.product .product-block .block .item{position:absolute;left:-10px;top:-10px;width:calc(100% + 20px);height:calc(100% + 20px);background-size:cover;background-position:center;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.product .product-block a:nth-child(1) .block .item{background-image:url(../images/product/pro1.jpg)}
.product .product-block a:nth-child(2) .block .item{background-image:url(../images/product/pro2.jpg)}
.product .product-block a:nth-child(3) .block .item{background-image:url(../images/product/pro3.jpg)}
.product .product-block a:nth-child(4) .block .item{background-image:url(../images/product/pro4.jpg)}
.product .product-block .block .item:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.product .product-block .block .title{font-weight:700;position:relative;z-index:1;height:100%;margin:0;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-align:left;text-shadow:0 0 3px #000}
.product .product-block .block .title .more{display:none}
/* 聯絡我們 */
.contact-block{position:relative;padding:2% 0;background:linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%),url(../images/all/bg3.jpg)no-repeat center right/cover}
.contact-block .btnCap{margin-top:15px}
.contact-block .m_t{margin:0 0 1em}
.contact-block .contact_1{border-right:1px dashed #ccc;padding:0 2%;overflow:hidden;color:#666;font-size:1.5rem}
.contact-block .contact_2{padding:0 2%;overflow:hidden;color:#666;font-size:1.5rem}
.contact-block .contact_pic{float:left;width:130px;height:130px;line-height:125px;border:2px solid #da1e26;text-align:center;-webkit-border-radius:65px;-moz-border-radius:65px;border-radius:65px;font-size:3rem;color:#da1e26;margin:0 4%}
.contact-block .title02{font-size:2.2rem;color:#000;font-weight:700}
.contact-block .contact_1 a,.contact-block .contact_2 a{color:#da1e26;font-size:1.8rem}
.contact-block .contact_pic .fa{margin-right:0;font-size:1.5em}
.contact-block .name{line-height:36px;padding-left:6px}
.contact-block .text{margin:0 0 10px}
.contact-block .input1,.contact-block select.form-control{position:relative;border:none;border-bottom:1px solid #dbdbdb!important;width:98%;padding:11px 15px;box-shadow:none;margin:0 5px;background:rgba(0,0,0,.05);font-weight:400}
.contact-block .input2,.contact-block .input3{position:relative;min-width:200px;margin:0 5px;padding:5px 15px;background:rgba(0,0,0,.05);font-weight:400;border:none;border-bottom:1px solid #dbdbdb!important}
.contact-block .input2{width:100%}
.contact-block .text{position:relative}
.contact-block .text::after{content:'';position:absolute;left:0;bottom:0;height:2px;background:#000;-webkit-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);-moz-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);-ms-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);-o-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1)}
.contact-block .text:focus::after{right:0}
.contact-form{float:left;width:50%;padding:0 10px}
.contact-map{float:left;width:50%;padding:0 10px}
.contact-map iframe{height:450px}
/* 服務流程 */
.subMenu-block{margin-top: -30px;}
.subMenu-block .subMenu{list-style: none;margin: 0;padding: 0;}
.subMenu-block .subMenu li{display: inline-block;}
.subMenu-block .subMenu li a{display: block;padding: 8px 15px;background: #fff;}
.subMenu-block .subMenu li a:hover{background:#233446;color: #fff;}

/* 產品內容 */
.d-flex{/* display: -webkit-flex; *//* display: flex; */display: -ms-flexbox;/* -webkit-align-items: center; */-ms-flex-align: center;/* align-items: center; */background-color: #444444;padding-bottom: 60px;}
.d-flex .text-center{color: #fff;}
.d-flex .text-center h2{
    margin-bottom: 0;
    /* padding-bottom: 60px; */
}
.d-flex .unit-title:after{
    background: #fff;
}
/* .vr-block{overflow:hidden;position:relative;text-align:center;margin:auto;} */
.vr-block{overflow:hidden;position:relative;width: 60%;max-height: 42vw;text-align:center;margin:auto;/* padding: 50px; */}
#KeyShotVR{
    /* background-color: #e2e2e2; */
    /* background: #0a99d9; */
    /* background: -webkit-linear-gradient(90deg,#49c89a,rgb(10, 153, 217)100%); */
    /* background: linear-gradient(90deg,#0f0f0f,rgb(17, 17, 17)100%); */
}
.VR_iconArea{position:absolute;bottom: 50px;left:50px;text-align:center;}
.VR_icon{max-width:80%}
#turntable {
  background-color: transparent!important;
}

#backbuffer {
  top: 18%!important;
  border-bottom: none!important;
  box-shadow: none!important;
}
/*矛點*/
.point_area{ position: relative; }
#product{ position: absolute; top: -53px; }

@media (max-width: 1680px) { 
  /* 主選單 */
  .navbar-header{display: block;margin-left: auto;margin-right: auto;}
  /* 服務項目 */
  .service-block li{padding-left: 6%;padding-right: 6%;}
  /* 聯絡我們 */
  .contact-block{padding-top: 3%;padding-bottom: 3%;}
}


@media (max-width: 1366px) {
  /* 為甚麼選擇 */
  .why-block{padding: 80px 0 0;}
  .service { padding: 8% 0; }
  .service_area{ width:70%; margin:0 auto;}
  .service_area .unit-title2 span{ padding-top: 62px;}
  .service_area .unit-title2{ margin: 0 auto 30px;}
  .service-block li .main h3{ font-size:20px;}

  /* 產品 */
  .product-block .item .post{display: none}
  .product-block .item .title{margin-bottom: 0;}
.vr-block{
    max-height: 47vw;
}

  /* 聯絡我們 */
  .contact-block{padding-top: 3%;padding-bottom: 2%;}

  /*矛點*/
  #contact{ position: absolute; top: -40px; }

}

@media (max-width: 1280px) { 
  /* 標籤 */
  .unit-title{margin-bottom: 15px;padding-bottom: 15px;}
  /* 為甚麼選擇 */
  .why-block .left-block{width: calc(33.333% - 25px);padding-right: 25px;}
  .why-block .right-block{width: calc(66.666% + 25px);padding-left: 25px;text-align: left;}

  /* 聯絡我們 */
  .contact-block{padding-top: 50px;padding-bottom: 50px;}
  .contact-block .text{margin-bottom: 0;}
  .contact-block .input1, .contact-block select.form-control{padding-top: 8px;padding-bottom: 8px;}
  .contact-block .input2{height: 150px;}
  .contact-block .name{line-height: 1.8}
  .contact-map iframe{height: 400px;}
}
@media (max-width: 1024px) { 
  .section{height: auto;}
  /* 主選單 */
  .navbar-custom .navbar-brand img{width: 200px;}
  .navbar-custom .nav li.unit > a.web{font-size: 1.4rem}
  /* 關於我們 */
  .about-block{display: block;height: auto;}
  .about-block .pic-box{display: block;height: 50vw;width: 100%;}
  .about-block .summary{display: block;width: 100%;padding-top: 50px;}

  /* 為甚麼選擇 */
  .why-block{clear: both;overflow: hidden;display: block;padding-top: 0;padding-bottom: 50px;}
  .about-block .summary,
  .why-block .left-block,
  .why-block .right-block{display: block;width: 100%;padding-left: 15px;padding-right: 15px;float: inherit;}

  /* 產品 */
  .product,
  .product .title-block,.product .product-block{padding-top: 0;display: block;width: 100%;height: auto;float: inherit;}
  .product-block .item .title{font-size:2rem;}
  .process-block .v1 .pic-block{     width: 100%;}

  /* 產品 */
  .process-block .v1 .pic-block{     width: 70%;}
  .product .product-block a{height: 50vw;}
  .product .product-block a:nth-child(1) .block .item{background:  linear-gradient(135deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 100%),url('../images/product/pro1.jpg') center/cover}
  .product .product-block a:nth-child(2) .block .item{background:  linear-gradient(135deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 100%),url('../images/product/pro2.jpg') center/cover}
  .product .product-block a:nth-child(3) .block .item{background:  linear-gradient(135deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 100%),url('../images/product/pro3.jpg') center/cover}
  .product .product-block a:nth-child(4) .block .item{background:  linear-gradient(135deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 100%),url('../images/product/pro4.jpg') center/cover}
  .product .product-block .block .title{width: 100%;text-align: center;justify-content: center;}
  .product .product-block .block .title .more{
      display: inline-block;
      margin-top: 10px;
      padding-top: 10px;
      font-size: 1.8rem;
      font-weight: 400;
      border-top: solid 1px rgba(255, 255, 255, .3);
      color: rgba(255, 255, 255, .8);
    }

  /* 服務項目 */
  .service-block li{width: 49%;}
  .service{padding: 80px 0 30px;}
  .service_area .unit-title2 {    margin: 0 auto 60px;}
  .service-block li .main h3 { font-size: 24px;}
  .service_area { width: 80%; margin: 0 auto;}
  /* 服務流程 */
  .process-block .section.v1{min-height: 100vh;height: auto}
  .process-block .v1 .title-block,
  .process-block .v1 .pic-block{float: none;width: 100%;margin-bottom: 30px;}

  .vr-block {height: 78vh;max-height: initial;}
  .VR_iconArea{
    background-color: rgba(47, 47, 47, .7);
    border-radius: 5px;
    left: 20px;
    padding: 5px;
    width: 100px;
}
    .d-flex {
    flex-wrap: wrap;
    -ms-flex-wrap:wrap;
  }

  .vr-block {
      width: 85%;
      margin: 0 auto;
  }
  .d-flex .text-center{
    margin-bottom: 70px;
}
  .d-flex .text-center .unit-title2 span{
    padding-top: 15px;
}
  .index-banner .slogan{ padding: 20px 0; }
  .index-banner .slogan img.img1{margin-bottom: 0px;}
  .index-banner .slogan img.img2{margin-bottom: 10px;}
}

@media (max-width: 1000px) { 
  .unit-title:after {
      -moz-transform: scaleX(1);
      -webkit-transform: scaleX(1);
      -o-transform: scaleX(1);
      -ms-transform: scaleX(1);
      transform: scaleX(1);
  }
  /* 主選單 */
  .navbar-collapse{ padding-left:0; padding-right:0;}
  .navbar-collapse.collapse {width: 100%;padding-left: 0; padding-right: 0; float: none;margin: 0;}

  /* 聯絡我們 */
  .contact-block .contact_1{ float:none; border-right:0px dashed #ccc; border-bottom:1px dashed #ccc; width:100%; padding-bottom:5%; overflow:hidden; margin-bottom:5%;}
  .contact-block .contact_2{ float:none; width:100%; padding-bottom:5%;  }

}
@media (max-width: 990px) { 
  /* 產品 */
  .product-block .item {margin-bottom: 30px;}

}
@media (max-width: 768px) { 
  /* banner */
  .banner{margin-top: 50px;}
  /* 標題 */
  .unit-title2.bottom{margin-top: 30px;}
  /* 主選單 */
  .navbar-custom{padding: 0;background: rgba(255,255,255,.95);}
  .navbar-custom .nav li{padding-top: 10px;padding-bottom: 10px;}
  .navbar-custom .nav li > a,.navbar-custom .nav li > a:hover{color: #666}
  .navbar-nav .open .dropdown-menu{padding-left: 15px;}
  .navbar-nav .open .dropdown-menu li{border-left: solid 1px #666;}
  .navbar-custom .nav li.unit > a.rwd{display: block}
  .navbar-custom .nav li.unit > a.web{display: none}
  .navbar-custom .nav li.flag{display: none}
  .navbar-custom .nav li.flag-rwd{display: block}

  /* 標題 */
  .unit-title2 { width: 90%; margin-bottom: 50px;}
  /* VR */
  .vr-area{height: 100vw}
  /* 關於我們 */
  .about_title{margin-top: 0;margin-left: 0;}
  .about-block .unit-title:after{background: #0e0d0d;}
  .about-block .summary .pic-have-2{margin-top: 0;padding: 0;}
  .about-block .summary .pic-have-2 >*{margin-top: 15px;display: block;}
  .about-block .summary .unit-title, .about-block .summary p{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}
  /* 關於我們 */
  .about-block .summary .pic-have-2 .w40,.about-block .summary .pic-have-2 .w60{width: 100%;padding: 0;}

  /* 服務流程 */
  .subMenu-block{margin-top:0}
  .subMenu-block .subMenu li{display:block;float:left;width:33.333%}
  .subMenu-block .subMenu li a{background:#233446;color:#fff;border-left:solid 1px rgba(255,255,255,.3)}
  .process-block .section.v1{padding-top:50px;padding-left:15px;padding-right:15px;min-height:auto}
  .process-block .v1 .title-block,.process-block .v1 .pic-block{margin-bottom:30px}
  .process-block .v1 .title-block p{margin-bottom:15px}
  /* 服務項目 */
  .service {padding-top: 0;}
  .service_area { width: 100%;}
  .service_area .unit-title2 {    margin: 0 auto 30px;}
  .service_title{ margin: 0 auto 30px;padding-top: 50px;} 
  .service-block li .main h3 { font-size: 20px; margin-top: 10px;}
  .service.service-block li .main h3 { font-size: 20px;}

  /* 服務項目 */
  .service-block li{display:block;width:100%;padding: 0 15px;}
  .unit-title2{ padding: 0 10px 20px;}

  /* 聯絡我們 */
  .contact-form{float: none;width: 100%;margin-bottom: 30px;padding: 0;}
  .contact-map{float: none;width: 100%;padding: 0;}
  .contact-block{padding-top: 2.5%;padding-bottom: 2%;}
  .contact-block .unit-title{ margin-bottom: 20px; padding-bottom: 20px;}
  .contact-block .btnCap{ margin-top: 30px;}
  .contact-block .name { line-height: 28px;}

  /* 產品內容 */
  #backbuffer{top: 40px!important;}
  .vr-block{height: 57vw;margin-top: 50px;}
  .VR_iconArea {
    width: 80px;
}
  .d-flex .text-center .unit-title2 span{padding-top: 30px;}
  .d-flex .text-center{ margin-bottom: 0;}
  /*why*/
  .why-block .right-block .summary{width: 100%;float: inherit;}
}

@media (max-width: 640px) { 
  /* gotop */
  #goTop{bottom:10px;right:10px;}
  /* 頁尾 */
  .footer{padding-top: 70px;padding-bottom: 60px;}
  .footer .copyright{width: 100%;text-align: center;margin-bottom: 30px;}
  .footer .information{width: 100%;text-align: center;}
  .footer .information ul.language-box{margin-bottom: 30px;}
  
  /* 產品 */
  .product .product-block a{width: 100%;}
  .process-block .v1 .pic-block{     width: 100%;}

  .vr-block {/* height: 80vw; */}
}
@media (max-width: 480px) { 
  /* 主選單 */
  .navbar-custom .navbar-brand img{width: 200px;}
  /* 標籤 */
  .unit-title{font-size: 2.8rem}
  /* 產品 */
    .d-flex .text-center .unit-title2 span{padding-top: 0px;}
  .product .product-block .item{width: 100%;margin-bottom: 0;}
  .product-block .item .title{font-size:1.8rem; } 
  .vr-block{
    height: 64vw;
}
  .VR_iconArea {width: 60px;left: 15px;bottom: 35px;}
  .VR_icon { max-width: 60%;}
  .index-banner{ padding: 0 10px; }
}
@media (min-width: 769px) { 
	/*頁尾*/
	.footer .information ul.language-box li:hover{background:#ffb200}
	.footer .information ul.language-box li:hover a{color:#fff}
}