body{margin:0;color:#1c1c1c;font-size:14px}
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,a:hover a{color:#1c1c1c !important;text-decoration:none}
.clearBoth{clear:both;padding:0;margin:0}
#header .cont{display:inline-block}
#header .cont i{margin-right:5px}
#header .cont.join a{display:inline-block;width:90px;height:24px;line-height:24px;text-align:center;background:#f39800;border-radius:5px;color:#fff}
#header .cont.loginBtn a{display:inline-block;width:48px;height:24px;background:#1ebf8c;border-radius:5px;text-align:center;line-height:24px;color:#fff;margin-left:5px}
#wrapper{overflow:hidden}
#wrapper #header{width:100%;background:#fff;z-index:100}
#wrapper #header .headerwrap{margin:0 auto;overflow:hidden;background:#fff}
#wrapper #header .headerwrap section{width:1040px;margin:0 auto}
#wrapper #header .headerwrap .cis,#wrapper #header .headerwrap .nav{display:inline-block}
#wrapper #header .headerwrap .cis{margin-right:35px}
#wrapper #header .headerwrap .cis h2 a{display:block}
#wrapper #header .headerwrap .cis h2 a img{width:200px;margin:25px 0}
#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 li{position:relative;padding:0 13px;display:inline-block}
#wrapper #header .headerwrap .nav ul li::after{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);transition:ease .3s;height:4px;width:0%;background:#00a05d}
#wrapper #header .headerwrap .nav ul li:hover::after{width:100%}
#wrapper #header .headerwrap .nav ul li + li{border-left:1px solid #ccc}
#wrapper #header .headerwrap .nav ul li a{font-size:16px;font-weight:bold;color:#484848}
#wrapper #header .headerwrap .nav ul li a:hover{color:#093}
#wrapper #header .headerwrap .functionNav{background:#14815e}
#wrapper #header .headerwrap .functionNav .topNav{width:1040px;margin:0 auto;clear:both;display:flex;justify-content:flex-end}
#wrapper #header .headerwrap .functionNav .topNav ul{padding:8px 0px;overflow:hidden;margin-right:8%}
#wrapper #header .headerwrap .functionNav .topNav ul li{margin:0 5px 0 0;display:inline-block;font-size:14px}
#wrapper #header .headerwrap .functionNav .topNav ul li a{color:#fff}
#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 .content{}
#wrapper .content #banner a{display:block;background-size:cover;background-repeat:no-repeat;background-position:center}
#wrapper .content #banner a img{width:100%;height:auto}
#wrapper .content section{width:1040px;margin:0 auto 40px;padding-top:60px}
#wrapper .content #sidebar{width:210px;display:none;margin-right:70px}
#wrapper .content #sidebar .sideNavAbout{padding:80px 0 85px 25px;overflow:hidden;text-align:right}
#wrapper .content #sidebar .sideNav{}
#wrapper .content #sidebar .sideNav .title,#wrapper .content #sidebar .sideNavAbout .title{overflow:hidden;text-align:left;display:none}
#wrapper .content #sidebar .sideNav .title span,#wrapper .content #sidebar .sideNavAbout .title span{margin:0 0 6px;display:inline-block;font-size:21px;color:#589c15}
#wrapper .content #sidebar .sideNav .title strong,#wrapper .content #sidebar .sideNavAbout .title strong{display:inline-block;font-size:21px;color:#2f7703;font-weight:bold}
#wrapper .content #sidebar .sideNav h2,#wrapper .content #sidebar .sideNavAbout h2{text-align:center;font-size:20px;color:#fff;padding:15px;background:#ff9000;letter-spacing:2px}
#wrapper .content #sidebar .sideNav ul,#wrapper .content #sidebar .sideNavAbout ul{padding:0 0 15px;overflow:hidden}
#wrapper .content #sidebar .sideNav ul li,#wrapper .content #sidebar .sideNavAbout ul li{text-align:left;font-size:16px}
#wrapper .content #sidebar .sideNav ul li a,#wrapper .content #sidebar .sideNavAbout ul li a{margin-bottom:1px;padding:15px;display:block;color:#747474;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eee;font-size:14px}
#wrapper .content #sidebar .sideNav ul li a:hover,#wrapper .content #sidebar .sideNavAbout ul li a:hover{}
#wrapper .content #sidebar .video{margin:25px 0 0;padding:7px 12px 11px 9px;background:url(../../images/13/all/bg-vidio.png) no-repeat left top;overflow:hidden;display:none}
#wrapper .content #sidebar .video h3{display:none}
#wrapper .content #sidebar .hotProducts{margin:95px 0 0 15px;display:none}
#wrapper .content #sidebar .hotProducts h3{font-size:16px;color:#2f7703}
#wrapper .content #sidebar .hotProducts .product{margin:5px 5px 0 0}
#wrapper .content #sidebar .hotProducts .product .img{padding:6px;border:1px #777 solid}
#wrapper .content #sidebar .hotProducts .product .text{margin:5px 0;width:190px}
#wrapper .content #sidebar .sideAD{margin:5px 0 0 0}
#wrapper .content #sidebar .sideAD ul{overflow:hidden}
#wrapper .content #sidebar .sideAD ul li{margin:0 0 10px}
#wrapper .content #sidebar .sideAD ul li img{width:100%}
#wrapper .content #sidebar .QRcode{margin:20px 0 0 15px;width:190px;height:190px;background:url(../../images/13/all/QRcode.jpg) no-repeat 0 0}
#wrapper .content .contentMain{width:100%;display:block;vertical-align:top}
#wrapper .content .contentMain #banner,#wrapper .content .contentMain #banner ul,#wrapper .content .contentMain #banner ul li{overflow:hidden}
#wrapper .content .contentMain #banner{background:url(../../images/13/all/allBanner01.png) no-repeat 0 bottom}
#wrapper .content .contentMain .titleWrap{z-index:50;overflow:hidden;margin-bottom:30px;border-bottom:1px solid #d9d8d7;padding-bottom:25px;position:relative;display:none}
#wrapper .content .contentMain .titleWrap:after{content:'';width:70px;height:3px;background:#14815e;position:absolute;bottom:0;left:0}
#wrapper .content .contentMain .titleWrap .articleTitle{overflow:hidden}
#wrapper .content .contentMain .titleWrap .articleTitle h1{font-size:20px;color:#14815e}
#wrapper .content .contentMain .titleWrap .articleTitle span{float:left;font-size:18px;color:#589c15;display:none}
#wrapper .content .contentMain .titleWrap .waylink{font-size:13px;margin-top:10px;color:#a1a09f}
#wrapper .content .contentMain .titleWrap .waylink a{color:#a1a09f}
#wrapper .content .contentMain .articlewrap{overflow:hidden}
#wrapper .content .contentMain .bottom{margin-top:30px;padding:0 20px;overflow:hidden}
#wrapper .content .contentMain .bottom h3{margin:10px 0;font-size:20px}
#wrapper .content .contentMain .bottom p{line-height:170%;text-align:justify;font-size:15px}
#wrapper .content .contentMain .bottom img{width:100%}
#wrapper .content .contentMain .bottom p a{text-align:center}
#wrapper .content .contentMain .bottom p a img{width:250px}
#wrapper .content .contentMain .articlewrap .wrap{overflow:hidden}
#wrapper .content .contentMain .articlewrap .wrap .date{margin:6px 0 13px;float:left;font-size:14px;border-bottom:2px dashed}
#wrapper .content .contentMain .articlewrap .wrap .share{float:right;overflow:hidden}
#wrapper .content .contentMain .articlewrap .wrap .share p{margin:6px 5px 0 0;float:left;font-size:12px}
#wrapper .content .contentMain .articlewrap .wrap .share ul{float:left;overflow:hidden}
#wrapper .content .contentMain .articlewrap .wrap .share ul li{margin:0 5px 0 0;float:left}
#wrapper .content .contentMain .articlewrap .wrap .share ul li.gPlus a,#wrapper .content .contentMain .articlewrap .wrap .share ul li.fPlus a,#wrapper .content .contentMain .articlewrap .wrap .share ul li.pPlus a,#wrapper .content .contentMain .articlewrap .wrap .share ul li.tPlus a{width:30px;height:30px;background:url(../../images/13/article/bookmark2.png) no-repeat -30px 0;display:block}
#wrapper .content .contentMain .articlewrap .wrap .share ul li.fPlus a{background-position:0 0}
#wrapper .content .contentMain .articlewrap .wrap .share ul li.pPlus a{background-position:-60px 0}
#wrapper .content .contentMain .articlewrap .wrap .share ul li.tPlus a{background-position:-90px 0}
#wrapper .content .contentMain .articlewrap .article{overflow:hidden;line-height:220%;text-align:justify}
#wrapper .content .contentMain .articlewrap .article img{width:100%}
#wrapper .content .contentMain .articlewrap .page{overflow:hidden}
#wrapper .content .contentMain .articlewrap .page p.pgup,#wrapper .content .contentMain .articlewrap .page p.pgdn{margin:15px 0 0;float:left;overflow:hidden}
#wrapper .content .contentMain .articlewrap .page p.pgdn{float:right}
#wrapper .content .contentMain .articlewrap .page p.pgup a,#wrapper .content .contentMain .articlewrap .page p.pgdn a{padding:5px 5px 3px 5px;display:inline-block;font-size:12px;color:#000}
#wrapper .content .contentMain .articlewrap .page p.pgdn a{padding:5px 5px 3px 5px;text-align:right}
.pagenav{margin:0;text-align:center;height:20px}
.pagenav a,.pagenav span{margin:0 5px;padding:5px 10px;display:inline-block;font-size:12px;color:#999999}
#wrapper .content .contentMain .articlewrap .backlist{margin:30px 0;text-align:right;font-size:12px}
#wrapper .content .contentMain .articlewrap .backlist a{background:#f39800;padding:5px;border-radius:10px;color:#fff}
#otherProducts{text-align:center;margin:70px 0;padding:15px 0 0}
#otherProducts .otherTitle{margin-bottom:30px;text-align:center;font-size:26px;font-weight:bold;color:#6f6d6d;position:relative;display:inline-block}
#otherProducts .otherTitle::before{content:"";position:absolute;left:-150px;width:120px;height:1px;background-color:#6f6d6d;top:50%;transform:translateY(-50%)}
#otherProducts .otherTitle::after{content:"";position:absolute;right:-150px;width:120px;height:1px;background-color:#6f6d6d;top:50%;transform:translateY(-50%)}
#otherProducts ul{overflow:hidden}
#otherProducts ul li{overflow:hidden;margin:15px 10px;float:left;width:46%;position:relative}
#otherProducts ul li h3{transition:ease .3s;text-align:center;font-size:14px;position:absolute;bottom:0px;left:50%;transform:translateX(-50%) translateY(40px);width:100%;background:#0c0000a6;height:40px;line-height:40px}
#otherProducts ul li:hover h3{transform:translateX(-50%) translateY(0px)}
#otherProducts ul li h3 a{color:#fff}
#otherProducts ul li .photo{margin:0px 0px}
#otherProducts ul li .photo img{width:100%;height:170px}
#wrapper #footer{position:relative;margin:0 auto;width:100%;background:#242424}
#wrapper #footer .footerLink{margin:10px 0 0px}
#wrapper #footer .footerLink h3{display:none}
#wrapper #footer .footerLink ul{padding-top:10px;text-align:center;overflow:hidden}
#wrapper #footer .footerLink ul li{margin:0 10px 0 0;display:inline-block;font-size:16px}
#wrapper #footer .footerLink ul li a{font-size:16px;color:#808080}
#wrapper #footer .footerLink ul li:hover a{color:#fff}
#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{float:left}
#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{margin:0 10px 0 0;float:left}
#wrapper #footer .footerWrap .footerInfo .declare .design{float:left}
.brandImg{background:url(/images/13/footerbrand.png) no-repeat center;background-size:auto 100%;width:100%;height:70px;border-bottom:1px solid #484848}
#footer .seo{color:#808080;padding:15px 0px}
.footerWrap,#wrapper #footer .footerLink,#footer .seo{width:1040px;margin:0 auto}
.join-content{display:flex;position:fixed;bottom:25%;right:30px;text-align:right;flex-direction:column;align-items:flex-end;z-index:999999}
.join-content a{display:block;width:70px;height:70px;padding:12px 8px 4px 8px;background:#ff9000;text-align:center;font-size:24px;color:#fff !important;border-radius:50%;margin:5px 0px;line-height:120%}
.join-content a:last-child{background:#14815e}

@media screen and (max-width:1024px){
	#wrapper .content section{width:90%;}
	.join-content a{font-size:35px;width:95px;height:95px}
	#wrapper .center{margin:6% auto 20%}
	#wrapper .center .functionWrap .best{margin-top:80px;padding:100px 40px 150px}
}