@charset "UTF-8";
.content,
.content p {
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#leftside {
    float: left;
    width: 235px;
    margin: 0 32px 0 35px;
    padding: 0 0 0 0;
    min-height: 440px;
}

#leftside .left_title {
    margin-top: 46px;
    width: 235px;
    height: 94px;
}

#leftside .left_title img {
    width: 235px;
    height: 94px;
}

#leftside .left_menu {
    padding: 0 0 170px 0;
    margin: 0 0 24px 0px;
    width: 235px;
    overflow: hidden;
    display: block;
    background: #ffdf00 url(../images/inner/left_bg.png) no-repeat 0 bottom;
}

#leftside .left_menu ul {
    padding: 0 0;
    margin: 0;
}

#leftside .left_menu ul li {
    list-style: none;
    margin: 0 0 0 0;
    padding: 10px 0 10px 25px;
    background: url(../images/inner/menu_bg.png) repeat-x 0 bottom;
}

#leftside .left_menu ul li a {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0;
    display: block;
    text-align: left;
}

#leftside .left_menu ul li:hover {
    background: url(../images/inner/menu_bg_.png) repeat-x 0 bottom;
}

#leftside .left_menu ul li:hover a {
    color: #fff;
}

#leftside .left_menu ul li.here {
    background: url(../images/inner/menu_bg_.png) repeat-x 0 bottom;
}

#leftside .left_menu ul li.here a {
    color: #fff;
}

#leftside .left_banner img {
    width: 235px;
    height: 86px;
}


/*rightside*/

#rightside {
    line-height: 175%;
    margin: 0px 35px 0 0;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden;
    min-height: 500px;
}

#rightside #breadcrumbs {
    margin-top: 67px;
    margin-bottom: 48px;
    padding: 0;
    text-align: right;
    font-size: 12px;
    color: #000000;
    clear: both;
    background: url(../images/inner/line.png) no-repeat 0 center;
    width: 100%;
}

#rightside #breadcrumbs a {
    color: #777777;
    text-decoration: none;
    background: url(../images/inner/home.png) no-repeat 0 center;
    padding-left: 21px;
    margin-left: 8px;
}

#rightside #breadcrumbs .title {
    font-size: 16px;
    color: #333333;
    float: left;
    margin-top: -18px;
    padding-left: 30px;
    background-image: url(../images/where/icon.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    font-weight: bold;
}

#rightside .right_title {
    width: 17px;
    background: url(../images/inner/right_title.png) no-repeat 0 top;
    padding: 25px 0 0 2px;
    margin: 0;
    z-index: 9;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    position: absolute;
}

#rightside .right_title:after {
    content: "";
    width: 17px;
    height: 75px;
    background: url(../images/inner/left_title2.png) no-repeat 0 0;
    display: block;
    margin-top: 10px;
}

.content {
    margin: 0 0px 0px 40px;
    position: relative;
    padding: 0 0 40px 0px;
}

.content .leftpic {
    float: left;
    margin-right: 16px;
}

.content .rightpic {
    float: right;
    margin-left: 18px;
}

.content .centerpic {
    margin: 0 auto 24px auto;
}

.content h4 {
    font-size: 15px;
    font-weight: bold;
    color: #852CB7;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.content h5 {
    font-size: 14px;
    font-weight: bold;
    color: #393939;
    margin-bottom: 2px;
}

.content h6 {
    margin-bottom: 10px;
}

.content p {
    margin: 0 0px 28px 0;
    color: #393939;
    text-align: justify;
    letter-spacing: 0px;
    line-height: 175%;
}

.about {
    width: 330px;
    float: left;
    padding-bottom: 30px;
    padding-left: 0;
    padding-top: 0;
    margin-right: 30px;
    margin-bottom: 0;
    border-left: 0;
}

.about:nth-child(2n) {
    padding-left: 30px;
    margin-right: 0;
    border-right: 0;
    border-left: 1px solid #ADADAD;
}

.about .title {
    background: #FFEB00;
    border-radius: 5px;
    padding: 4px 18px;
    color: #434338;
    font-size: 15px;
    margin-bottom: 16px;
}

.about ul {
    margin-top: -20px;
}

.about ul li {
    color: #393939;
    list-style-type: disc;
    margin-left: 16px;
}

.about ol {
    margin-bottom: 25px;
}

.about ol li {
    color: #393939;
    list-style-type: decimal;
    margin-left: 16px;
    margin-bottom: 12px;
}

.about table {
    width: 330px;
    border: 0px;
}

.about table th {
    border-bottom: 1px solid #3B3B3B;
    border-right: 1px solid #3B3B3B;
    color: #3B3B3B;
}

.about table th:last-child {
    border-right: 0px;
}

.about table td {
    border-right: 1px solid #3B3B3B;
    color: #3B3B3B;
    text-align: center;
}

.about table td:last-child {
    border-right: 0px;
}

.about .meta {
    background: rgba(164, 164, 164, 0.3);
    border-radius: 5px;
    padding: 4px 18px;
}

.links ul li {
    width: 225px;
    margin-right: 22px;
    margin-bottom: 30px;
    float: left;
}

.links ul li:nth-child(3n) {
    margin-right: 0px;
}

.links ul li .pic {
    margin-bottom: 6px;
}

.links ul li .pic img {
    width: 225px;
    height: 95px;
}

.links ul li .address {
    color: #3A3A3A;
    font-size: 14px;
    line-height: 140%;
}

.links ul li .address a {
    color: #3A3A3A;
    text-decoration: none;
}


/* CSS Document */


/*pages*/

#pages,
#pages2 {
    position: relative;
    font-size: 13px;
}

#pages a,
#pages2 a {
    color: #000000;
    display: inline-block;
    text-decoration: none;
}

#pages {
    float: none;
    margin: 0px 0 38px 0;
    padding-top: 28px;
    text-align: center;
    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 {
    float: none;
    margin: 0px 0 0 0;
    padding-top: 26px;
    text-align: center;
    clear: both;
}

#pages2 table {
    margin: 0 auto;
}

#pages2 table td {
    padding: 0 0px;
}

#pages2 a {
    padding: 0px 0px;
    margin: 0 9px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

#pages2 a:visited {
    text-decoration: underline;
}

#pages2 a:hover {
    text-decoration: underline;
}

#pages2 a.active {
    text-decoration: underline;
}

#pages2 a.here {
    text-decoration: underline;
}

.border {
    border-top: 1px solid #DDDDDD;
}

#p01,
#p02 {
    width: 18px !important;
    height: 17px !important;
    color: #fff;
    text-indent: -9999px;
}

#clear_Btn,
#submit_Btn {
    width: 118px !important;
    height: 33px !important;
    border: none;
    cursor: pointer;
}

#back {
    width: 118px !important;
    height: 33px !important;
    border: none;
    cursor: pointer;
}

#home {
    width: 118px !important;
    height: 33px !important;
    border: none;
    cursor: pointer;
}

border: none;
cursor: pointer;

}
#p01 {
    background: url("../images/inner/page_left.png") left 0 no-repeat !important;
}
#p01:hover {
    background: url("../images/inner/page_left_.png") left 0 no-repeat !important;
}
#p02 {
    background: url("../images/inner/page_right.png") left 0 no-repeat !important;
}
#p02:hover {
    background: url("../images/inner/page_right_.png") left 0 no-repeat !important;
}
#back {
    background: url("../images/inner/back.png") left center no-repeat !important;
}
#back:hover {
    background: url("../images/inner/back_.png") left center no-repeat !important;
}
#home {
    background: url("../images/inner/home2.png") left center no-repeat !important;
}
#home:hover {
    background: url("../images/inner/home_.png") left center no-repeat !important;
}
#clear_Btn {
    background: url("../images/inner/clear.png") left 0 no-repeat;
}
#clear_Btn:hover {
    background: url("../images/inner/clear_.png") left 0 no-repeat;
}
#submit_Btn {
    background: url("../images/inner/send.png") left 0 no-repeat;
}
#submit_Btn:hover {
    background: url("../images/inner/send_.png") left 0 no-repeat;
}

/*contact*/
#contact .title {
    font-size: 13px;
    color: #fff;
    background: #444444;
    padding: 4px 15px 6px 15px;
}
#contact .note {
    color: #FF0000;
    float: right;
    font-size: 13px;
}
#contact .note img {
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}
#contact .contact {
    width: 100%;
    margin: 0px 0 0 0;
    overflow: hidden;
}
#contact .contact th {
    padding: 11px 0px 11px 25px;
    color: #3A3A3A;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    width: 130px;
    background: url(../images/contact/icon.png) no-repeat 8px 19px;
}
#contact .contact td {
    padding: 11px 0px 11px 0px;
}
#contact .contact td input[type=text] {
    border: 1px solid #CCCCCC;
    height: 24px;
    width: 600px;
    font-size: 13px;
}
#contact .contact td textarea {
    border: 1px solid #CCCCCC;
    width: 600px;
    height: 60px;
    font-size: 13px;
}
#contact .contact td img {
    vertical-align: middle;
    margin-left: 10px;
}
#contact_ok {
    text-align: center;
    line-height: 175%;
    letter-spacing: 1px;
    font-size: 14px;
    color: #3A3A3A;
    margin-bottom: 25px;
}
#contact_ok .title {
    font-size: 15px;
    color: #fff;
    background: #444444;
    padding: 4px 15px 6px 15px;
    text-align: center;
    margin-bottom: 36px;
}
#contact_ok img {
    text-align: center;
    margin-bottom: 25px;
}
#news_list ul li {
    height: 160px;
    position: relative;
    margin-bottom: 40px;
}
#news_list ul li:last-child {
    margin-bottom: 0px;
}
#news_list ul li .news_pic {
	width:160px;
    margin-right: 26px;
    float: left;
	text-align:center;
}
#news_list ul li .news_pic img {
    height: 160px;
}
#news_list ul li .news_info {
    overflow: hidden;
}
#news_list ul li .news_info .news_date {
    color: #FFFF00;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
}
#news_list ul li .news_info .news_title {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
}
#news_list ul li .news_info .news_title a {
    text-decoration: none;
    color: #444444;
    display: block;
}
#news_list ul li .news_info .news_text {
    line-height: 170%;
    font-size: 14px;
    color: #393939;
    overflow: hidden;
}
#news_list ul li .news_info .news_text a {
    text-decoration: none;
    color: #393939;
}
#news_list ul li:hover {
    background: url(../images/news/zoom.png) no-repeat right 0;
}
#news_list ul li:hover .news_title a {
    text-decoration: underline;
}
#news_list ul li:hover .news_text a {
    text-decoration: underline;
}
#news_detail h3 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 26px;
    position: relative;
    color: #444444;
    background: rgba(0, 0, 0, 0.1);
    padding: 6px 12px;
}
#news_detail h3 .news_date {
    color: #FFFF00;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin-right: 5px;
}

#news_detail .photo {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
#news_detail .photo .smallbox {
    overflow: hidden;
    float: left;
    margin-bottom: 12px;
    width: 408px;
}

#news_detail .photo .small {
    overflow: hidden;
    float: left;
    margin-right: 13px;
    margin-bottom: 12px;
    width: 108px;
    height: 108px;
    border: 1px solid #AAAAAA;
    text-align: center;
}
.smallbox .small a {
    width: 108px;
    height: 108px;
    position: relative;
    text-align: center;
}
.smallbox .small a img {
    max-width: 108px;
    max-height: 108px;
	width:auto !important;
    z-index: 9;
	margin-right:5px;
}
.smallbox .small a span {
    width: 108px;
    height: 108px;
    background: rgba(255, 255, 0, 0.5);
    position: absolute;
    z-index: 10;
    display: none;
}
.smallbox .small a:hover {
  /*  border: 1px solid #FF755A;*/
}
.smallbox .small a:hover span {
    display: block;
}

#news_detail .news_pic {
    margin-right: 35px;
    float: left;
	width:280px;
	height:280px;
	text-align:center;
}
#news_detail .news_pic img {
    max-width: 280px;
    max-height: 280px;
}
#news_detail p {
    float: left;
    color: #393939;
    width: 525px;
    font-size: 14px;
}
#where_list ul {
    height: auto;
    position: relative;
}
#where_list ul li {
    height: 120px;
    position: relative;
    padding: 8px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 14px;
}
#where_list ul li:hover {
    background-image: url(../images/where/zoom.png);
    background-repeat: no-repeat;
    background-position: 678px 5px;
    background-color: rgba(0, 0, 0, 0.1);
}
#where_list ul li a {
    text-decoration: none;
}
#where_list ul li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
#where_list ul li:last-child {
    margin-bottom: 0px;
}
#where_list ul li .where_pic {
    width: 120px;
    height: 120px;
    background-image: url(../images/where/where_pic_.png);
    background-repeat: no-repeat;
    display: block;
    margin-right: 26px;
    float: left;
}
#where_list ul li:hover .where_pic {
    background-image: url(../images/where/where_pic.png);
}
#where_list ul li a .where_title {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
    color: #444444;
    text-decoration: underline;
}
#where_list ul li a .where_tel {
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    color: #393939;
}
#where_list ul li a .where_tel:before {
    content: "TEL ";
    color: #FFFFFF;
    background-color: #999999;
    font-size: 13px;
    padding: 1px 7px 1px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}
#where_list ul li a .where_add {
    font-size: 14px;
    position: relative;
    margin-bottom: 10px;
    color: #393939;
}
#where_list ul li a .where_add:before {
    content: "ADD ";
    color: #FFFFFF;
    background-color: #999999;
    font-size: 13px;
    padding: 1px 3px 1px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}
#where_detail {
    overflow: hidden;
}
#where_detail .detail {
    color: #393939;
    font-size: 14px;
    border-bottom: 1px solid #A0A0A0;
    padding-bottom: 6px;
    margin-bottom: 15px;
}
#where_detail .top {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
#where_detail .top .photo {
    width: 340px;
    height: 360px;
    position: relative;
    float: left;
    margin-right: 25px;
}
#where_detail .top .photo .bigpic {
    width: 337px;
    /*height: 337px;
  border: 1px solid #AAAAAA;*/
    
    float: left;
    margin-right: 28px;
    text-align: center;
}
#where_detail .top .photo .bigpic #slider {
    border: 1px solid #AAAAAA;
}
#where_detail .top .photo .bigpic img {
    /*width: 337px;*/
    /*height: 337px;*/
}
#where_detail .top .photo .smallpic {
    width: 337px;
    display: block;
    position: absolute;
    top: 340px;
    left: 120px;
}
#where_detail .top .photo .smallpic li a {
    width: 12px;
    height: 12px;
    display: block;
    background-image: url(../images/where/small.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    float: left;
    margin: 4px;
}
#where_detail .top .photo .smallpic li a:hover {
    background-image: url(../images/where/small.png);
    background-repeat: no-repeat;
    background-position: left -7px;
    margin: 7px 4px 5px 4px;
}
#where_detail .top .right_text {
    overflow: hidden;
}
#where_detail .top .right_text .title {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
    background: #5D5D5D;
    padding: 4px 10px;
}
#where_detail .top .right_text .tel {
    font-size: 14px;
    position: relative;
    margin-bottom: 4px;
    color: #393939;
}
#where_detail .top .right_text .tel:before {
    content: "TEL";
    color: #FFFFFF;
    background-color: #999999;
    font-size: 12px;
    padding: 0.5px 14px 1px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}
#where_detail .top .right_text .fax {
    font-size: 14px;
    position: relative;
    margin-bottom: 4px;
    color: #393939;
}
#where_detail .top .right_text .fax:before {
    content: "FAX";
    color: #FFFFFF;
    background-color: #999999;
    font-size: 12px;
    padding: 0.5px 14px 1px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}
#where_detail .top .right_text .mail {
    font-size: 14px;
    position: relative;
    margin-bottom: 4px;
    color: #393939;
}
#where_detail .top .right_text .mail:before {
    content: "E-mail";
    color: #FFFFFF;
    background-color: #999999;
    font-size: 12px;
    padding: 1px 7px 2px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}
#where_detail .top .right_text .add {
    font-size: 14px;
    position: relative;
    margin-bottom: 4px;
    color: #393939;
}
#where_detail .top .right_text .add:before {
    content: "ADD";
    color: #FFFFFF;
    background-color: #999999;
    font-size: 12px;
    padding: 0.5px 12px 1px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
}
#where_detail .top .right_text .time {
    height: 30px;
    background-image: url(../images/where/time_title.png);
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 3px;
    margin-top: 12px;
    background-color: rgba(255, 255, 255, 0.8);
}
#where_detail .top .right_text .time_text {
    background-color: #FFFF00;
    padding: 10px;
    height: 130px;
}
#where_detail .map {
    width: 720px;
    height: 250px;
    border: 1px solid #AAAAAA;
}
.qa {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.qa .title {
    background: #555555;
    padding: 5px 12px 5px 12px;
    color: #D8D8D8;
    margin-bottom: 3px;
}
.qa .title span {
    width: 55px;
    display: inline-block;
}
.qa .question {
    padding: 5px 12px 5px 70px;
    background: #fff;
    font-size: 14px;
    color: #393939;
    font-weight: bold;
    margin-bottom: 3px;
    position: relative;
}
.qa .question span {
    color: #555555;
    font-size: 16px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    left: 12px;
    top: 8px;
}
.qa .question p {
    display: inline-block;
    margin-bottom: 0;
}
.qa .answer {
    padding: 5px 12px 5px 70px;
    background: #FFFF00;
    font-size: 14px;
    color: #393939;
    font-weight: bold;
    margin-bottom: 3px;
    position: relative;
}
.qa .answer span {
    color: #555555;
    font-size: 16px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    left: 12px;
    top: 8px;
}
.qa .answer p {
    display: inline-block;
    margin-bottom: 0;
    width: 625px;
}
#products_list ul li {
    float: left;
    margin-right: 31px;
    margin-bottom: 28px;
}
#products_list ul li:nth-child(3n) {
    margin-right: 0px;
}
#products_list ul li .products_pic {
    width: 218px;
    height: 218px;
    border: 1px solid #AAAAAA;
    margin-bottom: 3px;
    text-align: center;
}
#products_list ul li .products_pic span {
    width: 218px;
    height: 218px;
    background: url(../images/index/overlay.png) no-repeat 0 0;
    position: absolute;
    z-index: 10;
    display: none;
}
#products_list ul li .products_pic img {
    max-width: 218px;
    max-height: 218px;
    z-index: 9;
}
#products_list ul li .products_name {
    width: 220px;
    background: #5D5D5D;
    line-height: 36px;
    text-align: center;
}
#products_list ul li .products_name a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
#products_list ul li:hover .products_pic {
    border: 1px solid #DDD144;
}
#products_list ul li:hover .products_pic span {
    display: block;
}
#products_list ul li:hover .products_name {
    background: #3A3A3A;
}
#products_detail {
    overflow: hidden;
}
#products_detail .detail {
    color: #393939;
    font-size: 14px;
    border-bottom: 1px solid #A0A0A0;
    padding-bottom: 6px;
    margin-bottom: 15px;
}
#products_detail .photo {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
#products_detail .photo .bigpic {
    width: 337px;
    height: 337px;
    border: 1px solid #AAAAAA;
    float: left;
    margin-right: 28px;
    text-align: center;
}
#products_detail .photo .bigpic img {
    /*width: 337px;*/
    /*height: 337px;*/
}
#products_detail .photo .smallpic {
    overflow: hidden;
}


#products_detail .photo .smallpic .title {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
    background: #5D5D5D;
    padding: 4px 10px;
}
#products_detail .photo .smallpic .pdf {
    margin-top: 12px;
}
#products_detail .photo .smallpic .pdf a {
    width: 118px;
    height: 40px;
    background: url(../images/inner/pdf.png) no-repeat left bottom;
    display: block;
}
#products_detail .photo .smallpic .pdf a:hover {
    background: url(../images/inner/pdf_.png) no-repeat left bottom;
}
#products_detail .photo .smallpic ul {
    overflow: hidden;
}
#products_detail .photo .smallpic ul li {
    float: left;
    margin-right: 13px;
    margin-bottom: 12px;
    width: 108px;
    height: 108px;
    border: 1px solid #AAAAAA;
    text-align: center;
}
#products_detail .photo .smallpic ul li a {
    width: 108px;
    height: 108px;
    position: relative;
    text-align: center;
}
#products_detail .photo .smallpic ul li a img {
    max-width: 108px;
    max-height: 108px;
    z-index: 9;
}
#products_detail .photo .smallpic ul li a span {
    width: 108px;
    height: 108px;
    background: rgba(255, 255, 0, 0.5);
    position: absolute;
    z-index: 10;
    display: none;
}
#products_detail .photo .smallpic ul li:nth-child(3n) {
    margin-right: 0;
}
#products_detail .photo .smallpic ul li:hover {
    border: 1px solid #DDD144;
}
#products_detail .photo .smallpic ul li:hover span {
    display: block;
}
.zoomContainer {
    z-index: 999;
}