﻿
body,td,div{font-family:'微軟正黑體','新細明體','Arial','Verdana';font-size:15px; color:#555555;table-layout:fixed;word-wrap:break-word;word-break:break-all;line-height:1.9 }
select,input {font-family:'微軟正黑體','新細明體','Arial','Verdana';font-size:15px;}
span {font-family:'微軟正黑體','新細明體','Arial','Verdana';font-size:15px;}
.BG2LinkLogo{top:0px;left:0px;}
p,span,div{margin:0;padding:0}
#Banner1Search {width:90px;}
input[type='text'],input[type='password'],textarea,.input_acc,.input_pwd,select{border:1px #555555 solid;margin:2px;background-color:#FFFFFF;color:#333333;}
.button1 {display: inline-block;min-height:30px;margin:0px 0px;padding:0px 20px;border:1px #555555 solid;background-color:#FFFFFF;color:#333333;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);}
input[type='submit']{border:1px #555555 solid;background-color:#FFFFFF;color:#333333;font-size:15px;margin:0px 0px;min-height:30px;padding:0px 20px;}
input[type='text'],input[type='password'],input[type='radio']{height:30px;padding:0 5px;font-size:15px;}
select{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:15px;border:1px #555555 solid;color:#333333;height:30px;padding:0 40px  0 20px;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
select{background:#FFFFFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23333333'><polygon points='0,20 100,20 50,80'/></svg>") no-repeat;background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;}
select:hover{background:#FFFFFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23333333'><polygon points='0,20 100,20 50,80'/></svg>") no-repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%;}
.select-m-toggle{border:1px #555555 solid;background:#FFFFFF;color:#333333;}
.select-m-toggle span{color:#333333;}
a{cursor: pointer;}
.def_Topic_Box_Height{height:500px;}
a:link{color:#000000}
a:visited{ color:#000000}
a:active{ color:#000000}
a:hover{text-decoration: none; color:#870C2F}
#TopSearchBox{top:30px;right:0px;display:inline-block;position:absolute;z-index:666;}
#TopSearchBox input{border:0px #AAAAAA solid;width:200px;font-size:15px;margin:2px;padding:5px;}
.aa {width:1180px;background-color:#FFFFFF;}
.wwTotal {width:1180px;}
.wwLeft {width:188px;}
.wwLeft2 {width:180px;}
#where {display:inline-block;float:left;padding:0 5px;text-align:left;margin-top:10px;}
#where a {color:#555555;text-decoration:none;}
#where a:hover {color:#333333;}
#cart span{display:inline-block;}
#CartNo{font-family:Arial;font-weight:bold;margin:0px 3px}
#LeftMenu {width:188px;color:#333333;float:left}
#LeftMenu .underline{border-bottom:1px #CCC solid;margin:0px 0px 10px 0px;height:10px}
#LeftMenu ul{margin:0;padding:0}
#LeftMenu li{margin:0;padding:0;display:block;width:188px;}
#LeftMenu li.L1{margin:10px 0;}
#LeftMenu li.L2{margin:5px 0;}
#LeftMenu a {text-decoration:none;}
#LeftMenu a.pd1:link,#LeftMenu a.pd1:visited,#LeftMenu a.pd1:active {font-size:20px;color:#333333}
#LeftMenu a.pd1:hover {color:#00B2D6}
#LeftMenu a.pd1b:link,#LeftMenu a.pd1b:visited,#LeftMenu a.pd1b:active {font-size:20px;color:#00B2D6}
#LeftMenu a.pd1b:hover {color:#00B2D6}
#LeftMenu a.pd2:link,#LeftMenu a.pd2:visited,#LeftMenu a.pd2:active {font-size:18px;color:#9C9C9C}
#LeftMenu a.pd2:hover {color:#333333}
#LeftMenu a.pd2b:link,#LeftMenu a.pd2b:visited,#LeftMenu a.pd2b:active {font-size:18px;color:#333333}
#LeftMenu a.pd2b:hover {color:#333333}
#LeftMenu p{margin:0;font-size:20px;font-weight:bold;width:182px;display:block;background-image:url(/gif/style11/dot.gif?t=1750262121);background-repeat: no-repeat;background-position: left top;text-align:left;padding:3px 0 0 25px;}
#LeftMenu span{margin:0;width:155px;display:block;background-image:url(/gif/style11/dot_small.gif?t=1750262121);background-repeat: no-repeat;background-position: left top;text-align:left;padding-left:25px;}
#LeftMenu .pd3 span,#LeftMenu .pd3b span{margin:0;width:140px;background-image:url(/gif/style11/dot_small2.gif?t=1750262121);background-repeat: no-repeat;background-position: left top;text-align:left;padding-left:40px;}
#LeftMenu a.pd3 span,#LeftMenu a.pd3b span {font-size:0px;color:#000000;}
#LeftMenu a.pd3 span:hover {color:#FF0000;}
.hidden {display:none;}
.msg_title{padding-top:5px;font-size: 14 px; font-family: Arial; color:#000000}
.LeftMsg {margin-top:5px}
.LeftMsg a:link,.LeftMsg a:visited,.LeftMsg a:active{color:#555555}
.LeftMsg a:hover{color:#3FB9FF}
.LeftMsg .msg_width {width:150px}
a.word_link_A:link{color:#000000}
a.word_link_A:visited{ color:#000000}
a.word_link_A:active{ color:#000000}
a.word_link_A:hover{text-decoration: underline; color:#0099FF}
a.word_link_B:link{color:#000000}
a.word_link_B:visited{ color:#000000}
a.word_link_B:active{ color:#000000}
a.word_link_B:hover{text-decoration: underline; color:#0099FF}
.word_link_C{color:#000000}
a.word_link_C:link{color:#000000}
a.word_link_C:visited{ color:#000000}
a.word_link_C:active{ color:#000000}
a.word_link_C:hover{text-decoration: underline; color:#00CCFF}
.pd_t1 {font-size: 13px; color:#000000; font-weight: bold}
.w10b { font-size: 13px; font-weight: bold ;padding-top:15px;color:#333333}
.w12 { font-size:18px ;padding-top:15px;color:#333333}
.w12b { font-size:18px;padding-top:15px;font-weight: bold ;color:#333333;}
.w14 { font-size:18px ;padding-top:15px;color:#333333}
.w14b { font-size:18px;padding-top:15px; font-weight: bold ;color:#333333}
.pagination a{font-size:14px;color:#888888;}
.pagination span.On a:hover{color:#FFFFFF;}
.pagination span.Off a:hover{color:#888888;}
.pagination > span{font-size:14px;color:#888888;}
.pagination span.On{background:#888888;color:#FFFFFF;}
.pagination span.Off:hover {border:1px #888888 solid;}
.TitleBarStyle2 span{ display:inline-block;font-size:18px ;font-weight:bold;color:#333333;padding:2px 15px;margin:10px 0;border-bottom:2px #333333 solid;}
#pd_list2 {background-color:#FFFFFF;}
#pd_list2 li{background-color:#FFFFFF;padding:15px 15px 30px 15px;}
#pd_list2 .imgBox{ display:table-cell;border:1px #D8D8D8 solid;background-color:#FFFFFF;padding:2px;margin-bottom:3px;vertical-align:middle}
.picBox {display:inline-block;width:100%;height:500px;padding:2px;border:2px #FFFFFF solid;background-color:#FFFFFF;}
.picBox .DiscountFlag {background-color:rgba(255,212,36,.9);}
.picBox .DiscountFlag span{color:#000000;}
.picBox .DiscountFlag div.a:after{border-color:transparent rgba(255,212,36,.9);}
.slick-initialized .slick-slide {padding:15px;}
.PdListSlogon {padding:0px 0px;margin:2px 0px 3px 0px;border:1px #FFFFFF solid;background-color:#FF1759;text-align:left;font-size:14px;color:#FFFFFF}
.pd_txt {font-family: Arial; color:#000000; font-weight: normal}
.pd_no {font-family: Arial; color:#000000; font-weight: normal}
.pd_name {font-family: Arial; color:#000000; font-weight: normal}
.pd_def_name1 {color: darkred}
.pd_def_name2 {font-family: Arial; color: red; font-weight: bold}
.pd_def_name3 {font-family: Arial; color: red; font-weight: bold}
.pd_def_name4 {font-family: Arial; color: darkred; font-weight: bold}
.msg_title_bg {width:188px;height:30px;background-image:url("/gif/style11/message_title_bg.gif?t=1750262121");text-align:center;font-size:18px; font-family: Arial; color:#000000}
.TitleBar1 {min-height:50px;background-image:url(/gif/style11/title_product_type.gif?t=1750262121);background-repeat:no-repeat;}
.TitleBar1 p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar1p {min-height:50px;background-image:url(/gif/style11/title_product_type2.gif?t=1750262121);background-repeat:no-repeat;}
.TitleBar1p p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar1f {min-height:50px;background-image:url(/gif/style11/title_fullsize.gif?t=1750262121);background-repeat:no-repeat;}
.TitleBar1f p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar2 {min-height:50px;background:url(/gif/style11/title_product_type2.gif?t=1750262121);}
.TitleBar2 p{float:left;padding:17px 0px 0px 150px;min-height:35px;width:528px;text-align:left;vertical-align:top;}
.TitleBar2 table {float:right;margin-top:17px;vertical-align:top;}
.TitleBar2 table td {margin:0;padding:0;}
.TitleBar3 {min-height:50px;background:url(/gif/style11/title_detail.gif?t=1750262121) no-repeat;}
.TitleBar3 p{padding:17px 0px 0px 150px;min-height:35px;text-align:left;}
.TitleBar4 {min-height:50px;background:url(/gif/style11/title_setting.gif?t=1750262121);vertical-align:top;}
.TitleBar4 p{padding:17px 0px 0px 40px;min-height:35px;text-align:left;}
.title_setting {min-height:50px;background-image:url("/gif/style11/title_setting.gif?t=1750262121");text-align:left;}
.title_setting p{display:table-cell;height:50px;padding:17px 0px 0px 40px;vertical-align:top;text-align:left;font-size:18px;font-weight:bold ;color:#333333;}
.title_fullsize {min-height:50px;background-image:url("/gif/style11/title_fullsize.gif?t=1750262121");text-align:left;}
.title_fullsize p{display:table-cell;height:50px;padding:17px 0px 0px 40px;vertical-align:top;text-align:left;font-size:18px;font-weight:bold ;color:#333333;}
.def_tablew2 { color:#555555;border:#DBDBDB 1px solid;}
a.def_tablew2:link         {color:#555555}
a.def_tablew2:visited      { color:#555555}
a.def_tablew2:active       { color:#555555}
a.def_tablew2:hover        {text-decoration: underline; color:#555555}
.def_tablew1 { bgcolor:#;color:#555555;border:#DBDBDB 1px solid;}
a.def_tablew1:link         {color:#555555}
a.def_tablew1:visited      { color:#555555}
a.def_tablew1:active       { color:#555555}
a.def_tablew1:hover        {text-decoration: underline; color:#555555}
.end1 { color:#FFFFFF}
.end1 a:visited,.end1 a:link,.end1 a:active{ color:#FFFFFF}
.end1 a:hover{ color:#000000}
.end2 { color:#000000}
.hrd1 { border-style: dotted; border-width: 1px;}
BODY {
scrollbar-face-color:#555555;
scrollbar-highlight-color:#DDDDDD;
scrollbar-3dlight-color:#555555;
scrollbar-darkshadow-color:#555555;
scrollbar-shadow-color:#DDDDDD;
scrollbar-arrow-color:#DDDDDD;
scrollbar-track-color:#DDDDDD;
}
.title1 {display:block;margin:10px;}
.title1 p{display:block;padding:10px 0;text-align:center;font-size:18px; font-weight: bold ;color:#555555;background-color:#EEEEEE;border:#DBDBDB 1px solid;}
.out5 {width:100%;text-align:center;padding-left:3px;padding-right:3px;}
.InlineFlexCenter{display:inline-flex;align-items:center;}
.Qlink a{display:inline-block;text-align:center;}
#Qlink_A {width:800px;display:inline;padding:5px;}
#Qlink_A li{display:inline-block;list-style-type:none;padding-left:10px;}
#Qlink_A li a:visited{}
#Qlink_A li a:link   {}
#Qlink_A li a:hover  {}
#Qlink_A li a:active {}
.Qlink_B {width:950px;display:inline;padding:5px;}
.Qlink_B li{display:inline;list-style-type:none;padding-left:10px;}
.Qlink_B li a:visited{}
.Qlink_B li a:link   {}
.Qlink_B li a:hover  {}
.Qlink_B li a:active {}
#Qlink_C {width:950px;display:inline-block;padding:5px;font:000000}
#Qlink_C ul{margin:0;padding:0}
#Qlink_C li{display:inline;list-style-type:none;padding-left:10px;font:000000}
#Qlink_C li a:visited{color:#000000}
#Qlink_C li a:link   {color:#000000}
#Qlink_C li a:hover  {color:#00CCFF}
#Qlink_C li a:active {color:#000000}
div#Qlink_D { display:inline-block;width:700px;color:#555555;}
#Qlink_D ul{display:inline-flex;align-items:center;float:right;}
#Qlink_D a:visited,#Qlink_D a:link,#Qlink_D a:active{ color:#000000}
#Qlink_D a:hover{ color:#737373}
#Qlink_index { color:#000000}
#Qlink_index a:visited,#Qlink_index a:link,#Qlink_index a:active{ color:#000000}
#Qlink_index a:hover{ color:#000000}
.menu_top {display:inline-block;width:1180px;background:url(/gif/menu_top_bg.gif?t=1750262121);display:block;padding:30px 0px 0px 0px;padding:0;font:000000;text-align:Right}
.menu_top ul{margin:0;padding:0;text-align:Right}
.menu_top li{display:inline;font:000000}
.menu_top li a:visited{color:#000000}
.menu_top li a:link   {color:#000000}
.menu_top li a:hover  {color:#00CCFF}
.menu_top li a:active {color:#000000}
.OutLine{display:inline-block;border:1px #DBDBDB solid;padding:2px}
.title7 {text-align:left;border-bottom:1px #DBDBDB solid;background:url(/gif/dot7.png?t=1750262121) no-repeat left top;padding:3px 0px 3px 35px}
.title8 {font-weight:bold;text-align:left;border-bottom:1px #DBDBDB solid;background:url(/gif/dot8b.png?t=1750262121) no-repeat left center;padding:5px 0px 3px 25px}
body {margin:0px;background-image:url("/gif/style11/bg.gif?t=1750262121");background-color:#FFFFFF;background-repeat:no-repeat;
}
.box_bg {width:1180px;background-image:url("/gif/style11/box_bg.gif?t=1750262121");}
.main {width:1180px;background-color:#FFFFFF;background-image:url("/gif/style11/bg2.gif?t=1750262121");}
.DivBlockTop .main {background-color:transparent;background-image:none;}
.ll,.ll2 { vertical-align:top;text-align:center;width:188px;background-image:url("/gif/style11/left_bg.gif?t=1750262121")}
.ll img,.ll2 img{ height:auto;max-width:188px;}
.WebPage .ll,.WebPage .ll2 { vertical-align:top;text-align:center;width:188px;background-image:url("/gif/style11/left_bg.gif?t=1750262121")}
.WebPage .ll img,.WebPage .ll2 img{ height:auto;max-width:188px;}
.mm { vertical-align:top;text-align:center;width:992px;padding-bottom:20px;}
.main_home { vertical-align:top;text-align:center;width:992px}
td.mm img{ height:auto;max-width:100%;}
.ImgMax img {width:auto;max-width:992px;width: expression(this.width > 992 ? "992px" : true);height:auto;}
.cc { vertical-align:top;text-align:center;width:804px;table-layout:fixed;word-wrap:break-word;word-break:break-all}
.rr { vertical-align:top;text-align:center;width:188px}
.tb1 {background-color:#FFFFFF;border:#DBDBDB 1px solid;}
.tb1_tr {background-color:#EEEEEE}
.ww_right {188px;}
.ww_left {188px;}
.WebHide2 {display:none;}
.HotListR {width:100%;list-style-type:none;display:inline;text-align:center;}
.HotListR .HotNo {width:178px;text-align:center;border:#DBDBDB 1px solid;}
.HotListR .HotPicOut {margin:0px;padding:3px;border:#DBDBDB 1px solid; margin-top:0px}
.HotListR .HotPic {width:178px;}
.HotListR .HotName {width:178px;}
.HotListR .HotBlank {height:5px;}
.HotListL {width:100%;list-style-type:none;display:inline;text-align:center;}
.HotListL .HotNo {width:178px;text-align:center;border:#DBDBDB 1px solid;}
.HotListL .HotPicOut {margin:0px;padding:3px;border:#DBDBDB 1px solid; margin-top:0px}
.HotListL .HotPic {width:178px;}
.HotListL .HotName {width:178px;}
.HotListL .HotBlank {height:5px;}
.mm img,.mm table{max-width:100%;}
.Btn1 div {margin:10px;padding:5px 15px;display:inline-block;border:1px #333333 solid;background-color:#FFFFFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.Btn1 div:hover{border:1px #555555 solid;background-color:#FFFFFF;}
.Btn1 div td{color:#333333;text-decoration:none;}
.Btn1 div:hover td{color:#555555;text-decoration:none;}
.PicZoom button {font-size:13px;padding:5px 0;width:100%;border:1px #FFFFFF solid;background:#FFFFFF;color:#FFFFFF;border-radius:0px;}
.PicZoom button:hover {border:1px #FFFFFF solid;background:#FFFFFF;color:#FFFFFF;}
.BoxA1 {background-color:#FFFFFF;border:1px #AAAAAA solid;}
.Btn2 {padding:3px;display:flex;}
.Btn2 button.Block{display:block;}
.Btn2 button.InlineBlock{display:inline-block;}
.Btn2 button,.Btn2 div{display:inline-flex;align-items:center;justify-content:center;background-color:#FFFFFF;color:#333333;font-size:15px;border:1px #333333 solid;min-height:30px;padding:0px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.Btn2 button:hover,.Btn2 div:hover,.Btn2.On button{border:1px #555555 solid;background-color:#FFFFFF;color:#555555;}
.Btn2 button span,.Btn2 div span {padding-left:5px;line-height:15px;font-size:15px;word-break:keep-all;}
.Btn2 svg {width:15px;height:15px;}
.Btn2A {padding:0 0 10px 0;}
.Btn2A p{padding:0px 0px 0 0px;display:inline-block;}
.Btn2A svg {width:15px;height:15px;}
.Btn2A button,.Btn2A input[type='submit']{display:inline-flex;align-items:center;cursor:pointer;margin:0px 0px;}
.Btn2A button span,.Btn2A input[type='submit'] span{padding:3px;text-decoration:none;}
.Btn2A button,.Btn2A input[type='submit']{background-color:#FFFFFF;color:#333333;font-size:15px;border:1px #333333 solid;min-height:30px;padding:0px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.Btn2A button:hover,.Btn2A input[type='submit']:hover{border:1px #555555 solid;background-color:#FFFFFF;color:#555555;}
.Btn3 {padding:0px 0px;}
.Btn3 button{display:inline-flex;justify-content:center;align-items:center;background-color:#FFFFFF;color:#333333;font-size:15px;border:1px #333333 solid;min-height:30px;padding:0px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.Btn3 button:hover,.Btn3.On button{border:1px #555555 solid;background-color:#FFFFFF;color:#555555;}
.Btn3 button span {padding-left:5px;}
.Btn4 {margin:10px;display:inline-flex;align-items:center;justify-content:center;background-color:#FFFFFF;color:#333333;font-size:15px;border:1px #333333 solid;padding:0px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.Btn4:hover,.Btn4.On{border:1px #555555 solid;background-color:#FFFFFF;color:#555555;font-size:15px;word-break:keep-all;}
.Btn4 a{display:inline-block;}
.DivTop{display:block;background-image:url('/gif/divtop.jpg?t=1750262121');background-repeat:repeat-x;background-position:top center;}
.DivBottom{display:block;background-image:url('/gif/divbottom.jpg?t=1750262121');background-repeat:repeat-x;background-position:bottom center;}
.DivBlockTop{display:block;top:0;background-image:url('/gif/divblocktop.jpg?t=1750262121');background-repeat:repeat-x;background-position:top center;}
.DivBlockBottom{display:block;background-image:url('/gif/divblockbottom.jpg?t=1750262121');background-position:top center;}
.PdName { font-size:18px;font-weight:bold;color:#333333; }
.picBox {display:inline-block;height:auto;border:1px #D8D8D8 solid;background-color:#FFFFFF;}
.Dollar1Sign { font-family:Arial;font-size:15px;color:#555555; }
.Dollar1 { font-family:Arial;font-size:15px;color:#555555; }
.Dollar2Sign { font-family:Arial;font-size:px;font-weight:bold;color:#FF1759; }
.Dollar2 { font-family:Arial;font-size:15px;font-weight:bold;color:#FF1759; }
.PdListBlockHome {display:inline-block;list-style:none;padding:10px 30px 0 30px;}
.PdListBlock {display:inline-block;list-style:none;padding:10px 40px 0 40px;}
.PdListBlock {display:inline-block;list-style:none;padding:10px 40px 0 40px;}
.article-title {align-items:center;color:#333;display:flex;justify-content:center;margin:10px 0 5px 0;overflow:hidden}
@media (min-width: 768px) {.article-title>span{font-size:24px;}}
.article-title>span {display: block;padding: 0 15px;position: relative;font-size:24px;font-weight:bold;}
.article-title>span:after,.article-title>span:before {content:'';background-color:#aaa;border-radius: 99px;bottom: 0;display: block;height: 1px;margin: auto 0;position: absolute;top: 0;width: 100vw}
.article-title>span:after {left: 100%}
.article-title>span:before {right: 100%}
.tags-list {text-align:left;}
.tags-list a {display:inline-block;}
.tags-list span {display:inline-block;font-size:16px;color:#333333;background:#FFFFFF;border:1px #AAAAAA solid;padding:0 10px;margin:0 5px 8px 0;}
.tags-list a:hover span{transition:all .25s;background:#FFFFFF;color:#870C2F;border:1px #333333 solid;}
