@charset "utf-8";
body {
  font-family:"微軟正黑體", Arial;
  background:#fff;
  padding:0;
  margin:0;
  color:#221814;
}
:focus {outline: 0;}

a, p, div, span, .row { font-family:"微軟正黑體", Arial; }

a, a:focus, a:hover, a:visit {
    blr:expression(this.onFocus=this.blur());
    -moz-outline-style: none; 
	text-decoration:none;
	outline: 0;
	color:#C0191F;  /*深紅*/
}

.center {
  text-align:center;
}

.row { margin:0; font-size:17px; line-height:30px; }
.row a { text-decoration:none; }
.row hr { border-top:1px solid #ccc }

.bold { font-weight:bold; }

.red { color:#C0191F;  /*深紅*/ }
.black { color:#221814;  /*黑*/ }
.blue { color: #1C1F87; /*logo藍*/}
.bg-blue { background: #1C1F87; /*logo藍*/}

.blank_line { width:100%; height:35px; }

/*---每頁大標題---*/
.page_sub { padding-top:50px; padding-bottom:0px; padding-right:100px; text-align:right; }

.page_sublink { position:relative; z-index:0; top:0; float:right; list-style:none; border-right:1px solid #eee; }
.page_sublink li { position:relative; z-index:0; float:left; border-bottom:5px solid #eee; border-left:1px solid #eee; height: 60px; padding:20px 30px 10px 30px; letter-spacing:2px; cursor:pointer; font-weight:bold; } 
.page_sublink li:hover, .page_sublink li.active { border-bottom:5px solid #f39801; /*橘黃色*/  color:#f39801; /*橘黃色*/ }

.page_sublink a {text-decoration:none; color:#221814;  /*黑*/ cursor:pointer; } /*沒作用*/
.page_sublink a:hover, .page_sublink li.active a  { text-decoration:none; color:#f39801;  /*橘黃色*/ } /*沒作用*/

.page_title { float:right; height: 60px; padding:2px 5px 10px 20px; border-bottom:5px solid #eee; color: #1C1F87; /*logo藍*/; text-align:right; font-family:"微軟正黑體", Arial; font-size:2em; font-weight:bold; letter-spacing:1px; }
.page_title span { display:block; font-size:0.4em; font-weight:normal; line-height:22px; }

ul.list {
   list-style-image:url(../images/list.jpg);
}

ul.list li { 
   padding-left:15px;
   line-height:40px;
   padding-left:15px;
   font-size:18px;
}   

ul.list li a ,
ul.list li a:visited {
   text-decoration:none;
   color:#717071; /*灰*/
}
ul.list li a:focus ,
ul.list li a:hover {
   text-decoration:none;
   color:#F39700; /*灰*/
}

.content {
   margin: 40px 50px 40px 70px;
   color:#717071;
   font-size:17px;
   line-height:40px;
}
.content h2 { padding-bottom:10px; font-size:25px; }
.content h2 span {
   padding:5px;
   color:#C0191F;  /*深紅*/
   border:1px solid #C0191F;  /*深紅*/
}
.content h3 {
   padding-top:15px;
   color:#C0191F;  /*深紅*/
   font-size:21x;
}
.content .caption { color:#221814;  /*黑*/}

.content ol { margin-top:25px; }
.content ol li {
   line-height:27px;
}

/*---上方icon------------------- ---------------------------------------------*/
.navbar { background: none; border: none; margin-bottom:0; position:absolute; z-index:1000; top:0; right:0; height:100%; }

/*.navbar-collapse.collapse{display:none; border:1px solid red}*/

.navbar-toggle, 
.navbar-toggle:focus, 
.navbar-toggle:hover, 
.navbar-nav .open .navbar-toggle  { background:#9F9FA0; /*灰*/ }
.navbar-default .navbar-toggle .icon-bar{background-color:#fff }

/*  .navbar-collapse.collapse{display:none; border:2px solid yellow;}
  .collapse{display:none}.collapse.in{display:none}
  .collapse.in { border:2px solid pink }
  #navbar { display:none }*/

.navbar-brand { display:none }
.navbar-brand img { max-height:50px; max-width:250px; }

.navbar .container { padding:0; }

#navbar ul { height:auto; width:250px; padding-right:0 }
#navbar li { margin:0; padding:7px 35px 7px 15px; border-bottom:1px solid #efefef; font-weight:bold;}
#navbar li a { text-align:center; font-family:Arial; font-weight:bold; font-size:1.1em; letter-spacing:1px; color: #1C1F87; /*logo藍*/}
#navbar li a span.zh { display:none; color:#fff; font-family:"微軟正黑體", Arial; font-weight:bold; letter-spacing:1px; }
#navbar li:hover { background:#1C1F87; /*logo藍*/ }
#navbar li:hover a span { display:none }
#navbar li:hover a span.zh { display:block; }

/*---------------------- ---------------------------------------------*/
footer { background: #1C1F87; /*logo藍*/ padding:25px 0 25px 0; color:#fff; font-size:0.9em; text-align:center; }
footer span { white-space:nowrap; padding-right:2px; }
/*---------------------- ---------------------------------------------*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}
/*---Carousel Fade ---------------------------------------------*/
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .9s;
  -o-transition: opacity ease-in-out .9s;
  -webkit-transition: opacity ease-in-out .9s;
  transition: opacity ease-in-out .9s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .9s;
  -o-transition: opacity ease-in-out .9s;
  -webkit-transition: opacity ease-in-out .9s;
  transition: opacity ease-in-out .9s;
  z-index:2;
}

/*---about ---------------------------------------------*/
.about { /*height:90%; max-height:90%*/ }

.about_figure {/* position:absolute; z-index:0;*/ overflow:hidden;}
.about_figure img { width:100%; height: auto; max-height:80%; }
.about_content { color:#fff; font-size:1.2em; letter-spacing:2px; line-height:1.4em; width:90%; }

.about footer { /*position: absolute; bottom: 0; width: 100%;*/ }

/*---case ---------------------------------------------*/
.case_album { border:8px solid #1C1F87; /*logo藍*/ padding:5px; float:right; }
.case_album div { padding:5px; }
.case_album a { /*position:relative;*/ }
.case_album img { /*width:10%; height:auto; */}

.case_content { padding-left:30px; font-size:0.9em; line-height:1.6em; }
.case_title { font-weight:bold; margin-bottom:15px; }


/*---contact ---------------------------------------------*/
.contact { /*height:90%; max-height:90%*/ }

.contact_figure { position:absolute; z-index:0; overflow:hidden; }
.contact_figure img { width:100%; height: auto; max-height:80%; }
.contact_content { position:relative; z-index:100;  color:#221814;  /*黑*/ font-size:1.1em; letter-spacing:1px; line-height:1.4em; width:90%; }
.contact_title { font-weight:bold; font-size:1.2em; margin-bottom:10px; }
.contact_content strong { font-weight:bold; font-size:1.04em; }
.contact_info { margin-top:10px; line-height:1.6em }
.contact_text .fa { padding-right:10px }

.contact footer { /*position:relative; z-index:0;*/ /*bottom: 0;*/ width: 100%; }

/*---index ---------------------------------------------*/
.index { font-family:"微軟正黑體", Arial; }

.index-logo { position:absolute; top:0; z-index:1000; margin:45px 30px; }

.index h1 {  text-align:center; font-size:2.3em; font-weight:bold; white-space:nowrap; }
.index h1 span { padding:6px 30px 6px 30px; background:#DCDCDD; /*淺灰*/  border-left: 0px solid #FFF000; border-right: 0px solid #FFF000;/*黃*/} /*border-left, border-right 4px  於site.js動態設定*/
.index h1 span font { /*font-size:0.87em;*/ }

.index-case { padding-top:60px; }
.index-case .container { padding:0px 150px; }

.index-product { background: #B4B5B5; /*灰*/ padding:60px 150px;; }
.index-product h1 span { background:none; color:#fff; }
/*.index-product h1 div { display:inline; margin-left:15px; color:#fff; border:1px solid #fff; border-radius:5px; font-size:0.5em; width:1em; height:2.2em; }*/

.index-news {  padding:85px 25px 50px 25px;}
.index-news ul { list-style:none; margin:70px 50px 20px 0; }
.index-news a { text-decoration:none; color:#595757; /*深灰*/ }
.index-news a:hover { color:#e95412; /*橘*/ }
.index-news li { line-height:2.2em; border-bottom:1px solid #9F9FA0; /*灰*/; margin-top:20px; font-size:17px; letter-spacing:2px; }
.index-news li span { padding-right:25px }

.index-services { background:#FFFCE2; /*淡黃*/ padding:0 0 50px 0; }
.index-map { /*padding:20px 50px 20px 80px;*/ }
.index-services h1 { margin-top:40px; margin-bottom:20px; color:#221814; /*黑*/ }
.index-services h1 span { background:none }
.index-services .index-services-content { padding:30px 0 0 50px; margin:0; font-size:17px; line-height:35px; color:#595757; /*深灰*/ letter-spacing:2px; }
.index-services span.glyphicon, .index-services span.fa { padding-right:10px }

.index-services img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}

.index-navbarbottom { background:#1C1F87; /*logo藍*/ padding:10px 0 25px 0; text-align:center; }
.index-navbarbottom span { padding-right:27px }
.index-navbarbottom a { color:#fff; font-size:1.2em; font-weight:bold; letter-spacing:2px; }
.index-navbarbottom a:hover { text-decoration:underline; }

.index-gotop { position:absolute; right:10px; z-index:10; padding:0; margin:0; }
.index-gotop .fa-angle-up { font-size:4.7em; color:#F39700; /*橘*/ }
/*---edm download  ---------------------------------------------*/
body.edm { padding:0; }
body.edm img { position:relative; z-index:0; }
body.edm .edm-link { position:absolute; top:0; z-index:100; top:0; }
.edm-item { float:left; width:48%; height:48%;}  /*寬高設定無效，於js處理*/
body.edm footer { position:relative; z-index:0; background:#221814; /*黑*/ padding:20px 0 20px 0; }
/*---news ---------------------------------------------*/
.news { /*height:90%; max-height:90%*/ }

.news_figure {/* position:absolute; z-index:0;*/ overflow:hidden;}
.news_figure img { width:100%; height: auto; max-height:70%; }
.news_content { color:#221814; /*黑*/ letter-spacing:2px; width:75%; }
.news_content .row { border-bottom:1px solid #9F9FA0; /*灰*/; margin-top:20px; }
.news_content .row div { padding-right:0; }
.news_content a { text-decoration:none; color:#595757; /*深灰*/   }
.news_content a:hover { color:#e95412; /*橘*/ }
.news_content span { padding-right:20px }

.news_item { font-size:0.9em; }
.news_title { font-weight:bold; font-size:1.1em; }

.news footer { /*position: absolute; bottom: 0; width: 100%;*/ }

.lightbox__caption p {
   font-size:17px;
   line-height:25px;
}
/*---news_page ---------------------------------------------*/
.news_page { background:#B4B5B5; /*深淺灰*/ }
.news_page main { background:#EEEFEF; /*淺灰*/ border-radius:20px; margin:10px; }
.news_page .row { padding:20px; font-size:1.1em; line-height:1.6em; }
.news_page_title { color:#EA5414; /*橘*/ font-size:1.25em; font-weight:bold; }
.news_page_title span { color:#F39700; /*金黃*/ font-size:0.8em; font-weight:normal; } /*日期*/
.news_page img { text-align:center; width:85%; height:auto; }
.news_page_btn, .news_page_btn:hover { color:#172987; /*藍*/ border-color:#172987; margin-left:10px; padding:2px 7px 2px 7px; border-radius:20px; }
/*---product ---------------------------------------------*/

.product_figure {/* position:absolute; z-index:0;*/ overflow:hidden;}
.product_figure img { width:100%; height: auto; max-height:70%; }
.product_content { color:#221814; /*黑*/ font-family:"微軟正黑體", Arial; font-size:1.2em; line-height:1.6em; width:70%; }
.product_content p { font-family:"微軟正黑體", Arial; }
.product_title { font-size:7em; font-family:"微軟正黑體", Arial; font-weight:bold; color:#EA5414; /*橘*/ margin-bottom:50px; }

/*---product_carousel ---*/
#product_carousel { }
#product_carousel .item { margin: 3px 3px 0 3px; }
#product_carousel .item img{ display: block; width: 100%; height: auto; }

/* product_carousel: Styling Next and Prev buttons */
.owl-controls  { height:0; }
.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}
.owl-theme .owl-buttons i{
  margin-top: 2px;
}
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{ 
  left:0;
  top:30%;
  font-size:3.5em;
  color:#221814;  /*黑*/
  background:none;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
  right:0;
  top:30%;
  font-size:3.5em;
  color:#221814;  /*黑*/
  background:none;
}
/* product_carousel: Styling Pagination*/
.owl-theme .owl-controls .owl-page span{
	width: 8px;
	height: 8px;
	margin-top:-50px;
	background: #fff;
	filter: Alpha(Opacity=99);/*IE7 fix*/
	opacity: 0.99;
}

/*---services服務據點 ---------------------------------------------*/
/*.services main { position:relative; z-index:0; margin-top:50px; }*/
.services img { width:100%; height:auto; }
/*-----------------------------------*/
@media (max-width: 2000px) {
  .case_album { width:850px; height:850px; overflow:scroll; }
  .case_album img { width:255px; height:255px; }
  
  .case_content { padding-left:50px }
}
@media (max-width: 1400px) {
  .case_album { width:610px; height:610px; overflow:scroll; }
  .case_album img { width:180px; height:auto; }
  
  .case_content { padding-left:50px }
}
@media (min-width: 1300px) {
   
}
@media (min-width: 1200px) {
   .navbar-brand img {
   }
   ul.nav {
  	 float:right;
	 padding-right:90px;
   }
   .footer_company { margin-top:20px; }
   .spanBlock { padding-left:5px; } /*for footer 公司資訊不要折行*/
}
@media (max-width:1200px){
 
  .case_album { width:400px; height:400px; overflow:scroll; }
  .case_album img { width:110px; height:110px; }
}
@media (min-width: 768px) and (max-width:1024px){ 

  .news_page img { width:80%; }
}
@media (min-width: 768px) {
  .devicem { display:block }
  .devices { display:none }
  
  .navbar .container { width:auto }
/*  .navbar-header{ float:none }  
  .navbar-toggle{ display:inline-table }  
  
  .navbar-nav>li { float:none; display:block }
  
  .navbar-collapse.collapse{display:none; border:2px solid green; background:purple}
  */

  .container {
  }
  /*---index---*/
  .index-case { padding-top:50px; }
  .index-case .row { padding-top:10px }

  /*---about---*/
  .about_content { position:absolute; z-index:100; top:150px; }
  
  /*---contact---*/
  .contact_map { text-align:right }
  
  /*---news---*/
  .news_content { position:absolute; z-index:100; top:150px; }
  
  /*---product---*/
  .product_content { position:absolute; z-index:100; top:150px; }
  
  /*---services---*/
  
}
@media (min-width:992px){
  body { font-size:14px }
  .container {
  }
  .news_page img { float:left; }
  .news_page_btn, .news_page_btn:hover { float:left; position:absolute; bottom:0; }
}
@media (max-width:992px){
  .container {
  }
  
  .case_album { width:100%; height:100%; margin-bottom:50px; overflow:inherit; }
  .case_album div { width:33%; height:auto; float:left; padding:5px }
  .case_album a { position:relative; z-index:100; }
  .case_album img {  position:relative; z-index:0; width:100%; height:auto; }
  
  .case_content { padding:0 30px 50px 30px } 
  /*---news_page---*/
  .news_page img { width:100%; }
  .news_page_btn, .news_page_btn:hover { display:table; margin:30px auto; width:auto; }

}

@media (max-width: 768px) {
  .devicem { display:none }
  .devices { display:block }
  
  body { font-size:12px }
  
  #navbar li { margin:0 0 0 15px; padding:7px 7px 7px 20px; }
  .navbar-brand img { width:200px; height:auto; }
  
  /*---footer---*/
  footer div { padding: 5px; margin-top:5px;}
  
  /*------*/
  .spanBlock { display:block; padding-left:15px; }
  /*------*/
  /*#myCarousel
  , #myCarousel .item
  , #myCarousel .carousel-inner > .item > img
  {
    width:auto;
    height: 500;
  }  */
  /*------*/
  ul.list {padding-left:23px}
  ul.list li { padding-left:0px; }
  /*------*/
  /*---每頁大標題---*/
  .page_sub { padding:70px 0 10px 10px; text-align:left; }
  .page_title { float:left; height: 60px; padding:2px 5px 10px 10px; border-bottom:5px solid #eee; color: #1C1F87; /*logo藍*/; text-align:left; font-size:1.5em; font-weight:bold; }
  .page_title span { display:block; font-size:0.4em; font-weight:normal; line-height:22px; }
  
  .page_title .sub {display:none}
  
  .content {
     margin:0;
  } 
  .content h2 span {display:table; margin-bottom:10px;}  /*產品標題後有括號的要折行*/
  
  /*------*/
  .about_content { position:absolute; z-index:100; top:0px; letter-spacing:1px; margin:0; padding-top:160px; padding-right:0; width:98%; } 
  
  /*------*/
  
  .contact_map { text-align:center; margin:30px auto 30px auto  }
  .contact_text { margin:0 0 30px 20px; letter-spacing:0px; }

  /*---index---*/
  .index-case { padding-top:60px; }
  .index-case .container { padding:0px 90px; }

  .index h1 img { display:block }
  .index-product { padding:60px 70px; }
  .index-product h1 { font-size:1.9em }
  .index h1 span { padding:6px 8px 6px 8px; }
  .index-product img { padding-top:15px; }

  .index-services { padding:50px 0 50px 0; }
  .index-services h1 { margin-bottom:0px; font-size:2.1em; font-weight:bold; color:#221814; /*黑*/ }
  
  .index-navbarbottom { padding:10px 0 0px 0; }
  .index-navbarbottom a { line-height:2.4em; }
  .index footer { padding-top:60px; }  /*因為要放gotop*/
  
  /*---news---*/
  /*.news_content { position:absolute; z-index:100; top:0px; font-size:15px; letter-spacing:1px; line-height:20px; margin:65px 0px 0px 0px; padding-top:20px; } */
  .news_content { position:absolute; z-index:100; top:0px; letter-spacing:1px; margin:110px 0px 0px 0px; padding-top:20px; width:98%; }
  .news_item {  font-size:1.05em; line-height:1.3em; padding-bottom:8px; }

  /*---product---*/
  .product_figure { padding-top:100px; }
  
  .product_content { position:absolute; z-index:100; top:200px; letter-spacing:1px; margin:110px 10px 0px 10px; padding-top:20px; width:98%; font-size:1.1em; line-height:1.7em;}
  .product_title { font-size:4em; }

}

@media (min-width:451px) and (max-width:767px){ 
   
}