html {
  font-family: "Helvetica Neue", Arial, "LiHei Pro", "微軟正黑體", "Microsoft Jhenghei";
  background-color: #ececec;
  letter-spacing: 2px
}
a {
  text-decoration: none;
}
ul {
  padding: 0;
  margin: 0
}
dd {
  margin: 0 auto
}
#Top, #Footer, #WildHeader {
  max-width: 100%;
  min-width: 1020px;
}
/*版型寬度1020px置中*/
ul#TopNav, #Header, #Content, #IndexCentertside, #Centertside, #info, #FooterNav {
  margin: 0 auto;
  width: 1020px;
}
/*上方選單*/
#Top, #Footer {
  background-color: #3e3c3f;
  color: #fff
}
ul#TopNav {
  font-size: 13px;
  list-style: none;
  text-align: right;
  padding: 5px 0;
}
ul#TopNav li {
  margin: 2px 0;
  display: inline-block;
  *display: inline;
}
ul#TopNav li a {
  color: #fff;
}
ul#TopNav li a:hover {
  border-bottom: 1px solid #fff
}
/*上方主選區塊*/
#WildHeader {
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #ececec 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ececec)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #ececec 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #ececec 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #ececec 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0); /* IE6-9 */
  background-color: #fff;
  overflow: auto;
}
h1#Logo {
  background: url(../img/logo.png) no-repeat;
  float: left;
  height: 60px;
  margin: 25px 0;
  text-indent: -9999px;
  width: 220px;
}
/*搜尋*/
#Search {
  width: 400px;
  float: left;
  margin: 40px 5px 0 25px;
}
#Search input[type="text"] {
  width: 345px;
  height: 30px;
  padding: 0 5px;
  border: none;
  background-color: #fff;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  font-size: 13px;
  float: left;
}
#Search .submitbtn {
  width: 37px;
  height: 34px;
  float: left;
  border: none;
  outline: none;
}
.placeholder {
  color: #aaa;
}
/*產品介紹、精選文章、使用見證 快速連結*/
ul#HeaderQuick {
  list-style: none;
  float: left;
  margin-top: 47px;
  margin-left: 5px;
}
ul#HeaderQuick li {
  display: inline-block;
  *float: left;
  font-size: 12px;
  width: 65px;
  letter-spacing: 0;
  cursor: pointer;
  padding-right: 5px;
  padding-left: 4px;
  border-right: 1px solid #ccc;
}
ul#HeaderQuick li:last-child {
  border: none;
}
ul#HeaderQuick li a {
  color: #827389;
}
ul#HeaderQuick span {
  position: relative;
  margin-left: 15px;
}
ul#HeaderQuick #Product_btn {
  background: url(../img/headerquick_icon_01.jpg) no-repeat;
}
ul#HeaderQuick #Article_btn {
  background: url(../img/headerquick_icon_02.jpg) no-repeat;
}
ul#HeaderQuick #User_btn {
  background: url(../img/headerquick_icon_03.jpg) no-repeat;
}
#Cart {
  background-color: #fe735d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fd8471), to(#fe735d));
  background-image: -webkit-linear-gradient(top, #fd8471, #fe735d);
  background-image: -moz-linear-gradient(top, #fd8471, #fe735d);
  background-image: -ms-linear-gradient(top, #fd8471, #fe735d);
  background-image: -o-linear-gradient(top, #fd8471, #fe735d);
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  display: block;
  float: right;
  font-family: "微軟正黑體", "華康粗黑體";
  font-size: 15px;
  height: 35px;
  letter-spacing: 1;
  line-height: 36px;
  width: 85px;
  padding-left: 25px;
  margin: 40px 10px 0 0;
  border-radius: 3px;
  position: relative;
}
#Cart small {
  letter-spacing: 0;
}
#Cart:hover {
  background-position: bottom;
  background-color: #fe735d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe735d), to(#fd8471));
  background-image: -webkit-linear-gradient(top, #fe735d, #fd8471);
  background-image: -moz-linear-gradient(top, #fe735d, #fd8471);
  background-image: -ms-linear-gradient(top, #fe735d, #fd8471);
  background-image: -o-linear-gradient(top, #fe735d, #fd8471);
}
#Cart::before {
  content: '';
  background: url(../img/buy_icon_02.gif) no-repeat;
  width: 24px;
  height: 40px;
  position: absolute;
  left: 7px;
  top: 8px;
}
/*導覽列*/
#MainNav, #MainNav ul {
  margin: 0 auto 20px;
}
#MainNav {
  /* 選單大小 */
  width: 100%;
}
#MainNav ul {
  /* 取消ul樣式符號 */
  list-style: none;
  /* 內有浮動元件時，需設overflow才會自動調整大小 */
  overflow: auto;
  width: 1020px;
}
#MainNav ul li {
  /* 利用float讓第一層li水平排列 */
  float: left;
  text-align: center;
}
#MainNav ul li a {
  /* 將a改為區塊元件，以便指定寬高 */
  display: block;
}
#MainNav > ul > li > a {
  /* 這邊也要設float，否則IE6會以100%寬度顯示 */
  float: left;
  /* 固定高度 */
  height: 50px;
  padding: 0 10px;
}
#MainNav ul li ul {
  /* 讓第二層ul跳脫文件流以利定位 */
  position: absolute;
  /* 固定寬度 */
  width: 180px;
  /* 避免出現捲軸 */
  overflow: visible;
  /* 讓ul與母階層li相同位置 */
  clear: left;
  margin-top: 50px;
  *margin-top: 0;
  z-index: 102;
  letter-spacing: 1px;
}
#MainNav ul li:last-child ul {
  margin-left: -63px;
}
#MainNav ul li ul li {
  /* 覆寫繼承自第一層的浮動設定 */
  float: none;
  text-align: left;
}
#MainNav ul li ul li a {
  /* 覆寫繼承自第一層的浮動設定 */
  float: none;
  width: 100%; /* 註：display、padding繼承第一層的設定 */
  padding: 0;
}
/* ---------- 隱藏與顯示階層 ---------- */
#MainNav ul li ul {
  /* 預先隱藏第二層 */
  visibility: hidden;
}
#MainNav ul li:hover ul {
  /* 觸動第一層時，顯示第二層 */
  visibility: visible;
}
/* ---------- 美化 ---------- */
/* 第一層ul背景色彩與邊框 */
#MainNav {
  background: #fff; /* Old browsers */
}
/* 第一層a字型 */
#MainNav > ul > li > a {
  color: #323232;
  line-height: 50px;
  font-family: "微軟正黑體", "華康粗黑體";
  font-weight: bold;
}
#MainNav #Special > a {
  /*鑽石顏色*/
  color: #875fd2;
}
#MainNav #Vip > a {
  /*VIP顏色*/
  color: #fe735d;
}
/*第一層li.active(hover)文字*/
#MainNav > ul > li.active > a {
  color: #fff !important;
}
/*第二層ul背景色彩與邊框  */
#MainNav ul li ul {
  background-color: #464345;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .4)
}
#MainNav ul li ul li {
  padding: 5px 10px;
}
/* 第二層a字型 */
#MainNav ul li ul li a {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  line-height: 16px;
  font-family: "微軟正黑體", "華康中黑體";
  font-size: 14px;
}
/* 觸動第一層li時，改變背景色(寫在JS) */
#MainNav > ul > li:hover {}
/* 觸動第二層以上li時改變背景色 */
#MainNav ul li ul li:hover {
  background: #fe735d;
  transition: .1s;
}
#MainNav ul li ul li:hover a {
  color: #fff;
}
/*20141120MAINNAV限時特賣*/
#MainNav li.limite {
  background-image: url(../img/time-alt.png);
  background-repeat: no-repeat;
  background-position: 5px 12px;
}
#MainNav li.limite > a {
  width: 85px !important;
  padding-left: 22px;
}
#MainNav li.limite:hover {
  background-image: url(../img/time-alt-on.png);
}
/*跑馬燈*/
div#Marquee {
  position: relative;
  overflow: hidden; /*超出範圍的部份要隱藏 */
  width: 981px;
  height: 25px;
  text-align: center;
  margin: 10px auto 7px auto;
}
div#Marquee ul {
  list-style: none;
  display: inline-block;
}
div#Marquee ul {
  position: relative;
}
div#Marquee ul li a {
  display: block;
  overflow: hidden; /* 超出範圍的部份要隱藏 */
  font-size: 17px;
  font-family: Helvetica, "Noto Sans T Chinese", "微軟正黑體", "PMingLiU";
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
}
div#Marquee ul li a:hover {
  opacity: .7;
  transition: .3s;
}
div#Marquee li::before {
  content: "";
  background-image: url(../img/marquee_01.png);
  position: absolute;
  width: 8px;
  height: 12px;
  left: -12px;
  margin-top: 5px;
}
div#Marquee li::after {
  content: "";
  background-image: url(../img/marquee_02.png);
  position: absolute;
  width: 8px;
  height: 12px;
  right: -12px;
  margin-top: -20px;
}
div#Marquee .category {
  color: #f94452;
}
div#Marquee .content {
  color: #363636;
}
#IndexLeftSide {
  float: left;
}
/*連結路徑*/
#Path {
  list-style: none;
  overflow: auto;
  padding: 4px 0;
  width: 1020px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#Path li {
  float: left;
  font-size: 13px;
  margin: 0 20px 0 5px;
}
#Path li:last-child {
  color: #212121;
}
#Path li:before {
  content: '»';
  position: absolute;
  width: 10px;
  margin-left: -17px;
  margin-top: -1px;
  color: #727272;
}
#Path li a {
  color: #727272;
}
#Path li.home {
  padding-left: 20px;
}
#Path li.home::before {
  content: '';
  background: url(../img/home_icon.png) no-repeat;
  position: absolute;
  width: 14px;
  height: 14px;
  margin-left: -16px;
  margin-top: 1px;
}
#Path li a:hover {
  border-bottom: 1px solid #727272;
}
/*左方區塊----------------*/
#Leftside {
  float: left;
  width: 230px;
  margin-right: 10px;
}
#Leftside dt {
  font-family: '微軟正黑體';
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 10px 3px 10px 20px;
  ;
  font-weight: bold;
  margin-top: 15px;
  position: relative;
}
#Leftside dt::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 9px solid #ededed;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  left: 0;
}
/*左方選單*/
#LeftNav {
  margin-bottom: 10px;
}
#LeftNav dt {
  background-color: #805991;
}
#LeftNav a {
  color: #212121;
}
#LeftNav a:hover {
  text-decoration: underline;
}
#LeftNav ul {
  list-style: none;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #fff;
}
#LeftNav ul li .nav_title {
  position: relative;
  font-weight: bold;
  display: block;
  cursor: pointer;
}
#LeftNav ul li .nav_title .plus::before {
  content: '＋';
  font-family: '微軟正黑體';
  border: 1px solid #ccc;
  padding: 2px 1px;
  line-height: 12px;
  background-color: #fff;
  color: #666;
  position: absolute;
  right: 0;
}
#LeftNav ul li .active.nav_title .plus::before {
  content: '－';
}
#LeftNav > ul > li:hover, #LeftNav > ul > li:hover a {
  background-color: #888;
  color: #fff;
}
#LeftNav > ul > li {
  border-bottom: 1px solid #ccc;
  padding: 12px;
}
#LeftNav ul li .nav_content {
  padding-left: 17px;
  display: none;
}
#LeftNav ul li .nav_content span {
  display: block;
  padding-top: 5px;
}
#LeftNav > ul > li:hover span a {
  color: #fff;
}
/*右方區塊*/
#Rightside {
  float: right;
  width: 780px;
  padding-top: 15px;
  padding-bottom: 15px;
}
/*文章內文*/
#TextDetail {
  font-size: 13px;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 20px;
}
#TextDetail dl {
  margin: 0
}
#TextDetail ul {
  list-style: none;
}
#TextDetail li dt, #TextDetail li dd {
  display: inline-block;
  *float: left;
}
#TextDetail li dt {
  width: 80px;
}
/*社群分享 浮右*/
#TextDetail li .a2a_kit {
  float: right;
}
/*標頭兩段*/
#TextDetail ul#Info_twoline li {
  border-bottom: 1px dotted #9d9d9d;
  overflow: auto;
  padding: 5px 20px;
}
#TextDetail ul#Info_twoline li .spread, #TextDetail ul#Info_twoline li .visitor {
  float: right;
}
#TextDetail ul#Info_twoline li .visitor {
  margin-top: 5px;
}
/*標頭四段*/
#TextDetail ul#Info_fourline li {
  border-bottom: 1px solid #bfbfbf;
  padding: 5px 10px;
  line-height: 24px;
}
#TextDetail ul#Info_fourline li:nth-child(even) {
  background-color: #f1f1f1;
}
/*前往購買 按鈕*/
#TextDetail ul#Info_fourline .gray_go_btn {
  float: right;
}
dd#TextContent {
  border-bottom: 1px solid #ccc;
  padding: 10px 0 20px 10px;
  width: 718px;
  margin: 0 auto 20px auto;
  color: #444;
  font-size: 13px;
}
dd#TextContent img {
  max-width: 650px;
}
/*尾頁*/
#Footer {
  font-size: 13px;
  background: #161616; /* Old browsers */
  background: -moz-linear-gradient(top, #161616 0%, #504550 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #161616), color-stop(100%, #504550)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #161616 0%, #504550 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #161616 0%, #504550 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #161616 0%, #504550 100%); /* IE10+ */
  background: linear-gradient(to bottom, #161616 0%, #504550 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#504550', GradientType=0); /* IE6-9 */
}
#FooterNav {
  overflow: auto;
  padding: 5px 0;
  line-height: 22px;
}
#FooterNav ul#Links {
  float: left;
  width: 770px;
  list-style: none;
  overflow: auto;
  display: block;
  padding: 10px 0;
  *overflow: hidden;
  padding: 20px 0;
}
#FooterNav ul#Links dl {
  float: left;
  padding: 0 15px; /*原18px 控制底部menu 手機/電腦版*/
  border-right: 1px solid #666;
  min-height: 105px;
  *list-style: none;
  *padding: 0 15px;
}
#FooterNav ul#Links dl:last-child {
  border: none;
}
#FooterNav ul#Links .series dt {
  float: left;
  padding: 0 8px 0 0;
}
#FooterNav ul#Links .series dd {
  float: left;
}
#FooterNav a, #FooterNav dt {
  color: #d8d8d8;
}
#FooterNav dd a {
  color: #fff;
}
#FooterNav a:hover {
  text-decoration: underline;
}
.QRcode {
  background: url(../img/qrcode.png) no-repeat;
  width: 84px;
  height: 84px;
  text-indent: -9999px;
  margin: 0 auto;
}
.computer {
  background: url(../img/computer_icon.png) 0 1px no-repeat;
  padding-left: 17px;
}
.phone {
  background: url(../img/phone_icon.png) 0 1px no-repeat;
  padding-left: 15px;
}
#Other {
  width: 240px;
  float: right;
  overflow: auto;
  padding: 10px 0
}
#social {
  width: 155px;
  margin: 0 auto;
  *margin: 2px auto 5px auto;
}
#social ul {
  list-style: none;
}
#social li {
  float: left;
}
#social li a {
  background-image: url(../img/btn_01.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 28px;
  margin: 15px 5px;
  width: 28px;
  text-indent: -9999px;
}
#social .twitter a {
  background-position: -30px 0;
}
#social .google a {
  background-position: -60px 0;
}
#social .plurk a {
  background-position: -90px 0;
}
/*搜尋*/
#FooterSearch {
  width: 221px;
  float: left;
  background: url(../img/footer_search.jpg) no-repeat;
  margin: 12px 0 0 9px;
  padding-bottom: 18px;
  margin-top: 25px;
}
#FooterSearch input[type="text"] {
  width: 186px;
  height: 35px;
  margin-left: 2px;
  *margin-top: 7px;
  padding-left: 5px;
  border: none;
  background: none;
  outline: none;
  font-size: 13px;
  color: #000
}
#FooterSearch input[type="submit"] {
  width: 35px;
  height: 35px;
  margin-top: -34px;
  float: right;
  cursor: pointer;
  border: none;
  background: none;
  outline: none;
}
#FooterInfo {
  color: #ccc;
  background-color: #000;
}
#info {
  padding: 15px 0 15px 20px;
  font-size: 13px;
}
.top {
  background: #515151;
  color: #fff;
  float: right;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  padding-top: 3px;
  height: 17px;
  width: 38px;
  padding-left: 2px;
  letter-spacing: 0;
  margin-right: 15px;
}
.seo,.seo a {
  color: #fff;
}