*{margin:0;padding:0}
body{margin:0;color:#3d3d3d;font-size:14px}
div,h1,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,img,span,ul,li{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow"}
hr{noshade:noshade}
th{font-weight:normal}
ul,li{list-style:none}
a:link,a:visited{color:#191919;font-weight:normal;text-decoration:none}
a:hover{color:#909090;text-decoration:none}
.clear{clear:both}
.clearfix{display:inline-block}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}
* html .clearfix{height:1%}
.clearfix{display:block}
.wrapper{overflow:hidden;text-align:center}
.wrapper #header{width:100%;text-align:center}
.wrapper #header .headWrap{margin:0 auto;width:1300px;overflow:hidden}
.wrapper #header .headWrap #cis{margin:20px 0;float:left}
.wrapper #header .headWrap .navBar{float:right;width:calc(100% - 260px);margin:20px 0}
.wrapper #header .topNav{padding:10px 0;overflow:hidden;background:#e0b477}
.wrapper #header .topNav ul{float:right;overflow:hidden}
.wrapper #header .topNav ul li{display:inline-block;vertical-align:inherit;color:#fff;font-size:13px}
.wrapper #header .topNav ul li.lo a{background:#fff;color:#e0b477;padding:9px 20px}
.wrapper #header .topNav ul li a{margin:0 15px 0 0;height:20px;display:inline-block;line-height:20px;font-size:16px;font-weight:bold;color:#fff}
.wrapper #header .topNav ul li a:hover{text-decoration:underline}
.wrapper #header .topNav ul li a.fPlus,.wrapper #header .topNav ul li a.tPlus,.wrapper #header .topNav ul li a.gPlus,.wrapper #header .topNav ul li a.pPlus,.wrapper #header .topNav ul li a.rPlus{margin:0 5px 0 0;width:20px;height:20px;background:url(../../images/12/all/bookmark.png) no-repeat 0 0;display:block;text-indent:-999999px}
.wrapper #header .topNav ul li.last{margin-right:0}
.wrapper #header .headWrap .navBar #nav{overflow:hidden}
.wrapper #header .headWrap .navBar #nav h2{display:none}
.wrapper #header .headWrap .navBar #nav #flip_menu1{overflow:hidden;position:relative;text-align:end}
.wrapper #header .headWrap .navBar #nav #flip_menu1 a{color:#242424;font-size:16px;height:79px;line-height:79px;display:inline-block;margin:0 15px}
.wrapper #header .headWrap .navBar #nav #flip_menu1 a:hover{color:#e0b477}
.wrap .Pro12list{overflow:hidden}
.wrap .Pro12list li{float:left;width:calc((100%/3) - 20px);margin:0 10px;position:relative}
.wrap .Pro12list li .photo img{width:100%}
.wrap .Pro12list li h3{position:absolute;bottom:0;width:100%;background:rgb(0 0 0 / 50%)}
.wrap .Pro12list li h3 a{display:block;color:#fff;padding:15px 0;text-align:center}
.wrap .Pro12list li:hover h3 a{padding:25px 0}
.wrapper .content{margin:0 auto;width:1300px;overflow:hidden;text-align:center}
.wrapper .content .wrap .sidebar #functionNav .fbPlus a img{width:200px;margin:10px 0 0 0}
.wrapper .content .wrap .sidebar .sideAD ul li a img{width:200px}
.wrapper #footer{margin:30px 0 0;width:100%;overflow:hidden;text-align:center;background:#3f3f3f}
.wrapper #footer .footerWrap{margin:0 auto;width:960px}
.wrapper #footer .footerWrap p{margin:10px 0;text-align:center;color:#fff;border-top:1px solid #575757;padding-top:10px}
.wrapper #footer .footerWrap #footerNav{margin:10px 0;width:960px;text-align:center}
.wrapper #footer .footerWrap #footerNav h2{display:none}
.wrapper #footer .footerWrap #footerNav ul{overflow:hidden;text-align:center}
.wrapper #footer .footerWrap #footerNav ul li{margin:10px;display:inline-block}
.wrapper #footer .footerWrap #footerNav ul li a{font-size:15px;color:gray}
.wrapper #footer .footerWrap #footerNav ul li.last{}
.wrapper #footer .footerWrap .info,.wrapper #footer .footerWrap .info div,.wrapper #footer .footerWrap .info p{width:960px;text-align:center;color:#fff}
.wrapper #footer .footerWrap .info{margin:0 0 20px}
.wrapper #footer .footerWrap .info div,.wrapper #footer .footerWrap .info p{margin:0 0 5px}
.wrapper #footer .copy{padding:10px 0;width:100%;background:#393939;text-align:center;font-size:12px;color:#7d7d7d}
.wrapper .content .wrap .contentMain .photoList,.wrapper .content .wrap .contentMain .photoList ul{overflow:hidden}
.wrapper .content .wrap .contentMain .photoList ul li{width:160px;height:160px;float:left;margin:10px}
.wrapper .content .wrap .contentMain .photoList ul li a #productImage{width:160px;height:160px}
#linejoin{position:fixed;top:10%;z-index:99999999999}
#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{opacity:100}
.menu_list li{list-style-type:none;text-align:center;margin-left:15px;float:left;cursor:pointer}
.menu_list li a{text-decoration:none}
.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:1300px){
	.wrapper #header .headWrap,.wrapper .content{width:95%}
}
@media screen and (max-width:1024px){
	.wrapper #header .headWrap .navBar #nav #flip_menu1 a{margin:0 5px}
	.wrapper #header .headWrap #cis img{width:200px}
	.wrapper #header .headWrap .navBar{width:calc(100% - 200px);margin:11px 0}
	#linejoin{display:none}
}