@charset "utf-8";
.clear{clear:both;}
input,textarea{outline:none}

/* template_id RWDBASE_PAT01 */
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*END*/
/* load db RWDMenuSmall001 */
.RWDMenuSmall001{padding-top:20px;}
.RWDMenuSmall001 .btn-navbar span.nb_left {
    padding: 7px;
    float: left;
}
.navbar {
  margin: 36px 0px;
  background-color: transparent !important;
  border: none !important;
  background-color: transparent;
  background-image: none;
  border: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 0px;
}
.navbar .logo_img {
  margin: 0px 0;
  padding: 0px;
  overflow: hidden;
  width: 315px;
  max-width: 90%;
  height: 90px;
  z-index: 99999;
}
.navbar .logo_img img {

}
.navbar a.navbar-brand {
  margin: 0px 0;
  padding: 0px;
  overflow: hidden;
  width: 315px;
}
.navbar a.navbar-brand img {
  float: left;
  margin: 0 6px 0 0;
  width: 90px;
}
.navbar a.navbar-brand span.logo_title {
  font-size: 36px;
  font-weight: 300;
  display: block;
  padding: 10px 0 0px 0;
  line-height: 42px;
  text-shadow: 1px 1px 0px #ffffff;
}
.navbar a.navbar-brand span.logo_subtitle {
  font-size: 13px;
  font-weight: 300;
  display: block;
  text-shadow: 1px 1px 0px #ffffff;
}
.navbar .nav {
  margin: 27px 0 0 0;
}
.navbar .nav li a {
  margin: 0 3px;
  background-color: transparent !important;
  border-bottom: solid 1px transparent;
}
.navbar .nav li a:hover,
.navbar .nav li a:active {
  background-color: transparent;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  border-bottom: solid 1px #428bca;
  color: #333333;
}
.navbar .nav li.active a,
.navbar .nav li.active a:hover {
  background-color: transparent;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.067);
  border-bottom: solid 1px #428bca;
  color: #333333;
}
.navbar .btn-navbar span.nb_right {
    color: #555555;
    font-size: 18px;
    font-weight: bold;
    padding: 0 4px 4px;
    text-shadow: 1px 1px 0 #ffffff;
}
.navbar .btn-navbar span.nb_left {
    padding: 5px;
}
.logo_img {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.logo_img:hover,
.logo_img:focus {
  text-decoration: none;
}
.logo_img > img {
  display: block;
}

/*IPAD以下*/
@media(max-width:799px){
    .collapsing_header header{position: fixed !important;}
  ul.nav li {
    text-align: center;
  }  
  .navbar .nav {
    width: 100%;
  }

  /*選單都不要出現*/
  /*.page_menu_block ul.nav {display:none;}*/
  .page_menu_block ul.nav li > ul,.page_menu_block ul.nav li.active > ul{display:none;}

}
@media (min-width: 767px){
  .navbar-nav{
    float: none !important;
  }   
  .navbar-nav>li {
    float: none;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }  
}
@media (min-width: 768px){
  .navbar-toggle{
    display:block;
  }
  .navbar-header {
    float: none;
  }   
  .navbar-collapse.collapse {
    display: none!important;
  }  
  .navbar-collapse.in{
    display: block!important;
  }
}
/*大於800*/
@media (min-width: 800px) {
  .navbar-nav{
    float: right !important;
  }       
  .navbar-toggle{
    display:none;
  }    
  .navbar-header {
    float: left;
  }  
  .navbar-nav>li {
    float: left;
  } 
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }  
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y:auto; 
}

/*END*/
/* load db RWDMenuNormal001 */
.RWDMenuNormal001 ul,.RWDMenuNormal001 li{list-style: none;margin:0px;}
.RWDMenuNormal001 ul ul{padding: 0px 20px;}
.in ul.nav li.active a,
.in ul.nav li.active a:hover {
  border-bottom: 1px solid #428bca;
  color: #428bca;
  text-shadow: 0 0 0 transparent;
}
.in ul.nav li a:hover,
.in ul.nav li a:active {
  border-bottom: 1px solid transparent;
}
/*END*/
/* load db RWDsocial001 */
.RWDsocial001{
  background: #428bca;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 101;
  overflow: hidden;
  padding: 10px;
}
#social_media_wrapper a {
  text-align: center;
  display: block;
  float: left;
  margin: 0 3px;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 18px;
  width: 30px;
  height: 30px;
  padding: 6px;
  -webkit-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}
#social_media_wrapper a i {
  vertical-align: top !important;
}
#social_media_wrapper a i img{width:100%}
#social_media_wrapper a:hover,
#social_media_wrapper a:active {
  text-decoration: none;
  color: #fff;
  background: #428bca;
}
.RWDsocial001 #social_media_wrapper a[title="+line3"]{
    font-size: 14px;
    padding: 0;
}
.RWDsocial001 #social_media_wrapper a .ii-line3{
    line-height: 30px;
}
/*END*/
/* load db RWDedictor */
.RWDedictor h3 {
    border-bottom: 0 solid #ccc;
    color: #ccc;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    margin: 10px 0;
    padding: 0 0 12px;
    text-transform: uppercase;
}
/*END*/
/* load db RWDbanner001 */
	.RWDbanner001 .slides li{
	width:100%;
        height:100%;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-size: cover;
	background-position: center center;
}

/*END*/
/* load db popbox001 */
.popbox001{
  position: relative;
  display: table;
  background-repeat: no-repeat;
  background-attachment:scroll;
  background-size: cover;
  background-position: top center;
}

            .popbox001 .intro-body {
              position: relative;
              display: table-cell;
              vertical-align: middle;
              padding-top: 70px;
              padding-bottom: 70px;
    text-align:center;
color:#ffffff;
            }

.popcontent{display: inline-block;padding:20px;background-color: #FFF;overflow-y:auto;}
/*END*/
/* load db RWDPhoto001 */
/*subject area*/
.RWDPhoto001 .section-subject{text-align:center;margin-bottom:50px;}
.RWDPhoto001 h1.main-title{font-size:48px;margin:0px;color:#222;font-weight: 300;}
.RWDPhoto001 h2.sub-title{font-size:22px;;margin:18px 0 0;color:#222;font-weight: 300;}
.RWDPhoto001 .section-line {background-color: #222;display: inline-block;height: 1px;width: 100px;margin-top:50px;}
/*subject area end*/


.portfolio_strict .portfolio_item {
  text-align: center;
  padding: 0px;
  height: 320px;
  overflow: hidden;
  margin-bottom: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.portfolio_strict .portfolio_item a:hover figcaption h2 {
  transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  color: #fff;
}
.portfolio_strict .portfolio_item a:hover figcaption p {
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition: opacity 0s, transform 0.3s;
  transition-delay: 0.05s;
  -ms-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  color: #fff;
  font-weight: 400;
}
.portfolio_strict .portfolio_item a:hover figure .view_button {
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.portfolio_strict .portfolio_item figure {
  height: 230px;
  position: relative;
  overflow: hidden;
  margin: 0px;
  background: #fff;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border: solid 0px #fff;
}
.portfolio_strict .portfolio_item figure svg {
  position: absolute;
  top: -1px;
  /* fixes rendering issue in FF */
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.portfolio_strict .portfolio_item figure svg path {
  fill: #000;
  fill-opacity: 0.5;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}
.portfolio_strict .portfolio_item figure figcaption {
  position: absolute;
  top: 0;
  z-index: 11;
  padding: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.portfolio_strict .portfolio_item figure figcaption h2 {
  margin: 0px 0 20px 0;
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  transition: transform 0.3s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
}
.portfolio_strict .portfolio_item figure figcaption p {
  padding: 10px 20px;
  color: #aaa;
  font-weight: 300;
  font-size: 13px;
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
  opacity: 0;
}
.portfolio_strict .portfolio_item figure figcaption p.safari {
  background-color: rgba(0, 0, 0, 0.5);
}
.portfolio_strict .portfolio_item figure figcaption .view_button {
  position: absolute;
  padding: 4px 20px;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  -webkit-transition: -webkit-opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  background: #428bca;
  color: #fff;
  font-weight: 300;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.25, 0.115, 1.445);
}
.portfolio_strict .portfolio_item .portfolio_description {
  padding: 20px 0 14px 0px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc;
}
.portfolio_strict .portfolio_item .portfolio_description h3 {
  margin: 0;
  padding: 0 0 6px 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.portfolio_strict .portfolio_item .portfolio_description p {
  margin: 0;
  padding: 0;
  font-size: 10px;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 1px;
}
svg:not(:root) {
    overflow: hidden;
}
/*END*/
/* load db RWDedictor001 */
/*subject area*/
.RWDedictor001 .section-subject{text-align:center;margin-bottom:50px;}
.RWDedictor001 h1.main-title{font-size:48px;margin:0px;color:#777;font-weight: 300;}
.RWDedictor001 h2.sub-title{font-size:22px;;margin:18px 0 0;color:#888;font-weight: 300;}
.RWDedictor001 .section-line {background-color: #43B6B1;display: inline-block;height: 1px;width: 100px;margin-top:50px;}
/*subject area end*/

.RWDedictor001 h3 {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    color: #222;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
    font-weight: 600;
    letter-spacing: -0.06em;    
}

.RWDedictor001 .mt30 {
    margin-top: 3em;
}

/*END*/
/* load file model/lib/RWDedictor002/css/model.css */
.RWDedictor002 .section-subject{text-align:center;margin-bottom:50px}.RWDedictor002 .main-title{font-size:48px;margin:0px;color:#222;font-weight:300}.RWDedictor002 .sub-title{font-size:22px;margin:18px 0 0;color:#222;font-weight:300}.RWDedictor002 .section-line{background-color:#222;display:inline-block;height:1px;width:100px;margin-top:50px}.RWDedictor002{color:#222}.RWDedictor002 .carousel-container{padding-bottom:40px}@media(min-width: 1024px){.RWDedictor002 .carousel-container{padding-bottom:0px}}.RWDedictor002 .RWDedictor002-text{text-align:center}@media(min-width: 1024px){.RWDedictor002 .RWDedictor002-text{text-align:left}}.RWDedictor002 .RWDedictor002-text>h4{font-size:25px;text-transform:uppercase}.RWDedictor002 .RWDedictor002-text>p{font-size:18px}.RWDedictor002 .RWDedictor002-text>.page-scroll{padding-top:10px}.RWDedictor002 .section-content{padding-top:70px;padding-bottom:80px}.RWDedictor002 .btn.btn-rj{background-color:var(--wt-BtnEmptyColor, #1abc9c);border-color:var(--wt-BtnEmptyColor, #1dd2af);color:#fff;text-transform:uppercase;-webkit-transition:all .3s;transition:all .3s}.RWDedictor002 .btn.btn-rj:hover,.RWDedictor002 .btn.btn-rj:focus{background-color:var(--wt-HoverColor, #17a689);border-color:var(--wt-HoverColor, #1dd2af);color:#fff}
/*END*/
/* load file model/lib/RWDnews005/css/model.css */
.RWDnews005 header.section-header{margin-bottom:80px}.RWDnews005 .margin-bottom-60{margin-bottom:60px}.RWDnews005 .weight-300{font-weight:300 !important}.RWDnews005 .section-subject{text-align:center;margin-bottom:50px}.RWDnews005 .main-title{margin:0px;color:#414141;font-size:48px;font-weight:300}.RWDnews005 .sub-title{margin:18px 0 0;color:#8ab933;font-size:22px;font-weight:300}.RWDnews005 .section-line{background-color:#222;display:inline-block;height:1px;width:100px;margin-top:50px}.RWDnews005 .size-13{font-size:13px !important;line-height:17px !important}.RWDnews005 .margin-bottom-40{margin-bottom:40px !important}.RWDnews005 .margin-top-80{margin-top:80px !important}.RWDnews005 a{text-decoration:none}.RWDnews005 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.RWDnews005 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.RWDnews005 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px)}.RWDnews005 .owl-carousel .owl-wrapper-outer{position:relative;width:100%;z-index:0}.RWDnews005 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.RWDnews005 .owl-carousel .owl-item{float:left}.RWDnews005 .owl-controls .owl-page,.RWDnews005 .owl-controls .owl-buttons div{cursor:pointer}.RWDnews005 .owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.RWDnews005 .owl-carousel.featured .owl-controls .owl-prev{margin-right:3px}.RWDnews005 .owl-carousel .owl-wrapper,.RWDnews005 .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}.RWDnews005 .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.RWDnews005 .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.RWDnews005 .owl-fade-in{-webkit-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.RWDnews005 .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.RWDnews005 .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.RWDnews005 .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.RWDnews005 .owl-goDown-in{-webkit-animation:goDown .6s ease both;animation:goDown .6s ease both}.RWDnews005 .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.RWDnews005 .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}.RWDnews005 .owl-carousel{overflow:hidden;margin-bottom:20px;position:relative}.RWDnews005 .owl-carousel.owl-padding-10{margin-left:-10px;margin-right:-10px;width:auto}.RWDnews005 .owl-carousel.owl-padding-10 .owl-item{padding:0 10px}.RWDnews005 .owl-carousel img{display:inline-block}.RWDnews005 .owl-carousel.buttons-autohide .owl-buttons{filter:Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.RWDnews005 .owl-carousel.buttons-autohide:hover .owl-buttons{filter:Alpha(Opacity=100);opacity:1}.RWDnews005 .owl-theme .owl-controls .owl-buttons div{color:#121212;background:#fff;border:#fff 1px solid;opacity:1;filter:Alpha(Opacity=100);border-radius:3px}.RWDnews005 .controlls-over .owl-controls .owl-prev{position:absolute;top:50%;margin-top:-28px;right:auto;left:-13px;zoom:1;width:36px;height:36px;opacity:0}.RWDnews005 .controlls-over .owl-controls .owl-next{position:absolute;top:50%;margin-top:-28px;left:auto;right:-13px;zoom:1;width:36px;height:36px;opacity:0}.RWDnews005 .controlls-over .owl-pagination{text-align:center;width:60%;margin:auto;bottom:-20px;left:0;right:0;z-index:1}.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page{margin-bottom:0px;position:relative;display:inline-block}.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page:first-child{-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page:last-child{-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px}.RWDnews005 .owl-theme.controlls-over .owl-controls .owl-page span{background:gray}.RWDnews005 .bottom-pagination .owl-controls .owl-page{margin-bottom:-40px !important}.RWDnews005 .owl-carousel .owl-item div{position:relative;text-align:center}.RWDnews005 .owl-carousel .owl-caption{padding:10px;position:absolute !important;left:0;top:0;right:0;margin-top:0;max-width:100%;background:rgba(0,0,0,.3);display:block;color:#fff}.RWDnews005 .owl-carousel .owl-caption p{color:#fff;font-size:13px;line-height:20px;padding:0;margin:0}.RWDnews005 .owl-carousel .owl-caption h1,.RWDnews005 .owl-carousel .owl-caption h1 a,.RWDnews005 .owl-carousel .owl-caption h2,.RWDnews005 .owl-carousel .owl-caption h2 a,.RWDnews005 .owl-carousel .owl-caption h3,.RWDnews005 .owl-carousel .owl-caption h3 a{color:#fff;font-size:21px;line-height:21px;font-weight:bold;margin-bottom:10px}.RWDnews005 .owl-carousel .owl-caption a{color:#fff;font-weight:bold}.RWDnews005 .owl-carousel.controls-hover-only .owl-controls{filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.RWDnews005 .slider:hover .owl-carousel.controls-hover-only .owl-controls,.RWDnews005 .owl-carousel.controls-hover-only:hover .owl-controls{filter:alpha(opacity=100);opacity:1}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;border-radius:99em;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#fff;padding:2px 10px;font-size:12px;border-radius:30px}@media only screen and (max-width: 600px){.owl-pagination{display:none}}.RWDnews005 .owl-prev,.RWDnews005 .owl-next{background-image:none !important;border:0;color:#ccc;font-size:34px;line-height:55px;height:auto !important;width:56px !important;text-align:center;background-color:rgba(0,0,0,.2);border-radius:3px;-webkit-transition:all .4s;transition:all .4s}.RWDnews005 h4,.news005_h4{font-size:18px;letter-spacing:normal;margin:0 0 14px 0}.RWDnews005 h4 a,.news005_h4 a{color:#121212}.RWDnews005 h4:hover,.news005_h4:hover{color:#888}.RWDnews005 .margin-top-20{margin-top:20px !important}.RWDnews005 ul>li>i{margin-right:10px}@media only screen and (max-width: 600px){.RWDnews005 .owl-theme .owl-controls .owl-buttons div{background:rgba(0,0,0,0);border:#fff 0px solid}.RWDnews005 .owl-prev,.RWDnews005 .owl-next{background-color:rgba(0,0,0,0)}}
/*END*/