body {
  font-family: "微軟正黑體",Verdana, sans-serif;
  font-size: 16px;
  margin: 0;
  
}
/*選單
.navbar{
  
  -webkit-box-shadow: 0 8px 8px -6px #999;
	   -moz-box-shadow: 0 8px 8px -6px #999;
	        box-shadow: 0 8px 8px -6px #999;   
  
    background-color: #ebf2f3;
    padding-top: 0; 
    padding-bottom: 0; 
    box-shadow: 0 8px 8px -6px #999; 
    
}
.navbar-brand{
  margin-top: 0;
  padding: 0;
  width:24%;
}
.collapse {
  margin-top: 0rem;
  margin-left: 0rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
.container-fluid{
  margin: 2px;
  padding: 3px;  
}
.navbar .nav-item .nav-link{  
  border: 0px solid #000;
  padding-top: .8rem;
  padding-bottom: .2rem;
  background-color: #ebf2f3;;
  font-weight: 700;
  color:#062a4e;
} 
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{
  
  border-bottom: 4px solid #062a4e;
  padding-top: .8rem;
  padding-bottom: 1rem;
  transition: 0.3s;
  color:#062a4e;
} 
*/
/*各種裝置CSS設定*/
@media (max-width: 767.98px) { 

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

.back-to-top:hover {
    background: #1c8dbd;
    color: #fff;
}
/*選單*/
.navbar{
  
  -webkit-box-shadow: 0 8px 8px -6px #999;
	   -moz-box-shadow: 0 8px 8px -6px #999;
	        box-shadow: 0 8px 8px -6px #999;   
  
    background-color: #ebf2f3;
    padding-top: 0; 
    padding-bottom: 0; 
    box-shadow: 0 8px 8px -6px #999; 
    
}
.navbar-brand{
  margin-top: 0;
  padding: 0;
  width:24%;
}
.collapse {
  margin-top: 0rem;
  margin-left: 0rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
.container-fluid{
  margin: 2px;
  padding: 3px;  
}
.navbar .nav-item .nav-link{  
  border: 0px solid #000;
  padding-top: .8rem;
  padding-bottom: .2rem;
  background-color: #ebf2f3;;
  font-weight: 700;
  color:#062a4e;
} 
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{
  
  border-bottom: 4px solid #062a4e;
  padding-top: .8rem;
  padding-bottom: 1rem;
  transition: 0.3s;
  color:#062a4e;
} 
/*子選單*/
.dropdown-menu .show{  
  
  background: white;
  color: black;
}
.dropdown:hover>.dropdown-menu {
  transition: background-color 0.5s linear;
  display: block;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item{
  background: white;
  color: rgba(0, 0, 0, 0.8);
}
 .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{
  background-color: #ebf2f3;
  transition: 0.3s;
  color: black;
}
  .navbar-nav .dropdown-menu{
  margin-top: 5px;  
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  box-shadow: none;    
  color: white;    
  }
 
/*案例介紹選單*/
.nav-tabs .nav-link {
  border-radius: 0;
  background-color: #eaf2f4;  
  font-size: 0.8rem;
  font-weight: 500;
  color:#062a4e;  
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
/*.nav-link:hover,.nav-link:focus,.nav-link.active{*/
  background-color: #062a4e;
  line-height: auto;  
  color:#eaf2f4;
} 
/*案例介紹(下方圖片)*/
.slider {
 width: 100%;
 margin: 5px auto;
 background: rgba(255, 255, 255,0);
 /*overflow: hidden;*/
}
.slick-slide {
 margin: 0px 5px;
}

.slick-prev:before,.slick-next:before {
 color: black;
}
.slider-for{
  width: 100%; 
}
.slider-nav{
  width: 100%; 
}
.slider-nav img{
  width: 100%;
  height: auto;
  opacity: 1;
}
.slider-nav img:hover,.slider-nav img:focus{
  opacity: .5;
}
.slick-slide .slick-current img{
  opacity: 1;
}
.blue{
 opacity:.5;
}

   .selected .slider-nav-arrow { visibility: visible; }
   .slider-navigation img { opacity: 1; }
   .selected .slider-navigation img{ opacity:1; }
   .selected .slider-navigation { opacity: 1; }


.btn{
  border-radius: 0;
  font-weight: 900;
  padding-top: .8rem;
  color:#062a4d;
}

.btn-foot,.btn-foot:focus,.btn-foot:link{
  border: #0084ce; 
  font-size: 12pt;
  padding: 3px;
  font-weight: 900;
  background-color:rgba(255,255,255,1);
  border-radius: 0;
  color:#0084ce;  
}
.btn-foot:hover{
  padding: 3px;
  color:#062a4d;
  background-color:rgba(6, 42, 77,0.4);
  border-color:#0f65b9;
  border-radius: 0;
}

.btn-wb{
  border-radius: 0;
  color:#0084ce;  
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color: #062a4d;
    font-weight: 900;
    background-color: #fff;
    border-color: #343a40;
}
.btn-down,.btn-down:focus,.btn-down:link{
  font-weight: 900;
  background-color:#fff;
  border-radius: 0;
  color:black;  
}
.btn-down:hover{  
  color:#062a4d;
  background-color:#fff;
  border-color:#062a4d;
  border-radius: 0;
  color:#062a4d;  
}
 h1, .h1{
  font-size:2rem; 
 }
  h2, .h2{
  font-size:1.5rem; 
 }
.btn:hover{color:#062a4d;background-color:#fff;border-color:#062a4d;font-weight: 900;}
 
 /*icon3*/
 .icon3{
  padding: .3rem !important;
  z-index: 2;margin-top: -7rem;
 }
/*產品內容樣式*/
.card{margin: .5rem; border-radius: 0; box-shadow:0 0 2px rgba(0,0,0,.35);background-color: none;transition:1s;}
.card:hover{box-shadow:0 0 20px rgba(0,0,0,.35);transition:1s;}
.card .cbody{
  border: 1px solid #efefef;
  border-top:0;
  box-shadow: 0 4px 4px 4px #efefef; 
}
.zoom-on-hover{
  overflow:hidden;
}
.card .zoom-on-hover .image{
  transform:scale(1);
  transition: all 1s ease;
}
.card:hover .zoom-on-hover .image{
  overflow:hidden;
  transition:all 1s ease-out;
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  
}
/*VR*/
 .plr{
  padding-left: .5rem !important;
  padding-right:.5rem !important;
 } 
 .plr1{
  padding-left: .5rem !important;
  padding-right:.5rem !important;
 } 
/*各項標頭底色*/
.myheader{
  background-color: #ebf2f3;
}

.mybg{
  background-color: #ebf2f3;  
  color: #fff;
} 

/*文字間距*/
.txtspace{
  letter-spacing: .25rem;
  line-height: 2rem;
}
.txtspace1{
  letter-spacing: .25rem;
  line-height: 3rem;
}
.txt-showroom{
  letter-spacing: .5rem;
  line-height: 3rem;
}

/*檢視圖片文字*/
.show-word{
  color: #062a4d;
}
/*產品首頁-說明文字*/
.txt-info{ 
 font-size: 17pt;
 color:#898A8A;
}
/*首頁案例-文字格式*/
.txt-caseinfo{
 font-size: 12pt;
 line-height: 1.5rem;
color:#898A8A;
} 
/*首頁案例*/
 .tabwth{
  padding: 1.5rem !important;
 }
/*底部設定*/
/*foot background color*/
footer{
  background-color: #062a4d;
  color: #fff;
}
.un-left {
  position: absolute;  
  padding: 0px;
  width:100%;  
  border: 0px solid #fff;  
  background-color: rgba(255,255,255,0);
  color:#fff;
  bottom:2.5rem;
  
  
}
a .text-light{
  color: #8eaac2;
  text-decoration: none;
}
.foot-txt{
  padding-bottom: .2rem;
  color:#c9e9ff;
  border-bottom:1px solid #8eaac2;
}
.foot-border-bottom{
  border-bottom-color: #c9e9ff;
}
.foot-top{
  background-color: #ebf2f3;  
}
.copry-top{  
  font-size: 13px;
  color:#062a4d;
  padding-bottom: .3rem;
  padding-top: .3rem;
  border-bottom: 1px solid #062a4d;
}
.copry-down{
  font-size: 13px;
  letter-spacing: .2rem;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem;
  padding-left: 1.5rem;
  padding-right: 0rem;
  font-weight: 800;
 
}
.copry-downall{
  font-size: 12px;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem; 
}
 
 
}

@media (min-width: 768px){ 

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

.back-to-top:hover {
    background: #1c8dbd;
    color: #fff;
}
/*選單*/
.navbar{
  
  -webkit-box-shadow: 0 8px 8px -6px #999;
	   -moz-box-shadow: 0 8px 8px -6px #999;
	        box-shadow: 0 8px 8px -6px #999;   
  
    background-color: #ebf2f3;
    padding-top: 0; 
    padding-bottom: 0; 
    box-shadow: 0 8px 8px -6px #999; 
    
}
.navbar-brand{
  margin-top: 0;
  padding: 0;
  width:24%;
}
.collapse {
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
.container-fluid{
  margin: 0px;
  padding: 0px;  
}
.navbar-expand-md .navbar-nav .nav-link {
  font-size: .8rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
    padding-right: .5rem;
    padding-left: .5rem;
} 
.navbar .nav-item .nav-link{  
  border: 0px solid #000;
  padding-top: .8rem;
  padding-bottom: .2rem;
  background-color: #ebf2f3;;
  font-weight: 700;
  color:#062a4e;
} 
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{
  
  border-bottom: 4px solid #062a4e;
  padding-top: .8rem;
  padding-bottom: 1rem;
  transition: 0.3s;
  color:#062a4e;
} 
/*子選單*/
.dropdown-menu .show{  
  
  background: white;
  color: black;
}
.dropdown:hover>.dropdown-menu {
  transition: background-color 0.5s linear;
  display: block;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item{
  background: white;
  color: rgba(0, 0, 0, 0.8);
}
 .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{
  background-color: #ebf2f3;
  transition: 0.3s;
  color: black;
}
  .navbar-nav .dropdown-menu{
  margin-top: 5px;  
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  box-shadow: none;    
  color: white;    
  }
 
/*案例介紹選單*/
.nav-tabs .nav-link {
  border-radius: 0;
  background-color: #eaf2f4;  
  font-size: 0.8rem;
  font-weight: 500;
  color:#062a4e;  
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
/*.nav-link:hover,.nav-link:focus,.nav-link.active{*/
  background-color: #062a4e;
  line-height: auto;  
  color:#eaf2f4;
} 
/*案例介紹(下方圖片)*/
.slider {
 width: 100%;
 margin: 5px auto;
 background: rgba(255, 255, 255,0);
 /*overflow: hidden;*/
}
.slick-slide {
 margin: 0px 5px;
}

.slick-prev:before,.slick-next:before {
 color: black;
}
.slider-for{
  width: 100%; 
}
.slider-nav{
  width: 100%; 
}
.slider-nav img{
  width: 100%;
  height: auto;
  opacity: 1;
}
.slider-nav img:hover,.slider-nav img:focus{
  opacity: .5;
}
.slick-slide .slick-current img{
  opacity: 1;
}
.blue{
 opacity:.5;
}

   .selected .slider-nav-arrow { visibility: visible; }
   .slider-navigation img { opacity: 1; }
   .selected .slider-navigation img{ opacity:1; }
   .selected .slider-navigation { opacity: 1; }


.btn{
  border-radius: 0;
  font-weight: 900;
  padding-top: .8rem;
  color:#062a4d;
}

.btn-foot,.btn-foot:focus,.btn-foot:link{
  border: #0084ce; 
  font-size: 12pt;
  padding: 3px;
  font-weight: 900;
  background-color:rgba(255,255,255,1);
  border-radius: 0;
  color:#0084ce;  
}
.btn-foot:hover{
  padding: 3px;
  color:#062a4d;
  background-color:rgba(6, 42, 77,0.4);
  border-color:#0f65b9;
  border-radius: 0;
}

.btn-wb{
  border-radius: 0;
  color:#0084ce;  
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color: #062a4d;
    font-weight: 900;
    background-color: #fff;
    border-color: #343a40;
}
.btn-down,.btn-down:focus,.btn-down:link{
  font-weight: 900;
  background-color:#fff;
  border-radius: 0;
  color:black;  
}
.btn-down:hover{  
  color:#062a4d;
  background-color:#fff;
  border-color:#062a4d;
  border-radius: 0;
  color:#062a4d;  
}
 h1, .h1{
  font-size:2rem; 
 }
  h2, .h2{
  font-size:1.5rem; 
 }
.btn:hover{color:#062a4d;background-color:#fff;border-color:#062a4d;font-weight: 900;}
 
 /*icon3*/
 .icon3{
  padding: .3rem !important;
  z-index: 2;margin-top: -7rem;
 }
/*產品內容樣式*/
.card{
 margin: .5rem; 
 border-radius: 0; 
 box-shadow:0 0 2px rgba(0,0,0,.35);
 background-color: none;transition:1s;
 }
.card:hover{box-shadow:0 0 20px rgba(0,0,0,.35);transition:1s;}
.card .cbody{
  border: 1px solid #efefef;
  border-top:0;
  box-shadow: 0 4px 4px 4px #efefef; 
}
.zoom-on-hover{
  overflow:hidden;
}
.card .zoom-on-hover .image{
  transform:scale(1);
  transition: all 1s ease;
}
.card:hover .zoom-on-hover .image{
  overflow:hidden;
  transition:all 1s ease-out;
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  
}
/*VR*/
 .plr{
  padding-left: .5rem !important;
  padding-right:.5rem !important;
 } 
 .plr1{
  padding-left: .5rem !important;
  padding-right:.5rem !important;
 } 
/*各項標頭底色*/
.myheader{
  background-color: #ebf2f3;
}

.mybg{
  background-color: #ebf2f3;  
  color: #fff;
} 

/*文字間距*/
.txtspace{
  letter-spacing: .25rem;
  line-height: 2rem;
}
.txtspace1{
  letter-spacing: .25rem;
  line-height: 3rem;
}
.txt-showroom{
  letter-spacing: .5rem;
  line-height: 3rem;
}

/*檢視圖片文字*/
.show-word{
  color: #062a4d;
}
/*產品首頁-說明文字*/
.txt-info{ 
 font-size: 17pt;
 color:#898A8A;
}
/*首頁案例-文字格式*/
.txt-caseinfo{
 font-size: 12pt;
 line-height: 1.5rem;
color:#898A8A;
} 
/*首頁案例*/
 .tabwth{
  padding: 1.5rem !important;
 }
/*底部設定*/
/*foot background color*/
footer{
  background-color: #062a4d;
  color: #fff;
}
.un-left {
  position: absolute;  
  padding: 0px;
  width:100%;  
  border: 0px solid #fff;  
  background-color: rgba(255,255,255,0);
  color:#fff;
  bottom:2.5rem;
  
  
}
a .text-light{
  color: #8eaac2;
  text-decoration: none;
}
 .foot-padd{
  padding: .5rem;
 } 
.foot-txt{
  padding-bottom: .2rem;
  color:#c9e9ff;
  border-bottom:1px solid #8eaac2;
}
.foot-border-bottom{
  border-bottom-color: #c9e9ff;
}
.foot-top{
  background-color: #ebf2f3;  
}
.copry-top{  
  font-size: 13px;
  color:#062a4d;
  padding-bottom: .3rem;
  padding-top: .3rem;
  border-bottom: 1px solid #062a4d;
}
.copry-down{
  font-size: 13px;
  letter-spacing: .2rem;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem;
  padding-left: 1.5rem;
  padding-right: 0rem;
  font-weight: 800;
 
}
.copry-downall{
  font-size: 12px;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem; 
}
 
 

}

@media (min-width: 1200px) {
 .icon3{
  padding: 3rem !important;
  z-index: 2;margin-top: -10rem;
 }
/*選單*/
.navbar{
  
  -webkit-box-shadow: 0 8px 8px -6px #999;
	   -moz-box-shadow: 0 8px 8px -6px #999;
	        box-shadow: 0 8px 8px -6px #999;   
  
    background-color: #ebf2f3;
    padding-top: 0; 
    padding-bottom: 0; 
    box-shadow: 0 8px 8px -6px #999; 
    
}
.navbar-brand{
  margin-top: 0;
  padding: 0;
  width:24%;
}
.collapse {
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
.container-fluid{
  margin: 0px;
  padding: 0px;  
} 
.navbar-expand-md .navbar-nav .nav-link {
  font-size: 1.1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
    padding-right: 1.4rem;
    padding-left: 1.4rem;
}
.container-fluid{padding: 0;margin: 0;}
.navbar .nav-item .nav-link{
  padding-top: .8rem;
  padding-bottom: .2rem;
  background-color: #ebf2f3;;
  font-weight: 700;
  color:#062a4e;
}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{
  
  border-bottom: 4px solid #062a4e;
  padding-top: .8rem;
  padding-bottom: 1rem;
  transition: 0.3s;
  color:#062a4e;
}

/*子選單*/
.dropdown-menu .show{
  margin-top: 5px;  
  background: white;
  color: black;
}
.dropdown:hover>.dropdown-menu {
  transition: background-color 0.5s linear;
  display: block;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item{
  background: white;
  color: rgba(0, 0, 0, 0.8);
}
 .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{
  background-color: #ebf2f3;
  transition: 0.3s;
  color: black;
}
  .navbar-nav .dropdown-menu{
  margin-top: 5px;  
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  box-shadow: none;    
  color: white;    
  }
  .navbar-nav > li > .dropdown-menu{
  margin-top: 0;  
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin-left: -1rem; 
  border-radius: 0;
  box-shadow: none;
    background: #fff; 
    color: #062a4e;
  }
 
/*案例介紹選單*/
.nav-tabs .nav-link {
  border-radius: 0;
  background-color: #eaf2f4;  
  font-size: 0.8rem;
  font-weight: 500;
  color:#062a4e;  
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
/*.nav-link:hover,.nav-link:focus,.nav-link.active{*/
  background-color: #062a4e;
  line-height: auto;  
  color:#eaf2f4;
} 
/*案例介紹(下方圖片)*/
.slider {
 width: 100%;
 margin: 5px auto;
 background: rgba(255, 255, 255,0);
 /*overflow: hidden;*/
}
.slick-slide {
 margin: 0px 5px;
}

.slick-prev:before,.slick-next:before {
 color: black;
}
.slider-for{
  width: 100%; 
}
.slider-nav{
  width: 100%; 
}
.slider-nav img{
  width: 100%;
  height: auto;
  opacity: 1;
}
.slider-nav img:hover,.slider-nav img:focus{
  opacity: .5;
}
.slick-slide .slick-current img{
  opacity: 1;
}
.blue{
 opacity:.5;
}

   .selected .slider-nav-arrow { visibility: visible; }
   .slider-navigation img { opacity: 1; }
   .selected .slider-navigation img{ opacity:1; }
   .selected .slider-navigation { opacity: 1; }


.btn{
  border-radius: 0;
  font-weight: 900;
  padding-top: .8rem;
  color:#062a4d;
}

.btn-foot,.btn-foot:focus,.btn-foot:link{
  border: #0084ce; 
  font-size: 12pt;
  padding: 3px;
  font-weight: 900;
  background-color:rgba(255,255,255,1);
  border-radius: 0;
  color:#0084ce;  
}
.btn-foot:hover{
  padding: 3px;
  color:#062a4d;
  background-color:rgba(6, 42, 77,0.4);
  border-color:#0f65b9;
  border-radius: 0;
}

.btn-wb{
  border-radius: 0;
  color:#0084ce;  
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
    color: #062a4d;
    font-weight: 900;
    background-color: #fff;
    border-color: #343a40;
}
.btn-down,.btn-down:focus,.btn-down:link{
  font-weight: 900;
  background-color:#fff;
  border-radius: 0;
  color:black;  
}
.btn-down:hover{  
  color:#062a4d;
  background-color:#fff;
  border-color:#062a4d;
  border-radius: 0;
  color:#062a4d;  
}

.btn:hover{color:#062a4d;background-color:#fff;border-color:#062a4d;font-weight: 900;}
/*
 .icon3{
  z-index: 2;margin-top: -10rem;
 } 
*/ 
/*產品內容樣式*/
.card{ border-radius: 0; box-shadow:0 0 2px rgba(0,0,0,.35);background-color: none;transition:1s;}
.card:hover{box-shadow:0 0 20px rgba(0,0,0,.35);transition:1s;}
.card .cbody{
  border: 1px solid #efefef;
  border-top:0;
  box-shadow: 0 4px 4px 4px #efefef; 
}
.zoom-on-hover{
  overflow:hidden;
}
.card .zoom-on-hover .image{
  transform:scale(1);
  transition: all 1s ease;
}
.card:hover .zoom-on-hover .image{
  overflow:hidden;
  transition:all 1s ease-out;
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  
}
/*VR*/
 .plr{
  padding-left: 3rem !important;
  padding-right:3rem !important;
 } 
 .plr1{
  padding-left: 1.5rem !important;
  padding-right:1.5rem !important;
 } 

/*各項標頭底色*/
.myheader{
  background-color: #ebf2f3;
}

.mybg{
  background-color: #ebf2f3;  
  color: #fff;
}
 
/*檢視圖片文字*/
.show-word{
  color: #062a4d;
}
 
/*文字間距*/
.txtspace{
  letter-spacing: .25rem;
  line-height: 2rem;
}
.txtspace1{
  letter-spacing: .25rem;
  line-height: 3rem;
}
.txt-showroom{
  letter-spacing: .5rem;
  line-height: 3rem;
} 
/*產品首頁-說明文字*/
.txt-info{ 
 font-size: 17pt;
 color:#898A8A;
}
/*首頁案例-文字格式*/
.txt-caseinfo{
 font-size: 14pt;
 line-height: 2rem;
color:#898A8A;
} 
/*首頁案例*/
 .tabwth{
  padding: 3rem !important;
 } 
/*底部設定*/
/*foot background color*/
footer{
  background-color: #062a4d;
  color: #fff;
}
.un-left {
  position: absolute;  
  padding: 0px;
  width:100%;  
  border: 0px solid #fff;  
  background-color: rgba(255,255,255,0);
  color:#fff;
  bottom:2.5rem;
  
  
}
a .text-light{
  color: #8eaac2;
  text-decoration: none;
}
.foot-txt{
  padding-bottom: .2rem;
  color:#c9e9ff;
  border-bottom:1px solid #8eaac2;
}
.foot-border-bottom{
  border-bottom-color: #c9e9ff;
}
.foot-top{
  background-color: #ebf2f3;  
}
.copry-top{  
  font-size: 13px;
  color:#062a4d;
  padding-bottom: .3rem;
  padding-top: .3rem;
  border-bottom: 1px solid #062a4d;
}
.copry-down{
  font-size: 13px;
  letter-spacing: .2rem;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem;
  padding-left: 1.5rem;
  padding-right: 0rem;
  font-weight: 800;
 
}
.copry-downall{
  font-size: 12px;
  color:#062a4d;
  padding-top: .3rem;
  padding-bottom: .3rem; 
}
 
}
/*
@media (min-width: ) { ... }

@media (min-width: 1200px) { ... }*/