html, body {  margin: 0 ;  height: auto;  overflow-x: hidden;  background: #F3F3F3 url('../images/bg.jpg') ;}::selection { background:#E8E4BE; color:#000;}::-moz-selection { background:#E8E4BE; color:#000;}::-webkit-selection { background:#E8E4BE; color:#000;}#Wrapper { width:100%; height:auto; background: url('../images/wapperBG.png') top repeat-x;float:left;}#Header{text-align: center; margin-right: auto; margin-left: auto;height:auto;}#Header .NavBox{ width: 100%; float:left;}#Header .PadBox{ width: 100%; float:left;display:none;}#Header .main_logo { width:auto;padding:0; text-align: center; }#Header .main_link { width: auto; text-align: center;}.normallink{ padding:0 60px 0 0;}.lastlink{ padding:0;}.NavBtnPic{ position:relative; bottom:30px; }.LogoMenu{width:100%;height:auto;float:left;text-align:left;display:none;}.IndexNavBox{ width:auto;height:auto; float:none;margin-left:auto;margin-right:auto;margin-top:21px;}#PhoneNavBox{ display:none; }.phoneLogoPadding{ padding:0 0 0 10px;}.PhoneBtns{  width:auto;  height:auto;  cursor:pointer;  top:0;  right:0;  position:absolute;  margin:93px 25px 0 0;  z-index:9999;}ul#PhoneNav {  font-family: Open Sans, sans-serif, sans-serif,;  list-style: none;  width:100%;float:left;text-align:center;padding:0;margin:0;font-size:15px;background-color:#EFEFEF;letter-spacing:2px;  text-shadow: 1px 1px 1px #FFFFFF;text-decoration: none;}ul#PhoneNav li {  width:50%;  border-bottom:1px solid #E5E5E5;  border-left:1px solid #E5E5E5;float:left;  height:auto;  margin:0 0 0 -1px;}#PhoneNav li a {  color:#000;  display: block;  padding: 15px;  text-decoration: none;  background-image: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);  background-image: -ms-linear-gradient(top, #FFFFFF, #EFEFEF);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EFEFEF));  background-image: -webkit-linear-gradient(top, #FFFFFF, #EFEFEF);  background-image: -o-linear-gradient(top, #FFFFFF, #EFEFEF);  background-image: linear-gradient(top, #FFFFFF, #EFEFEF);  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF', GradientType=0);}.SubMenu{width:auto;float:right;height:auto;display:block;cursor:pointer;z-index:9999;position:relative;right:25px;}ul.SubList{width:100%;height:auto;color:#ABABAB;font-family: Open Sans, sans-serif, sans-serif,"微軟正黑體";font-size: 13px;float:left; list-style-position: outside; list-style-type: none;margin:0;padding:0;color:#ABABAB;}ul.SubList a span.one, a:hover span.two {display: inline;}ul.SubList a:hover span.one, a span.two {display: none;}ul.SubList a:link {color:#ABABAB;text-decoration: none;} ul.SubList a:visited {color:#ABABAB;text-decoration: none;} ul.SubList a:hover { color:#ABABAB; text-decoration:underline;}ul.SubList li{width:auto;float:left;margin:0 9px 0 9px;text-align:left;line-height:32px;}.FootLine{width:100%;border-top:1px solid #EEEEEE;float:left;margin:60px 0 0 0;}.ContentBox{width:54%;height:auto;margin-left:auto;margin-right:auto;}.FooterCopyright{width:100%;height:auto;}.FootInfo{width:80%;font-size:12px;height:auto;float:left;line-height:140%;text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;color:#AEAAA3;padding:53px 0 40px 10px;}.FootInfo a:link {color: #AEAAA3;text-decoration: underline;} .FootInfo a:visited {color: #AEAAA3;text-decoration: none;} .FootInfo a:hover {color: #000;text-decoration: underline;}.HsLogo a { float:right;padding:54px 0 0 0;}a.RgoTop{position:fixed; bottom:26%; right:2%;cursor:pointer;display:none;z-index:9999;}a.RgoTop img{border:0;}.NextBackBox { width:100%;height:auto;float:left;text-align:center;margin:30px 0 0 0;}.NextType{ width:100%;float:left;text-align:center;font-family: Open Sans, sans-serif, sans-serif,"微軟正黑體";color:#818181;font-size: 13px;letter-spacing:2px;position:relative;display:block;}.NextType a:link {color:#818181;text-decoration: none} .NextType a:visited {color:#818181;text-decoration: none} .NextType a:hover {color:#CCCCCC; text-decoration: underline;  -webkit-transition: color ease-in-out 0.3s;  -moz-transition: color ease-in-out 0.3s;  -o-transition: color ease-in-out 0.3s;  transition: color ease-in-out 0.3s;}.TopContent{width:90%;height:auto;margin-left:auto;margin-right:auto;margin-top:230px;}.ProductContent{width:100%;height:auto;margin-left:auto;margin-right:auto;left:6.5%;position:relative;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease;}.ProductTitleLine{width:100%;height:auto;padding:0 0 90px 0;text-align:center;border-bottom:3px solid #000;}.Category{width:100%;height:auto;float:none;}.CategoryList{ width:100%;float:left;text-align:center;font-family: Geneva, Arial, Helvetica, sans-serif;color:#000;font-size:15px;position:relative;display:block;line-height:200%;padding:56px 0 56px 0;}.CategoryList a{ padding:0 17px 0 17px;}.CategoryList a:link {color:#000;text-decoration: none;} .CategoryList a:visited {color:#000;text-decoration: none;} .CategoryList a:hover { color:#B3B3B3;text-decoration:none;-webkit-transition: color ease-in-out 0.3s;-moz-transition: color ease-in-out 0.3s;-o-transition: color ease-in-out 0.3s;transition: color ease-in-out 0.3s;}.ItemSmall{width:300px;height:auto;float:left;padding:0 10px 10px 0;margin:10px;}.ItemPic{width:300px;height:auto;float:left;}.PicImg{width:auto;}#grid {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}#grid .roll{position:absolute;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;z-index:2;}#grid:hover .roll{border:8px solid #222222;cursor:pointer;}div#grid .entries a{display:block;width:100%;height:100%;text-decoration: none;}div#grid .entries a img{width:100%;position:relative;z-index:1;}div#grid .entries a span{font-family: Open Sans, sans-serif, sans-serif;text-transform:uppercase;font-size:15px;text-align:center;color:#FFFFFF;background:rgba(0,0,0,0.7);width:100%;height:100%;line-height:160%;position:absolute;top:0;left:0;z-index:2;opacity:0;padding:0;margin:0;-webkit-transition:all 500ms cubic-bezier(0.19,1,0.22,1) 0;-moz-transition:all 500ms cubic-bezier(0.19,1,0.22,1) 0;-o-transition:all 500ms cubic-bezier(0.19,1,0.22,1) 0;-ms-transition:all 500ms cubic-bezier(0.19,1,0.22,1) 0;transition:all 500ms cubic-bezier(0.19,1,0.22,1) 0;-moz-transition-property:all;-moz-transition-duration:500ms;-moz-transition-timing:cubic-bezier(0.19,1,0.22,1);-moz-transition-delay:0;}div#grid .entries .mask{height:100%;width:100%;overflow:hidden;}div#grid .entries a{width:100%;height:100%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-moz-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-o-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-ms-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-moz-transition-property:all;-moz-transition-duration:1000ms;-moz-transition-timing:cubic-bezier(0.77,0,0.175,1);-moz-transition-delay:0;}div#grid .entries a img{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-moz-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-o-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-ms-transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;transition:all 1000ms cubic-bezier(0.77,0,0.175,1) 0;-moz-transition-property:all;-moz-transition-duration:1000ms;-moz-transition-timing:cubic-bezier(0.77,0,0.175,1);-moz-transition-delay:0;}div#grid .entries a:hover span{opacity:1}.ItemNameTd{padding:0 30px 0 30px;}.PriceFont{font-family: Verdana, Geneva, sans-serif;font-size:13px;}hr{color: #FFFFFF;background-color: #FFFFFF;height:1px;border:1px;width:30px;float:none;margin-top:20px;margin-left:auto;margin-right:auto;}  @media screen and (max-width: 1850px) { .ContentBox{ width:57%;} .ProductContent{width:80%;left:4.5%;} .TopContent{ width:71%;} }  @media screen and (max-width: 1750px) {  .ContentBox{ width:60%;}  .TopContent{ width:85%;}  .ProductContent{width:85%; left:2.5%;}  }   @media screen and (max-width: 1650px) {.ContentBox{ width:64%;} .ProductContent{width:80%; left:9.5%;} .TopContent{ width:66%;}} @media screen and (max-width: 1550px) {  .ContentBox{ width:68%;}.ProductContent{width:72%;left:4%;}}  @media screen and (max-width: 1450px) {  .ContentBox{ width:72%;}  .ProductContent{width:85%;left:8%;} .TopContent{ width:77%;} }  @media screen and (max-width: 1350px) {  .ContentBox{ width:77%;}  .ProductContent{width:85%;left:1%;} .TopContent{ width:82%;}}  @media screen and (max-width: 1280px) { .ContentBox{ width:83%;}.ProductContent{width:79%;left:2.5%;} .TopContent{ width:82%;} .ItemSmall{width:28%;max-width:300px;}} @media screen and (max-width: 1200px) {  .ContentBox{ width:87%;}.ProductContent{width:88%;} .TopContent{ width:92%;}}   @media screen and (max-width: 1120px) {.ContentBox{width:88%;} .normallink{ padding:0 45px 0 0;} .ProductContent{left:3%;} }   @media screen and (max-width: 1024px) { .ContentBox{ width:90%;} .normallink{ padding:0 30px 0 0;}.ProductContent{width:95%;left:0.6%;} .TopContent{ width:95%;}.ItemSmall{width:30%;}  }   @media screen and (max-width: 980px) {.normallink{ padding:0 20px 0 0;}.TopContent{ width:94%;}.ProductContent{width:95%;left:4%;} .ItemSmall{width:28%;max-width:250px;}}  @media screen and (max-width: 923px) {.normallink{ padding:0 15px 0 0;}}  @media screen and (max-width: 910px) {#Header .NavBox{ display:none }#Header .PadBox{ display:block }}  @media screen and (max-width: 845px) {.normallink{ padding:0 12px 0 0;}.ProductContent{width:80%;left:0;} .ItemSmall{width:44%;max-width:300px;}}  @media screen and (max-width: 770px) {#Header .PadBox{ display:none }.LogoMenu{display:block; }.TopContent{width:80%;margin-top:130px;}.ProductTitleLine{padding:10px 0 40px 0;float:left;}.CategoryList{ padding:30px 0 30px 0;}}  @media screen and (max-width: 700px) {a.RgoTop img{display:none;}}  @media screen and (max-width: 640px) {.ProductContent{width:70%; } .ItemSmall{width:95%;max-width:420px;}}  @media screen and (max-width: 605px) { .CategoryList a{ padding:0 13px 0 13px;}}  @media screen and (max-width: 545px) { .CategoryList a{ padding:0 10px 0 10px;}.CategoryList{ font-size:13px;}}  @media screen and (max-width: 480px) {.ItemSmall{width:100%;max-width:300px;}.ProductContent{width:70%;left:0;} div#grid .entries a span{ font-size:13px; }.CategoryList a{ padding:0 4px 0 4px;}}  @media screen and (max-width: 400px) { .HsLogo a { display:none;}.ProductContent{ width:85%;} .ItemSmall{width:94%;}.PicImg{width:90%;}.CategoryList{ font-size:12px;}  }   @media screen and (max-width: 320px) {ul.SubList{font-size: 12px;}ul.SubList li{margin:0 3px 0 10px;} .ProductContent{ width:80%;} .ItemSmall{width:90%;}.CategoryList a{ padding:0 4px 0 4px;}}.Sub-Category{ width:100%;padding:0 0 60px 0;margin:0 auto;text-align:center;font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;}.Sub-Category ul{list-style-type:none;margin:0;padding:0;}.Sub-Category ul li{min-width:55px;display:inline-block;outline:2px solid #555;padding:8px 10px;margin:0 0 2px -2.5px;font-size:14px;background-color:#f5f5f4; box-shadow:3px 4px 8px rgba(20%,20%,20%,0.4);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .Sub-Category ul li a{color:#555;text-decoration:none;font-weight:bold; }.Sub-Category ul li:hover{background-color:#555;cursor:pointer;}.Sub-Category ul li:hover a{color:#fff; }.Sub-Category ul li.sub-select{color:#000; background-color:#ccc;font-weight:bold;cursor:default;}.Sub-Category ul li.sub-select:hover{ cursor:default;background-color:#ccc; } @media screen and (max-width: 770px) {.Sub-Category ul li{min-width:auto ;padding:8px 15px;}.Sub-Category{ padding:0 0 25px 0; }} @media screen and (max-width: 480px) {.Sub-Category ul li{min-width:37% ;padding:8px; font-size:12px;}}