@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');
/* CSS Document */
body,html{height:100%}
body{font-family:'Open Sans','sans-serif' ,'Lato','微軟正黑體';font-size:16px;line-height:1.5;color:#323232;background:#fff;position:relative}
a{color:#333;text-decoration:none}
a:focus{color:#004DA1}
a:hover{color:#004DA1;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
a:visited, a:active, a:link, a:focus{text-decoration:none;outline:none;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
.scroll::-webkit-scrollbar-track{background-color:#004DA1}
.scroll::-webkit-scrollbar{width:6px;background-color:#004DA1}
.scroll::-webkit-scrollbar-thumb{background-color:#0F3675}
/*元件(共用)*/
.input1, .textarea, .select {background: #FFF;font-family: 'Lato', '微軟正黑體', sans-serif;font-size:15px;line-height:1.1;color:#555;}
.input1:focus, .linfo-rform-map textarea:focus, .select:focus {border: 1px solid #fa8a00;}
.mark-brd {position: relative;z-index: 1;padding: 0 0.1rem;overflow: hidden;}
.mark-brd:after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:2px;background:#bd2229;
    -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);
}
.mark-brd.aa{overflow:inherit;}
.mark-brd.aa:after{height:0;}
.mark-brd:hover:after{height:40%}
.bg-floor{background: url(../images/index/bg-floor.png)no-repeat center bottom #fff;}
/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#969595; }
.black { color:#000; }
.blue { color: #405edb; }
.red { color: #fe0000; }
.green { color: #19a568; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#6e453c; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-size:2.4rem;line-height:1.5;margin: 0 0 30px;}

/*共用-背景色*/
.bg-white{ background:#fff;}
.bg-gray{ background:#f2f2f2;}
.bg-gray2{ background:#d9d9d9;}

/*縮放*/
.action2{-webkit-transform:scale(1);-ms-transform:scale(1);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)}
.action2:hover{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}

/*按鈕*/
.btn_black{display:inline-block;background: #004DA1;color:#fff;margin:0 0 30px;padding:5px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn_black:hover{background: #0F3675;color:#fff;}
.btn-red{background:#fa0202;color:#fff;padding:.5em 1.8em;font-weight:700;font-size:15px}
.btn-red:hover{background:#414141;color:#fff}
.btn-download{display:inline-block;margin:-50px 0 0 auto;padding:10px 15px;border-radius:30px;text-align:center;background:#006cb4;color:#fff}
.btn-download i{margin-left:5px;font-size:2.6rem;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.btn-download:hover{background:#fa8a00;color:#fff}
.btn-download:hover i{-ms-transform:translate(0,10px);-webkit-transform:translate(0,10px);transform:translate(0,10px)}

/* 回頂端 */
#goTop{color:#fff;background:#999;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:45px;font-size:2rem;cursor:pointer;display:none;border-radius:99%;z-index:99;}
#goTop:hover{background:#004DA1;color:#fff}

/*表單*/
input { color: #7d7d7d; padding: 3px 10px; }
.form-control {background: #ffffff;margin-bottom: 15px;box-shadow: none;}

/*標題*/
.major-title{position: relative;color:#333;font-size: 4rem;font-weight: 200;margin: 0 0 1.5rem;text-align:  center;}
.major-title:after {content: '';display: block;width: 60px;height: 2px;background: #333;margin:  0 auto;}
.major-title.left{text-align: left;}
.major-title.left:after{margin-left: 0;}
.page-title{ font-size:36px; margin:30px 0 10px 0; text-transform:uppercase;line-height: 1.5em;}
.page-title.sub{ font-size:30px; letter-spacing:-1px;}

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper {padding:50px 0}
.container {width:100%;max-width: 1200px;margin:0 auto;}
.imgg { max-width:100%; display:block; margin:0 1em 1em 0; }
.picimg .imgg{ margin:0 auto;}
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img { max-width: 100%; }
.img-left { float: left; padding-bottom: 1em; padding-right: 2em;}
.img-right { float: right; padding-bottom: 1em; padding-left: 2em;}
.img-left img, .img-right img { max-width:300px; }
.btnWrap {padding: 15px 0;text-align: center;clear: both;}
.btn_blue { background: #405edb;  color: #fff;  padding: .5em 2em;  border-radius: 2em; font-size: 16px; border: none;   display: inline-block;}
.btn_blue:hover { background:#5e98fb; color: #fff; }

/*輪播*/
.owl-theme .owl-dots .owl-dot span{background: #ddd;border-radius: 100%;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #0f3675;border-radius: 100%;}

/*連結*/
.area_pro{position:relative}
.area_pro .area_abso{position:absolute;left:0;top:-100px;}
/*麵包屑*/
.breadCrumbs-block{margin-top: 15px;padding: 0px 15px;position: absolute;z-index:  2;left: 0;right: 0;bottom: 2vw;}
.breadCrumbs-block .breadCrumbs{float: right;list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;color: rgba(134, 134, 134, 0.7);}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color: rgba(134, 134, 134, 0.7);}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #333;}

/*header*/
.top_area{background:#fff;width:100%;overflow:hidden;-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)}
.top_box{max-width: 1200px;margin:0 auto;padding:0 0 5px;overflow:hidden;}
.top_box .logo{display: inline-block}
/*主選單*/
header{background:#fff}
.navbar-collapse{padding:0}
.navbar{margin-bottom:0;border-radius:0;border:0;background:rgba(0,0,0,0);min-height:inherit;position:static;width:100%;text-align:center;z-index:99;border-bottom:1px solid rgba(255,255,255,0.3)}
.logo .navbar-brand{float:inherit;display:inline-block;height:90px;padding:0 15px;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.logo .navbar-brand>img{max-width:100%;max-height:100%}
header .pc-logo{display:block}
header .m-logo{display:none}
header .clearfix.bb{display:block}
header.fixed_top .clearfix.bb{display:none}
.navbar .nav>li>a{position:relative;color:#333;padding:0;display:inherit}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:inherit;border-color:inherit}
.navbar-nav{padding:11px 0 18px;display: flex;width: 100%;}
.navbar-nav>li{display:inline-block;width:20%}
.navbar-nav .megamenu-fw{position:static}
.navbar-nav .megamenu-fw .dropdown-menu{width:100%;top:100%;padding:16px 10px 50px 16px;max-height:80vh;overflow:hidden;overflow-y:scroll}
.megamenu-content>li{float:left;width:calc(100% - 16%)}
.megamenu-content>li:last-child{width:16%}
.navbar-nav>li i{font-size:.8em;margin-left:5px}
.navbar-nav>li.open i{transform:rotate(-180deg)}
.navbar-nav .dropdown-menu{background:#004DA1!important;border:none;border-radius:0;top:40px;left:50%;transform:translateX(-50%);padding:0}
.dropdown-menu>li>a{color:#fff;font-size:1.1em;padding:5px 15px;line-height:2.5}
.dropdown-menu>li>a:hover{color:#fff;background:rgba(0,0,0,.2)}
.navbar-nav>li.megamenu-fw .dropdown-menu li:after{content:'';display:block;clear:both}
.megamenu-content li:not(:last-child) .col-menu{width:calc(100%/ 5 - 10.5px);float:left;margin-right:10px}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu:nth-child(8n){margin-right:0}
.megamenu-content .col-menu:nth-child(5n+1){clear:both}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .photo{overflow:hidden}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .photo a:hover img{opacity:1}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .photo a:hover h3{border-color:#fff}
.megamenu-content li .col-menu img{max-width:100%;opacity:.8;margin-bottom: 20px;}
.megamenu-fw h3{font-size:1.1em;line-height:1.5;margin: 0 0 5px;letter-spacing:.5px;color:#fff;border-bottom:solid thin;border-color:transparent;}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .content{padding:0 2px;letter-spacing:.5px}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .content ul{padding-left:0;list-style:none}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .content ul li{line-height:1.8}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .content ul li a{display:block;color:rgba(255,255,255,.6)}
.navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .content ul li a:hover{color:#fff}
/*表尾*/
.footer{z-index: 1;position: relative;background: #0F3675;padding: 30px 0;color:#d1d1d1;text-align: center;}
.footer address{margin-bottom: 0}
.footer a{display: inline-block;color:#d1d1d1;}
.footer a:hover{ color:#fff;}
.footer h3{font-size:4rem;}
.footer h3 + address{display: inline-block;margin-bottom: 15px;padding-bottom: 5px;border-bottom: solid 1px #d1d1d1;}
.footer ul { list-style: none;  padding: 0; margin:0;}
.footer li {line-height: 2;display:inline-block;font-size: 15px;padding: 5px;position:  relative;}
.footer li:after{content:'';position:absolute;right: -2px;bottom: 11px;height: 15px;width:1px;background:#fff;}
.footer li:last-child:after{display: none;}
.footer .copyright { font-size: 12px; }

/*banner淡入淡出*/
.carousel-fade .carousel-inner .item {  transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  left: 0;  transform: translate3d(0, 0, 0); }

/*banner*/
.banner {height: 360px; position: relative; margin-top: 78px;}
.carousel {position:relative;padding-bottom: 60px;}
.carousel .item, .carousel .item.active, .carousel .carousel-inner {height: 100%;overflow: inherit;}
.carousel .fill {width: 100%;height: 100%;padding-top: 140px;background-repeat:no-repeat;background-position: center top;background-size: cover;}
.carousel .fill img{margin-bottom: -60px;box-shadow: 0 -5px 40px 3px rgba(0, 0, 0, .3);}
.carousel-caption{ bottom:0; top:43%; left:24%;  text-align:left; max-width:1000px; font-weight: bold; text-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);}
.carousel .slogan1 { top:75%; left:22%; text-align:right; }
.carousel .slogan2 { top:65%; left:25%; right: 0; }
.carousel .slogan3 { right: 0;  }
.carousel-caption  h1 {  margin: 0;  font-weight: bold; }
.carousel-caption p{ font-size:1.2em;}
.carousel-indicators {   display: none;  }
.carousel-indicators li {  width: 14px;  height: 14px;  margin: 0 5px;  background-color: #fff; }
.carousel-indicators li.active {  width: 14px;  height: 14px; margin: 0 5px; background-color: #0d2541;  border: #0d2541; }

/*搜尋*/
header .md{display:none}
header .search-zone{position:relative;float:right;padding:20px 0;margin-top:15px;width:220px}
.search-zone input{width:100%}
.search-zone a{position:absolute;right:1px;top:21px;padding:4px 15px;position:absolute;z-index:10;background:#fff}
.search-zone button{width:120px;height:36px;border:0;background:#004DA1;color:#fff;margin:0;padding:5px 10px;margin-left:20px}
.search-zone button:hover{background:#052953;transition:all .3s linear}
.lang_box ul{list-style:none;padding-left:0;margin-bottom:0}
.lang_box{float:right;margin-top:20px;padding:20px 0 20px 15px}
.lang_box ul li,.lang_box ul li a{color:#979797}
.lang_box ul li a{padding:10px 15px}
.lang_box ul li a:hover{color:#004DA1}
.lang_box ul li{display:inline-block;font-size:15px;font-weight:600}
.lang_box ul li.active a{color:#004DA1}
.lang_box ul li:nth-of-type(1){border-right:1px solid #d7d7d7}

/*首頁*/
.about_grid{position:relative;z-index:1;padding:30px 0 150px;background:url(../images/index/bg-floor.png)no-repeat center bottom #fff;font-size:2rem}
.about_grid:before{content:'';position:absolute;left:0;top:0;width:100%;height:50%;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}
.about_grid *{z-index:2}
.about_grid .summary{max-width:500px}
.about_grid .summary *{position:relative}
.about_grid .summary + img{position:absolute;z-index:-1;right:10%;bottom:0;width:50%;pointer-events:none}
.product_grid{margin:0 -15px}
.product_grid figure{position:relative;float:left;width:25%;padding:0 15px 30px;text-align:center;color:#fff;font-size:2rem}
.product_grid figure:after{content:'';position:absolute;z-index:-1;top:0;bottom:30px;left:15px;right:15px;background:#006cb4}
.product_grid figure:hover:after{background:#fa8a00}
.product_grid figure img{opacity:.5}
.product_grid figcaption{position:absolute;width:100%;left:50%;top:50%;padding:0 15px;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.abilityt_grid{position:relative;z-index:1;padding:100px 0 70px;text-align:center;background:url(../images/index/pbg.jpg) center no-repeat #020208;color:#fff}
.abilityt_grid:after{content:'';position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;background:-moz-linear-gradient(bottom,#006cb4 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(bottom,#006cb4 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to top,#006cb4 0%,#006cb4 15%,rgba(0,0,0,0) 100%);}
.abilityt_grid .box{display:inline-block;width:100px;height:100px;margin:0 15px 30px;/* padding:10px; */border-radius:100%;background:#fff;/* overflow: hidden; */}
.abilityt_grid .box .picimg{width: 100%;height: 100%;border-radius:100%;overflow:hidden;padding: 10px;display: flex;align-items: center;}
.abilityt_grid .box img{max-height: 100%}
.abilityt_grid h3{max-width:500px;margin:30px auto;font-size:2rem}
/*---------頁碼--------------*/
.num_all {  padding-top: 2em; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#a7a7a7;border-color:#ebebec;}
.pagination>li>a, .pagination>li>span{background-color:#fff;color:#000;border: 0;border-radius: 100%;margin: 0 2px;}
.pagination>li.arrow>a, .pagination>li.arrow>span { background-color:#000;color:#FFF;}
.pagination>li:first-child>a, .pagination>li:first-child>span{
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius:100%;
    border-bottom-right-radius:100%;
}

/*側選單*/
.sort{margin-bottom: 30px;clear: both;overflow: hidden;background-image: linear-gradient(to top, #48c6ef 0%, #006cb4 100%);}
.sort .wrap{position: relative;float: left;width: 25%;min-height: 100px;text-align: center;border-bottom: solid 1px rgba(255, 255, 255, 0.3);}
.sort .wrap.on, .sort .wrap:first-child,.sort .wrap:hover{background: rgb(0, 108, 180);box-shadow: inset 2px 2px 15px 1px rgba(0, 0, 0, .5);}
.sort .wrap:not(:last-child){border-right: solid 1px rgba(255, 255, 255, 0.3);}
.sort .wrap .tit{position: absolute;top: 50%;width: 100%;padding:10px;color: #fff;-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
/*----sidebar---*/
.panel-group .panel {border-radius: 0;}
.panel-group .panel+.panel {margin-top: 0;}
.panel {background-color: #eee;box-shadow: none;border: none;}
aside .navbar-toggle {background: #004DA1;color: #FFF;padding: 15px;width: 100%;margin: 0;float: inherit;border-radius: 0;text-align: right;}
aside .navbar-toggle i{margin:0 13px 0 15px}
aside{margin: 15px -15px 15px;}
.sidenav {padding: 0;background: #eee;}
.sidenav h2{height: 80px;margin:0;padding: 0 15px;background: #004DA1;color:#fff;line-height: 80px;}
.sidenav a.btn, .sidenav .card a {justify-content: space-between;display: flex;align-items: center;}
.sidenav .btn i{font-size: 12px;}
.sidenav {list-style: none;}
.sidenav a {color: #00375d;border-bottom: 1px solid #fff;display: block;padding: 10px 15px;background:  inherit;border:  inherit;text-align: left;font-size: 14px}
.sidenav a:hover,.sidenav a.active {background: #002f68;color: #fff;border-radius:  0;border: none;}
.sort{margin-bottom:15px}
.sidenav .card a{position:  relative;}
.sidenav .collapse{border-left: solid 1px #002f68;}
.sidenav .collapse.in{border-bottom: 1px solid #fff;background-color: #f8f8f8;border-left-color:#002f68;}
.sidenav .card a{/* padding-left: 30px; */}
.sidenav .card a:hover, .sidenav  .card a.active{/* background:  inherit; *//* color: #004DA1; */}
.sidenav .card a.active, .sidenav .collapse.in .card a:hover{color: #ffffff;background-color: #c0c0c0;}
.sidenav .collapse.in .card a i{opacity:0;font-size: 12px;}
.sidenav .collapse.in .card a.active i{opacity:1}
/*產品介紹-大類列表*/
.pro_slogan{ font-size:1em; color:#666; margin-bottom:2em;}
.products-grid { background: url(../images/p2/bg.jpg) center 40px no-repeat #FFF;  padding: 10em 0 8em; }
.products-grid .major-title { color: #fff;   padding-bottom: 2em; }
.products-grid .mosaic-block { margin-bottom: 2em; }
.products-grid .mosaic-block:nth-child(3n+1){ clear:both;} 
.products-grid .mosaic-img{ height:200px;  overflow:hidden;}
.products-grid .mosaic-img img { max-width: 100%; width:100%; display: block; }
.products-grid .mosaic-block > .mosaic-box{  position: relative; overflow: hidden; margin-bottom: .5em; display: block; }   
.products-grid .mosaic-overlay {z-index:5; position:absolute; width:100%; height:100%; background-color: rgba(0,0,0,0.8);display: block; top: 75%; height: 100%;  transition: top .3s ease-out;}
.products-grid .mosaic-block:hover .mosaic-overlay { top: 0; }
.products-grid .details{ padding: 8px; }
.products-grid .details h3 { color: #fff; margin-top:6px;}
.products-grid .mosaic-box:hover .details {  position: absolute;  width: 100%;   left: 0%;   top: 30%;   text-align: center; }
.products-grid .mosaic-box:hover .details h3 { border: 1px solid #ccc;   display: inline-block;  padding: 1em;}

/*----產品介紹-小類列表----*/
.banner2{height:250px;position:relative}
.banner2:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.8) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.8) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ccffffff',GradientType=0)}
.banner2 .major-title{color:#fff;padding:2.8em 0 .5em;margin:0}
.products-grid2 .major-title:after{content:'';width:1em;height:1px;background:#dcdada;display:block;margin:.3em auto 1em}
.products-grid2 .row{overflow:hidden;text-align:center;font-size:13px}
.products-grid2 .wrap,.products-grid2 .wrap1{padding-bottom:3em}
.products-grid2 .picimg{text-align:center}
.products-grid2 .picimg:before{content:"";position:absolute;height:100%;display:inline-block;vertical-align:middle}
.products-grid2 .tit{padding:0;font-size:1.8rem;color:#002f68;font-weight:700;height: 25px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.products-grid2 .txt{height:3em;overflow:hidden}
.products-grid2 .overlay-container{border:1px solid #e5e5e5;display:block;overflow:hidden;position:relative;margin:0 -10px}
.products-grid2 .overlay{background-color:rgba(5,49,96,0.6);position:absolute;top:0;right:-1px;bottom:-1px;left:0;cursor:pointer;opacity:0;overflow:hidden;transform:scale(0.8);transition:all .2s linear 0}
.products-grid2 .overlay-container:hover .overlay{opacity:1;transform:scale(1.5)}
/*----產品介紹-item列表----*/
.products-grid2 .wrap1{/* margin-bottom:15px; */padding:0 15px 15px;}
.products-grid2 .wrap1 .infobox{padding:15px;background:#fff}
.products-grid2 .txt1{position:relative;height:35px;margin:5px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.products-grid2 .subtit{font-weight:700;color:#928f8f}
.products-grid2 .more{background:#002f68;color:#fff;display:block;margin:0 5px;padding:5px 15px}
.products-grid2 .more:hover{background:#414141}

/*----產品介紹-detail----*/
.pdt-inner{position:relative}
.wrapper.products-grid2{overflow:inherit}
.major-title1{margin-bottom:1rem;color:#989393;font-size:2.4rem}
.info_bg,.info-title{display:inline-block;vertical-align:bottom}
.info_bg{width:500px}
.info-title{padding:0 30px}
.pdt-info{display:none}
.pdt-info.mb{display:block}
.p_small_img{position:relative;margin-left:-5px;margin-right:-5px}
.p_small_img:after{content:'';display:block;clear:both}
.p_small_img .p_img2{width:33.3333%;padding:5px;float:left}
.p_small_img .p_img2 img{border:1px solid #ccc}
.info_box{background:#fff;padding:0 15px}
.dtl_txt{color:#636466}
.pro-img-box{margin:0 -15px;margin-top: 60px;}
.pro-img-box img{max-width:100%}
.pro-img-box .wrap{float:left;width:50%;padding:0 15px 30px}
.pro-img-box .wrap:only-of-type{width:100%}
.overlay-container{position:relative}
.overlay-container a{opacity:0;position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);text-align:center;color:#fff}
.overlay-container i{position:absolute;left:50%;top:50%;font-size:3rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.overlay-container a:hover{opacity:1}

/*聯絡我們*/
.contact-zone{margin-top:80px}
.contact-zone ul{padding:0;list-style:none}
.contact-zone>ul>li{width:calc(100% / 2 - 15px);display:inline-block;vertical-align:top;color:#777}
.contact-zone>ul>li span{font-weight:700}
.contact-zone>ul>li p{padding-left:43px;margin-bottom:0;display: inline-block;}
.contact-zone>ul>li h3{margin:0;color:#0f3675;font-weight:700}
.contact-zone li ul+ul{margin-top:30px}
.gallery ul{list-style:none;padding: 0;margin-bottom: 0;}
.gallery ul:after{content:'';display:block;clear:both}
.video ul li{margin-bottom:30px}
.album ul li{margin-bottom:15px;/* padding:5px */}
.gallery ul li .faimg{position:relative}
.gallery ul li .faimg.line{border:1px solid #e5e5e5}
.gallery ul li .faimg img{max-width:100%}
.gallery ul li a:hover .faimg .mask{transform:translate(-50%,-50%) scale(1);opacity:1}
.gallery ul li .faimg .mask{width:100%;height:100%;background:rgba(3,29,88,0.4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:all .2s linear}
.gallery ul li .faimg .mask i{color:#fff;font-size:3em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.gallery ul li p{font-size:1.8rem;color:#002f68;font-weight:700;padding:10px 5px 0;margin-bottom:0;height: 70px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.lb-nav a.lb-prev,.lb-nav a.lb-next{opacity:1}
/*關於豪緯*/
.about section{margin-bottom:40px}
.about section:first-child{margin-top:60px}
.about .fix-img{position:relative;text-align:center;height:300px;background-attachment:fixed;background-position:center top;background-repeat:no-repeat}
.about .show ul{max-width:900px;margin:0 auto;padding-left:0;list-style:none}
.about .show ul:after{content:'';display:block;clear:both}
.about .show ul li{width:calc(100% / 4 - 9px);float:left;margin-right:12px;text-align:center;border:solid 5px #eee;padding:10px 20px}
.about .show ul li:last-child{margin-right:0}
.about .show ul li img{max-width:100%}
.about .show ul li p{margin:0}
.about .intro [class^="box"]{margin-top:80px}
.about .intro .box1{display:table}
.about .intro .box1 .photo{display:table-cell;vertical-align:middle;width:500px}
.about .intro .box1 .photo img{max-width:100%}
.about .intro .box1 article{display:table-cell;vertical-align:middle;padding-left:50px}
.about .intro p{line-height:1.6;margin-bottom:20px}
.about .intro .box2 article{text-align:center;margin-bottom:80px}
.about .intro .box2 .fix-img{background-image:url(../images/p1/02.jpg)}
.about .history ul{padding-left:0;margin-bottom:0;list-style:none}
.about .history ul li{border-bottom:solid thin #eee;padding:20px}
.about .history ul li span{color:#006cb4;font-weight:700;margin-right:20px}
.device .fix-img{background-image:url(../images/p1/03.jpg);margin-bottom:40px}
.device .box{width:calc(100% / 4);float:left}
.device:after{content:'';display:block;clear:both}
.device ul{margin-bottom:0;padding-left:20px}
.device ul li{line-height:36px}
.about .location .box-gp{display:flex}
.about .location .box-gp .box{width:calc(100% / 2 - 10px);background:#f5f5f5;padding-bottom:20px}
.about .location .box-gp .box+.box{margin-left:20px}
.about .location .box .photo img{width:100%}
.about .location .box h3{font-size:1.2em;font-weight:700;color:#006cb4;margin:20px 0 10px;padding:0 20px}
.about .location .box ul{padding:0 20px;list-style:none;margin-bottom:0}
.about .location .box ul li{padding-bottom:10px;margin-bottom:10px;border-bottom:solid thin #e0e0e0}
.about .location .box ul li:last-child{border-bottom:0;margin-bottom:0}
.about .group .photo{max-width:900px;margin:80px auto}
.about .group .photo img{max-width:100%}
.about .intro .box2.a1 .fix-img{background-image:url(../images/p3/04.jpg)}
.about .intro .box2.a2 .fix-img{background-image:url(../images/p3/06.jpg)}
.about .certification ul{margin: 0;padding:0;list-style:none;}
.about .certification ul li{width:32.3%;display:inline-block;vertical-align:middle}
.about .certification ul li img{margin:0 auto;max-width: 100%;width: 100px;}
.ability_tt{width:70%;margin:0 auto;background-color:#fff;padding:40px 20px;opacity:.8;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;border-bottom:5px solid #004DA1}
.ability_tt p{margin-bottom:0!important;font-weight:600}
.highlight_pro{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;margin-top:50px;-ms-flex-pack:justify;justify-content:space-between}
.highlight_pro figure{width:calc(100% / 5 - 8px);margin-bottom:30px}
.highlight_pro figure:nth-of-type(6){margin-left:0}
.highlight_pro figure img{max-width:100%;border:1px solid #eee}
.highlight_pro figcaption{margin-top: 10px;font-weight:600;color:#004DA1;text-align:center;}
.circle_group{color:#fff;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex}
.circle_group>*{-ms-flex:1 1 auto;flex:1 1 auto}
.circle_group>*+*{margin-bottom:3rem}
.circle_group>:nth-child(2){margin-top:3rem}
.circle_group .chart{padding:30px;background-attachment:fixed}
.circle_group .chart:hover{box-shadow:0 5px 15px rgba(0,0,0,0.5)}
/*  ----------------------------------------------------------------  */
@media(min-width:769px) {
    .main-infor{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }  
    .info_bg  +*{width:50%}
    .pdt-info{display:block;/* width: 40%; */padding: 0 30px;}
    .pdt-info.mb{display: none;}
    /*按鈕開啟+選單*/
    header .pc-logo{display:none}
    header .m-logo{display:block} 
    header .navbar-custom{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;}
    header.fixed_top .navbar-custom{margin-top:0;border-bottom:1px solid rgba(255,255,255,.3);background: inherit;}
    header.fixed_top .navbar-custom, header.fixed_top .logo{display:inline-block;vertical-align:middle;}
    header.fixed_top .search-zone{margin-top:5px}
    header.fixed_top .lang_box{margin-top:10px}
    header.fixed_top .logo:after{content:'';display:block;clear:both;}
    header.fixed_top .top_bar .bar_R>*:not(.navbar){display:none}
    header.fixed_top .navbar-brand{height: 70px;padding: 8px 5px;}
    header.fixed_top .pc-logo{display: block;}
    header.fixed_top .m-logo{display: none;}
   .top_bar{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: nowrap;-ms-flex-pack: justify;justify-content: space-around;-ms-flex-line-pack: center;align-content: center;-ms-flex-align: center;align-items: center;position: relative;}
   .top_bar .bar_L{width:30%;}
   .top_bar .bar_R{width:70%}
}
@media (min-width: 992px) { 
    /*主選單*/
    .nav>li>a.active,.nav>li>a:focus,.nav>li>a:hover,.nav>li.dropdown>a:focus,.nav>li.dropdown>a:hover{color:#333;font-weight:700;font-size:1.05em;background:rgba(0,0,0,0)}

}

@media(min-width:1025px) {

    /*側選單*/
    .sort{margin-top: -130px;}
    aside{float:left;width:200px;}
    aside+main{float:right;width:calc(100% - 200px);margin: 0;padding:0;padding-left: 10px;}
}

@media (max-width: 1280px) { 
    /*首頁*/
    .index-about .summary + img{width: 70%;right: 30px;}
}

@media (max-width: 1200px) {
    /*主選單*/
    .navbar .nav>li>a{font-size: 14px}
 }

@media (max-width: 1024px) { 
    .wrapper{padding:30px 0}
    .carousel{margin-top:-15px}
    .about .fix-img{background-attachment:inherit}
    /*側選單*/
    aside{margin: -15px 0 15px;}
    .sidenav a{padding:15px;border-radius:  0;}
    aside .d-md-none{display: none}

}

@media (max-width: 991px) { 
    /*----產品介紹-item列表----*/
    .products-grid2 .wrap1 {/* width:33.3%; */background-size: contain;padding: 0;}
    .products-grid .mosaic-block:nth-child(3n+1){ clear:inherit;} 
    .products-grid .mosaic-block:nth-child(2n+1){ clear:both;}

    /*標題*/
    .major-title{font-size:2.6rem;margin-bottom: 1rem;}
    .major-title1{font-size: 1.6rem;margin-bottom: 0;}
    /*首頁*/
    .index-about{padding:0 15px 150px}
    .index-about .summary{width:100%;padding-top: 0;}
    .product_grid figure{width: 33.333%;}
    /*ability*/
    .highlight_pro figure {width: calc(100% / 4 - 8px);}
    .highlight_pro figure:nth-of-type(6){margin-left: 10px}
    .highlight_pro figure:nth-of-type(5){margin-left: 0;}
    /*聯絡我們*/
    .contact-zone{margin-top:15px}
    .contact-zone>ul>li{width:100%}
    .contact-zone>ul>li:last-child{margin-top:30px}
    .contact-zone li ul+ul{margin-top:15px}

    
}

@media (max-width: 768px) {
    /*全頁佈局*/
    .wrapper{padding-top: 15px;padding-bottom: 15px;}
    .breadCrumbs-block{/* display: none; */}
    .navbar-header{right: 0;}
    body{padding-top:75px}
    /*搜尋*/
    header .search-zone{display: none;width: 100%;}
    header .md .search-zone{display: block}
    .search-zone input{padding: 10px 15px}
    .search-zone a{padding: 7px 30px;font-size: 2rem;border-left: solid 1px #ccc;}

    /*選單效果*/
    .navbar-nav{width:100%;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:rgba(0,45,72,0.76)}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:rgba(255,255,255,0.76);padding:5px;font-size:18px;font-weight:400}
    .container-fluid>.navbar-header{width:100%;float:inherit}
    .dropdown-menu>li>a:hover{background-color:inherit}
    .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
    .navbar-right{float:inherit!important}
    .navbar-nav>li{float:none}
    .navbar-custom{background:#fff}
    .navbar-default{border-color:#e7e7e7;z-index:9999}
    .navbar-fixed-top .navbar-collapse{max-height:550px}
    .navbar-default .navbar-collapse{border-color:#e7e7e7;border-top:solid 1px #e7e7e7}
    .dropdown-menu{top:100%;z-index:1000;display:none;float:inherit;min-width:160px;padding:inherit;margin:3px 20px 0;font-size:14px;text-align:left;list-style:none;background-color:inherit;-webkit-background-clip:inherit;background-clip:inherit;border:inherit;border:inherit;border-radius:inherit;-webkit-box-shadow:none;box-shadow:none;position:inherit;left:inherit}
    .navbar-right .dropdown-menu{background-color:inherit}

    /*選單*/
    header .container{padding:0}
    .logo .navbar-brand{float:none}
    .logo{text-align:center}
    .lang_box{float:none;padding:20px 0;position:absolute;right:70px;top:0;margin-top:0}
    .breadCrumbs-block{bottom:7vw}
    .top_box{padding:5px 15px}
    .navbar-brand{height:50px;padding-top:0}
    .top_area{float:left}
    header .navbar{top:0;right:0;border-bottom:inherit}
    .navbar-header{padding:20px;position:absolute;z-index:999;right:0;top:0}
    .navbar-toggle{display: block;background-color:#004DA1;margin:0;padding:2px 10px;color:#fff;width:60px;height:60px;border-radius:0;}
    .navbar-collapse.collapse{display:none!important}
    .navbar-collapse.collapse.in{display:block!important}
    .navbar-nav>li{display:block;float:inherit;width:100%;border-bottom: 1px solid #cccccc;font-size:15px;}
    .navbar .nav>li>a{display:block;text-align:left;padding:20px}
    .navbar-nav{margin:0;padding:0;background: #eee;width:100%;display: block;}
    .nav>li>a.active,.nav>li>a:focus,.nav>li>a:hover,.nav>li.dropdown>a:focus,.nav>li.dropdown>a:hover{color: #555555;background: #eee;}
    .dropdown-menu{padding:0}
    .navbar-collapse{width:100%}
    .navbar-collapse.in{max-height:80vw;overflow:auto!important}
    .navbar .nav>li>a{color: #555555;background: #eee;}
    .navbar .nav>li>a:hover,.navbar .nav>li>a:focus{}
    .navbar .nav>li>a,.nav>li:nth-last-child(2) a{border:none}
    .navbar-nav>li.megamenu-fw .dropdown-menu{top:0;left:0;transform:none;padding:0 15px}
    .megamenu-content li:not(:last-child) .col-menu,.megamenu-content li:last-child .col-menu{width:50%;margin-right:0;border-bottom:solid thin rgba(0,0,0,.1);padding-bottom:10px;margin-bottom:10px}
    .megamenu-content li:last-child .col-menu{width:100%;margin-bottom:0;padding-bottom:0;border-bottom:0}
    .megamenu-content li .col-menu a{display:block;width:calc(100% - 100px)}
    .megamenu-content li .col-menu img{float:left;width:100px;height:auto;display:inline-block}
    .navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .content{display:none}
    .megamenu-fw h3{display:table-cell;vertical-align:middle;margin:0;padding: 10px 20px;}
    .navbar-nav>li.megamenu-fw .dropdown-menu li .col-menu .photo a:hover h3{border-color:transparent}
    .navbar-nav>li .dropdown-menu{top:0;left:0;transform:none;width:100%;margin:0}
    .megamenu-content>li{float:inherit;width:100%;/* border-bottom:solid thin rgba(0,0,0,.1) */}
    .navbar-nav>li .dropdown-menu>li:last-child{border-bottom:0;width:100%;}
    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:15px 20px;line-height:1.5}
    header{position:fixed;width:100%;z-index:9999;box-shadow:0 0 15px rgba(0,0,0,0.5)}
    header .search-zone,header .clearfix.bb{display:none}
    .logo .navbar-brand{height: 59px;padding:10px;}
    .navbar-header{padding:0}
    header .navbar{overflow:auto}
    header .navbar-nav>li.megamenu-fw .dropdown-menu,header.fixed_top .navbar-nav>li.megamenu-fw .dropdown-menu{width:100%;left:0;margin:0 auto;padding-top:15px;padding-bottom:15px;background:inherit;max-height:inherit;overflow:auto}     

    
    /*按鈕*/
    .btn-download{margin:0 auto 15px}
    .major-title{margin: 15px 0;}
    /*首頁banner*/
    .carousel{margin-top: -15px;padding-bottom:0;}
    .carousel .fill{padding-top:65px}
    .carousel .fill img{margin-bottom:0}
    .carousel .container{padding:0}
    .carousel-caption{max-width:inherit;top:inherit;bottom:inherit;right:inherit;left:inherit;padding:0}
    .carousel .slogan1{position:static;padding:15px;text-align:left}
    .carousel .slogan2{top:inherit;bottom:20px;left:6%;text-align:left}
    .carousel .slogan3{top:inherit;bottom:20px;left:6%;text-align:left}
    .heaer .nav>li>a:hover,.heaer .nav>li.dropdown>a:focus,.heaer .nav>li.dropdown>a:hover{margin-left:.5em}
    .sort .wrap{width:33.33%}
    /*----產品介紹-小類列表-sidebar----*/
    .banner2 {margin-top:-15px;height: 20vw;background-size: cover}
    .banner2.non{ display:none}
    .sidenav:last-child{border-bottom:none;}
    .sidenav a {color: #00375d;margin: 0;}
    .products-grid .mosaic-box:hover .details h3{ font-size:20px;}
    /*----產品介紹-item列表----*/
    .products-grid2 .wrap1 {/* width:50%; */margin-bottom: 0;/* padding: 0 15px 0; */}
    .products-grid2 .overlay-container{margin:0}
    .products-grid2 .more{margin:0}
    /*----產品介紹-detail----*/
    /*產品_底層*/
    .info-title,.info_bg{float: inherit;width:100%;padding: 0;}
    .info_bg{border: 1px solid #ccc;margin-bottom: 5px;}
    .info_bg .pro-img-box img{width: 100%}
    .pro-img-box .wrap:first-child,.pro-img-box .wrap {width: 100%;float: inherit;padding: 0 0 15px;}
    /*首頁*/
    .product_grid figure{width: 50%;padding: 0;}
    .product_grid figure:after{left:0;right:0;top:0;bottom:0}
    .about_grid{padding-bottom:200px}
    .about_grid .summary + img{width: 90%;}
    .abilityt_grid{padding: 50px 0;}
    .product_grid figure img{opacity: .3;}
     
    /*關於豪緯*/
    .about section:first-child{margin-top:15px}
    .about .intro .box1{display:block;}
    .about .intro .box1 .photo{display:block;width: 100%;margin-bottom: 20px;}
    .about .intro .box1 article{display:block;padding: 0;}
    .about .intro .box2 article{text-align:left;margin-bottom: 20px;}
    .device .box{width:calc(100% / 2);float:left;margin-bottom: 20px;}
    .device .box:nth-child(2n+1){ clear:both;}
    .about .fix-img{background-attachment:inherit;}
    .about .fix-img{height: 100vw;}

    .linfo-rform-map .leftbox{width:100%;float:none;padding: 0;}
    .linfo-rform-map .rightbox{width:100%;float:none;padding: 20px 0;}
    .linfo-rform-map .rightbox .page_form.col-md-6{ width:100%;}
    .linfo-rform-map .rightbox .page_form.col-md-6:nth-child(2n){ padding:0}
    .about .intro [class^="box"]{margin-top:30px;}
     /*ability*/
     .highlight_pro figure {width: calc(100% / 3 - 8px);}
}

@media (max-width: 640px) {
    .major-title{font-size: 2rem;margin-top: 0;}
    .major-title:after{ margin:10px auto;}
    .banner2{height: 30vw;background-position: right!important;}
    /*選單*/
    .megamenu-content li:not(:last-child) .col-menu, .megamenu-content li:last-child .col-menu{width:100%;}
    .megamenu-fw h3{ padding-left:10px;}
    .megamenu-content li .col-menu img{width:50px;margin-bottom: 0;}
    .img-left, .img-right { float:inherit; padding-right: 0; padding-left: 0;   text-align: center; }

    /*----首頁banner---*/
    
    .carousel-caption h1 {  font-size: 2em; }
    .carousel-caption p {  font-size: 1em; }
    /*首頁*/
    .index-about .summary + img{width: 90%;}
    /*關於*/
    .about .location .box-gp{display:block;}
    .about .location .box-gp .box{width:100%;margin-right:0; margin-bottom:20px}
    .about .location .box-gp .box+.box{margin-left: 0}
    .about .location .box-gp .box:last-child{margin-bottom:0;}
    /*----按鈕---*/
    .info_bg .btnWrap a {display: inline-block}
    #goTop {
    display: none!important;
    }
    /*----產品介紹---*/
    .banner2.non{display:none;background:#fff !important;height:auto;}
    .banner2 .major-title{ display:none;}
    .products-grid .details h3 {  margin:0; }
    .products-grid .mosaic-box:hover .details h3{ font-size:1rem;}
    /*關於*/
    .about .intro [class^="box"], .about section{margin-top: 15px;margin-bottom: 15px;}
    .about section:first-child{margin: 15px 0 30px;}
    .device .box{width:100%;float:none;border-bottom:solid thin #eee;padding-bottom: 10px;margin-bottom: 10px;}
    .device .box:nth-child(2n+1){ clear:none;}
    .about .show ul li:last-child{margin-right:inherit;}
    .about .certification ul li{padding:20px;}
    .circle_group>*+*{margin-bottom:15px}
    .circle_group>:nth-child(2){margin-top:15px}

    .linfo-rform-map .leftbox .cimg{margin-top: 20px;}
    .linfo-rform-map input, .linfo-rform-map textarea, .linfo-rform-map select{ height:40px;}
    /*ability*/
    .ability_tt{width: 85%;padding: 20px}
    .highlight_pro{margin-top: 15px;}
    .highlight_pro figure {width: calc(100% / 2 - 8px);margin-bottom: 15px;}
    .highlight_pro figcaption{margin-top:0;}
    /*頁尾*/
    .abilityt_grid .box {width:80px;height:80px;margin: 0px;}
    /*聯絡我們*/
    .contact-zone>ul>li h3{font-size:2rem}
    
}

@media (max-width: 480px) { 
    body{padding-top:50px}
    .logo .navbar-brand{height: 50px;}
    .lang_box{padding: 13px 0;/* left: 15px; */}
    .navbar-toggle {/* margin: 13px 0 0; */width: 50px;height: 51px;}
    .img-left img, .img-right img {  display: block;  width: 100%;  max-width: inherit;}
    /*側選單*/
    .sort .wrap{width:50%}
    /*----產品介紹---*/
    .products-grid .mosaic-block{ float:inherit; width:100%; }
    .products-grid .mosaic-overlay {  top: 76%; }
    .products-grid2 .wrap,.products-grid2 .wrap1 {/* float:inherit; *//* width:auto; */}
    .products-grid2 .picimg {   max-width: inherit;  height: auto;  }
    .products-grid2 .wrap1 .infobox { height:inherit;}
    .products-grid .mosaic-img{ max-height:inherit; }
    .products-grid2 .tit {/* height:inherit; *//* overflow:hidden; */}
    /*照片庫*/
    .video ul li,.album ul li{margin-bottom: 0;}
    .about .show ul li {width: calc(100% / 2 - 5px);margin-right: 0;margin-bottom:10px}
    .about .show ul li:nth-of-type(odd){margin-right:5px}
    .about .show ul li:nth-of-type(even){margin-left:5px}
    .gallery ul li p{padding-top:0;font-size: 1.6rem;}
    /*聯絡我們*/
    .contact-zone>ul>li{width: 100%}
    .contact-zone>ul>li{margin-top: 20px;}
    .contact-zone>ul>li:first-child{margin-top: 0;}
    .contact-zone>ul>li:nth-of-type(2){padding-left: 0}
    .contact-zone {margin-top: 20px;}
    .wrapper{padding: 30px 0px;}
    /*首頁*/
    .about_grid,.abilityt_grid h3{font-size: 1.6rem;}
    .wrapper.about_grid{padding-top: 0;padding-bottom:100px;}
    .abilityt_grid h3{margin-top:15px;margin-bottom:15px;}
    .btn_black{margin-bottom:15px}

}

@media (max-width: 320px) { 

}