@charset "UTF-8";
@import url(fonts.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }
html ol, html ul, html li { list-style: none; }
html table { border-collapse: collapse; border-spacing: 0; }
html caption, html th, html td { text-align: left; font-weight: normal; vertical-align: middle; }
html q, html blockquote { quotes: none; }
html q:before, html q:after, html blockquote:before, html blockquote:after { content: ""; content: none; }
html img { border: none; }
html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html main, html menu, html nav, html section, html summary { display: block; }
html :link, html :visited, html ins { text-decoration: none; }
html *, html *:after, html *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html .clearfix { zoom: 1; }
html .clearfix:before, html .clearfix:after { content: " "; display: table; }
html .clearfix:after { clear: both; }

article::after, header::after, .Side .list-rank a::after, .Mobile-Ad .list-rank a::after, .BannerIndex::after, .Banner::after, .Products-detail::after, .member-login .loginbox .title::after, .Events-list::after, .Events-detail .other::after, footer::after { clear: both; content: ''; display: block; visibility: hidden; height: 0; }

.gogotop, .mobile-down, .mobile-up, .member-down, .member-up { -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }

.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; }
.unreset th { font-weight: bolder; text-align: center; }
.unreset caption { text-align: center; }
.unreset body { margin: 8px; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset sub, .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset :link, .unreset :visited { text-decoration: underline; }
.unreset :focus { outline: thin dotted invert; }

body { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 14px; line-height: 24px; }

#Wrapper { width: 100%; max-width: 1200px; margin: 0 auto; }

article { position: relative; width: 100%; display: block; }

img { max-width: 100%; }

.mv { -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }

.gogotop { background: #e60012; width: 80px; height: 38px; text-align: center; position: fixed; bottom: 15%; right: -100%; z-index: 100; border: 5px solid #eee; border-right: none; -moz-border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px; border-radius: 50px 0px 0px 50px; }
.gogotop a { color: #fff; display: block; }
.gogotop:hover { background: #06c; }

hr.style-one { border: 0; height: 1px; background: #333; margin: 0px 0; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); }

hr.style-two { border: 0; height: 1px; margin: 0px 0; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent); }

header { width: 100%; }
header .logo { display: block; float: left; width: 240px; margin-top: 35px; }
header .search { float: left; width: calc( 100% - 240px); margin: 20px 0 30px 0; }
header .search .keyword { width: 100%; display: block; }
header .search .keyword p { color: #000; display: inline-block; font-weight: bold; width: 50px; }
header .search .keyword input { border: 4px solid #ec3235; padding: 5px; width: calc(100% - 50px); }
header .search .searchbox { width: 100%; display: inline-block; padding: 10px 20px; margin: 10px 0; background-image: url(../images/lineA1.png), url(../images/lineA2.png); background-repeat: no-repeat, no-repeat; background-position: left top, right bottom; }
header .search .searchbox b { font-weight: bold; margin-right: 5px; }
header .search .searchbox b:nth-of-type(2) { margin-left: 20px; }
header .search .searchbox select { margin-right: 5px; background: #f5f5f5; padding: 3px 10px 5px 10px; width: 130px; }
header .search .searchbox input { width: 100px; padding: 5px; background: #f5f5f5; border: 1px solid #ccc; padding: 5px; }
header .search .searchbox button { background: none; border: none; color: #000; font-size: 18px; vertical-align: middle; cursor: pointer; }
header .search .textbox { display: block; text-align: right; margin-right: 7%; }
header .search .textbox .word a { color: #746969; font-size: 13px; margin: 0 5px; }
header .search .textbox .word a:hover { color: #f00; }
header .search .phone-word{margin-top:10px;text-align: center;display: none;}
header .search .phone-word a{color: #fff; font-size: 14px; margin:5px;display: inline-block; }
header .search .textbox ul, header .search .textbox li { display: inline-block; }
header .search .textbox .member { color: #746969; border-left: 1px solid #746969; border-right: 1px solid #746969; padding: 0 15px; margin: 0 10px; line-height: 12px; }
header .search .textbox .member li { margin: 0 5px; font-size: 13px; }
header .search .textbox .member li a { color: #746969; font-weight: bold; }
header .search .textbox .member li a:hover { color: #f00; }
header .search .textbox .other li { margin: 0 5px; font-size: 13px; }
header .search .textbox .other li a { color: #f00; }
header .search .textbox .other li a:hover { color: #000; }
header .menu { width: 100%; display: block; float: left; margin-bottom: 20px; display: flex;}
header .menu li { display: block; float: left; width: calc(100% / 8); }
header .menu li a { font-size: 17px; color: #555; }
header .menu li a p { display: inline-block; }
header .menu li a i { display: inline-block; width: 25px; height: 25px; margin-right: 5px; }
header .menu li a:hover { color: #f00; }
/*header .menu li:nth-child(1) i { background: url(../images/icon.png) no-repeat 0px 0px; }
header .menu li:nth-child(2) i { background: url(../images/icon.png) no-repeat 0px -25px; }
header .menu li:nth-child(3) i { background: url(../images/icon.png) no-repeat 0px -50px; }
header .menu li:nth-child(4) i { background: url(../images/icon.png) no-repeat 0px -75px; }
header .menu li:nth-child(5) i { background: url(../images/icon.png) no-repeat 0px -100px; }
header .menu li:nth-child(6) i { background: url(../images/icon.png) no-repeat 0px -125px; }
header .menu li:nth-child(7) i { background: url(../images/icon.png) no-repeat 0px -150px; }
header .menu li:nth-child(1) a:hover i { background: url(../images/icon.png) no-repeat -25px 0px; }
header .menu li:nth-child(2) a:hover i { background: url(../images/icon.png) no-repeat -25px -25px; }
header .menu li:nth-child(3) a:hover i { background: url(../images/icon.png) no-repeat -25px -50px; }
header .menu li:nth-child(4) a:hover i { background: url(../images/icon.png) no-repeat -25px -75px; }
header .menu li:nth-child(5) a:hover i { background: url(../images/icon.png) no-repeat -25px -100px; }
header .menu li:nth-child(6) a:hover i { background: url(../images/icon.png) no-repeat -25px -125px; }
header .menu li:nth-child(7) a:hover i { background: url(../images/icon.png) no-repeat -25px -150px; }*/

header .menu li a i.icon1 { background: url(../images/icon.png) no-repeat 0px 0px; }
header .menu li a i.icon2 { background: url(../images/icon.png) no-repeat 0px -25px; }
header .menu li a i.icon3 { background: url(../images/icon.png) no-repeat 0px -50px; }
header .menu li a i.icon4 { background: url(../images/icon.png) no-repeat 0px -75px; }
header .menu li a i.icon5 { background: url(../images/icon.png) no-repeat 0px -100px; }
header .menu li a i.icon6 { background: url(../images/icon.png) no-repeat 0px -125px; }
header .menu li a i.icon7 { background: url(../images/icon.png) no-repeat 0px -150px; }
header .menu li a:hover > i.icon1 { background: url(../images/icon.png) no-repeat -25px 0px; }
header .menu li a:hover > i.icon2 { background: url(../images/icon.png) no-repeat -25px -25px; }
header .menu li a:hover > i.icon3 { background: url(../images/icon.png) no-repeat -25px -50px; }
header .menu li a:hover > i.icon4 { background: url(../images/icon.png) no-repeat -25px -75px; }
header .menu li a:hover > i.icon5 { background: url(../images/icon.png) no-repeat -25px -100px; }
header .menu li a:hover > i.icon6 { background: url(../images/icon.png) no-repeat -25px -125px; }
header .menu li a:hover > i.icon7 { background: url(../images/icon.png) no-repeat -25px -150px; }

header .menu li.ebook{}
header .menu li.ebook a{
	display: block;
    border: 1px solid #ec3235;
    padding: 7px;
    text-align: center;
    color: #ec3235;
    font-size: 16px;
}
header .menu li.ebook a .icon{
	width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
    background:  url(../images/icon-book.svg) no-repeat center;
}
header .menu li.ebook a:hover{
	background:#ec3235;
	color:#fff;
}
header .menu li.ebook a:hover .icon{
	background:  url(../images/icon-book-hover.svg) no-repeat center;
}

header .mobile-close { display: none; width: 100%; padding: 1% 3%; text-align: center; background: #333; color: #fff; font-size: 18px; }
header .mobile-close i { margin-right: 10px; font-size: 24px; vertical-align: middle; }
header .mobile-close b { display: inline-block; vertical-align: middle; }

.Mobile { display: none; width: 100%; position: relative; height: 100px; z-index: 200; border-top: 5px solid #ccc; border-bottom: 2px solid #e60012; }
.Mobile .logo { width: 23%; display: block; padding: 10px 0 0 10px; }
.Mobile .searchBtn { position: absolute; top: 28px; right: 12%; z-index: 101; font-size: 32px; color: #999; }
.Mobile .menuBtn { width: 40px; position: absolute; top: 25px; right: 5%; z-index: 101; transition: top 300ms; }
.Mobile .menuBtn span, .Mobile .menuBtn:before, .Mobile .menuBtn:after { display: block; content: ""; transition: all 300ms; background-color: #999; margin: 7px; width: 26px; height: 4px; text-indent: -100%; overflow: hidden; white-space: nowrap; }
.Mobile .active { transform: rotate(180deg); }
.Mobile .active span { background-color: transparent; box-shadow: none; }
.Mobile .active:before, .Mobile .active:after { background-color: #999; }
.Mobile .active:before { transform: translateY(11px) rotate(-45deg); }
.Mobile .active:after { transform: translateY(-11px) rotate(45deg); }
.Mobile ul { display: block; width: 100%; position: absolute; top: 95px; background: rgba(203, 0, 18, 0.9); }
.Mobile ul li { width: 100%; text-align: center; border-bottom: 1px solid #fff; }
.Mobile ul li a { color: #fff; display: block; padding: 15px 5px; }
.Mobile ul li a img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.Mobile ul li a p { display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; font-weight: bold; }
.Mobile ul li a:hover { background: #06c; }

.mobile-down { top: 0; }

.mobile-up { top: -100%; }

.M-Side { display: none; }

.Side { width: 240px; float: left; }
.Side .pro-menu { display: block; width: 100%; min-height: 390px; background: url(../images/side-bg.jpg) repeat; position: relative; z-index: 20; padding:0 0  30px 0; }
.Side .pro-menu li { display: block; line-height: 30px; }
.Side .pro-menu li > a { display: block; font-size: 14px; color: #555; padding: 0 20px; }
.Side .pro-menu li > a:hover { color: #fff; background: rgba(0, 0, 0, 0.3); }
.Side .pro-menu li div { position: absolute; top: 0; left: 100%; background: #fff; width: 400%; border: 1px solid #ccc; display: none;/* min-height: 389px; */ min-height: 480px;}
.Side .pro-menu li div img { display: inline-block; vertical-align: top; max-height: 388px; }
.Side .pro-menu li div ul { display: inline-block; width: calc(100% - 204px); vertical-align: top; }
.Side .pro-menu li div ul li { display: inline-block; width: calc(25% - 4px); padding: 2%; vertical-align: top; line-height: 20px; }
.Side .pro-menu li div ul li span { display: block; font-weight: bold; border-left: 5px solid #e60012; color: #000; font-size: 14px; line-height: 14px; padding-left: 5px; margin: 0 0 5px 5px; }
.Side .pro-menu li div ul li a { display: inline-block; color: #999; font-size: 13px; margin: 0 5px; padding: 0; }
.Side .pro-menu li:hover div { display: block; }
.Side .ad { display: block; margin: 20px 0; }
.Side .ad a { display: block; margin: 10px 0; }
.Side .ad a:hover { opacity: .7; }
.Side .new-pro-title { font-size: 16px; font-weight: bold; color: #000; padding-bottom: 1px; border-bottom: 3px solid #ec3235; display: inline-block; }
.Side .list-rank { width: 100%; display: block; margin-top: 10px; background: url(../images/side-shadow.jpg) no-repeat right top; }
.Side .list-rank li { width: 100%; display: block; margin: 10px auto; }
.Side .list-rank a { width: 100%; display: block; }
.Side .list-rank a img { max-width: 30%; display: block; float: left; border: 1px solid #CCC; margin: 5px 0 0 0px; }
.Side .list-rank a span { width: 60%; display: block; float: left; margin: 10px 0 0 10px; position: relative; font-size: 13px; line-height: 20px; }
.Side .list-rank a span i { color: #bc60a1; }
.Side .list-rank a span p { color: #555; }
.Side .list-rank a span b { color: #c00; }
.Side .list-rank a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.Side .list-rank a:hover span i { color: #06c; }
.Side .list-rank a:hover span p { color: #06c; }
.Side .list-rank a:hover span b { color: #06c; }
.Side .more { color: #fff; background: #ec3235; font-size: 13px; padding: 0 10px 0 7px; }
.Side .more i { vertical-align: middle; }
.Side .more:hover { background: #06c; }
.Side .list-menu { width: 100%; background: #e13033; padding: 15px 0; }
.Side .list-menu li { display: block; }
.Side .list-menu li a { display: block; color: #fff; position: relative; padding: 2px 0 2px 15px; }
.Side .list-menu li a:hover { background: #06c; }
.Side .list-menu li a:hover:after { content: "◆"; position: absolute; right: -10px; color: #fff; font-size: 30px; }

.Mobile-Ad { display: none; width: 96%; margin: 0 auto; padding: 0 0 5% 0; border-top: 3px solid #ec3235; }
.Mobile-Ad .ad { display: block; margin: 20px 0; text-align: center; }
.Mobile-Ad .ad a { display: block; margin: 10px 0; }
.Mobile-Ad .ad a:hover { opacity: .7; }
.Mobile-Ad .new-pro-title { font-size: 16px; font-weight: bold; color: #fff; padding: 3px; background: #ec3235; display: block; text-align: center; }
.Mobile-Ad .list-rank { width: 100%; display: block; margin-top: 10px; }
.Mobile-Ad .list-rank li { width: 100%; display: block; margin: 10px auto; }
.Mobile-Ad .list-rank a { width: 100%; display: block; }
.Mobile-Ad .list-rank a img { max-width: 40%; display: block; float: left; border: 1px solid #CCC; margin: 5px 0 0 0px; }
.Mobile-Ad .list-rank a span { width: 55%; display: block; float: left; margin: 10px 0 0 5%; position: relative; font-size: 15px; line-height: 30px; }
.Mobile-Ad .list-rank a span i { color: #bc60a1; }
.Mobile-Ad .list-rank a span p { color: #555; }
.Mobile-Ad .list-rank a span b { color: #c00; }
.Mobile-Ad .list-rank a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.Mobile-Ad .list-rank a:hover span i { color: #06c; }
.Mobile-Ad .list-rank a:hover span p { color: #06c; }
.Mobile-Ad .list-rank a:hover span b { color: #06c; }
.Mobile-Ad .more { color: #fff; background: #ec3235; font-size: 13px; padding: 0 10px 0 7px; display: block; text-align: center; }
.Mobile-Ad .more i { vertical-align: middle; }
.Mobile-Ad .more:hover { background: #06c; }

.Text { display: block; float: left; width: calc( 100% - 260px); margin-left: 20px; position: relative; padding-bottom: 5%; }
.Text nav { display: block; font-size: 13px; margin: 15px 0; }
.Text nav span { font-size: 14px; font-weight: bold; }
.Text nav i { color: #e60012; margin: 0 5px 0 10px; }
.Text nav a { color: #555; }
.Text nav a:hover { color: #06c; }
.Text nav b { margin: 0 5px; }

.tinynav { display: none; }

.btnA { display: inline-block; border: 1px solid #ec3235; padding: 5px 20px; color: #fff; background: #ec3235; cursor: pointer; }
.btnA i { font-size: 20px; margin-right: 10px; vertical-align: middle; display: inline-block; }
.btnA b { vertical-align: middle; display: inline-block; }
.btnA:hover { border: 1px solid #000; font-weight: bold; background: #000; color: #fff; }

.btnB { display: inline-block; border: 1px solid #ec3235; padding: 5px 20px; color: #ec3235; background: #fff; cursor: pointer; }
.btnB i { font-size: 20px; margin-right: 10px; vertical-align: middle; display: inline-block; }
.btnB b { vertical-align: middle; display: inline-block; }
.btnB:hover { border: 1px solid #000; font-weight: bold; background: #000; color: #fff; }

.btnC { display: inline-block; border: 1px solid #555; padding: 5px 20px; color: #fff; background: #555; cursor: pointer; }
.btnC i { font-size: 20px; margin-right: 10px; vertical-align: middle; display: inline-block; }
.btnC b { vertical-align: middle; display: inline-block; }
.btnC:hover { border: 1px solid #ec3235; font-weight: bold; background: #ec3235; color: #fff; }

.btnD { display: inline-block; border: 1px solid #555; padding: 5px 20px; color: #555; background: #fff; cursor: pointer; }
.btnD i { font-size: 20px; margin-right: 10px; vertical-align: middle; display: inline-block; }
.btnD b { vertical-align: middle; display: inline-block; }
.btnD:hover { border: 1px solid #ec3235; font-weight: bold; background: #ec3235; color: #fff; }

.BannerIndex { width: 100%; margin: 0 auto; display: block; position: relative; }
.BannerIndex #abgne_fade_pic { position: relative; width: 100%; }
.BannerIndex #abgne_fade_pic .ad { position: absolute; }
.BannerIndex #abgne_fade_pic .ad img { max-width: 100%; }
.BannerIndex #abgne_fade_pic .control { display: none; }

.BannerPro { width: 100%; margin: 0 auto; display: block; position: relative; }
.BannerPro #abgne_fade_pic { position: relative; width: 100%; height: 0; padding-bottom: 41.666%; }
.BannerPro #abgne_fade_pic .ad { position: absolute; }
.BannerPro #abgne_fade_pic .ad img { max-width: 100%; }
.BannerPro #abgne_fade_pic .control { display: none; }

.Banner { width: 100%; max-height: 350px; margin: 0 auto; display: block; position: relative; }
.Banner .adbanner { float: left; width: 68.085106%; }
.Banner #abgne_fade_pic { position: relative; width: 100%; }
.Banner #abgne_fade_pic .ad { position: absolute; }
.Banner #abgne_fade_pic .ad img { max-width: 100%; }
.Banner #abgne_fade_pic .control { display: none; }
.Banner .adbox { float: right; width: 29.787%; }

.products-list { display: block; }
.products-list li { display: inline-block; width: calc(23.5% - 4px); vertical-align: top; margin: 0 2% 2% 0; min-height: 320px; border: 1px solid #ccc; padding: 10px; position: relative; overflow: hidden; }
.products-list li u { color: #fff; background: #f44a46; width: 150px; padding: 2px; font-size: 15px; text-decoration: none; display: block; position: absolute; top: 6px; right: -58px; text-align: center; z-index: 10; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.products-list li > i { color: #f44a46; background: #fff; width: 150px; padding: 2px; font-size: 13px; text-decoration: none; display: block; position: absolute; top: 6px; right: -58px; text-align: center; z-index: 10; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-box-shadow: 0px 0px 5px #f44a46; -webkit-box-shadow: 0px 0px 5px #f44a46; box-shadow: 0px 0px 5px #f44a46; font-weight: bold; }
.products-list li > a { display: block; text-align: center; }
.products-list li > a p { color: #555; font-size: 14px; text-align: left;line-height:20px;height: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.products-list li > a .pic { /*max-height: 200px; object-fit: fill;*/height: 0;padding:0 0 100% 0; text-align: center;position:relative;margin-bottom: 10px; }
.products-list li > a .pic img { /*max-height: 200px; object-fit: fill;*/ position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-height:100%;max-width: 100%;}
/*.products-list li span { display: block; font-size: 13px; }
.products-list li span del { text-decoration: middle; color: #999; display: inline-block; }
.products-list li span p { display: inline-block; color: #c00; font-weight: bold; }
.products-list li span a { color: #d2d2d2; margin-left: 5px; }*/
.products-list li span { display: block; font-size: 13px;position:relative; }
.products-list li span del { text-decoration: middle; color: #999; display: inline-block;margin-right: 5px; }
.products-list li span p { display:block; color: #c00; font-weight: bold; }
.products-list li span a { color: #d2d2d2; margin-left: 5px; position:absolute;right: 0;bottom:0;}
.products-list li span a:hover { color: #c00; }
.products-list li:nth-child(4n+4) { margin-right: 0; }

.pagenum { display: block; clear: both; width: 100%; margin: 50px auto; text-align: center; }
.pagenum li { display: inline-block; margin: 0 5px 10px 5px; }
.pagenum a { display: block; width: 25px; height: 25px; line-height: 25px; color: #555; border: 1px solid #ccc; }
.pagenum a:hover { color: #fff; background: #c00; }
.pagenum .on a { color: #fff; background: #c00; border: 1px solid #f00; }
.pagenum li:first-child a, .pagenum li:nth-child(2) a, .pagenum li:last-child a, .pagenum li:nth-last-child(2) a { color: #126635; }
.pagenum li:first-child a:hover, .pagenum li:nth-child(2) a:hover, .pagenum li:last-child a:hover, .pagenum li:nth-last-child(2) a:hover { color: #fff; }

.Products-detail { display: block; }
.Products-detail .Pic { float: left; width: 48%; position: relative; overflow: hidden; }
.Products-detail .Pic u { color: #fff; background: #f44a46; width: 150px; padding: 2px; font-size: 15px; text-decoration: none; display: block; position: absolute; top: 6px; right: -58px; text-align: center; z-index: 10; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.Products-detail .Pic > i { color: #f44a46; background: #fff; width: 150px; padding: 2px; font-size: 13px; text-decoration: none; display: block; position: absolute; top: 6px; right: -58px; text-align: center; z-index: 10; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-box-shadow: 0px 0px 5px #f44a46; -webkit-box-shadow: 0px 0px 5px #f44a46; box-shadow: 0px 0px 5px #f44a46; font-weight: bold; }
.Products-detail .Pic span { text-align: center; display: block; border: 1px solid #ccc; }
.Products-detail .Pic span img { max-height: 430px; display: inline-block; object-fit: fill; }
.Products-detail .Pic ul { margin-top: 10px; display: block; }
.Products-detail .Pic ul li { display: inline-block; width: calc(19% - 4px); vertical-align: top; margin-left: 1%; }
.Products-detail .Pic ul li a:hover { opacity: .7; }
.Products-detail .Pic ul li a { display: block; border: 1px solid #ccc; text-align: center; }
.Products-detail .Pic ul li img { height: 86px; display: inline-block; object-fit: fill; }
.Products-detail .Word { float: left; width: 48%; margin-left: 4%; position: relative; }
.Products-detail .Word .title { font-size: 16px; font-weight: bold; width: 70%; word-break: break-all; }
.Products-detail .Word .sub { color: #777; width: 70%;word-break: break-all; }
.Products-detail .Word .price { color: #e60012; position: absolute; top: 0; right: 0; }
.Products-detail .Word .price i { font-size: 13px; }
.Products-detail .Word .price b { font-size: 30px; }
.Products-detail .Word del { color: #999; position: absolute; top: 2.5em; right: 0; font-size: 13px;}
.Products-detail .Word del:nth-of-type(2) {top: 4em; }
.Products-detail .Word .info { display: block; font-size: 14px; margin:25px 0 15px 0; word-break: break-all; }
.Products-detail .Word .norm { display: block; margin-bottom: 15px; }
.Products-detail .Word .norm b { font-weight: bold; margin-right: 10px; }
.Products-detail .Word .norm select { padding: 5px; }
.Products-detail .Word .color { display: block; margin-bottom: 15px; }
.Products-detail .Word .color b { font-weight: bold; margin-right: 10px; }
.Products-detail .Word .color a { display: inline-block; width: 26px; height: 26px; border: 1px solid #fff; }
.Products-detail .Word .color a:hover { border: 1px solid #000; }
.Products-detail .Word .number { display: block; margin-bottom: 30px; }
.Products-detail .Word .number b { font-weight: bold; margin-right: 10px; }
.Products-detail .Word .number form { display: inline-block; }
.Products-detail .Word .number .num-num { width: 125px; text-align: center; vertical-align: middle; padding: 3px; }
.Products-detail .Word .number .num-add { width: 25px; height: 25px; vertical-align: middle; border: none; cursor: pointer; }
.Products-detail .Word .number .num-cut { width: 25px; height: 25px; vertical-align: middle; border: none; cursor: pointer; }
.Products-detail .Word .btn-cart { background: #e60012; color: #fff; padding: 8px 25px; cursor: pointer; }
.Products-detail .Word .btn-cart i { margin-right: 10px; }
.Products-detail .Word .btn-cart:hover { opacity: .7; }
.Products-detail .link { display: block; float: left; width: 98%; margin: 15px auto; }
.Products-detail .link li { display: inline-block; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; }
.Products-detail .link li a { color: #999; font-size: 14px; }
.Products-detail .link li a:hover { color: #c00; }
.Products-detail .link li i { margin-right: 10px; }
.Products-detail .link li:nth-child(1) i { color: #ec3235; }
.Products-detail .link li:nth-child(2) i { color: #39a4c3; }
.Products-detail .link li:nth-child(3) i { color: #3b5998; }
.Products-detail .link li:nth-child(4) i { color: #67af56; }

.Products-info { display: block;margin-top:40px; }
.Products-info .btn-nav { display: block; border-bottom: 1px solid #ccc; }
.Products-info .tabs { display: block; overflow: hidden; }
.Products-info .tabs li { display: inline-block; margin: 0; padding: 0; }
.Products-info .tabs li a { padding: 5px 25px 2px 25px; display: block; color: #555; font-weight: bold; border-bottom: 5px solid #ccc; }
.Products-info .tabs li a:hover { color: #fff; background: #f0857f; border-bottom: 5px solid #f0857f; }
.Products-info .tabs li.active a { color: #fff; background: #f0857f; border-bottom: 5px solid #f0857f; }
.Products-info .tab_container { width: 100%; display: block; padding: 2%; }
.Products-info .tab_content { width: 100%; overflow: hidden;word-break: break-all; }

.back { width: 100%; text-align: right; margin: 50px 0 0px 0; }
.back a { color: #555; font-size: 14px; }
.back a i { color: #c00; margin-right: 5px; vertical-align: middle; font-size: 20px; }
.back a:hover { color: #c00; }
.back a:hover i { color: #000; }

.member-login { border: 10px solid #ee3233; width: 430px; background: #fff; margin: 5% auto; position: absolute; z-index: 500; left: calc(50% - 215px); top: -100%; }
.member-login .loginbox { width: 240px; margin: 30px auto; }
.member-login .loginbox .title { display: block; }
.member-login .loginbox .title li { float: left; display: block; line-height: 20px; padding: 0 5px; }
.member-login .loginbox .title li p { font-size: 16px; font-weight: bold; }
.member-login .loginbox .title li i { font-size: 12px; color: #999; }
.member-login .loginbox .title li a { color: #555; }
.member-login .loginbox .title li a:hover { color: #f00; }
.member-login .loginbox span { display: block; margin: 10px 0; }
.member-login .loginbox span input { width: 200px; margin-left: 10px; padding: 3px; }
.member-login .loginbox span:nth-of-type(3) img { vertical-align: middle; margin-left: 10px; }
.member-login .loginbox span:nth-of-type(3) input { width: 85px; }
.member-login .loginbox span:nth-of-type(4) { text-align: right; padding-right: 3px; }
.member-login .loginbox span:nth-of-type(4) button { color: #fff; background: #000; padding: 5px 15px; border: none; cursor: pointer; }
.member-login .loginbox span:nth-of-type(4) button:hover { background: #c00; }
.member-login .loginbox .close { position: absolute; top: 10px; right: 10px; }
.member-login .loginbox .close i { font-size: 30px; color: #000; }
.member-login .loginbox .close i:hover { color: #f00; }

.member-mask { display: none; width: 100%; height: 0; padding-bottom: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 399; }

.member-down { top: 200px; }

.member-up { top: -100%; }

.Cart .listbtn { display: block; text-align: center; margin: 20px 0; }
.Cart .listbtn a { color: #999; font-size: 15px; }
.Cart .listbtn a.on { color: #503031; font-weight: bold; }
.Cart .listbtn a:hover { color: #f00; }
.Cart .listbtn i { margin-right: 5px; }
.Cart .cart-list { width: 96%; margin: 0 auto; }
.Cart .cart-list tr:nth-child(1) td { background: #ec3235; color: #fff; }
.Cart .cart-list tr:nth-child(1) td:first-child { padding-left: 10px; }
.Cart .cart-list td { padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc; }
.Cart .cart-list td:nth-child(1) { width: 60%; text-align: left; }
.Cart .cart-list td:nth-child(1) img { display: inline-block; width: calc(20% - 4px); vertical-align: middle; }
.Cart .cart-list td:nth-child(1) span { display: inline-block; width: calc(78% - 4px); margin-left: 2%; vertical-align: middle; }
.Cart .cart-list td:nth-child(1) span b { color: #000; font-weight: bold; }
.Cart .cart-list td:nth-child(1) span a { color: #555; }
.Cart .cart-list td:nth-child(1) span a:hover { color: #f00; }
.Cart .cart-list td:nth-child(2) { width: 8%; }
.Cart .cart-list td:nth-child(2) input { width: 4em; text-align: center; padding: 5px; }
.Cart .cart-list td:nth-child(3) { width: 8%; }
.Cart .cart-list td:nth-child(4) { width: 8%; }
.Cart .cart-list td:nth-child(5) { width: 8%; }
.Cart .cart-list td:nth-child(6) { width: 8%; }
.Cart .cart-list td:nth-child(6) a { color: #555; vertical-align: middle; }
.Cart .cart-list td:nth-child(6) a:hover { color: #f00; }
.Cart .cart-list .price { text-align: right; }
.Cart .cart-list .price i { color: #999; font-size: 13px; }
.Cart .cart-list .price p { color: #333; }
.Cart .cart-list .price b { color: #f00; font-weight: bold; font-size: 18px; margin-left: 10px; }
.Cart .cart-list tr:last-child td { border-bottom: none; text-align: right; }
.Cart h3 { background: #ffeaea; padding: 10px 25px; display: inline-block; margin: 2%; }
.Cart h4 { margin-left: 2%; }
.Cart h4 b { margin-left: 5px; color: #f00; }
.Cart .cart-form { width: 96%; margin: 0 auto; }
.Cart .cart-form td { padding: 5px; }
.Cart .cart-form input:not([type=checkbox]):not([type=radio]) , .Cart .cart-form textarea { padding: 5px; width: 100%; }
.Cart .cart-form tr:nth-child(1) input:not([type=checkbox]):not([type=radio]) , .Cart .cart-form tr:nth-child(4) input:not([type=checkbox]):not([type=radio])  { width: 35%; margin-right: 10px; }
.Cart .cart-form tr:nth-child(6) input:not([type=checkbox]):not([type=radio])  { width: 20%; }
.Cart .cart-form tr:nth-child(6) img { display: inline-block; vertical-align: middle; margin-left: 10px; }
.Cart .cart-form tr:last-child td { text-align: right; }
.Cart .form { width: 96%; margin: 0 auto; line-height: 30px; }
.Cart .form b { color: #000; font-weight: bold; margin-right: 10px; }
.Cart .back { text-align: right; }
.Cart .back a:hover, .Cart .back a:hover i { color: #fff; }

.Order{display: block; padding: 3% 2%;}
.Order .order-list { width: 100%; margin: 10px auto 0 auto;font-size:12px;}
.Order .order-list td { padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc; }
.Order .order-list tr:nth-child(1) td { background: #ec3235; color: #fff;font-weight: bold; }
.Order .order-list tr:nth-child(1) td:first-child { padding-left: 10px; }
.Order .order-list td { padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc; }
.Order .order-list td.pro-pic { width: 60%; text-align: left; }
.Order .order-list td.pro-pic img { display: inline-block; width: calc(20% - 4px); vertical-align: middle; }
.Order .order-list td.pro-pic span { display: inline-block; width: calc(78% - 4px); margin-left: 2%; vertical-align: middle; }
.Order .order-list td.pro-pic span b { color: #000; font-weight: bold; }
.Order .order-list td.pro-pic span a { color: #555; }
.Order .order-list td.pro-pic span a:hover { color: #f00; }
.Order .order-list td.agree{border-left:1px solid #ccc;}
.Order .order-list td a{color:#ec3235;text-decoration:underline;}
.Order .order-list .price { text-align: right; }
.Order .order-list .price i { color: #999; font-size: 13px; }
.Order .order-list .price p { color: #333; }
.Order .order-list .price b { color: #f00; font-weight: bold; font-size: 18px; margin-left: 10px; }
.Order .order-list .price-content td { text-align: right; }
.Order .order-search-form{display: flex;margin-bottom:20px;}
.Order .order-search-form .box{width: 30%;margin-right: 10px;}
.Order .order-search-form .box input , .Order .order-search-form .box select {width: 100%;background: #f5f5f5; border: 1px solid #ccc;padding: 5px;height: 30px;font-size:14px;}
.Order .order-search-form button{background: none;border: none;color: #000;font-size: 18px;vertical-align: middle;cursor: pointer;margin-top:24px;}
.Order .order-list td.date , .Order .order-list td.order-num{}
.Order .back { text-align: right; }
.Order .back a:hover, .Order .back a:hover i { color: #fff; }
.Order .order-list td select{padding:2px;}


/*.Events-list li { display: block; float: left; width: 23.5%; margin: 0 1.5% 3% 0; }*/

.Events-list li { display:inline-block; width: 23%; margin: 0 1% 3% 0;vertical-align: top;}

.Events-list li img { display: block; }
.Events-list li p { display: block; margin: 2% 0; padding-bottom: 3%; border-bottom: 1px dotted #ccc; }
.Events-list li time { font-size: 12px; color: #f17274; }
.Events-list li span { display: block; }
.Events-list li span a { color: #999; font-size: 12px; margin-right: 20px; }
.Events-list li span a:hover { color: #06c; }
.Events-list li span i { margin-right: 5px; }
.Events-list li > a:hover img { opacity: .7; }
.Events-list li > a:hover p { color: #c00; }

.Events-detail { display: block; padding: 3% 2%; }
.Events-detail .title { background: #f9f9f9; padding: 10px; display: block; font-weight: bold; font-size: 16px; }
.Events-detail .other { text-align: right; display: block; padding: 10px; }
.Events-detail .other time { float: left; font-size: 13px; color: #f17274; }
.Events-detail .other a { color: #999; font-size: 12px; margin-right: 20px; }
.Events-detail .other a:hover { color: #06c; }
.Events-detail .other i { margin-right: 5px; }

.News-list li { display: inline-block; width: calc(50% - 4px); margin: 0 0 3% 0; padding: 0 2%; vertical-align: top; }
.News-list li .img { display: inline-block; width: calc(40% - 4px); vertical-align: middle; }
.News-list li .img a:hover { opacity: .7; }
.News-list li .wd { display: inline-block; width: calc(56% - 4px); margin-left: 4%; vertical-align: middle; }
.News-list li .wd a:nth-of-type(1) { color: #555; font-weight: bold; font-size: 15px; }
.News-list li .wd time { display: block; padding: 5px 0; margin-top: 10px; border-top: 1px dotted #ccc; }
.News-list li .wd a:nth-of-type(2), .News-list li .wd a:nth-of-type(3) { color: #999; font-size: 12px; margin-right: 20px; }
.News-list li .wd a:hover { color: #06c; }
.News-list li .wd i { margin-right: 5px; }

.Contact { background: url(../images/side-bg.jpg) repeat; padding: 4% 5%; display: block; width: 100%; }
.Contact table { width: 100%; }
.Contact table td { padding: 5px; }
.Contact table input, .Contact table textarea { padding: 5px; width: 100%; }
.Contact table tr:nth-child(1) input, .Contact table tr:nth-child(4) input { width: 35%; margin-right: 10px; }
.Contact table tr:nth-child(6) input { width: 20%; }
.Contact table tr:nth-child(6) img { display: inline-block; vertical-align: middle; margin-left: 10px; }

.Download li { display: block; }
.Download li a { display: block; padding: 10px 15px; font-size: 12px; }
.Download li a i { display: inline-block; vertical-align: middle; color: #555; }
.Download li a b { display: inline-block; vertical-align: middle; margin: 0 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0px 4px; color: #fff; }
.Download li a p { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; color: #555; }
.Download li a:hover { background: #e83134; }
.Download li a:hover i, .Download li a:hover p { color: #fff; }
.Download li:nth-child(odd) { background: #f9f9f9; }
.Download .d1 { background: #f7a0a0; }
.Download .d2 { background: #ec3235; }
.Download .d3 { background: #888888; }
.Download .d4 { background: #59bb83; }
.Download .d5 { background: #5aafce; }

.Note { padding: 0 2%; }
.Note .title p { background: #8d8686; padding: 10px 30px; color: #fff; font-size: 15px; display: inline-block; }
.Note .title img { display: block; }

.Form { display: block; width: 100%; }
.Form nav { display: block; font-size: 13px; margin: 15px 0; }
.Form nav span { font-size: 14px; font-weight: bold; }
.Form nav i { color: #e60012; margin: 0 5px 0 10px; }
.Form nav a { color: #555; }
.Form nav a:hover { color: #06c; }
.Form nav b { margin: 0 5px; }

.Apply { margin: 2% auto; }
.Apply .btn-nav { display: block; text-align: right; }
.Apply .tabs { display: block; overflow: hidden; }
.Apply .tabs li { display: inline-block; margin: 0; padding: 0; margin: 0 10px; line-height: 14px; }
.Apply .tabs li a { padding-left: 5px; display: block; color: #555; font-weight: bold; border-left: 5px solid #fff; }
.Apply .tabs li a:hover { color: #ec3235; border-left: 5px solid #ec3235; }
.Apply .tabs li.active a { color: #ec3235; border-left: 5px solid #ec3235; }
.Apply .tab_container { width: 100%; display: block; padding: 2%; }
.Apply .tab_content { width: 100%; overflow: hidden; }
.Apply h1 { background: #555; color: #fff; display: block; text-align: center; line-height: 42px; font-size: 16px; }
.Apply table { width: 99%; margin: 1% auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.Apply table td { padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.Apply table td:nth-child(1), .Apply table td:nth-child(3), .Apply table td:nth-child(5) { background: #f8f8f8; text-align: center; vertical-align: top; }
.Apply table input, .Apply table textarea { width: 100%; border: none; padding: 5px; }
.Apply .btn { display: block; text-align: center; margin: 10px 0; }
.Apply .w20 { width: 20%; }
.Apply .w10 { width: 10%; }
.Apply .w5 { width: 10%; }
.Apply .w3 { width: 30px; }
.Apply .tabA { margin-bottom: 2%; }
.Apply .tabA img { vertical-align: middle; }
.Apply .tabA input[type=checkbox] { width: auto; vertical-align: middle; }
.Apply .tabA input[type=radio] { width: auto; }
.Apply .tabA .price { float: right; margin-right: 0; }
.Apply .tabB { width: 100%; }
.Apply .tabB td:nth-child(1) { width: 10%; background: #fcf3ff; vertical-align: middle; }
.Apply .tabB td:nth-child(2) { width: 15%; }
.Apply .tabB td:nth-child(3) { width: 15%; background: #fff; text-align: left; vertical-align: middle; }
.Apply .tabB td:nth-child(4) { width: 15%; }
.Apply .tabB td:nth-child(5) { width: 15%; background: #fff; text-align: left; vertical-align: middle; }
.Apply .tabB td:nth-child(6) { width: 15%; }
.Apply .tabB td:nth-child(7) { width: 15%; }
.Apply .tabB tr:first-child td { background: #fff3f4; text-align: center; }
.Apply .tabB tr:first-child td:nth-child(1) { background: none; }
.Apply .tabB tr:first-child td:nth-child(1) a { color: #f00; font-weight: bold; }

footer { display: block; width: 100%; border-top: 5px solid #ec3235; padding-bottom: 5%; }
footer .info { float: left; width: 70%; display: block; }
footer .info .menu { width: 100%; border-right: 20px solid #ec3235; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; display: block; }
footer .info .menu li { display: inline-block; width: calc(12.5% - 4px); text-align: center; line-height: 74px; }
footer .info .menu li a { color: #555; }
footer .info .menu li a:hover { color: #c00; }
footer .info .link { width: 100%; display: block; text-align: right; padding: 2% 7% 0 0; }
footer .info .link li { display: inline-block; margin: 0 10px; }
footer .info .link li a:hover { opacity: .7; }
footer .Information { float: left; width: 30%; display: block; padding: 2% 0 0 2.5%; }
footer .Information span { font-size: 13px; display: block; }
footer .Information span a { color: #c00; }
footer .Information span a:hover { color: #06c; }
footer .IwareFoot { font-size: 12px; color: #ddd; text-align: center; display: block; clear: both; }
footer .IwareFoot a { color: #ddd; }

@media (max-width: 1024px) { header .search .searchbox select { width: 95px; }
  header .search .searchbox input { width: 70px; }
  header .menu li { text-align: center; }
  .Side .list-menu li div { width: 325%; }
  .Products-detail .Word .title { width: 65%; }
  .Products-detail .Word .sub { width: 65%; } }
@media (max-width: 768px) { header { width: 100%; padding: 2%; background: #ec3235; position: absolute; z-index: 400; top: -100%; }
  header .logo { display: none; }
  header .search { float: none; width: 100%; margin: 0; }
  header .search .keyword { width: 100%; display: block; }
  header .search .keyword p { color: #fff; }
  header .search .keyword input { border: none; }
  header .search .searchbox { width: 100%; display: inline-block; padding: 0px; margin: 10px 0; background-image: none; }
  header .search .searchbox b { color: #fff; display: block; margin-top: 10px; }
  header .search .searchbox b:nth-of-type(2) { margin-left: 0px; }
  header .search .searchbox select { margin: 0 5px 10px 0; width: 140px; }
  header .search .searchbox button { color: #fff; }
  header .search .textbox { display: none; }
  header .search .phone-word{display: block;}
  header .menu { display: none; }
  header .mobile-close { display: block; }
  .Desktop { display: none; }
  .Mobile { display: block; }
  .M-Side { width: 100%; display: block; }
  .M-Side .M-menu-btn { width: 100%; background: #e60012; color: #fff; padding: 5px 20px; display: block; cursor: pointer; overflow: hidden; }
  .M-Side .M-menu-btn p { display: block; float: left; }
  .M-Side .M-menu-btn i { float: right; display: block; margin: 5px 0 0 0; }
  .M-Side .pro-menu { display: block; width: 100%; background: url(../images/side-bg.jpg) repeat; }
  .M-Side .pro-menu li { display: block; line-height: 30px; }
  .M-Side .pro-menu li > a { display: block; font-size: 14px; color: #555; padding: 5px 20px; }
  .M-Side .pro-menu li > a:hover { color: #fff; background: rgba(0, 0, 0, 0.3); }
  .M-Side .pro-menu li div { background: #fff; width: 100%; }
  .M-Side .pro-menu li div ul { display: block; width: 100%; }
  .M-Side .pro-menu li div ul li { display: block; width: 100%; padding: 2%; vertical-align: top; line-height: 20px; border-bottom: 1px dotted #ccc; }
  .M-Side .pro-menu li div ul li span { display: block; font-weight: bold; border-left: 5px solid #e60012; color: #000; font-size: 14px; line-height: 14px; padding-left: 5px; margin: 0 0 5px 5px; }
  .M-Side .pro-menu li div ul li a { display: inline-block; color: #999; margin: 0 5px; padding: 5px; }
  .Side { width: 96%; float: none; margin: 0 2%; }
  .Side .pro-menu, .Side .list-menu, .Side .ad, .Side .new-pro-title, .Side .list-rank, .Side .more { display: none; }
  .Side select { padding: 10px; width: 100%; margin: 10px 0 10px 0; background: #f8f8f8; color: #333; border: none; outline: none; display: inline-block; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2d2d2), color-stop(100%, #f8f8f8)); background-image: -moz-linear-gradient(top, #d2d2d2, #f8f8f8); background-image: -webkit-linear-gradient(top, #d2d2d2, #f8f8f8); background-image: linear-gradient(to bottom, #d2d2d2, #f8f8f8); }
  .Side label { position: relative; }
  .Side label:after { content: '<>'; font: 12px "Consolas", monospace; color: #999; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 15px; top: 0px; padding: 0 0 2px; border-bottom: 1px solid #ccc; position: absolute; pointer-events: none; }
  .Side label:before { content: ''; right: 6px; top: 0px; width: 20px; height: 20px; position: absolute; pointer-events: none; display: block; }
  .Text { width: 96%; float: none; margin: 2%; }
  .products-list li { width: 32%; margin: 0 2% 2% 0; }
  .products-list li:nth-child(4n+4) { margin-right: 2%; }
  .products-list li:nth-child(3n+3) { margin-right: 0%; }
  footer .info { float: none; width: 100%; }
  footer .info .menu { border-right: none; border-left: none; }
  footer .info .menu li { line-height: 36px; }
  footer .info .menu li a:hover { color: #c00; }
  footer .info .link { text-align: center; padding: 2% 0 0 0; }
  footer .Information { float: none; width: 100%; padding: 2%; text-align: center; }
  footer .Information span { display: inline-block; }
  .Products-detail .link { text-align: center; margin: 30px auto; }
  .contact-img { display: none; }
  /*.Events-list li { width: 32.3%; margin: 0 0 3% 0; }*/

  .Events-list li { width: 31%; margin: 0 0 3% 0;}

  .Events-list li:nth-child(3n+2) { margin: 0 1.5%; }
  .Mobile-Ad { display: block; } }
@media (max-width: 640px) { .Mobile .searchBtn { right: 15%; }
  .Products-detail .Pic { float: none; width: 100%; }
  .Products-detail .Word { float: none; width: 100%; margin: 5% 0%; }
  .Products-detail .Word .price { position: static; }
  .Products-detail .Word del { position: static; }
  .Products-detail .link { text-align: left; margin: 0px auto 30px auto; }
  .Products-info .tabs li { width: calc(33.3% - 4px); }
  .Products-info .tabs li a { font-size: 13px; }
  .Products-detail .Word .title { width: 100%; }
  .Products-detail .Word .sub { width: 100%; } }
@media (max-width: 480px) { .Mobile .searchBtn { right: 16%; }
  .Mobile .logo { width: 33%; }
  .products-list li { width: 48%; margin: 0 2% 2% 0; }
  .products-list li:nth-child(4n+4) { margin-right: 2%; }
  .products-list li:nth-child(3n+3) { margin-right: 2%; }
  .products-list li:nth-child(2n+2) { margin-right: 0%; }
  footer .info .menu { display: none; }
  .Events-list li { width: 48%; margin: 0 0 3% 0; }
  .Events-list li:nth-child(3n+2) { margin: 0%; }
  .Events-list li:nth-child(2n+1) { margin: 0 2% 0 0; }
  .News-list li { width: 100%; }
  .News-list li .img { width: calc(30% - 4px); }
  .News-list li .wd { width: calc(66% - 4px); }
  .Side .ad { display: none; } }
@media (max-width: 414px) { .Mobile .logo { width: 35%; }
  .Mobile .searchBtn { right: 18%; } }
@media (max-width: 375px) { .Mobile .logo { width: 38%; }
  .Mobile .searchBtn { right: 20%; } }
@media (max-width: 320px) { .Mobile .logo { width: 43%; }
  .Mobile .searchBtn { right: 22%; } }

/*# sourceMappingURL=style-page.css.map */

/* 商品規格表 */
.product-specification-table{
	width: 100%;
	border:1px solid #eee;
	margin:20px 0;
}
.product-specification-table tr{}
.product-specification-table td{
	padding:8px 12px;
	border:1px solid #eee;
}
.product-specification-table td.table-title{
	width: 100px;
    background: #f0857f;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
}
.product-specification-table td.table-txt{
}

/* 附加服務或配件 */
.attach-block{
	margin-bottom:20px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}
.attach-block-title{
	font-weight: bold;
	color:#222;
	font-size:18px;
	padding-left: 20px;
	position:relative;
	margin: 20px 0;
}
.attach-block-title:before{
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #f0857f;
    position: absolute;
    left: 0px;
    top: 6px;
}
.attach-table{
	width: 100%;
	border:1px solid #eee;
	margin:20px 0;
}
.attach-table tr{}
.attach-table td{
	padding:8px 12px;
	border:1px solid #eee;
}
.attach-table td.table-title{
	/*width: 100px;*/
    background: #eee;
    font-weight: bold;
    /*color: #fff;*/
    font-size: 15px;
    width: 33%;
}
.attach-table td.table-txt{
}


/* 20230302產品內頁價錢 */
.Products-detail .Word  .price-block .price{
	position: static;
}
.Products-detail .Word .price-block  del{
	position: static;
}


.Products-detail .Word .price .priceSuperText{
	display: block;
}