html{background-color:#ececec}
body{background:url(../../images/06/all/bg-body.jpg) repeat-x center bottom;margin:0;background:#000}
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:break-word;word-break:break-all;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,a:link,a:visited a{color:#fff;font-weight:normal;text-decoration:none}
a:hover{color:#afafaf;text-decoration:none}
.clearBoth{clear:both;padding:0;margin:0;background:none}
.box{margin:0;padding:0}
.box #wrapper{margin:0 auto;padding:0 10px;width:960px;overflow:hidden}
.box #wrapper #header{margin:0;overflow:hidden}
.box #wrapper #header .wrap{overflow:hidden}
.box #wrapper #header .wrap .cis{margin:0;padding:0;float:left}
.box #wrapper #header .wrap .cis h2{padding:15px 0 0;width:350px;overflow:hidden}
.box #wrapper #header .wrap .cis h2 a img{width:260px}
.box #wrapper #header .wrap .banner{margin:15px 0 0;float:right;overflow:hidden}
.box #wrapper #header .wrap .banner h4{display:none}
.box #wrapper #header .wrap .banner ul{padding:5px;float:right;overflow:hidden}
.box #wrapper #header .wrap .banner ul li{margin:10px;float:left;font-size:16px}
.box #wrapper #header .wrap .banner ul li h1{height:18px;max-width:100px;overflow:hidden;line-height:20px;font-size:12px}
.box #wrapper #header .wrap .banner ul li a{height:20px;line-height:20px;background:#d10000;color:#fff;padding:15px;border-radius:10px}
.box #wrapper #header .wrap .banner ul li:nth-child(2) a{background:#0084d1}
.box #wrapper #header .wrap .banner ul li a.tPlus,.box #wrapper #header .wrap .banner ul li a.tPlus:hover,.box #wrapper #header .wrap .banner ul li a.fPlus,.box #wrapper #header .wrap .banner ul li a.fPlus:hover,.box #wrapper #header .wrap .banner ul li a.gPlus,.box #wrapper #header .wrap .banner ul li a.gPlus:hover,.box #wrapper #header .wrap .banner ul li a.pPlus,.box #wrapper #header .wrap .banner ul li a.pPlus:hover,.box #wrapper #header .wrap .banner ul li a.rPlus{width:20px;height:20px;background:url(../../images/06/all/bookmark.png) no-repeat -40px -20px;display:block;text-indent:-999999px}
.box #wrapper #header .wrap .banner ul li a.tPlus:hover{background-position:-40px 0}
.share{display:none}
.box #wrapper #header .wrap .banner ul li a.fPlus{background-position:0 -20px}
.box #wrapper #header .wrap .banner ul li a.fPlus:hover{background-position:0 0}
.box #wrapper #header .wrap .banner ul li a.gPlus{background-position:-20px -20px}
.box #wrapper #header .wrap .banner ul li a.gPlus:hover{background-position:-20px 0}
.box #wrapper #header .wrap .banner ul li a.pPlus{background-position:-60px -20px}
.box #wrapper #header .wrap .banner ul li a.pPlus:hover{background-position:-60px 0}
.box #wrapper #header .wrap .banner ul li a.rPlus{background:url(../../images/06/all/rss.png) no-repeat 0 0}
.box #wrapper #header .wrap .banner ul li.last{margin:0}
.box #wrapper #header .nav{margin:0;overflow:hidden}
.box #wrapper #header .nav h3{display:none}
.box #wrapper #header .nav ul{margin:20px 0 0;padding:0;overflow:hidden;background:rgb(255 255 255 / 15%)}
.box #wrapper #header .nav ul li{margin:0;padding:0;display:inline-block;width:calc((100%/8) - 5px)}
.box #wrapper #header .nav ul li.home{width:75px}
.box #wrapper #content{margin:20px 0 30px;padding:0;overflow:hidden}
.box #wrapper #content .sidebar{float:left;margin:0;padding:0 30px 0 0;width:230px}
.box #wrapper #content .sidebar .sidenav{margin:120px 0 0;padding:5px 0 0;background:url(../../images/06/article/bg-sidenav.png) no-repeat right top;overflow:hidden;display:none}
.box #wrapper #content .sidebar .sidenav h3{margin:0 0 0 35px;font-size:16px;color:#fff}
.box #wrapper #content .sidebar .sidenav span{margin:0 0 0 35px;font-size:12px;color:#fff}
.box #wrapper #content .sidebar .sidenav ul{margin:10px 0 20px 35px;padding:0;overflow:hidden}
.box #wrapper #content .sidebar .sidenav ul li{margin:0}
.box #wrapper #content .sidebar .sidenav ul li p,.box #wrapper #content .sidebar .sidenav ul li a{margin:0;padding:10px 0 10px 15px;font-size:16px;font-weight:bold;background:url(../../images/06/article/dot-side.png) no-repeat left 15px}
.box #wrapper #content .sidebar .sidenav ul li a:hover{margin:0;padding:5px 0 5px 15px;font-size:16px;color:#e84c00;font-weight:bold;background:url(../../images/06/article/dot-sidehover.png) no-repeat left 10px}
.box #wrapper #content .sidebar .sidenav ul li ul.subnav{margin-left:20px}
.box #wrapper #content .sidebar .video,.box #wrapper #content .sidebar #dayProduct{margin:25px 0 0;padding:7px 12px 11px 9px;background:url(../../images/06/all/bg-vidio.png) no-repeat left top;overflow:hidden;display:none}
.box #wrapper #content .sidebar .video h3,.box #wrapper #content .sidebar #dayProduct h2{display:none}
.box #wrapper #content .sidebar #dayProduct .photo{width:209px;height:172px;overflow:hidden}
.box #wrapper #content .sidebar #dayProduct p{margin:10px 0 0;text-align:center;font-size:14px}
.box #wrapper #content .sidebar #dayProduct p a{color:#000}
.box #wrapper #content .sidebar .ad{margin:10px 0 100px;padding:0}
.box #wrapper #content .sidebar .ad ul{overflow:hidden}
.box #wrapper #content .sidebar .ad ul li{margin:0 0 10px}
.box #wrapper #content .sidebar .ad ul li img{width:225px}
.box #wrapper #content .contentMain{margin:0;padding:0;width:700px;float:left;overflow:hidden}
.box #wrapper #content .contentMain .waylink{margin:15px 0 0;padding:2px 0 0 12px;height:25px;float:right;font-size:12px;color:#fff;display:none}
.box #wrapper #content .contentMain .articleWarp{margin:15px 0 0;width:700px;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .fb-like{margin:0 10px 10px;overflow:hidden;width:660px;text-align:right;display:none}
.box #wrapper #content .contentMain .articleWarp .articleBanner{margin:0 0 10px;padding:95px 15px 10px;background:url(../../images/06/all/bg-banner.png) no-repeat 0 0;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .articleBanner #sider{margin:0;padding:0;width:650px;height:170px;z-index:0;display:block;float:left}
.box #wrapper #content .contentMain .articleWarp .articleTitle{margin:15px 10px 0;padding:5px 0 10px;background:url(../../images/06/article/bg-title.png) no-repeat 0 bottom;height:25px;overflow:hidden;display:none}
.box #wrapper #content .contentMain .articleWarp .banner{width:700px;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .banner img{width:700px}
.box #wrapper #content .contentMain .articleWarp .newsdate{margin:0 10px;padding:0;text-align:right;font-size:12px}
.box #wrapper #content .contentMain .articleWarp .articleMain{margin:20px 0 0;padding:0;font-size:14px;line-height:190%;color:#fff;text-align:justify}
.box #wrapper #content .contentMain .articleWarp .newsList{margin:0;padding:0;overflow:hidden;border-top:2px #c05c6b solid}
.box #wrapper #content .contentMain .articleWarp .newsList .wrap{margin:0 0 10px;padding:5px 0 10px;overflow:hidden;background:url(../../images/06/article/bg-newslist.jpg) repeat-x 0 bottom;display:none}
.box #wrapper #content .contentMain .articleWarp .newsList .wrap .date,.box #wrapper #content .contentMain .articleWarp .newsList .list .date{margin:0;padding:0;width:100px;float:left}
.box #wrapper #content .contentMain .articleWarp .newsList .wrap .title,.box #wrapper #content .contentMain .articleWarp .newsList .list .title{margin:0;padding:0;width:calc(100% - 120px);float:left}
.box #wrapper #content .contentMain .articleWarp .newsList .list{margin:0;padding:15px 0;border-bottom:1px rgb(219 219 219 / 25%) solid;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .productsList{margin:40px 0 15px;padding:0;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .productsList ul{margin:0;padding:0;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .productsList ul li{margin:10px;padding:0;float:left;width:calc((100%/4) - 20px)}
.box #wrapper #content .contentMain .articleWarp .productsList ul li .productImg{margin:0}
.box #wrapper #content .contentMain .articleWarp .productsList ul li .productImg img{width:100%}
.box #wrapper #content .contentMain .articleWarp .productsList ul li .productTitle{margin:5px 0 0;padding:0 10px;width:145px;text-align:center;font-size:14px;display:none}
.box #wrapper #content .contentMain .articleWarp #products{margin:40px 0 0;padding:0}
.box #wrapper #content .contentMain .articleWarp #products .Slidewrap{margin:0 0 10px;display:none}
.box #wrapper #content .contentMain .articleWarp #products .Slidewrap .Slideshow{margin:0 0 20px;text-align:center}
.box #wrapper #content .contentMain .articleWarp #products .Slidewrap .Slideshow img{padding:10px;height:400px;border:1px #222 solid;max-width:600px}
.box #wrapper #content .contentMain .articleWarp #products .Slidewrap .Slidebox{margin:0 auto;width:600px;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp #products .Slidewrap .Slidebox .products_pic2{margin:0 10px 10px 0;float:left}
.box #wrapper #content .contentMain .articleWarp #products .Slidewrap .Slidebox .products_pic2 img{width:50px;height:50px}
.box #wrapper #content .contentMain .articleWarp #products #addlist{}
.box #wrapper #content .contentMain .articleWarp #products .article{margin:10px 0 0;padding:0;overflow:hidden;font-size:14px;line-height:200%;color:#fff;text-align:justify}
.box #wrapper #content .contentMain .articleWarp #otherProducts{margin:20px 0 0;padding:15px 0 0}
.box #wrapper #content .contentMain .articleWarp #otherProducts ul{overflow:hidden}
.box #wrapper #content .contentMain .articleWarp #otherProducts ul li{margin:0 10px;width:148px;border:1px #bbb solid;float:left}
.box #wrapper #content .contentMain .articleWarp #otherProducts ul li h3{margin:5px 10px 0;text-align:center;font-size:14px}
.box #wrapper #content .contentMain .articleWarp #otherProducts ul li h3 a{color:#222}
#addlist{text-align:center}
#addlist a{}
#addlist a img{width:250px}
.box #wrapper #content .contentMain .articleWarp #otherProducts ul li .photo{margin:10px 10px 0}
.box #wrapper #content .contentMain .articleWarp #otherProducts ul li .photo img{width:128px;height:128px}
.box #wrapper #content .contentMain .articleWarp .wrap{margin:0 10px 20px;background:url(../../images/06/index/bg-adBanner.png) no-repeat right 0;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .wrap #gmap{width:320px;border:2px #b8a98e solid;float:left}
.box #wrapper #content .contentMain .articleWarp .wrap .contactInfo{padding:100px 0 0;width:300px;float:right}
.box #wrapper #content .contentMain .articleWarp .wrap .contactInfo p{margin:0 0 5px}
.box #wrapper #content .contentMain .articleWarp .contact{margin:0 10px;padding:0}
.box #wrapper #content .contentMain .articleWarp .contact .wrap{margin:0 0 15px;padding:0;background:none}
.box #wrapper #content .contentMain .articleWarp .contact .wrap h5{margin:0;padding:5px 0 5px 28px;font-size:16px;background:url(../../images/06/article/dot-contact.png) no-repeat left 2px}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .list{margin:0;padding:0;border-top:2px #b8a98e solid;border-bottom:1px #b8a98e solid;background:#f3f1ed;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .list .wrap{margin:0;padding:5px 0;width:660px;border-bottom:1px #b8a98e dotted;overflow:hidden;font-size:14px}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .list .wrap p.text{margin:0;padding:0 0 0 45px;float:left;width:90px}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .list .wrap p.form{margin:0;padding:0;float:left;width:500px}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .list .wrap input,.box #wrapper #content .contentMain .articleWarp .contact .wrap .list .wrap textarea{border:1px #b8a98e solid}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .send{margin:0;padding:15px 0 20px;text-align:center}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .send .btn-submit{display:inline-block;width:56px;height:18px;border:none;background:url(../../images/06/send_icon.gif) no-repeat 0 0;text-indent:-999999px}
.box #wrapper #content .contentMain .articleWarp .contact .wrap .send .btn-reset{display:inline-block;width:56px;height:18px;border:none;background:url(../../images/06/send_icon.gif) no-repeat 0 0;text-indent:-999999px}
.box #wrapper #content .contentMain .articleWarp .mapList{margin:0 0 40px;padding:0}
.box #wrapper #content .contentMain .articleWarp .mapList .wrap{margin:20px 0 0;padding:0;background:none;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .mapList .wrap .date{margin:0 7px 0;padding:0;width:210px;float:left;border-top:3px #b8a98e solid}
.box #wrapper #content .contentMain .articleWarp .mapList .wrap .date h4{margin:5px;padding:5px;background:#f3f1ed;text-align:center;font-size:16px}
.box #wrapper #content .contentMain .articleWarp .mapList .wrap .date ul{margin:0;padding:0}
.box #wrapper #content .contentMain .articleWarp .mapList .wrap .date ul li{margin:0;padding:5px 15px;border-bottom:1px #f3f1ed dotted;font-size:14px}
.box #wrapper #content .contentMain .articleWarp .Page{margin:20px 0 0;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .Page p{margin:0;padding:0;font-size:12px}
.box #wrapper #content .contentMain .articleWarp .Page p.pageup{margin:0;padding:0;float:left;width:200px;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .Page p strong{color:#fff}
.box #wrapper #content .contentMain .articleWarp .Page p.pagedown{margin:0;padding:0;float:right;width:200px;text-align:right;overflow:hidden}
.box #wrapper #content .contentMain .articleWarp .Page .pagenav{margin:0;text-align:center}
.box #wrapper #content .contentMain .articleWarp .Page .pagenav a,.box #wrapper #content .contentMain .articleWarp .Page .pagenav span{margin:0 5px;padding:5px 10px;background:#666;display:inline-block;font-size:12px;color:#fff}
.box #wrapper #content .contentMain .articleWarp .Page .pagenav a:hover{background:#000}
.box #wrapper #content .contentMain .articleWarp .Page .backlist{margin:25px 0 0;padding:0;text-align:right;width:680px;font-size:12px}
#footer{margin:20px 0 0;background:#ececec;overflow:hidden}
#footer p{margin:0 auto;width:960px}
#footer .footerBar{margin:10px auto 5px;padding:0;width:960px;height:25px;background:rgb(0 0 0 / 50%);border-radius:50px}
#footer .footerBar h3{display:none}
#footer .footerBar ul{margin:0;padding:1px 10px;overflow:hidden;float:left;width:600px}
#footer .footerBar ul li{margin:0 15px 0 0;padding:0 0 0 15px;float:left;background:url(../../images/06/all/dot-footer.png) no-repeat left 6px}
#footer .footerBar ul li a{font-size:12px;color:#fff}
#footer .copy{margin:0 auto;padding:0;text-align:right;overflow:hidden;float:right;width:calc(100% - 620px)}
#footer .copy p{float:right;color:#fff;margin-right:10px;text-align:right}
#footer .seo{margin:0 auto 20px;width:960px;overflow:hidden;font-size:12px}
#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}
.phoneWrap{display:block;position:fixed;bottom:0px;left:0px;width:100%;z-index:5}
.phoneWrap ul{display:flex}
.phoneWrap ul li{width:50%;box-sizing:border-box;background-color:#d10000}
.phoneWrap ul li a{display:inline-block;width:100%;color:#fff;text-align:center;padding:10px 0px;font-size:50px}

@media screen and (min-width:1024px){
	body{background-attachment:fixed}
	.phoneWrap{display:none}
}
@media screen and (max-width:1024px){
	#linejoin{display:none}
	.box #wrapper #header .wrap .banner ul li{font-size:25px}
}