@charset "utf-8";
/* CSS Document */
/*------------------------- 網站共用 -------------------------*/
body {
	font-family:Verdana, Geneva, sans-serif;
}
.lang_nav, .banner, .side2, #floating {
	display: none !important;
}
.main {
	width: 960px;
	margin: 0 auto;
}
.red {
	color: #F30;
}
/* PageBar 頁面切換按鈕 */
.pagebar {
	width: 100%;
	font-size: 12px;
	text-align: center;
	border-top: solid 1px #ddd;
	margin: 20px 0 0;
	padding: 10px 0;
}
.pagebar a {
	background-color: #2b2e34;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	margin: 0 10px;
	padding: 1px 10px; 
}
.pagebar a:hover {
	background-color: #fff;
	color: #f40000;
	text-decoration: underline;
}
.pagebar span {
	float: right;
}
.pagebar span select {
	border: solid 1px #ddd;
	margin: 0 3px;
	padding: 1px 2px;
}

/*------------------------- Header 頁頭 -------------------------*/
.header_bg {
	background: url(../images/all/header_bg.jpg) repeat-x left top;
}
.header_bg .header {
	height: 80px;
}
.header h1.title,
.header ul.header_nav {
	position: absolute;
	z-index: 999;
}
.header h1.title {
	width: 240px;
	height: 49px;
	background: url(../images/all/logo.png) no-repeat left top;
	text-indent: -9999px;
	top: 18px;
	left: 16px;
}

/* Header 主選單 */
.header ul.header_nav {
	top: 29px;
	right: 20px;
}
.header ul.header_nav li {
	margin: 0 0 0 50px;
}
.header ul.header_nav a {
	background-color: #00f;
	width: 64px;
	height: 50px;
	text-indent: -9999px;
	background-position: left top;
}
body .header ul.header_nav a:hover,
body.about .header ul.header_nav a.b1-2,
body.news .header ul.header_nav a.b1-3,
body.works .header ul.header_nav a.b1-4,
body.contact .header ul.header_nav a.b1-5 {
	background-position: left bottom;
}
.header ul.header_nav a.b1-1 { background: url(../images/all/header_nav01.png) no-repeat; }
.header ul.header_nav a.b1-2 { background: url(../images/all/header_nav02.png) no-repeat; }
.header ul.header_nav a.b1-3 { background: url(../images/all/header_nav03.png) no-repeat; }
.header ul.header_nav a.b1-4 { background: url(../images/all/header_nav04.png) no-repeat; }
.header ul.header_nav a.b1-5 { background: url(../images/all/header_nav05.png) no-repeat; }

/* 麵包屑 */
.header .breadcrumb {
	font-family: "PMingLiU";
	background: url(../images/all/home_icon.png) no-repeat left 1px;
	font-size: 12px;
	color: #686868;
	text-decoration: none;
	padding: 0 0 0 10px;
	position: absolute;
	bottom: -357px;
	right:14px;
	z-index: 999;
}
.header .breadcrumb a {
	color: #686868;
	text-decoration: none;
	display: inline-block;
	margin: 0 7px;
}
.header .breadcrumb a:hover {
	color: #999;
	text-decoration: underline;
}

/*------------------------- Footer 頁頭 -------------------------*/
.footer_bg {
	background: url(../images/all/footer_top.jpg) repeat-x left top;
	background-color: #2b2e34;
}
.footer {
	height: 108px;
	font-size: 12px;
	color: #959595;
	margin: 0 auto;
}
.footer a {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer ul.siteinfo {
	list-style-type: none;
}
.footer ul.siteinfo li {
	height: 29px;
	font-size: 13px;
	color: #2b2e34;
	margin: 0 0 0 32px; 
	padding: 11px 32px 0 26px;
	float: left;
}
.footer ul.siteinfo li.add {
	background: url(../images/all/footer_icon01.png) no-repeat left center;
	border-right: solid 1px #fff; 
	margin: 0; 
}
.footer ul.siteinfo li.tel {
	background: url(../images/all/footer_icon02.png) no-repeat left center;
	border-right: solid 1px #fff; 
}
.footer ul.siteinfo li.fax {
	background: url(../images/all/footer_icon03.png) no-repeat left center;
	border-right: solid 1px #fff; 
}
.footer ul.siteinfo li.mail {
	background: url(../images/all/footer_icon04.png) no-repeat left center;
	padding: 11px 0 0 26px;
}
.footer ul.siteinfo a {
	color: #2b2e34;
}
.footer ul.siteinfo a:hover {
	color: #999;
}
.footer .copyright {
	margin: 23px 0 0;
}
.footer .powered {
	width: 140px;
	text-align: right;
	position: absolute;
	bottom: 15px;
	right: 0;
	z-index: 999;
}
.footer .powered a {
	color: #959595;
}
.footer .powered a:hover {
	color: #959595;
}

/*------------------------- Banner -------------------------*/
.header_bg .bx-wrapper {
	position: relative;
}
.header_bg .bx-wrapper .bx-pager {
	display: none;
}
.header_bg .bx-wrapper .bx-controls-direction {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}
.header_bg .bx-wrapper .bx-controls-direction .bx-prev,
.header_bg .bx-wrapper .bx-controls-direction .bx-next {
	width: 27px;
	height: 55px;
	display: inline-block;
	padding: 30px;
	margin-top: -57px;
	text-indent: -9999px;
}
.header_bg .bx-wrapper .bx-controls-direction .bx-prev {
	background: url(../images/banner/arrow_01.png) no-repeat center;
	float: left;
}
.header_bg .bx-wrapper .bx-controls-direction .bx-next {
	background: url(../images/banner/arrow_02.png) no-repeat center;
	float: right;

}

/* 首頁 */
ul.home_banner {
	width: 100%;
	height: 415px;
}
ul.home_banner li {
	width: 100%;
	height: 415px;
	background-position: center top;
	background-repeat: no-repeat;
}

/* 內頁 */
ul.page_banner {
	width: 100%;
	height: 315px;
}
ul.page_banner li {
	width: 100%;
	height: 315px;
	background-position: center top;
	background-repeat: no-repeat;
}

/*------------------------- 內頁 Side -------------------------*/
.main .side1 {
	width: 210px;
	margin: 0 35px 0 0;
	padding: 0 0 50px;
}
.main .side1 ul.page_side {
	margin: 0 0 20px;
}
.main .side1 ul.page_side h1 {
	width: 210px;
	height: 96px;
	background-color: #2b2e34;
	font-family: Microsoft JhengHei,"微軟正黑體";
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.main .side1 ul.page_side a {
	font-size: 13px;
	color: #2b2e34;
	text-decoration: none;
	border-bottom: solid 1px #e4e4e4;
	padding: 10px 18px;
}
.main .side1 ul.page_side a:hover,
.main .side1 ul.page_side a.current {
	background: #f5f5f5 url(../images/all/side_icon.png) no-repeat 199px center;
}
.main .side1 a.contact_btn {
	background: url(../images/all/side_contact_bg.jpg) no-repeat right bottom;
	background-color: #f40000;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 35px 20px 126px;
}
.main .side1 a.contact_btn h1 {
	width: 160px;
	height: 47px;
	background: url(../images/all/side_contact.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 16px
}
.main .side1 a.contact_btn p {
	font-size: 12px;
	line-height: 20px;
}

/*------------------------- 內頁 Content -------------------------*/
.main .content {
	width: 715px;
	font-size: 13px;
	color: #2b2e34;
	padding: 0 0 50px;
}
.main .content h1.page_title {
	height: 50px;
	text-indent: -9999px;
	margin:20px 0 20px;
}
.main .content p {
	line-height: 20px;
}

/*------------------------- 公司介紹 -------------------------*/
/* 公司介紹 */
body.about.p01 .content h1.page_title {
	background: url(../images/about/page_title01.png) no-repeat left top;
}
body.about.p01 .content .img01 {
	float: right;
	margin: 0 0 10px 30px;
}
body.about.p01 .content h2.unit01 {
	height: 29px;
	background: url(../images/about/unit_01.png) no-repeat left top;
	text-indent: -9999px;
	margin: 40px 0 10px;
}
body.about.p01 .content h2.unit02 {
	height: 29px;
	background: url(../images/about/unit_02.png) no-repeat left top;
	text-indent: -9999px;
	margin: 30px 0 10px;
}
body.about.p01 .content b {
	color: #999;
	letter-spacing: 2px;
}
body.about.p01 .content span {
	display: block;
	padding: 0 0 0 30px;
}

/* 公司介紹 */
body.about.p02 .content h1.page_title {
	background: url(../images/about/page_title02.png) no-repeat left top;
}
body.about.p02 .content .img01 {
	float: right;
	margin: 0 0 10px 30px;
}
body.about.p02 table {
}
body.about.p02 table th {
	padding: 20px 20px 10px 0;
}
body.about.p02 table th p {
	background-color: #2b2e34;
	color: #fff;
	border-left: solid 7px red;
	padding: 1px 6px;
}
body.about.p02 table td {
	line-height: 20px;
	border-bottom: solid 1px #e4e4e4;
	padding: 20px 0 10px;
}

/* 組織架構 */
body.about.p03 .content h1.page_title {
	background: url(../images/about/page_title03.png) no-repeat left top;
}

/*------------------------- 聯絡我們 -------------------------*/
/* 聯絡我們 */
body.contact .content h1.page_title {
	background: url(../images/contact/page_title01.png) no-repeat left top;
}
body.contact .content h2 {
	height: 29px;
	text-indent: -9999px;
	margin: 0 0 10px;	
}
body.contact .content h2.unit01 { background: url(../images/contact/unit_01.png) no-repeat left top; }
body.contact .content h2.unit02 { background: url(../images/contact/unit_02.png) no-repeat left top; }
body.contact .content h2.unit03 { background: url(../images/contact/unit_03.png) no-repeat left top; }

body.contact .content .contact_info {
	border: solid 1px #ddd;
	margin: 0 0 50px;
	padding: 20px 10px;
}
body.contact .content .contact_info h1 {
	width: 240px;
	height: 49px;
	background: url(../images/all/logo.png) no-repeat left top;
	text-indent: -9999px;
	vertical-align: top;
	display: inline-block;
	margin: 15px 40px;
}
body.contact .content .contact_info ul {
	color: #999;
	line-height: 20px;
	list-style-type: none;
	border-left: solid 2px #f40000;
	display: inline-block;
	padding: 0 40px;
}
body.contact .content .contact_info ul a {
	color: #999;
	text-decoration: none;
}
body.contact .content .contact_info ul a:hover {
	color: #666;
	text-decoration: underline;
}
body.contact .content .contact_info ul span {
	color: #444;
}
body.contact .content .contact_form {
	list-style-type: none;
	border: solid 1px #ddd;
	margin: 0 0 50px;
	padding: 20px;
}
body.contact .content .contact_form p {
	width: 80%;
	color: #999;
	margin: 10px auto 20px;
}
body.contact .content .contact_form label {
	width: 130px;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	margin: 5px 0;
	padding: 10px 5px;
}
body.contact .content .contact_form input,
body.contact .content .contact_form textarea {
	width: 430px;
	color: #777;
	border: solid 1px #ddd;
	margin: 10px 5px;
	padding: 5px;
}
body.contact .content .contact_form textarea {
	height: 60px;
}
body.contact .content .contact_form .chknum input {
	width: 160px;
}
body.contact .content .contact_form .chknum img {
	vertical-align: middle;
}
body.contact .content .contact_form .checkbtn {
	text-align: center;
	margin: 30px 0 20px;
}
body.contact .content .contact_form .checkbtn a {
	background-color: #2b2e34;
	font-size: 13px;
	color: #fff;
	border: solid 1px #2b2e34;
	text-decoration: none;
	display: inline-block;
	margin: 0 30px;
	padding: 4px 30px;
}
body.contact .content .contact_form .checkbtn a:hover {
	background-color: #fff;
	color: #2b2e34;
}
body.contact .content .gmap {
	border: solid 1px #ddd;
	padding: 8px;
}

/*------------------------- 公司公告 -------------------------*/
/* 公司公告 列表 */
body.news .content h1.page_title {
	background: url(../images/news/page_title01.png) no-repeat left top;
}
body.news.p01 .content .list {
	width: 100%;
	margin: auto;
}
body.news.p01 .content .list th {
	font-size:15px;
	font-weight: normal;
	letter-spacing: 5px;
	border-bottom: solid 3px #2b2e34;
	padding: 0 0 5px;
}
body.news.p01 .content .list th:last-child {
	width: 120px;
	border-bottom: solid 3px #f40000;
}
body.news.p01 .content .list td {
	color: #666;
	padding: 10px;
}
body.news.p01 .content .list td a {
	color: #666;
	text-decoration: none;
}
body.news.p01 .content .list td a:hover {
	color: #999;
	text-decoration: underline;
}
body.news.p01 .content .list td:first-child {
	background: url(../images/news/news_list_icon.png) no-repeat 20px 12px;
	padding-left: 45px;
}
body.news.p01 .content .list td:last-child {
	text-align: center;
}
body.news.p01 .content .list tr:nth-child(odd) td {
	background-color: #f8f8f8;
}

/* 公司公告 詳細 */
body.news.p02 h2.news_title {
	background: url(../images/news/news_list_icon.png) no-repeat 6px 6px;
	font-size: 16px;
	color: #2b2e34;
	letter-spacing: 1px;
	font-weight: normal;
	border-bottom: solid 2px #f40000;
	margin: 0 0 10px;
	padding: 0 90px 6px 25px;
	position: relative;
}
body.news.p02 h2.news_title .news_date {
	font-family: Arial;
	color: #999;
	position: absolute;
	top: 2px;
	right: 2px;
}
body.news.p02 .editor {
	color: #666;
	padding: 0 10px;
}
body.news.p02 .remarks {
	color: #666;
	margin: 40px 0 0;
	padding: 0 10px;
}
body.news.p02 .remarks h2 {
	width: 200px;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	border-bottom: solid 1px #f40000;
	margin: 0 0 5px;
	padding: 0 0 3px;
}
body.news.p02 .remarks h2 span {
	font-size: 12px;
	letter-spacing: 0;
	color: #999;
	padding: 0 5px;
}

/*------------------------- 實績案例 -------------------------*/
/* 實績案例 列表 */
body.works .side1 a.download {
	wdith: 210px;
	height: 40px;
	background: url(../images/works/download_btn.jpg) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin-top: 30px;
	display: none;
}
body.works .side1 a.download:hover {
	background-position: left bottom;
}
body.works .content h1.page_title {
	background: url(../images/works/page_title01.png) no-repeat left top;
}
body.works .content>h2 {
	font-size: 15px;
	color: #2b2e34;
	font-weight: normal;
	border-bottom: solid 1px #2b2e34;
	padding: 0 0 5px;
}
body.works .content>h2 span {
	color: #f40000;
	padding: 0 10px;
}
body.works.p01 .content ul.works_list {
	height: 660px;
}
body.works.p01 .content ul.works_list li {
	text-align: center;
	margin: 20px 8px 0;
}
body.works.p01 .content ul.works_list a {
	width: 160px;
	height: 210px;
	color: #666;
	text-decoration: none;
}
body.works.p01 .content ul.works_list a:hover {
	color: #999;
	text-decoration: underline;
}
body.works.p01 .content ul.works_list div {
}
body.works.p01 .content ul.works_list p {
	padding: 5px 3px;
}

/* 實績案例 詳細 */
body.works.p02 .content .works_img {
	min-height: 400px;
	padding-bottom: 70px;
}
body.works.p02 .content .works_img .galleria-container {
	background-color: #FFF;
	overflow: visible;
}
body.works.p02 .content .works_img .galleria-stage {
	z-index: 999;
}
body.works.p02 .content .works_img .galleria-thumbnails-container {
	height: 100px;
	bottom: -50px;
	z-index: 999;
}
body.works.p02 .content .works_img .galleria-image {
	height: 100px;
	background: none;
	border: none;
}
body.works.p02 .content .works_img .galleria-image img {
	height: 100px;
	width: auto;
}
body.works.p02 .content .works_img .galleria-image-nav-right,
body.works.p02 .content .works_img .galleria-image-nav-left {
	background-image: url(../images/works/classic-map.png);
	background-repeat: no-repeat;
}
body.works.p02 .content .works_img .galleria-thumb-nav-left,
body.works.p02 .content .works_img .galleria-thumb-nav-right {
	top: 30px;
	background-color: #2b2e34;
}
body.works.p02 .content .works_img .galleria-info {
	width: 40%;
	top: auto;
	left: 60%;
	bottom : -132px;
}
body.works.p02 .content .works_img .galleria-info-link {
	display: none !important;
}
body.works.p02 .content .works_img .galleria-info-text {
	background: none;
	display: block !important;
	padding: 10px;
}
body.works.p02 .content .works_img .galleria-info-title {
	color: #2b2e34;
	margin: 5px 0;
}
body.works.p02 .content .works_img .galleria-info-description {
	font-size: 12px;
	color: #999;
	font-style: normal;
}

body.works.p02 .content .works_info {
	width:60%;
}
body.works.p02 .content .works_info table {
	width: 100%;
	border-right: solid 2px #f40000;
	margin: 10px 0;
}
body.works.p02 .content .works_info table th {
	width: 60px;
	font-size: 13px;
	color: #2b2e34;
	font-weight: normal;
	padding: 5px 10px;
}
body.works.p02 .content .works_info table td {
	font-size: 13px;
	color: #999;
	padding: 5px 20px 5px 0;
}

/*------------------------- 首頁 -------------------------*/
body.home .header_nav .home {
	display: none;
}
body.home .breadcrumb {
	display: none;
}
body.home .side1 {
	width: 334px;
	min-height: 306px;
	margin: 0 55px 0 0;
	padding: 0;
}
body.home .side1 a.home_news {
	width: 334px;
	height: 26px;
	background: url(../images/home/title_news.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	margin: 55px 0 10px;
}
body.home .side1 ul a {
	font-size: 13px;
	color: #2b2e34;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 7px 0;
	border-bottom: dotted 1px #bebebe;
}
body.home .side1 ul a span{
	font-family: serif;
	font-size: 12px;
	color: #8f8f8f;
	letter-spacing: 0.5px;
	float: right;
}

body.home .side2 {
	width: 221px;
	min-height: 306px;
	display: block !important;
}
body.home .side2 a.contact_btn {
	background: url(../images/home/contact_bg.jpg) no-repeat right bottom;
	background-color: #f40000;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 57px 20px 126px;
}
body.home .side2 a.contact_btn h1 {
	width: 160px;
	height: 47px;
	background: url(../images/home/contact.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 16px
}
body.home .side2 a.contact_btn p {
	font-size: 12px;
	line-height: 20px;
}

body.home .content {
	width: 290px;
	padding: 0;
}
body.home .content a.home_about{
	width: 290px;
	height: 26px;
	background: url(../images/home/title_about.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	margin: 55px 0 10px;
}
body.home .content p {
	font-size: 13px;
	color: #2b2e34;
	letter-spacing: 1px;
	line-height: 25px;
}