/*預設樣式------------------------------------------------------*/
body{
	width:100%;
	margin:0;
	font-family:Microsoft YaHei;
	
	font-size:14px;
	padding:0;
}
input{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-color: transparent;
    border:0;
    outline: none;
}
input::-webkit-input-placeholder{
    color:#e14656;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#e14656;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#e14656;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#e14656;
} 
a{
	color:#333333;
	text-decoration:none;	
}
a:hover{
	color:#252d8d;
	text-decoration:none;		
}
a:focus{
	text-decoration:none;		
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding-right: 0px;
}
video{
	display:inline-block;
	max-width: 100%;
	height:auto;
}

/*預設樣式結束---------------------------------------------------*/
.header{
	height:40px;
	line-height:40px;
	padding:0 4% 0 4%;
	/* box-shadow:0px 0px 5px rgba(0,0,0,0.5); */
	/* background:rgba(244,244,244,1); */
	width:100%;
	left:0;
	z-index:101;	
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
.subfixed{
	position: fixed;
    top: 0;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
}
.header .navpic {
	/* left: 8%;
	width: 20%; */
	text-align: left;
	margin-top: 20px;
	display:none;
}
.navpicpc{
	width:100%;
	margin-top:22px;
}
.header a.link{
	display:inline-block;
	height:100%;
	vertical-align:top;
	/* padding:0 0 0 20px; */
	color:#000;
	background-size:12px;
}
.header a.link:hover{
	background-size:12px;
	font-weight:bold;
	color:#000;
}
.header a.link:first-child{
	margin:0;	
	letter-spacing: -1px;
}
.header a.link.active{
	font-weight:bold;
	color:#000;
}
.header .linkbox{
	box-shadow:0px 3px 5px -3px rgb(0 0 0 / 50%)
}
.header .linkbox .navbox a span{
	font-size: 12px;
	font-weight:normal;
	padding-left: 5px;
}
.header .linkbox .navbox .content{
	display: flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content:center;
	width:100%;	
}
.header a img{
	padding:0 20px;
}
.header .menu{
	display:none;	
}
.header-hide{
	position: fixed;
    top: -40px;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
}
.headerbox-hide{
	width:850px;
	height:120px; 
	position: fixed;
    top: -40px;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
	z-index: 2;
	background-size: 70% !important;
}
.headerbox{
	background-color: #fff;
	width:850px;
	height:120px; 
	position:fixed;
	top:0;
    -webkit-transition: top 0.4s;
    transition: top 0.4s;
	z-index: 2;
	background-size: 70% !important;
}
.searchbox{
	position:relative;
	top:24px;
	/* width:220px; */
	height:40px;
	float:right;
	right:0;
	display: flex;
	display: -webkit-flex; /* Safari */
	margin-right: -15px;
}

.searchbox a.linkb{
	padding:0 13px 0 10px;
	line-height:26px;
	position: relative;
	display: flex;
	display: -webkit-flex; /* Safari */
	align-items:center;
	background:#fce5e8;
	height:37px;
	margin-top:4px;
	border-radius: 6px 6px 0 0;
	color:#e14656;
}
.searchbox a.link:hover{
	background-size:12px;
	font-weight:bold;
	/* color:#fff; */

}
/* 關鍵詞 */
.keywordlist{
	z-index: 120;
	margin:15px auto;
}
.keywordbox{
	margin:20px;
}
.keywordbox a{
	margin:20px;
	color:#707072;
	font-size: 14px;
    line-height: 20px;
}
.keywordbox .listline{
	/* text-align: center; */
	margin-left: 30px;
    line-height: 25px;
}
.keywordbox a:hover{
	margin:20px;
	color:#e14656;
}
.searchpopbox{
	position:absolute;
	background: rgba(255,255,255,1);
	height:calc(100% - 180px);
	width: 100%;
	z-index: 101;
	top:150px;
	display: none;
}
.inputsearch{
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content:center;
}
.inputsearch a.linkb{
	padding:0 13px 0 10px;
	line-height:30px;
	color:#e14656;
}
.inputsearch a.searchicon{
	height:30px;
	background: #fce5e8;
    border-radius: 0 15px 15px 0;
	padding: 5px 15px;
}
.inputsearch a.link:hover{
	background-size:12px;
	font-weight:bold;
	/* color:#fff; */

}
.inputsearch #search{
	height: 30px;
    border-radius: 15px 0 0 15px;
	background-color: #fce5e8;
	border:none;
	width:60%;
	text-indent:15px;
	/* position:relative;
	left:0;
	top: 8px;
	display: flex;
	display: -webkit-flex; /* Safari */
	align-items:center；
}
.header .linkbox .navbox a:last-child img{
	display:none;
}
@media screen and (max-width: 767px)  {
	.inputsearch #search{
		width:70%;
	}
	.keywordbox .listline {
		margin-left: 0;
	}
	.keywordbox a{
		margin:0;
	}
	.keywordbox a:hover{
		margin:0;
	}
	.searchpopbox{
		top:165px;
		height:calc(100% - 165px);

	}
	.searchbox {
		top: 19px;
		margin-right: 0;
	}
	.navtitletxt{
        color:rgb(0, 0, 0);
	}
	.header-hide{
		position: fixed;
		top: -176px;
		-webkit-transition: top 0.4s;
		transition: top 0.4s;
	}
	.headerbox-hide{
		width:100%;
		height:140px; 
		position: fixed;
		top: -140px;
		-webkit-transition: top 0.4s;
		transition: top 0.4s;
		z-index: 2;
		background-size: 140% !important;
	}
	.header .navpic{
		margin-top:69px;
		text-align: center;
		display:block;
	}
	.header .navpic img{
		width:100%;
		/* max-width:300px; */
	}
	.header{
		position:fixed;
		height:150px;
		line-height:65px;
		padding:0 1.5%;
		display:block;
	}
	.headerbox {
		width:100%;
		height:150px; 
		position:fixed;
		top:0;
		-webkit-transition: top 0.4s;
		transition: top 0.4s;
		z-index: 2;
		background-size:140% !important;
	}
	.header .linkbox{
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		background: rgba(255,255,255,0.8);
		z-index:99999999;

	}
	.header .linkbox .navbox{
		width:55%;
		height:100%;
		/* background:rgba(250,221,221,.9);	 */
		-webkit-box-shadow:0px 0px 6px #666; box-shadow:0px 0px 35px #666;
		position:relative;
		margin-left:-65%;
		
	}
	.header .linkbox .navbox .closebtn{
		width:40px;
		height:40px;
		background:url(../images/close.png) center no-repeat;
		background-size:80%;
		position:absolute;
		top:3%;
		right:11%;
	}
	.header .linkbox .navbox .content{
		position:absolute;
		left:0;
		top:40%;
		margin-top:-120px;
		width:100%;	
		display:block;
	}
	.header a img{
		display:none;
	}
	.header .linkbox .navbox a{
		display:block;	
		/* height:60px; */
		line-height:23px;
		color:#eb3f43;
		font-size:18px;
		padding: 0;
		margin: 0 35px 0 35px;
        border-bottom:1px solid #eb3f43;
		font-weight: bold;
		text-align: center;
		padding: 15px 0;
	}
	.header .linkbox .navbox a span{
		display:block;
		font-size: 14px;
		font-weight:normal;
	}
	.header .linkbox .navbox a:first-child{
		border-top:1px solid #eb3f43;
	}
	
	.header .linkbox .navbox a.active{
		color:#eb3f43;	
		font-size:20px;
	}
	.header .menu{
		display:block;
		width:45px;
		height:45px;
		background:url(../images/menu.png) center no-repeat;
		background-size:28px;	
		margin-top:-160px;
		z-index: 102;
	}
	.leftmo_bg{
		background:url(../images/leftpagebg.jpg) left;
	}
} 

/* 二級導航 */
.subnav-hide{
	position: fixed;
    top: 0px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}
.main-subnav {
	/* position: relative; */
	width: 100%;
	height: 51px;
	z-index: 100;
	/* background-color: #fff; */
	/* border-bottom: 1px solid #eb3f43; */
	/* top: 60px; */
  }
  .main-subnav.fixed {
    position: fixed;
    top: 150px;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
   }
   .main-subnav.fixed.top {
    top: 0;
   }
  .main-subnav .downicon{
	/* float: right; */
	color:#eb3f43;
	margin-top: 20px;
	font-weight: 900;
  }
  .main-subnav ul {
	position: revert;
	width: calc(100% + 30px);
	text-align: center;
	background-color:  #fff;
	border-top: none;
	border-bottom: 2px solid #eb4143;
  }
   .main-subnav ul li {
	float: left;
	margin: 25px 15px 0 0px;
	border: none;
	padding: 0;
	overflow: visible;
	background-color: #f6c9ce;
	width:80px;
	border-radius: 6px 6px 0 0;
	height:36px;
  }
  .main-subnav ul li.active a {
	background-color: #e14656;
	color:#fff;
	border-radius: 6px 6px 0 0;
	width:80px;
	height:36px;

  }
/*  .main-subnav ul li.active a:before {
	content: '';
	margin-right: 0;
  }
  .main-subnav ul li a {
	font-size:20px;
	line-height: 38px;
	height: 42px;
	color:#eb4143;
  } 
  .main-subnav ul {
	
	position: absolute;
	width: 100%;
	top: 65px;
	text-align: left;
	margin: -15px;
	background-color: #fff;
	border-top: 1px solid #eb3f43;
	border-bottom: none;
  }
  .main-subnav ul li {
	border-bottom: 1px solid #eb3f43;
	padding: 8px 0;
	overflow: hidden;
	line-height: 25px;
  }
  .main-subnav ul li.active a:before {
	content: '\e258';
	font-family: 'Glyphicons Halflings' !important;
	font-size: 12px;
	color: #eb3f43;
	font-weight: 900;
	margin-right:8px;
	text-align: right;
  }*/
  .main-subnav ul li a {
	font-size: 20px;
	line-height: 35px;
	height: 35px;
	color:#eb4143;
	display: block;
  }
  .main-subnav .nav-box {
	height: 50px;
	line-height: 50px;
	background-color: rgba(255,255,255,1);
  }
  .main-subnav .name {
	width: 100%;
	float: left;
	line-height: inherit;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
  }
  .main-subnav a:hover{
	/* color:#000;	 */
}
  /* 箭頭上下 */
  .main-subnav .name.collapsed .downicon {
	-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
			transform: rotate(0);
  }
  .main-subnav .name .downicon {
	-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
			transform: rotate(-180deg);
	color: #eb3f43;
  }

  @media screen and (min-width: 767px) {

	.subnav-hide{
		position: fixed;
		top: 0px;
		-webkit-transition: top 0.5s;
		transition: top 0.5s;
	}
	.main-subnav{
	  top: 60px;
	  height:80px;
	  /* border-bottom: none;*/
	  /* border-bottom: 1px solid #e5e5e5; */
	  position: relative;
	}
	.main-subnav.fixed {
		top: 40px;
	}
	.subnav-hide{
		position: fixed;
		top: 0px;
		-webkit-transition: top 0.5s;
		transition: top 0.5s;
	}
	.main-subnav .nav-box {
		height: 100px;
		line-height: 100px;
		background-color: rgba(255,255,255,0);
	}
	.main-subnav .name {
	  display:none;
	}
	.main-subnav .name .downicon {
	  display: none;
	}
	.main-subnav ul {
	  position: revert;
	  width: calc(100% + 30px);
	  text-align: center;
	  background-color:  #fff;
	  padding: 20px 0 0 0;
	  margin:-20px 0 35px 0;
	  border-top: none;
	  border-bottom: 2px solid #eb4143;
	}
	.main-subnav ul li {
	  float: left;
	  margin: 30px 30px 0 0;
	  border: none;
	  padding: 0;
	  overflow: visible;
	  background-color: #f6c9ce;
	  width:100px;
	  border-radius: 6px 6px 0 0;
	  height:35px;
	}
	.main-subnav ul li.active a {
	  /* border-bottom: 2px solid #eb3f43; */
	  /* font-weight: bold;  */
	  background-color: #e14656;
	  color:#fff;
	  border-radius: 6px 6px 0 0;
	  width:100px;
	  height:35px;

	}
	.main-subnav ul li.active a:before {
	  content: '';
	  margin-right: 0;
	}
	/* .main-subnav ul li a:hover {
		font-weight: bold; 
		color:#eb4143; 
	} */
	.main-subnav ul li a {
	  font-size:20px;
	  line-height: 38px;
	  height: 42px;
	  color:#eb4143;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-left:-15px;
		margin-right:-15px;
	}
  }
  @media screen and (min-width: 768px) and (max-width:992px) {
	.main-subnav ul li a {
		font-size:14px;
	  }
	/* .navpicpc{
		width:220px;
	} */
  }
  @media screen and (min-width: 992px) and (max-width:1198px) {
	.navpicpc{
		margin-top:41px;
	}
	.searchbox {
		top: 28px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-top:-16px;
	}
  }
  @media screen and (min-width: 768px) and (max-width:992px) {
	.navpicpc{
		margin-top:55px;
	}
	.searchbox {
		top: 32px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-top:-12px;
	}
  }
  @media screen and (min-width: 380px) and (max-width:400px) {
	.header .navpic{
		margin-top:62px;
	}
}
@media screen and (min-width: 400px) and (max-width:414px) {
	.header .navpic{
		margin-top:56px;
	}
}