@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, div,  ul , img ,ol {padding:0;	margin:0; list-style-type: none;}

body{font: 13px "verdana", "Georgia","apple LiGothic Medium", "arial", "Courier", "Helvetica", "Times";-webkit-text-size-adjust:none;}

a{color: #1c100b; text-decoration: none;}
a:hover{color: #38421c;}


/*header*/
.header{width: 930px; clear: both; margin:10px auto 10px auto;}

.logo{float: left;}
.userbar{float: right; margin-top: 4px;}

.userbar li.first{letter-spacing: 0px;}
.userbar li{float: left; background:url(../../images/index/square.png) no-repeat; padding-left: 10px; background-position: 0px 8px;   margin-left: 8px; letter-spacing: 1px;}

.searchbar{width: 435px; height: 70px;  float: left; position: relative;}

.searchbar .drop{width: 95px; position: absolute; height: 34px;}
.searchbar .text{width: 284px; margin-bottom: 6px; margin-left: 100px;height: 30px; padding: 0px 0px 2px 6px;}

.searchbar img{ position: absolute; right:-1px; top: 0px; display: block;}

.searchbar a{margin-right: 10px;}


.headerad_b{margin: 10px 0px 10px 0px; height: 60px; vertical-align:bottom;}
.headerad_s{margin-left: 8px; float: left;}
.todayad{margin-left: 8px;}


.cart{display: block; width: 15px; height: 15px; margin-top: 1px; float: left; margin-right: 3px;}


/*menubar*/
.menubar{width: 100%; background-color: #38421c; text-align: center; margin-bottom: 10px;}
.menu {
  list-style-type: none;
  overflow: hidden;
  background-color: #38421c;
  width: 930px;
  display: block;
  margin: auto;

}

.menu li {font-family: 'Noto Sans TC', sans-serif; float: left; font-size: 15px; font-weight:400; color:#ffffff; text-align: center; letter-spacing: 1px; z-index: 9999;}

.menu li a{
  display: inline-block;
  color: white;
  text-align: center;
  padding: 6px 18px;
  text-decoration: none;
  font-family: 'Noto Sans TC', sans-serif;
}

.menu li a.index{padding: 6px 29px;}

li.act {background:#537800;}

.menu li a:hover{
  background-color: #537800;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


.menu .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border:  1px solid #537800;
  border-top: 0px;
  margin-left: -1px;
  color: #38421c;
  font-size: 14px;
  padding-bottom: 5px;
}

/*.menu .dropdown-content a:hover {background-color: #f1f1f1;}*/
.menu .dropdown:hover .dropdown-content {
  display: block;
  z-index: 9999;
}

.col1{ float: left;  text-align: left; padding: 5px 0px 5px 0px;   }
.col2{ float: left; text-align: left; padding: 5px 0px 5px 0px; }

.col1 p a{color: #38421c; padding: 8px 25px; font-size: 14px; font-weight:400;}
.col2 p a{color: #38421c; padding: 8px 30px; font-size: 14px; font-weight:400;}

.col1 p a:hover{background-color:#ffffff;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); color: #537800;}
.col2 p a:hover{background-color:#ffffff;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); color: #537800;}

.dropfinal{margin-left: -104px !important;}