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

/* template_id RWDPAGE_BASE_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 RWDfalink */
.RWDfalink{float:right;}
.RWDfalink i {
  font-size: 18px;
  padding: 0 6px;
  display: inline-block;
  color: #777777;
}
.RWDfalink a {
    color: #428bca;
}

.RWDfalink i img {
    height: auto;
    max-width: 100%;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
}
/*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 web_search005 */
.web_search005{
	float: right;
    display: inline-block;
    margin-right: 7px;
}
.web_search005 img{
	float: left;
	display: inline-block;
	opacity: 0.6;
	cursor: pointer;
	-webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
.web_search005:hover img{
	opacity: 1;
}
.web_search005 .input_box{
    color: #666666;
    font-size: 14px;
    border-bottom: 1px solid #ad9b5e;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 0;
    overflow: hidden;
    float: left;
    height: 24px;
	margin-left: 4px;
	padding-left: 0;
	-webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
.web_search005 .input_box.active{
	width: 180px;
	padding-left: 6px;
    
}
.web_search005 .send_hide{
	opacity: 0;
	width: 0;
	height: 0;
	border: 0;
}


/*END*/
/* load file model/lib/RWDhistory002/model.css */
.shoppingcar001{z-index:97}.RWDhistory002{z-index:201}.RWDhistory002.is-open{z-index:203}.RWDhistory002 .history-btn{font-size:14px;line-height:20px;width:38px;display:block;background:#111;color:#fff;padding:10px 0;text-align:center;position:absolute;top:35%;border:none}.RWDhistory002 .history-btn:hover{text-decoration:none}.RWDhistory002 .history-btn .icon{margin:10px auto 8px;display:block}.RWDhistory002 .history-btn .icon:after,.RWDhistory002 .history-btn .icon:before{content:"";background:#fff;display:block}.RWDhistory002 .history-btn .icon:before{width:14px;height:2px;margin:0 auto}.RWDhistory002 .history-btn .icon:after{width:2px;height:12px;margin:-7px auto;opacity:1}.RWDhistory002 .history-btn.is-open .icon:after{opacity:0;transition:all .2s ease}.RWDhistory002 .history-block{position:fixed;top:0;bottom:0;width:0;z-index:33}.RWDhistory002 .history-block .inside{position:fixed;top:calc(35% + 78px + 15px)}.RWDhistory002 .inside ul{list-style:none;padding:0;margin:0}.RWDhistory002 .history-block .inside .item{padding-bottom:10px}.RWDhistory002 .history-block figure{margin:0}.RWDhistory002 .history-block .pic{width:87px;height:87px;background-color:#f7f7f7;background-size:contain;background-position:center;background-repeat:no-repeat}.RWDhistory002 .ctrl-box .btn:focus,.RWDhistory002 .history-btn:focus{outline:0}.RWDhistory002 .history-block.right .history-btn{left:-38px}.RWDhistory002 .history-block.left .history-btn{right:-38px}@media (min-width:1367px){.RWDhistory002 .history-block.right,.RWDhistory002 .history-block.right .inside{right:0}.RWDhistory002 .history-block.right .ctrl-box .btn{left:18px}.RWDhistory002 .history-block.right .inside{transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0)}.RWDhistory002 .history-block.left,.RWDhistory002 .history-block.left .inside{left:0}.RWDhistory002 .history-block.left .ctrl-box .btn{right:18px}.RWDhistory002 .history-block.left .inside{transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}.RWDhistory002 .history-block .inside{transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}.RWDhistory002 .history-block .inside.is-open{transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}.RWDhistory002 .history-list{overflow:hidden;max-height:280px;position:relative;z-index:1;margin:0 10px}.RWDhistory002 .history-list ul{position:relative;top:0;transition:top 1s ease}.RWDhistory002 .ctrl-box .btn{position:absolute;padding:0;width:26px;line-height:23px;padding-top:3px;background:0 0;opacity:0;color:#fff;background:#ccc;border:none;border-radius:100%;transition:all .5s ease;top:0;margin:0}.RWDhistory002 .ctrl-box .btn:active{-webkit-box-shadow:inset 0 3px 5px transparent;box-shadow:inset 0 3px 5px transparent}.RWDhistory002 .inside.is-open .ctrl-box .btn{top:-40px;opacity:1}.RWDhistory002 .ctrl-box .btn:before{content:"\e94d";font-family:iicon!important;display:block;font-size:26px}.RWDhistory002 .inside.is-open .ctrl-box .prev{filter:FlipH;transform:scaleY(-1)}}@media (max-width:1366px){.RWDhistory002 .overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0;visibility:hidden;z-index:201;transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}.RWDhistory002 .overlay.is-open{opacity:.5;visibility:visible}.RWDhistory002 .history-block{position:fixed;background-color:#fff;top:0;bottom:0;width:auto;transition:transform .5s ease;-o-transition:-o-transform .5s ease;-moz-transition:-moz-transform .5s ease;-webkit-transition:-webkit-transform .5s ease}.RWDhistory002 .history-block.right{right:0;transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0)}.RWDhistory002 .history-block.left{left:0;transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}.RWDhistory002 .history-block.is-open{transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);z-index:202}.RWDhistory002 .history-block .inside{padding:30px 30px 10px 30px;height:100%;position:static;width:auto}.RWDhistory002 .history-block .inside .item{padding-bottom:20px}.RWDhistory002 .history-block .pic{width:130px;height:130px}.RWDhistory002 .ctrl-box{display:none}}@media (max-width:812px){.RWDhistory002 .history-block .inside{padding:15px 20px 0 20px}.RWDhistory002 .history-block .inside .item{padding-bottom:15px}}
/*END*/