@charset "UTF-8";

.content, .content p {

  font-family: "微軟正黑體",Arial, Helvetica, sans-serif;

  font-size: 14px;

}



#inner_banner {

  width: 1000px;

  height: 241px;

  text-align: center;

  margin: 0px auto 32px auto;

  position: relative;

}

#inner_banner img {

  width: 1000px;

  height: 241px;

}

#inner_banner:after {

  content: "";

  position: absolute;

  left: 0;

  top: 241px;

  width: 999px;

  height: 17px;

  background: url(../images/inner/shadow.png) no-repeat 0 0;

}



#main #breadcrumbs {

  padding: 0;

  text-align: left;

  font-size: 12px;

  color: #999999;

  clear: both;

  position: relative;

  float: right;

}

#main #breadcrumbs a {

  color: #999999;

  text-decoration: none;

  letter-spacing: 1px;

}

#main #breadcrumbs a:first-child {

  background: url(../images/inner/backhome.png) no-repeat 0 0;

  padding-left: 18px;

}

#main #breadcrumbs a:first-child:hover {

  background: url(../images/inner/backhome_.png) no-repeat 0 0;

}

#main .center_title {

  text-align: center;

  color: #000000;

  font-size: 16px;

  margin-top: 24px;

  margin-bottom: 34px;

  font-weight: bold;

  padding-bottom: 24px;

  border-bottom: 1px solid #D9D9D9;

}

#main .center_title span {

  color: #999999;

  font-size: 30px;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  margin-right: 10px;

}



#leftside {

  float: left;

  width: 200px;

  margin: 0 27px 0 0;

  padding: 0 0 14px 0;

  min-height: 379px;

  position: relative;

}

#leftside .left_title {

  width: 200px;

  height: 66px;

  line-height: 66px;

  background: url(../images/inner/left_title.png) no-repeat 0 0;

  font-size: 20px;

  font-weight: bold;

  font-family: Arial, Helvetica, sans-serif;

  text-align: center;

  color: #fff;

  letter-spacing: 1px;

  margin-bottom: 6px;

}

#leftside .left_menu {

  padding: 0;

  margin: 0 0 0 0px;

  overflow: hidden;

  display: block;

  position: relative;

  width: 200px;

}

#leftside .left_menu ul {

  padding: 0 0;

  margin: 0;

}

#leftside .left_menu ul > li {

  list-style: none;

  margin: 0 0 8px 0;

  padding: 0 0 0 0px;

}

#leftside .left_menu ul > li a {

  width: auto;

  color: #fff;

  font-size: 15px;

  text-align: left;

  display: block;

  text-decoration: none;

  margin: 0;

  padding: 3px 35px 4px 13px;

  background: #444444 url(../images/inner/menu_bg.png) repeat-x 0 0;

  display: block;

  position: relative;

}

#leftside .left_menu ul > li a:before {

  content: "-";

}

#leftside .left_menu ul > li a:hover:after,

#leftside .left_menu ul > li.active a:after{

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 35px;

  height: 30px;

  background: url(../images/inner/icon.png) no-repeat 0 0;

}

#leftside .left_menu ul > li ul {

  background: #EEEEEE;

  padding-top: 14px;

  padding-bottom: 14px;

  border-bottom: 1px solid #888888;

}

#leftside .left_menu ul > li ul li {

  margin-bottom: 4px;

}

#leftside .left_menu ul > li ul li a {

  color: #666666;

  background: none;

  padding: 3px 15px 3px 20px;

}

#leftside .left_menu ul > li ul li a:before {

  content: "";

  display: none;

}

#leftside .left_menu ul > li ul li a:after {

  display: none;

}

#leftside .left_menu ul > li ul li a:hover,#leftside .left_menu ul > li ul li.active a{

  color: #B8191F;

  background: #d7d7d7 url(../images/inner/icon2.png) no-repeat 23px 12px;

  padding-left: 36px;

}

.ma_menu ul{

    display: none;

}



/*rightside*/

#rightside {

  line-height: 150%;

  margin: 0px 0 0 0;

  padding: 0px 0 0 0;

  width: auto;

  overflow: hidden;

}

#rightside .right_title {

  background: url(../images/inner/title_icon.png) no-repeat 8px 8px;

  padding: 4px 0 12px 32px;

  margin: 0 0 30px 0;

  position: relative;

  color: #333333;

  font-size: 18px;

  line-height: 120%;

  font-weight: bold;

  border-bottom: 1px solid #333333;

}

#rightside .right_title2 {

  padding: 4px 0 12px 2px;

  margin: 0 0 30px 0;

  position: relative;

  color: #B81A21;

  font-size: 18px;

  line-height: 120%;

  font-weight: bold;

  border-bottom: 1px solid #333333;

}

#rightside .right_title2:before {

  content: "搜尋 : ";

  color: #000;

}



.content {

  margin: 0 0 30px 0;

  padding: 0;

  width: auto;

  position: relative;

}

.content .leftpic {

  float: left;

  margin-right: 16px;

}

.content .rightpic {

  float: right;

  margin-left: 38px;

}

.content .centerpic {

  margin: 0 auto 24px auto;

  text-align: center;

}

.content .title3 {

  padding: 0 0 0 22px;

  margin: 0px 0 18px 0;

  font-size: 18px;

  color: #0059B2;

  background: url(../images/module/icon4.png) no-repeat 0px 9px;

  font-weight: bold;

}

.content .title4 {

  padding: 0;

  margin: 0px 0 0px 0;

  font-size: 13px;

  color: #004C66;

  font-weight: bold;

}

.content .title5 {

  padding: 0;

  margin: 0px 0 0px 0;

  font-size: 13px;

  color: #19264C;

}

.content h4 {

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 10px;

  letter-spacing: 0;

}

.content h5 {

  font-size: 14px;

  font-weight: bold;

  color: #B7262C;

  margin-bottom: 4px;

}

.content p {

  margin: 0 0px 22px 0;

  color: #333333;

  text-align: justify;

  letter-spacing: 0px;

  line-height: 180%;

}



#news_list {

  width: 1000px;
  padding-top:10px;

}

#news_list ul {

  margin: 0;

  padding: 0;

}

#news_list ul li {

  position: relative;

  margin: 0 0 34px 0;

  padding: 0;

}

#news_list ul li a {

  text-decoration: none;

}

#news_list ul li a .news_info {

  border: 1px solid #CECECE;

  padding: 10px 50px 10px 89px;

  position: relative;

}

#news_list ul li a .news_info .news_date {

  position: absolute;

  left: 10px;

  top: -10px;

  text-align: center;

  padding: 14px 4px;

  width: 56px;

  height: 42px;

  background: url(../images/index/date.jpg) no-repeat 0 0;

  color: #777777;

  font-size: 13px;

  font-family: Arial, Helvetica, sans-serif;

  border: 1px solid #fff;

}

#news_list ul li a .news_info .news_date span {

  color: #B81A21;

  font-size: 20px;

  display: block;

}

#news_list ul li a .news_info .news_title {

  font-size: 15px;

  margin-bottom: 6px;

  color: #333333;

}

#news_list ul li a .news_info .news_text {

  line-height: 170%;

  font-size: 13px;

  color: #AAAAAA;

}

#news_list ul li a:hover .news_info {

  border: 1px solid #CE7276;
  background: #F7F7F7;

}



#news_detail .news_info {

  border: 1px solid #CECECE;

  padding: 22px 50px 22px 89px;

  position: relative;

  margin-bottom: 40px;

  margin-top:10px;

}

#news_detail .news_info .news_date {

  position: absolute;

  left: 10px;

  top: -10px;

  text-align: center;

  padding: 10px 4px;

  width: 56px;

  height: 42px;

  background: url(../images/index/date.jpg) no-repeat 0 0;

  color: #777777;

  font-size: 13px;

  font-family: Arial, Helvetica, sans-serif;

  border: 1px solid #fff;

}

#news_detail .news_info .news_date span {

  color: #B81A21;

  font-size: 20px;

  display: block;

}

#news_detail .news_info .news_title {

  font-size: 16px;

  color: #333333;

  font-weight: bold;

}



/* CSS Document */

/*pages*/

#pages, #pages2 {

  position: relative;

  font-size: 13px;

}



#pages a, #pages2 a {

  color: #666666;

  display: inline-block;

  text-decoration: none;

}



#pages {

  float: none;

  margin: 30px 0 0px 0;

  padding-top: 30px;

  text-align: center;

  clear: both;

}

#pages table {

  margin: 0 auto;

}

#pages table td {

  padding: 0 3px;

}

#pages a {

  padding: 0px 0;

  margin: 0 6px;

  display: inline-block;

  text-align: center;

}

#pages a:visited {

  color: #666666;

  text-decoration: underline;

}

#pages a:hover {

  color: #B81B22;

  text-decoration: underline;

}

#pages a.active {

  color: #B81B22;

  text-decoration: underline;

}

#pages a.here {

  color: #B81B22;

  text-decoration: underline;

}



#pages2 {

  float: none;

  margin: 0px 0 0 0;

  padding-top: 0;

  text-align: center;

  clear: both;

}

#pages2 table {

  margin: 0 auto;

}

#pages2 table td {

  padding: 0;

}

#pages2 a {

  padding: 0px 0;

  margin: 0 6px;

  display: inline-block;

  text-align: center;

}

#pages2 a:visited {

  color: #666666;

  text-decoration: underline;

}

#pages2 a:hover {

  color: #B81B22;

  text-decoration: underline;

}

#pages2 a.active {

  color: #B81B22;

  text-decoration: underline;

}

#pages2 a.here {

  color: #B81B22;

  text-decoration: underline;

}



.border {

  border-top: 1px solid #D9D9D9;

}



#back {

  cursor: pointer;

  padding-left: 24px !important;

  background: url("../images/inner/back_.png") left 0px no-repeat !important;

  line-height: 19px;

}

#back:hover {

  background: url("../images/inner/back.png") left 0px no-repeat !important;

  text-decoration: none !important;

}



#p01 {

  padding-right: 13px !important;

  background: url("../images/inner/page_left.png") right 5px no-repeat !important;

  margin-right: 12px !important;

}

#p01:hover {

  background: url("../images/inner/page_left_.png") right 5px no-repeat !important;

  text-decoration: none !important;

}



#p02 {

  padding-left: 13px !important;

  background: url("../images/inner/page_right.png") left 5px no-repeat !important;

  margin-left: 10px !important;

}

#p02:hover {

  background: url("../images/inner/page_right_.png") left 5px no-repeat !important;

  text-decoration: none !important;

}



.refresh {

  width: 26px !important;

  height: 25px !important;

  background: url("../images/inner/refresh.png") left 0 no-repeat;

  display: inline-block;

  vertical-align: middle;

  margin-left: 0px;

}

.refresh:hover {

  background: url("../images/inner/refresh_.png") left 0 no-repeat;

}



#clear_Btn {

  font-size: 13px;

  color: #555555;

  line-height: 25px;

  padding: 0 12px 0 22px !important;

  background: url("../images/inner/page_left_.png") 7px center no-repeat !important;

  border: 1px solid #999999;

  margin-right: 10px;

}

#clear_Btn:hover {

  border: 1px solid #C5454B;

}



#submit_Btn {

  font-size: 13px;

  color: #555555;

  line-height: 25px;

  padding: 0 22px 0 12px !important;

  background: url("../images/inner/page_right_.png") 74px center no-repeat !important;

  border: 1px solid #999999;

  margin-left: 10px;

}

#submit_Btn:hover {

  border: 1px solid #C5454B;

}



#home {

  font-size: 13px;

  color: #666;

  line-height: 35px;

  padding: 0 14px 0 38px !important;

  background: url("../images/inner/backhome.png") 14px center no-repeat !important;

  border: 1px solid #999999;

}

#home:hover {

  color: #B81B22;

  background: url("../images/inner/backhome_.png") 14px center no-repeat !important;

  text-decoration: none !important;

}



/*contact*/

#contact .hint {

  font-size: 14px;

  color: #525252;

  margin-bottom: 6px;

  background: #EEEEEE;

  padding: 15px;

  text-align: center;

}

#contact .hint img {

  vertical-align: middle;

  margin-left: 25px;

  margin-right: 6px;

}

#contact .contact {

  width: 100%;

  margin: 0 78px 0px 78px;

  overflow: hidden;



}


#contact .input{
	  width: 100%;
	  height:425px;
	  padding-top:30px;
	 background: url(../images/contact/bg.jpg) no-repeat 0 0;
	}


#contact .contact th {

  color: #525252;

  font-size: 13px;

  padding: 8px 0 8px 14px;

  text-align: left;

  background: url(../images/inner/icon2.png) no-repeat 0 16px;

  vertical-align: top;

}

#contact .contact td {

  padding: 8px 0 8px 0;

  vertical-align: top;

}

#contact .contact td input[type=text] {

  border: 1px solid #CCCCCC;

  height: 32px;

  width: 500px;

  font-size: 13px;

  padding: 0px 10px;

  color: #999999;

  border-radius: 5px;

}

#contact .contact td textarea {

  border: 1px solid #CCCCCC;

  width: 500px;

  height: 100px;

  font-size: 13px;

  padding: 0px 10px;

  color: #999999;

  border-radius: 5px;

}

#contact .contact td img {

  vertical-align: middle;

  margin-left: 5px;

}



#contact_ok {

  text-align: center;

  line-height: 175%;

  letter-spacing: 1px;

  margin-top: 40px;

}

#contact_ok .title {

  font-size: 18px;

  color: #fff;

  text-align: center;

  margin: 0 auto 18px auto;

  font-weight: bold;

  background: #B7282E;

  padding: 10px;

  width: 370px;

}

#contact_ok p {

  text-align: center;

  color: #3B3B3B;

}



.about_list {

  margin-bottom: 30px;

  overflow: hidden;

}

.about_list ul {

  margin-left: 6px;

  margin-right: 16px;

  padding-top: 8px;

  padding-right: 26px;

  border-right: 1px solid #BBBBBB;

  float: left;

}

.about_list ul li {

  background: url(../images/index/icon.png) no-repeat 0 center;

  font-size: 18px;

  color: #000000;

  padding-left: 13px;

  margin-bottom: 15px;

}

.about_list ul li span {

  color: #B81920;

}

.about_list p {

  padding-top: 15px;

}


/*商品大分類列表*/

#products_list1, #search_list {

  overflow: hidden;

}

#products_list1 ul li, #search_list ul li {

  float: left;

  margin-right: 12px;

  margin-bottom: 40px;

  width: 380px;



}

#products_list1 ul li:nth-child(2n) {

  margin-right: 0;

}

#products_list1 ul li .products_pic {
	width: 379px;
	height: 107px;
	position: relative;
	margin-bottom: 18px;
	padding-bottom:12px;
	  background:url(../images/products/shadow_b.png) center bottom no-repeat;

}

#products_list1 ul li .products_pic a span, #search_list ul li .products_pic a span {

  position: absolute;

  z-index: 99;

  width: 379px;

  height: 107px;

  background: url(../images/products/overlay_b.png) no-repeat 0 center;

  display: none;

}

#products_list1 ul li .products_pic a img, #search_list ul li .products_pic a img {

  width: 379px;

  height: 107px;

  position: absolute;

  z-index: 9;

}

#products_list1 ul li .products_pic a:hover span, #search_list ul li .products_pic a:hover span {

  display: block;

}

/* #products_list1 ul li .products_pic:after, #search_list ul li .products_pic:after {

  content: "";

  width: 379px;

  height: 10px;

  background: url(../images/products/shadow_b.png) no-repeat 0 center;

  display: block;

  position: absolute;

  left: 0;

  top: 182px;

} */

#products_list1 ul li .products_name, #search_list ul li .products_name {

  text-align: center;

  font-size: 14px;

  color: #535353;

}

#products_list1 ul li .products_name a, #search_list ul li .products_name a {

  color: #535353;

  text-decoration: none;

}

#products_list1 ul li .products_name a:hover, #search_list ul li .products_name a:hover {

  color: #B81B22;

}


/*商品大分類列表*/






#products_list, #search_list {

  overflow: hidden;

}

#products_list ul li, #search_list ul li {

  float: left;

  margin-right: 26px;

  margin-bottom: 40px;

  width: 240px;

}

#products_list ul li:nth-child(3n), #search_list ul li:nth-child(3n) {

  margin-right: 0;

}

#products_list ul li .products_pic, #search_list ul li .products_pic {

  width: 240px;

  height: 180px;

  position: relative;

  margin-bottom: 18px;

}

#products_list ul li .products_pic a span, #search_list ul li .products_pic a span {

  position: absolute;

  z-index: 99;

  width: 240px;

  height: 180px;

  background: url(../images/products/overlay.png) no-repeat 0 center;

  display: none;

}

#products_list ul li .products_pic a img, #search_list ul li .products_pic a img {

  width: 240px;

  height: 180px;

  position: absolute;

  z-index: 9;

}

#products_list ul li .products_pic a:hover span, #search_list ul li .products_pic a:hover span {

  display: block;

}

#products_list ul li .products_pic:after, #search_list ul li .products_pic:after {

  content: "";

  width: 240px;

  height: 10px;

  background: url(../images/products/shadow.png) no-repeat 0 center;

  display: block;

  position: absolute;

  left: 0;

  top: 182px;

}

#products_list ul li .products_name, #search_list ul li .products_name {

  text-align: center;

  font-size: 14px;

  color: #535353;

}

#products_list ul li .products_name a, #search_list ul li .products_name a {

  color: #535353;

  text-decoration: none;

}

#products_list ul li .products_name a:hover, #search_list ul li .products_name a:hover {

  color: #B81B22;

}



.products_name2 {

  background: #b81a21 url(../images/products/icon.png) no-repeat 13px center;

  color: #fff;

  font-size: 18px;

  padding: 10px 10px 10px 46px;

  margin-bottom: 0 !important;

}



#products_detail {

  margin-bottom: 20px;

  overflow: hidden;

  border-left: 1px solid #DDDDDD;

  border-right: 1px solid #DDDDDD;

  border-bottom: 1px solid #DDDDDD;

  position: relative;

}

#products_detail .photo {

  margin: 0 0 56px 0;

  padding: 25px 25px 60px 25px;

  overflow: hidden;

  position: relative;

  border-bottom: 1px solid #DDDDDD;

}

#products_detail .photo .bigpic {

  float: left;

  margin-right: 20px;

  width: 600px;

  height: 450px;

  position: relative;

}

#products_detail .photo .bigpic img {

  width: 600px;

  height: 450px;

}

#products_detail .photo .bigpic:after {

  content: "";

  width: 600px;

  height: 14px;

  background: url(../images/products/shadow2.png) no-repeat 0 center;

  display: block;

  position: absolute;

  top: 452px;

}

#products_detail .photo .smallpic {

  overflow: hidden;

  position: relative;

}

#products_detail .photo .smallpic ul li {

  width: 88px;

  height: 66px;

  margin-bottom: 11px;

}

#products_detail .photo .smallpic ul li:last-child {

  margin-bottom: 0;

}

#products_detail .photo .smallpic ul li a img {

  width: 88px;

  height: 66px;

}

#products_detail .photo .smallpic ul li a span {

  position: absolute;

  z-index: 99;

  width: 88px;

  height: 66px;

  background: rgba(0, 0, 0, 0.8);

  display: none;

}

#products_detail .photo .smallpic ul li a:hover span {

  display: block;

}

#products_detail .detail {

  padding: 6px 10px;

  font-size: 14px;

  color: #B81920;

  border: 1px solid #B81920;

  background: #fff;

  position: absolute;

  top: 522px;

  left: 351px;

}

#products_detail p {

  margin-right: 25px;

  margin-left: 25px;

}



/*







@import "_service.scss";

@import "_progress.scss";

@import "_video.scss";

@import "_project.scss";

@import "sitemap";



*/