@import url(../system/css/editor.css);

@charset "UTF-8";

.content, .content p {

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

  font-size: 14px;

}



#inner_banner {

  width: 965px;

  height: 216px;

  text-align: center;

  margin: 0px auto 29px auto;

}

#inner_banner img {

  width: 965px;

  height: 216px;

}



.inner #main {

  width: 965px;

  margin: 0 auto;

}



#leftside {

  float: left;

  width: 196px;

  margin: 0 31px 0 0;

  padding: 0 0 0 0;

  position: relative;

  overflow: hidden;

}

#leftside:after {

  content: "";

  display: block;

  width: 196px;

  height: 9px;

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

}

#leftside .left_title {

  width: 196px;

  height: 61px;

  margin-bottom: 6px;

}

#leftside .left_title img {

  width: 196px;

  height: 61px;

}

#leftside .left_menu {

  padding: 0;

  margin: 0 0 0 0px;

  overflow: hidden;

  display: block;

  position: relative;

  width: 196px;

  background: #EEEEEE;

}

#leftside .left_menu ul {

  padding: 0 0;

  margin: 0 10px;

}

#leftside .left_menu ul ul{

    display: none;

}

#leftside .left_menu ul li {

  list-style: none;

  margin: 0 0 0 0;

  padding: 0 0 0 0px;
  

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

}

#leftside .left_menu ul li:last-child {

  background: none;

}

#leftside .left_menu ul li a {

  color: #5F5F5F;

  font-size: 15px;

  text-decoration: none;

  letter-spacing: 1px;

  text-align: left;

  padding: 8px 10px 5px 38px;

  display: block;

  position: relative;
  
  font-weight:bold;

  background: url(../images/inner/icon1.png) no-repeat 22px center;

}

#leftside .left_menu ul li>a{

    margin-bottom: 0px;

}

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

  color: #0067D2;

}

#leftside .left_menu ul li ul {

  padding: 0 0 10px 0;

  /*margin: -5px 0 0 0;*/

}

#leftside .left_menu ul li ul li {

  background: none;
  border-bottom:1px solid rgba(196,196,196,1.00);

}



#leftside .left_menu ul li ul li:first-child{

   
     border-top:1px solid rgba(196,196,196,1.00);
	  border-bottom:1px solid rgba(196,196,196,1.00);
   
   

}


#leftside .left_menu ul li ul li:last-child{

   border-bottom:none;
   
   

}



#leftside .left_menu ul li ul li a {

  padding: 2px 10px 2px 10px;

  margin: 0px  20px;
  
  font-size:13px;

  background: none;
  
  color:#7B7B7B;
  
  font-weight:normal;

}









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

  color: #FF850D;

}

#leftside .pic {

  width: 196px;

  height: 118px;

  background: url(../images/inner/left_bg.jpg) no-repeat 0 0;

  margin-bottom: 6px;

}



/*rightside*/

#rightside {

  width: 737px;

  line-height: 150%;

  margin: 0px 0 0 0;

  padding: 0px 0 0 0;

  float: right;

  min-height: 400px;

}

#rightside .right_title {

  height: 35px;

  padding: 0 0 10px 0;

  margin: 0 0 29px 0;

  position: relative;

  line-height: 120%;

  font-weight: bold;

  border-bottom: 1px solid #BBBBBB;

}

#rightside .right_title span{
	position:absolute;
	color:#FF7F00;
	font-size:18px;
	top:10px;}


#rightside #breadcrumbs {

  padding: 0;

  text-align: left;

  font-size: 15px;

  color: #7F7F7F;

  clear: both;

  position: relative;

  z-index: 9999;

  float: right;

  margin-top: 8px;

  margin-right: 0px;

}

#rightside #breadcrumbs a {

  color: #858585;

  text-decoration: none;

}



.content {

  margin: 0 0 0 0;

  padding: 0 0 50px 0;

  width: auto;

  position: relative;

  min-height: 205px;

}

.content .leftpic {

  float: left;

  margin-right: 16px;

}

.content .rightpic {

  float: right;

  margin-left: 38px;

}

.content .centerpic {

  margin: 0 auto 24px auto;

}

.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;

  color: #852CB7;

  margin-bottom: 10px;

  letter-spacing: 0;

}

.content h5 {

  font-size: 15px;

  font-weight: bold;

  color: #305894;

  margin-bottom: 10px;

}

.content p {

  margin: 0 0px 30px 0;

  color: #7F7F7F;

  text-align: justify;

  letter-spacing: 0px;

  line-height: 160%;

}



dl.about dt {

  color: #FF3F00;

  width: 50px;

  float: left;

  margin-bottom: 15px;

}

dl.about dd {

  margin-bottom: 15px;

}



.classify {

  margin-bottom: 30px;

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

  padding-left: 21px;

  color: #5F5F5F;

}

.classify a {

  color: #5F5F5F;

  text-decoration: none;

}



#products_list {

  overflow: hidden;

}

#products_list ul li {

  float: left;

  margin-right: 16px;

  margin-bottom: 40px;

}

#products_list ul li:nth-child(4n) {

  margin-right: 0;

}

#products_list ul li a {

  text-decoration: none;

  border: 1px solid #D4D4D4;

  width: 160px;

  padding: 5px;

  background: #fff;

  overflow: hidden;

  display: block;

}

#products_list ul li a .pic {

  width: 160px;

  height: 120px;

  margin-bottom: 3px;

}

#products_list ul li a .pic img {

  width: 160px;

  height: 120px;

}

#products_list ul li a .name {

  text-align: center;

  background: url(../images/module/bg1.png) repeat 0 0;

  font-size: 15px;

  color: #FFFFFF;

  padding: 4px 4px 6px 4px;

  letter-spacing: 2px;

  font-weight: bold;

}

#products_list ul li a:hover {

  text-decoration: none;

  border: 1px solid #FF8000;

}

#products_list ul li a:hover .name {

  background: url(../images/module/bg1_.png) repeat 0 0;

}



#products_detail {

  margin-bottom: 20px;

  overflow: hidden;

}


#products_detail img{
max-width: 100%;
height: auto !important;
}




#products_detail .title {

  font-size: 20px;

  color: #fff;

  text-align: left;

  padding: 10px 22px;

  margin-bottom: 18px;

  background: url(../images/inner/bg1.png) repeat 0px 0px;

}

#products_detail .photo {

  margin: 0 0 31px 0;

  padding: 0;

  overflow: hidden;

  position: relative;

}

#products_detail .photo .bigpic {

  float: left;

  margin-right: 14px;

  width: 627px;

  height: 470px;

  border: 1px solid #e4e4e4;

}

#products_detail .photo .bigpic img {

  width: 627px;

  height: 470px;

}

#products_detail .photo .smallpic {

  overflow: hidden;

  position: relative;

}

#products_detail .photo .smallpic ul li {

  width: 92px;

  height: 69px;

  border: 1px solid #e4e4e4;

  margin-bottom: 9px;

}

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

  margin-bottom: 0;

}

#products_detail .photo .smallpic ul li img {

  width: 92px;

  height: 69px;

}

#products_detail .photo .smallpic ul li:hover {

  border: 1px solid #FF8000;

}

#products_detail .detail {

  margin-bottom: 38px;

}



.contact_map {

  float: left;

  margin-right: 25px;

}



.contact_info {

/*  padding-top: 48px;*/

}

.contact_info img {

  margin-bottom: 15px;

}

.contact_info p {

  line-height: 170%;

}

.contact_info p a {

  color: #7F7F7F;

  text-decoration: none;

}



.hint {

  font-size: 14px;

  color: #fff;

  background: url(../images/contact/hint_bg.png) no-repeat 0px 0px;

  width: 699px;

  height: 40px;

  line-height: 40px;

  padding-left: 35px;

  margin-bottom: 16px;

}



/*contact*/

#contact {

  background: #efefef;

  border: 1px solid #D4D4D4;

  padding: 15px 15px;

}

#contact table {

  width: 100%;

  margin: 0 0 0px 0;

  overflow: hidden;

}

#contact table th {

  color: #444444;

  padding: 6px;

  text-align: left;

  font-size: 13px;

  width: 90px;

}

#contact table th span {

  color: #B20000;

  font-size: 15px;

  font-weight: bold;

  width: 16px;

  display: inline-block;

}

#contact table td {

  padding: 6px;

  vertical-align: top;

}

#contact table td label {

  color: #C58513;

  font-size: 15px;

  display: block;

  margin-bottom: 3px;

  margin-left: 7px;

}

#contact table td label span {

  margin-left: 3px;

}

#contact table td input[type=text] {

  border: 1px solid #E0E0E0;

  background: #fff;

  height: 24px;

  width: 570px;

  font-size: 13px;

  padding: 0px 10px;

  color: #999999;

  border-radius: 5px;

}

#contact table td textarea {

  border: 1px solid #E0E0E0;

  background: #fff;

  width: 570px;

  height: 118px;

  font-size: 13px;

  padding: 0px 10px;

  color: #999999;

  border-radius: 5px;

}

#contact table td img {

  vertical-align: middle;

  margin-left: 12px;

  margin-right: 5px;

}



#contact_ok {

  text-align: center;

  line-height: 175%;

  letter-spacing: 1px;

}

#contact_ok .title {

  font-size: 16px;

  color: #fff;

  text-align: center;

  padding: 8px;

  width: 390px;

  margin: 0 auto 18px auto;

  background: url(../images/inner/bg1.png) repeat 0px 0px;

}

#contact_ok p {

  text-align: center;

  color: #838383;

  margin-bottom: 0;

}



/* CSS Document */

/*pages*/

#pages, #pages2 {

  position: relative;

  font-size: 14px;

}



#pages a, #pages2 a {

  color: #878787;

  display: inline-block;

  text-decoration: none;

}



#pages {

  float: none;

  margin: 30px 0 10px 0;

  padding-top: 0px;

  text-align: left;

  clear: both;

}

#pages table {

  margin: 0 auto;

}

#pages table td {

  padding: 0 3px;

}

#pages a {

  padding: 0px 0px;

  margin: 0 4px;

}

#pages a:visited {

  color: #00A9E0;

}

#pages a:hover {

  color: #00A9E0;

}

#pages a.active {

  color: #00A9E0;

}

#pages a.here {

  color: #00A9E0;

}



#pages2 {

  margin: 0px 0 0px 0;

  padding-top: 34px;

  text-align: center;

  clear: both;

}

#pages2 table {

  margin: 0 auto;

}

#pages2 table td {

  padding: 0;

}

#pages2 a {

  padding: 0px 8px;

  margin: 0 2px;

  display: inline-block;

  line-height: 26px;

  text-align: center;

  border: 1px solid #C6C6C6;

  border-radius: 5px;

  color: #878787;

}

#pages2 a:hover {

  background: #729BE0;

  color: #fff;

}

#pages2 a.active {

  background: #729BE0;

  color: #fff;

}

#pages2 a.here {

  background: #729BE0;

  color: #fff;

}



.border {

  border-top: 1px solid #D5D8DB;

}



#clear_Btn, #submit_Btn {

  border: none;

  cursor: pointer;

  width: 93px !important;

  height: 28px !important;

  vertical-align: top;

}



.refresh {

  width: 20px !important;

  height: 20px !important;

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

  display: inline-block;

  vertical-align: middle;

  margin-left: 0px;

}

.refresh:hover {

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

}



#submit_Btn {

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

}

#submit_Btn:hover {

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

}



#clear_Btn {

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

  margin-right: 15px;

}

#clear_Btn:hover {

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

}



#home {

  width: 67px !important;

  height: 28px !important;

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

  border: 0px !important;

  padding: 0 !important;

}

#home:hover {

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

}



#news_list ul li {

  position: relative;


  padding-bottom: 43px;

  margin-bottom: 22px;

  border-bottom: 1px dotted #969696;

}

#news_list ul li:last-child {

  margin-bottom: 0;

}

#news_list ul li .news_pic {

  padding: 0;

  float: left;

  width: 120px;

  height: 120px;

  border: 1px solid #E0E0E0;

  margin-right: 10px;

}

#news_list ul li .news_pic img {

  float: left;

  width: 120px;

  height: 120px;

}

#news_list ul li .news_info {

  overflow: hidden;

}

#news_list ul li .news_info .news_title {

  font-size: 14px;

  margin-bottom: 8px;

}

#news_list ul li .news_info .news_title a {

  text-decoration: none;

  color: #2C5085;

  background: #eeeeee url(../images/inner/icon1.png) no-repeat 16px 15px;

  padding: 7px 10px 8px 34px;

  display: block;

}

#news_list ul li .news_info .news_date {

  color: #FF7F00;

  font-size: 14px;

  margin-left: 10px;

  margin-bottom: 8px;

}

#news_list ul li .news_info .news_text {

  line-height: 170%;

  font-size: 14px;

  color: #838383;

  margin-left: 5px;

  margin-right: 24px;

  margin-bottom: 7px;

}

#news_list ul li .news_info .news_text a {

  text-decoration: none;

  color: #838383;

}



#news_detail {

  padding-bottom: 32px;

}

#news_detail img{
max-width: 100%;
height: auto !important;
}


#news_detail .news_title {



  font-size: 16px;

  margin-bottom: 20px;

  color: #2C5085;

  background: #eeeeee url(../images/inner/icon1.png) no-repeat 17px 18px;

  padding: 10px 20px 10px 34px;

}

#news_detail .news_title .news_date {

  float: right;

  color: #FF7F00;

  font-size: 14px;

}

#zoom_main_list a{
    display: block;
    margin-bottom: 9px;
    border: 1px solid #E4E4E4;
}

#zoom_main_list a.zoomGalleryActive{
    border: 1px solid #FF8000;
}
#zoom_main_list a:last-child{
    margin-bottom: 0px;
}