body {
	margin:0;
	color: #1c1c1c;
	font-size: 14px;
	background: #262626;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #1c1c1c;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #060;
	text-decoration: none;
}
.phoneWrap{display:none;}
.clearBoth {
	clear:both;
	padding:0;
	margin:0;
}
#nicebox{
    width: 1024px;
    background: #141414;
    padding: 30px 0;
    margin-bottom: 10px;
    margin: 0 auto;
}
#nicebox .flc .fcc{
    display: inline-block;
    margin: 0 15px;
    padding: 0 15px;
    width: calc((100%/3) - 65px);
    position: relative;
    vertical-align: top;
}
#nicebox .flc .fcc:after{content:'';width:1px;height:100%;position:absolute;background: #292929;right: 0;top: 0;}
#nicebox .flc .fcc:last-child:after{display:none;}
#nicebox .flc .fcc img{
    display: inline-block;
    width: 60px;
}
#nicebox .fcc .fdc2{
    color: #fff;
    display: inline-block;
    margin-left: 20px;
    width: calc(100% - 85px);
}
#nicebox .fcc .fdc2 p{
    font-size: 22px;
    font-weight: bold;



    margin-bottom: 3px;
}

#article_box .wrap_box {
    width: 1024px;
    margin: 30px auto;
}

#article_box .wrap_box img { max-width: 100%; }

#products {
    width: 1024px;
    margin: 30px auto;
}
#products h2 {
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #2f2f2f;
}
#products h2 b{
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 6px;
}
#products ul {
    margin: 35px auto;
    overflow: hidden;
    width: 95%;
}
#products ul li {
    margin: 0 10px;
    float: left;
    width: calc((100%/5) - 20px);
}
#products ul li a {
    color: #000;
    position: relative;
    display: block;
}
#products ul li a img {
    width: 100%;
    -moz-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    -moz-border-bottom-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.category-name {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.8rem;
}
.category-name h5 {
    padding: 0;
    margin: 0;
    font-size: 20px;
}
.category-name p {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

#wrapper {
	background: #ebebeb;
	overflow: hidden;
}
#wrapper #header {
	width: 100%;
	position: relative;
	z-index: 100;
	background: #fff;
	padding-top: 10px;
	border-bottom: #e1e1e1 1px solid;
}
#wrapper #header .cis{padding: 15px 0;border-bottom: #e1e1e1 1px solid;}
#wrapper #header .cis h2{
    text-align: center;
}
#wrapper #header .headerwrap {
	margin: 0 auto;
	width: 1024px;
	overflow: hidden;
}
#wrapper #header .headerwrap .cis ,
#wrapper #header .headerwrap .nav {
}
#wrapper #header .headerwrap .cis h2 {
	margin: 15px 0;
}
#wrapper #header .headerwrap .cis h2 a {
	width: 135px;
	height: 55px;
	display: block;
}

#wrapper #header .headerwrap .nav h3 ,
#wrapper #header .headerwrap .functionNav .topNav h3 ,
#wrapper #header .headerwrap .functionNav .share h3 ,
#wrapper #header .headerwrap .functionNav .share h3 {
	display: none;
}
#wrapper #header .headerwrap .nav ul {
	overflow: hidden;
	text-align: center;
}
#wrapper #header .headerwrap .nav ul li {
	display: inline-block;
	width: calc((100%/9) - 5px);
	border-top: 4px transparent solid;
	padding: 15px 0;
}
#wrapper #header .headerwrap .nav ul li:hover{    border-top: 4px solid #b8a37f;}
#wrapper #header .headerwrap .nav ul li a {
	font-size: 15px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	display: block;
}
#wrapper #header .headerwrap .nav ul li a img{
    display: block;
    margin: 0 auto 10px;
}
#wrapper #header .headerwrap .nav ul li a b{
    display: block;
    font-size: 12px;
    color: #cccccc;
    text-align: center;
}
#wrapper #header .headerwrap .nav ul li a:hover {
	color: #746b5c;
}

#wrapper #header .headerwrap .functionNav {
	float: right;
}
#wrapper #header .functionNav .topNav {width: 1024px;margin: 0 auto;text-align: end;}
#wrapper #header .functionNav .topNav p {display: inline-block;}
#wrapper #header .functionNav .topNav p:nth-child(2) a{
    padding: 5px 5px 5px 10px;
}
#wrapper #header .functionNav .topNav p a {
    color: #8a8a8a;
    padding: 5px 80px 5px 10px;
    border-bottom: #c5c5c5 1px solid;
    margin-left: 5px;
}
#wrapper #header .functionNav .topNav p a b{
    color: #8a8a8a;
    background-color: #fff;
    border: 1px #c5c5c5 solid;
    padding: 2px 5px;
    transition: all 0.3s;
    width: 50px;
    font-size: 12px;
    margin-left: 60px;
}
#wrapper #header .functionNav .topNav p a.resmem{
    background: #b11516;
    border: 0;
    color: #fff;
    padding: 5px 20px;
}
#wrapper #header .functionNav .topNav p a.login{
    background: #b8a37f;
    border: 0;
    color: #fff;
    padding: 5px 20px;
}
}
#wrapper #header .headerwrap .functionNav .share {
	margin: 2px 0;
	overflow: hidden;
}
#wrapper #header .headerwrap .functionNav .share ul {
	float: right;
	overflow: hidden;
}
#wrapper #header .headerwrap .functionNav .share ul li {
	margin: 0 9px 0 0;
	float: left;
}
#wrapper #header .headerwrap .functionNav .share ul li.tPlus a ,
#wrapper #header .headerwrap .functionNav .share ul li.tPlus a:hover ,
#wrapper #header .headerwrap .functionNav .share ul li.fPlus a ,
#wrapper #header .headerwrap .functionNav .share ul li.fPlus a:hover ,
#wrapper #header .headerwrap .functionNav .share ul li.gPlus a ,
#wrapper #header .headerwrap .functionNav .share ul li.gPlus a:hover ,
#wrapper #header .headerwrap .functionNav .share ul li.rPlus a ,
#wrapper #header .headerwrap .functionNav .share ul li.rPlus a:hover {
	width: 30px;
	height: 45px;
	background: url(../../images/13/all/bookmark.png) no-repeat 0 0;
	display: block;
}
#wrapper #header .headerwrap .functionNav .share ul li.tPlus a:hover {
	background-position: 0 -50px;
}
#wrapper #header .headerwrap .functionNav .share ul li.fPlus a {
	background-position: -30px 0;
}
#wrapper #header .headerwrap .functionNav .share ul li.fPlus a:hover {
	background-position: -30px -50px;
}
#wrapper #header .headerwrap .functionNav .share ul li.gPlus a {
	background-position: -60px 0;
}
#wrapper #header .headerwrap .functionNav .share ul li.gPlus a:hover {
	background-position: -60px -50px;
}
#wrapper #header .headerwrap .functionNav .share ul li.rPlus a {
	background-position: -90px 0;
}
#wrapper #header .headerwrap .functionNav .share ul li.rPlus a:hover {
	background-position: -90px -50px;
}

#wrapper #indexBanner {background: #fff;background-image: url(/images/16/middle_right_bg.png),url(/images/16/middle_left_bg.png);background-repeat: repeat-y,repeat-y;background-position: 100% 0,0 0;}
#wrapper #indexBanner .banner {
	width: 1024px;
	height: 464px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#wrapper #indexBanner .banner ul.silderShow {
	height: 464px;
	overflow: hidden;
}
#wrapper #indexBanner .banner ul.silderShow li.silderImg {
	float: left;
	overflow: hidden;
}
#wrapper #indexBanner .banner .silderNav {
	padding: 0 417px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	top: 640px;
	z-index: 50;
	text-align: center;
}
#wrapper #indexBanner .banner .silderNav a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	background: url(../../images/13/index/dot02.png) no-repeat -15px 0;
	display: inline-block;
	text-indent: -999999px;
}
#wrapper #indexBanner .banner .silderNav a:hover ,
#wrapper #indexBanner .banner .silderNav a.active {
	background: url(../../images/13/index/dot02.png) no-repeat 0 0;
}

#wrapper .center {
	margin: 0 auto;
	background: #141414;
}
#wrapper .center .functionWrap {
	overflow: hidden;
}
#wrapper .center .functionWrap .news {
	padding: 0 15px 0 0;
	width: 325px;
	background: url(../../images/13/index/title-news.png) no-repeat 0 0;
	border-right: 1px #bbb solid;
	float: left;
	overflow: hidden;
}
#wrapper .center .functionWrap .news h2 ,
#wrapper .center .functionWrap .events h2 {
	display: none;
}
#wrapper .center .functionWrap .news .more {
	margin: 10px 0 0;
	float: right;
}
#wrapper .center .functionWrap .news .more a {
	width: 50px;
	height: 18px;
	display: block;
}
#wrapper .center .functionWrap .news marquee {
	margin: 10px 0;
	height: 110px;
}
#wrapper .center .functionWrap .news marquee ul {
	overflow: hidden;
}
#wrapper .center .functionWrap .news marquee ul li {
	margin: 5px 0;
	padding: 0 0 0 10px;
	background: url(../../images/13/index/dot03.png) no-repeat 0 4px;
	overflow: hidden;
}
#wrapper .center .functionWrap .news marquee ul li h3 {
	margin: 0 10px 0 0;
	width: 220px;
	float: left;
	font-size: 14px;
	font-weight: normal;
}
#wrapper .center .functionWrap .news marquee ul li p {
	width: 85px;
	float: left;
	text-align: right;
	font-size: 14px;
}

#wrapper .center .functionWrap .best {
	padding: 0 15px;
	width: 295px;
	height: 160px;
	background: url(../../images/13/index/bg-best.png) no-repeat 0 bottom;
	border-right: 1px #bbb solid;
	float: left;
	overflow: hidden;
}
#wrapper .center .functionWrap .best h2 {
	width: 205px;
	height: 35px;
	background: url(../../images/13/index/title-best.png) no-repeat 0 0;
	display: block;
	float: left;
	text-indent: -999999px;
}
#wrapper .center .functionWrap .best h3 {
	margin: 50px 0 0 90px;
	padding: 3px;
	background: #3b6b0d;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
#wrapper .center .functionWrap .best p {
	margin: 5px 0 0 90px;
	line-height: 170%;
	font-size: 12px;
	color: #2a2a2a;
}
#wrapper .center .functionWrap .best .more {
	margin: 10px 0 0;
	height: 18px;
	background: url(../../images/13/index/title-best.png) no-repeat -275px -7px;
	float: right;
}
#wrapper .center .functionWrap .best .more a {
	width: 50px;
	height: 18px;
	display: block;
}

#wrapper .center .functionWrap .events {
	margin: 0 0 0 15px;
	width: 275px;
	background: url(../../images/13/index/title-event.png) no-repeat 0 0;
	float: left;
}
#wrapper .center .functionWrap .events #eventGroup {
	width: 275px;
	position: relative;
}
#wrapper .center .functionWrap .events #eventGroup .item {
	padding: 30px 0 0;
	position: relative;
	overflow: hidden;
}
#wrapper .center .functionWrap .events #eventGroup .item a.prev ,
#wrapper .center .functionWrap .events #eventGroup .item a.next {
	width: 15px;
	height: 25px;
	background: url(../images/index/arrow01.png) no-repeat 0 0;
	top: 80px;
	left: 0;
	display: block;
	position: absolute;
	outline: none;
	z-index: 20;
	text-indent: -999999px;
}
#wrapper .center .functionWrap .events #eventGroup .item a.next {
	background-position: -15px 0;
	left: 260px;
}
#wrapper .center .functionWrap .events #eventGroup .item ul {
	margin: 10px auto 0;
	width: 250px;
	height: 120px;
}
#wrapper .center .functionWrap .events #eventGroup .item ul li {
	float: left;
}
#wrapper .center .functionWrap .events #eventGroup .event-pager {
	position: absolute;
	z-index: 80;
	top: 50px;
	right: 15px;
	overflow: hidden;
}
#wrapper .center .functionWrap .events #eventGroup .event-pager a {
	margin: 0 4px 0 0;
	padding: 1px 10px;
	height: 7px;
	background: #9b9b9b;
	float: left;
	display: block;
	text-indent: -999999px;
}
#wrapper .center .functionWrap .events #eventGroup .event-pager a.active ,
#wrapper .center .functionWrap .events #eventGroup .event-pager a:hover {
	background: #d80f26;
	text-decoration: none;
}

#wrapper .center .linkBanner {
	margin: 30px 0;
}
#wrapper .center .linkBanner h3 {
	display: none;
}
#wrapper .center .linkBanner ul {
	width:780px;
	margin: 0 auto;
	overflow: hidden;
}
#wrapper .center .linkBanner ul li {
	margin: 5px 5px 0 0;
	float: left;
}

#wrapper #footer {
	padding: 35px 0 0;
	background: #262626;
}
#wrapper #footer .footerLink {
	margin: 0 auto 10px;
	width: 1024px;
}
#wrapper #footer .footerLink p{
    text-align: center;
}
#wrapper #footer .footerLink h3 {
	display: none;
}
#wrapper #footer .footerLink ul {
	overflow: hidden;
	text-align: center;
	margin-top: 40px;
}
#wrapper #footer .footerLink ul li {
	display: inline-block;
	font-size: 16px;
}
#wrapper #footer .footerLink ul li a {
	font-size: 14px;
	color: #8b744d;
	margin: 0 10px;
	letter-spacing: 1px;
	font-weight: bold;
}

#wrapper #footer .footerWrap {
	overflow: hidden;
}
#wrapper #footer .footerWrap .footerLogo {
	margin: 0 10px 0 0;
	padding: 5px 0;
	float: left;
}
#wrapper #footer .footerWrap .footerLogo a {
	width: 95px;
	height: 40px;
	display: block;
}
#wrapper #footer .footerWrap .footerInfo {
}
#wrapper #footer .footerWrap .footerInfo p {
	margin: 0 0 10px;
	font-size: 14px;
}
#wrapper #footer .footerWrap .footerInfo .declare {
	overflow: hidden;
}
#wrapper #footer .footerWrap .footerInfo .declare .copy {display: block;text-align: center;color: #939393;padding-bottom: 20px;}
#wrapper #footer .footerWrap .footerInfo .declare .design {
	float: left;
}
#wrapper #footer .seo {
	margin: 0 auto 20px;
	width: 1024px;
	overflow: hidden;
	font-size: 12px;
	color: #939393;
}
#linejoin{
    position: fixed;
    top: 20%;
    z-index: 99999999999;
}
.animeEffectA{}
.animeEffectA ul li{}
.animeEffectA ul li img{
    width: 40px;
}
#linejoin .share{background: linear-gradient(90deg,  #ca652f 0%,#d34670 20%,#de0ea0 40%,#de0ea0 60%,#5e38e3 100%);width: 80%;margin: 10px auto 0;text-align: center;}
#linejoin .share a{color: #fff;font-size: 25px;display: inline-block;margin: 0 5px;height: 45px;}
#linejoin .gogogog{
    position: absolute;
    top: 50%;
    margin-left: 150px;
}
#linejoin .gogogog a{
    text-decoration: none;
    background: #f39800;
    padding: 5px;

    color: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
#linejoin .gogogog #clickclose{
    display: block;
}
#linejoin .gogogog #clickopen{
    display: none;
    padding: 15px;
}
.menu_list {text-align: center;margin-top: 10px;}
.menu_list li{
  list-style-type: none;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin: 0 2px;
}
.menu_list li a {
  text-decoration: none;
}
.menu_list li:hover a{
    -webkit-filter: grayscale(1);
    -webkit-animation: tada 1s;
    animation: tada 1s;
}
.menu_list i {
  font-size: 2em;
  padding: 2px 0;
}
.menu_list li:hover i {
  color: white;
  background: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pic_logo_530 {
  width: 36px;
  margin-bottom: 15px;
  float: left;
}
.pic_logo_530 img {
  width: 100%;


  height: auto;
}
@media screen and (max-width: 1024px) {
	.phoneWrap{display:block;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;}
	.phoneWrap ul{display:flex;justify-content: space-between;}
	.phoneWrap li{width:50%;}
	.phoneWrap li a{font-size: 20px;display:block;background: #b8a37f;color: #fff;text-align: center;padding: 20px 0;}
	.phoneWrap li.line a{
    background: #b11516;
}
#linejoin{display: none;}
#wrapper #header .functionNav .topNav, #wrapper #header .headerwrap, #products, #nicebox, #wrapper #footer .footerLink{
    width: 95%;
}
#wrapper #indexBanner .banner, #wrapper #indexBanner .banner img{width: 100%;}
}