@charset "utf-8";
/* CSS Document */
/*------------------------- 網站共用 -------------------------*/
body {
	background: url(../images/all/bg01.jpg) repeat-y  center top;
}
.container {
	background: url(../images/all/bg02.png) no-repeat  center top;
}
.side2, #floating {
	display: none !important;
}
.main {
	width:960px;
}
.main .side1 {
	width: 310px;
	height: 800px;
}
.main .content {
	width: 650px;
	font-size: 13px;
	color: #a6a3a3;
}
.main .content p {
	line-height: 30px;
}
/*頁頭部份*/
.header {
	height: 145px;
}
.header h1.title {
	width: 212px;
	height: 60px;
	background: url(../images/all/logo.png) no-repeat left top;
	text-indent: -9999px;
	position: absolute;
	top: 32px;
	left: 100px;
	z-index: 9999;
}
.header ul.hader_nav {
	position: absolute;
	top:15px;
	right:60px;
	z-index: 9999;
}
.header ul.hader_nav a {
	background: url(../images/all/nav_hover.png) no-repeat center -10px;
	font-family: Microsoft JhengHei,"微軟正黑體";
	font-size: 14px;
	color: #fff;	
	text-decoration: none;
	margin: 0 4px;
	padding: 15px 10px 5px; 
}
.header ul.hader_nav a:hover,
body.about .header ul.hader_nav a.b1-1,
body.services .header ul.hader_nav a.b1-2,
body.message .header ul.hader_nav a.b1-3,
body.locations .header ul.hader_nav a.b1-4,
body.links .header ul.hader_nav a.b1-5 {
	background: url(../images/all/nav_hover.png) no-repeat center top;
}
.header a.lang {
	background: url(../images/all/lang_dot.png) no-repeat center ;
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 10px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9999;
}
.header .breadcrumb {
	font-size: 12px;
	color: #a8a5a5;
	position: absolute;
	right: 20px;
	bottom: -30px;
	z-index: 9999;
}
.header .breadcrumb a {
	color: #a8a5a5;
	text-decoration: none;
}
.header .breadcrumb a:hover {
	color: #ccc;
}
/*側邊欄部份*/
.main .side1 a.showcase_btn,
.main .side1 a.contact_btn {
	text-indent: -9999px;
	padding: 20px;
	position: absolute;
}
.main .side1 a.showcase_btn:hover,
.main .side1 a.contact_btn:hover {
	background-position: -128px center;
}
.main .side1 a.showcase_btn {
	width: 108px;
	height: 47px;
	background: url(../images/all/show_btn.png) no-repeat 20px center;
	top: 24px;
	left: 12px; 
}
.main .side1 a.contact_btn {
	width: 108px;
	height: 45px;
	background: url(../images/all/contact_btn.png) no-repeat 20px center;
	top: 126px;
	right: 44px; 
}
.main .side1 p.slogan {
	width: 113px;
	height: 470px;
	background: url(../images/all/slogan01.png) no-repeat center;
	text-indent: -9999px;
	position: absolute;
	top: 279px;
	right: 53px; 
}
/*頁尾部份*/
.footer_bg {
	background: url(../images/all/footer_bg.jpg) no-repeat center top;
}
.footer_bg .footer {
	height: 68px;
	font-size: 12px;
	color: #858585;
	line-height: 23px;
	text-align: center;
	padding: 23px 0 0;
}
.footer_bg .footer a {
	color: #858585;
	text-decoration: none;
}
.footer_bg .footer a:hover {
	color: #CACACA;
}
.footer_bg .footer p.copyright {
	padding: 0 500px 0 0;
}
.footer_bg .footer .powered {
	margin: -23px 0 0 -90px;
}
/*內頁標題*/
.content h1.page_title {
	height: 37px;
	text-indent: -9999px;
	margin: 0 0 10px;
}
/*紅色*號*/
.red {
	color:#e91a2a;
}
/*------------------------- 公司介紹 -------------------------*/
body.about .content h1.page_title {
	background: url(../images/about/page_title.png) no-repeat left top;
}
body.about .content img.img01 {
	margin: 20px 0;
}
body.about .content table.msg01 {
	width: 100%;
	border-left: solid 1px #3f3f3f;
	border-right: solid 1px #3f3f3f;
	border-bottom: solid 1px #3f3f3f;
	margin: 0 0 20px;
}
body.about .content table.msg01 caption {
	width: 650px;
	height: 16px;
	background: url(../images/about/tab01.png) no-repeat center;
	text-indent: -9999px;
}
body.about .content table.msg01 td {
	padding: 10px 0 5px 20px;
}
body.about .content table.msg01 tr:last-child td {
	padding: 10px 0 15px 20px;
}
/*------------------------- 服務項目 -------------------------*/
body.services .content h1.page_title {
	background: url(../images/services/page_title.png) no-repeat left top;
}
body.services .content img.img01 {
	margin: 0 0 20px;
}
body.services .content table.msg01 {
	width: 100%;
	border-left: solid 1px #3f3f3f;
	border-right: solid 1px #3f3f3f;
	border-bottom: solid 1px #3f3f3f;
	margin: 0 0 20px;
	line-height:1.6em;
}
body.services .content table.msg01 caption {
	width: 650px;
	height: 16px;
	background: url(../images/services/tab01.png) no-repeat center;
	text-indent: -9999px;
}
body.services .content table.msg01 td {
	padding: 10px 20px 5px 20px;
}
body.services .content table.msg01 tr:last-child td {
	padding: 10px 0 15px 20px;
}
/*------------------------- 服務項目 -------------------------*/
body.message .content h1.page_title {
	background: url(../images/message/page_title.png) no-repeat left top;
}
body.message .content img.img01 {
	margin: 0 0 20px;
}
body.message .content .form_box {
	width: 90%;
	margin: 0 auto;
}
body.message .content .form_box .red {
	padding: 0 3px;
}
body.message .content .form_box label {
	width: 15%;
	text-align: right;
	vertical-align: top;
	display: inline-block;
	margin: 10px 5px;
	padding: 5px 0;
}
body.message .content .form_box input {
	width: 80%;
	background-color: #EEE;
	margin: 10px 0;
	padding: 5px 5px;
}
body.message .content .form_box textarea {
	width: 80%;
	min-height: 80px;
	background-color: #EEE;
	margin: 10px 0;
	padding: 5px 5px;
}
body.message .content .btn_box {
	width: 90%;
	text-align: center;
	border-top: solid 1px #444;
	margin: 10px auto 0;
	padding: 20px 0;
}
body.message .content .btn_box a {
	background-color: #333;
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	letter-spacing: 1px;
	border: solid 1px #222;
	display: inline-block;
	margin: 0 20px;
	padding: 7px 40px;
}
body.message .content .btn_box a:hover {
	background-color: #3f3f3f;
	color: #fff;
}
/*------------------------- 營業據點 -------------------------*/
body.locations .content h1.page_title {
	background: url(../images/locations/page_title.png) no-repeat left top;
}
body.locations .content p.name {
	font-size: 16px;
	border-bottom: solid 1px #666;
	margin: 0 0 10px;
	font-weight: bold;
}
body.locations .content p.add {
	background: url(../images/locations/icon01.png) no-repeat left top;
	font-size: 15px;
	margin: 0 0 15px 10px;
	padding: 0 0 0 40px;
}
body.locations .content p.tel {
	background: url(../images/locations/icon02.png) no-repeat left top;
	font-size: 15px;
	margin: 0 0 15px 10px;
	padding: 0 0 0 40px;
}
body.locations .content p.tel a {
	color: #a6a3a3;
	text-decoration: none;
}
body.locations .content p.tel a:hover {
	color: #CACACA;
}
body.locations .content .gmap {
	border-bottom: solid 1px #444;
	padding: 0 0 10px;
}
/*------------------------- 作品展示 -------------------------*/
body.showcase .content h1.page_title {
	background: url(../images/showcase/page_title.png) no-repeat left top;
}
/*作品展示 列表頁*/
body.showcase .content ul.show_nav {
	width: 120px;
	background-color: #a01621;
	float: left;
	padding: 40px 10px 30px;
	position: relative;
}
body.showcase .content ul.show_nav h1 {
	width: 118px;
	height: 28px;
	background: url(../images/showcase/show_nav_title.png) no-repeat left top;
	text-indent: -9999px;
	position: absolute;
	top: 8px;
	left: 1px;	
}
body.showcase .content ul.show_nav a {
	font-size: 13px;
	color: #FFE0E0;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #AC4D55;
	margin: 10px 0 10px;
	padding: 3px 0;
}
body.showcase .content ul.show_nav a:hover {
	color: #fff;
}
body.showcase .content ul.list {
	width: 480px;
	min-height: 700px;
	border: solid 1px #444;
	float: right;
	margin: 0 0 20px;
	padding: 10px;
}
body.showcase .content ul.list a {
	border-bottom: solid 1px #444;
	color: #a6a3a3;
	text-decoration: none;
	margin: 10px 0;
	padding: 0 5px;
}
body.showcase .content ul.list a:hover {
	background-color: #333;
	color: #CACACA;
}
body.showcase .content ul.list img {
	width: 100px;
	height: auto;
	margin: 0 5px 0 0;
}
body.showcase .content ul.list p {
	width: 290px;
	font-size: 15px;
	font-weight: bold;
	vertical-align: top;
	display: inline-block;
}
body.showcase .content ul.list span.date {
	font-size: 12px;
	margin: 20px 0 0;
}
body.showcase .content .pagebar {
	width: 500px;
	text-align: center;	
	margin: 0 0 20px 150px;
}
body.showcase .content .pagebar a {
	color: #a6a3a3;
	text-decoration: none;
	border: solid 1px #444;
	padding: 1px 3px;
	margin: 0 5px;
}
body.showcase .content .pagebar a:hover,
body.showcase .content .pagebar a.current {
	background-color: #999;
	color: #333;
}
body.showcase .content .pagebar a.prev,
body.showcase .content .pagebar a.next {
	border: none;
	margin: 0 10px;
}
body.showcase .content .pagebar a.prev:hover,
body.showcase .content .pagebar a.next:hover {
	background: none;
	color: #CACACA;
	text-decoration: underline;
}
/*作品展示 詳細頁*/
body.showcase .content .show_img {
	width: 280px;
	float: left;
}
body.showcase .content .show_img img {
	width: 280px;
	height: auto;
}
body.showcase .content .show_info {
	width: 360px;	
	float: right;
}
body.showcase .content .show_info h2 {
	font-size: 16px;
	color: #eee;
	border-bottom: solid 1px #444;
	padding: 0 0 5px;
}
body.showcase .content .show_info p {
	font-size: 12px;
}
body.showcase .content .show_info ul.show_imgnav li {
	height: 75px;
	margin: 0 5px 5px;
	overflow: hidden;
}
body.showcase .content .show_info ul.show_imgnav img {
	width: 100px;
	height: auto;
}
body.showcase .content .editing {
	margin: 20px 0;
}
body.showcase .content .editing h1.tab,
body.showcase .content .remark h1.tab {
	font-size: 15px;
	color: #eee;
	border-bottom: solid 1px #444;
	padding: 0 0 5px;
}
body.showcase .content .btn_box {
	width: 100%;
	text-align: center;
	border-top: solid 1px #444;
	margin: 10px auto 0;
	padding: 20px 0;
}
body.showcase .content .btn_box a {
	background-color: #333;
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	letter-spacing: 1px;
	border: solid 1px #222;
	display: inline-block;
	margin: 0 20px;
	padding: 7px 40px;
}
body.showcase .content .btn_box a:hover {
	background-color: #3f3f3f;
	color: #fff;
}

/*---- 首頁 ----*/
body.home{
	background-image:url(../images/index/bg_body.jpg);
	background-repeat:no-repeat;
	background-color: #131313;
}
body.home .container{
	background-image:none;
}
body.home .main_bg,
body.home .header .breadcrumb{
	display:none;
}
body.home .footer_bg{
	background-image:none;
	margin-top:-16px;
}
body.home .footer{
	padding:23px 0 0 110px;
}
body.home .header_bg{	
	background-image:url(../images/index/bg_header.png);
	background-repeat:no-repeat;
	background-position:
}
body.home .header{
	height:735px;
}
body.home .header ul.hader_nav{
	left:375px;
	top:200px;
	width:110px;
}
body.home .header ul.hader_nav li{	
    width:110px;
	border-bottom:1px solid #c6c6c6;	
}
body.home .header ul.hader_nav li a{
	display:block;
	padding:4px 0 4px 20px;
	font-family:"微軟正黑體";
	color:#444444;
	font-size:15px;
	font-weight:bold;
}
body.home .header ul.hader_nav li a:hover{
	background-image:url(../images/index/menu_over.jpg);
	background-repeat:no-repeat;
	background-position:8px 15px;	
}
body.home .header h1.title{
	background-image:url(../images/index/logo.png);
	width:275px;
	height:89px;
	left:150px;
	top:50px;
}
body.home .header .title a{
	width:275px;
	height:89px;
}
body.showcase .header a.contact,
body.showcase .header a.showcase,
body.links .header a.contact,
body.links .header a.showcase,
body.locations .header a.contact,
body.locations .header a.showcase,
body.message .header a.contact,
body.message .header a.showcase,
body.services .header a.contact,
body.services .header a.showcase,
body.about .header a.contact,
body.about .header a.showcase{
	display:none;
}
body.home .header a.showcase{
	background: url("../images/index/buttons.png") no-repeat scroll 0 0 transparent;
	position:absolute;
	left:90px;
	top:255px;
	width:135px;
	height:65px;
	display:block;
	text-indent:-99999px;
}
body.home .header a.showcase:hover{
	background: url("../images/index/buttons.png") no-repeat scroll 0 100% transparent;
}
body.home .header a.contact{
	background: url("../images/index/buttons.png") no-repeat scroll -135px 0 transparent;
	position:absolute;
	left:228px;
	top:392px;
	width:135px;
	height:65px;
	display:block;
	text-indent:-99999px;
}
body.home .header a.contact:hover{
	background: url("../images/index/buttons.png") no-repeat scroll -135px 100% transparent;
}
body.links .header .slogan,
body.locations .header .slogan,
body.message .header .slogan,
body.service .header .slogan,
body.about .header .slogan{
	display:none;
}
body.home .header .slogan{
	background-image:url(../images/index/slogan.png);
	background-repeat:no-repeat;
	width:467px;
	height:98px;
	position:absolute;
	top:123px;
	right:16px;
}
body.showcase .header .banner,
body.links .header .banner,
body.locations .header .banner,
body.message .header .banner,
body.service .header .banner,
body.about .header .banner{
	display:none;
}
body.home .header .banner{
	position:absolute;
	width:735px;
	height:520px;
	left:250px;
	top:252px;
}

/*---- 首頁 end----*/

/*------------------------- 友站連結 -------------------------*/
body.links .content h1.page_title {
	background: url(../images/links/page_title.png) no-repeat left top;
}
body.links .linklist{
	border:1px solid #3f3f3f;
	padding:30px;
	margin:5px 0 20px;
}
body.links .linklist table{}
body.links .linklist table td{
	line-height:1.8em;
	padding:5px 0;	
	color:#fff;
	font-size:14px;
	font-family:"微軟正黑體";
}
body.links .linklist table td a{
	text-decoration:none;
	color:#fff;
}
body.links .linklist table td a:hover{
	text-decoration:underline;
	color:#fff;
}


/*------------------------- 友站連結 -------------------------*/