#navigation_mobile{ display:none;}
#navigation a#pull { display: none; }
#navigation_catalog .menu_sub01, #navigation_catalog .menu_sub02, #navigation_catalog .menu_sub03, #navigation_catalog .menu_sub04 { display:none; }
#navigation {position:absolute;font-size:1.6rem; line-height: 3rem; font-family:微軟正黑體, sans-serif; font-weight: bold; text-align: center; text-transform:uppercase;right: 0;padding: 0;}
#navigation ul{ margin: 0;}
#navigation li { float: left;position:relative;list-style: none; height: 64px; padding-top: 10px; overflow: hidden; }
#navigation li div span { display: inline-block; margin-top: 15px; border-bottom: 1px solid;}
#navigation li div{ color:#666; margin: 0 22px; padding: 5px 0;transition:0.3s; }
#navigation li div:hover { margin-top: -45px;}
#navigation li div a:hover span{opacity: 1;}
.is-hidden #navigation li a span {}

#navigation li div .mu_newpro{float: left; font-size: 10px; color: #fff; background:url(../images/nav_hot.png) no-repeat; background-size: 100%; width: 32px; height: 32px;margin: -5px 5px 0 0; padding: 3px 10px 3px 4px;}
#navigation li a .mu_newpro{transition:0.3s;opacity: 1;}
#navigation li a:hover .mu_newpro{opacity: 0;}

#navigation_catalog {display: none;position:absolute; float: none; top:50px;left: 130px;background-color: #fff;}
/*若想SHOW下拉，就把display: none;拿掉*/
#navigation_catalog ul{ display: none;height:auto; margin:0; padding:0px;}
#navigation_catalog a { display:block;}
.nav_show{ display:none;}

.is-hidden #navigation { top: 0;}
.is-hidden #navigation li div span{}
.is-hidden #navigation li a:hover{ }
.is-hidden #navigation li.nav_show div{display:block;}

/*   community 上面用 */
#h_submenu{ position:absolute; z-index:6; right:0; top:0; text-align:right;}
#h_submenu A:link, #h_submenu A:visited {}
#h_submenu A:active, #h_submenu A:hover {}
.social_ico { position: relative;float:left; margin-right:10px;}
.social_ico::before{ 
	content: " ";
	position: absolute;
	top: 8px;
	right: -6px;
	z-index: -3;
	border-right: 1px solid #e1e1e1; height: 10px;}
.social_ico A {display:inline-block; color: #999; width:24px; height:24px;
background-color:rgba(0, 0, 0, .0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
}
.social_ico A:hover {}
.social_ico.car{width: 40px; text-align: center;}
.social_ico span{ position: absolute; z-index: 1; font-size: 11px; line-height: 20px; text-align: center; background-color:#bba164; color: #fff; border-radius: 30px; width: 20px; height: 20px; margin-top: -5px; top: 0;}
.social_ico.car img, .social_ico.nav_member img, .social_ico.nav_fb img{ width: 100%; padding-top: 2px;}
.social_ico.lan{width: 40px; text-align: center;}

/* 搜尋 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active 
{
-webkit-box-shadow: 0 0 0px 1000px rgba(192,192,192,0) inset; /*淡淡的白*/
transition: background-color 1000s ease-in-out 0s; /*透明*/
}
#nav_show{position: relative;float:left; margin-right:10px; }
.is-hidden > #h_submenu{ display:none;}
form {
  position: relative;
  margin: 0 auto;
}
.s1 {}
.s1 form {
  height: 26px;
}
.s1 input {
	position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
	outline: none;
  height: 100%;
  width: 0;
  padding: 0 20px 0 15px;
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
  transition: .4s cubic-bezier(0, 0.8, 0, 1);
}
.s1 input:focus {
  width: 150px;
  z-index: 0;
	border-radius: 50px;
  border: 1px solid #eee;
}
.s1 button {
	cursor: pointer;
	position: absolute;
  top: 0;
  right: 0;
	border-radius: 50px;
  background: #fff;
  border: 1px solid #bbb;
  height: 24px;
  width: 24px;
padding: 0 0 0 0px;
  
}
.s1 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #bbb;
}


.s2 {}
.s2:after {content:""; clear:both; display:table}
.s2 form {
  width: auto;
  float: right;
}
.s2 input {
	position: relative;
  transition: .3s linear;
	outline: none;
  width: 80px;
	padding: 5px 20px 5px 15px;
  border-radius: 42px;
  border: 1px solid #eee;
  background: #fff;
}
.s2 input:focus {
  width: 150px;
}
.s2 button {
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}
.s2 button:before{
  content: "\f002";
  font-family: FontAwesome;
  color: #324b4e;
}



/* -------------------------------- 
Secondary Fixed Navigation
-------------------------------- */
.cd-secondary-nav {
    z-index: 1;
    height: 0;
	z-index: 99;
    background-color: rgba(3, 13, 24, 0);
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
 
.cd-secondary-nav.is-fixed {
    position: fixed;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
}

/*Global Links CSS*/
@media print {
#navigation li a{margin: 0 10px;}
.is-hidden #navigation li div { color: #666;}
.cd-secondary-nav.is-fixed{ display: none;}
}
@media screen and (min-width: 1860px) {
.is-hidden #navigation { top: 5px;}
}

@media screen and (max-width: 1036px) {
#navigation li div { margin: 0 20px;}
}

@media screen and (max-width: 870px) {
#navigation li div { margin: 0 10px;}
}

@media screen and (max-width: 767px) {
.cd-secondary-nav{ display: none;}
.is-hidden #navigation li div{ color:#666;}
.is-hidden #navigation li a:hover{ color:#fff;}
.nav_show{display: block;}
#navigation li a .mu_newpro{display: none;}
	
#navigation { display: block;font-size:16px; width: 100%; float: none; margin: 0;  text-align: center; top:50px; right: 0px;}
#navigation ul{ display: none; height: auto;width: 100%; margin:0px; padding:0px;}
#navigation li {float: none;height: 50px;padding-top: 0; background-color: #fff;border-top:1px solid #eee;}
#navigation li div { margin: 0; padding: 8px 0;}
#navigation li div span { margin-top: 4px;}
#navigation li a{ display: block;padding:10px; margin: 0;  background-color:#FFF; width:100%;}
#navigation li a:hover { background: #333; color:#FFF;margin-top: 0;}
.is-hidden #navigation li:hover::before, #navigation li:hover::before { display: none;}
#navigation li div .mu_newpro {display: inline-block;float: none;}
#navigation li div:hover .mu_newpro{display: none;}

/* 舊的
#navigation a#pull { background-color: #1E1E1E; border-top: 1px solid #333; color: #fff; display: inline-block; font-family: raleway; font-size: 13px; font-weight: bold; padding: 10px 3%; position: relative; text-align: left; text-transform: uppercase; width: 100%; }
#navigation a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
*/
#navigation a#pull { position: relative; display: inline-block;z-index: 1000; background-color: #1E1E1E; border-top: 1px solid #333; color: #fff; font-family: raleway; font-size: 13px; font-weight: bold; padding: 7px 3%; text-align: left; text-transform: uppercase; width: 100%; }
#pull span {
    position: absolute;
    height: 2px;
    width: 20px;
    top: 50%;
    margin-top: -1px;
    right: 20px;
    margin-left: -10px;
    -webkit-transition: background-color 0.3s 0.3s;
    -moz-transition: background-color 0.3s 0.3s;
    transition: background-color 0.3s 0.3s;
    background-color: #ffffff;
}
#pull span::before, #pull span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}
#pull span::before {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
#pull span::after {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
.nav-visible #pull span {
    background-color: rgba(255, 255, 255, 0);
}
.nav-visible #pull span::after {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
.nav-visible #pull span::before {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
	
#navigation_catalog { position: inherit; display: block; float: none; top:0px;left: 0;}
#navigation_catalog ul{ display: none;height:auto; margin:0; padding:0;}
#navigation_catalog a { display:block;}
#navigation_catalog a:hover { display:block; color: #fff; opacity: 1; background-color: #50a4b3;}

#navigation_mobile { display: block; float: none; }
#navigation_mobile ul{ display: none;height:auto;}
#navigation_mobile li {}
#nav_m01{ display: block; width: 100%;background: #eee;}
#nav_m a {display: block; width: 100%; height:auto; padding:10px; background: #fff;
-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#nav_m a:hover {display: block; width: 100%; height:auto; padding:10px; background: #333; color:#FFF; }

/*   menu   */
.menu_sub01 { font-size: 1.4rem; }
.menu_sub01 A { WIDTH:100%; padding:10px 0; display:inline-block;;margin: 0;}
.menu_sub01 A:link, .menu_sub01 A:visited  {padding-left:0;	color: #888; background: transparent; background-color:#f5f5f5;border-bottom:1px solid #e5e5e5;}
.menu_sub01 A:active, .menu_sub01 A:hover {	padding-left:0;color: #fff; border-bottom:1px solid #e5e5e5; background-color: #333;}
	
.menu_sub02 {font-size: 1.4rem;}
.menu_sub02 A { width:100%; padding:10px 0;color: #b0b0b0; BACKGROUND: transparent; display:inline-block; }
.menu_sub02 A:link, .menu_sub02 A:visited  {padding-left:0; background:transparent;background-color:#fff;border-bottom:1px dotted #bbb;}
.menu_sub02 A:active, .menu_sub02 A:hover {	padding-left:0;color: #50a4b3; }
	
.menu_sub03 {}
.menu_sub03 A { width:100%; padding:10px 0;  display:inline-block; }
.menu_sub03 A:link, .menu_sub03 A:visited { padding-left:0;color:#fff;background:transparent;border-bottom:1px solid #bbb;background-color:#aaa;}
.menu_sub03 A:active, .menu_sub03 A:hover {	padding-left:0; color: #fff; border-bottom:1px solid #bbb;}
}