@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; width:100%; background:url(../images/main-bg.jpg) repeat-x 0 0 #FEFDFB;	font-family:Verdana, '新細明體',  sans-serif;	font-size:13px;	line-height:25px; color:#726848;}
a{ color:#815E3A; text-decoration:underline; }
a:hover{ color:#DB9312;	text-decoration:none; }
p{	display:block; margin:0 0 15px 0;}
ul,ol{margin:0; padding:0; list-style: none;}
img, img a{ border:none; }
.clearfloat{ clear:both; }
img.pic-column{	display:block;	padding:0;	margin:15px 0;	text-align:center;	background:#F3F0EA;	border:none;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); max-width:100%;}
img.pic-left{	float:left;	margin:0 15px 15px 0;}
img.pic-right{	float:right;	margin:0 0 15px 15px;}
hr{	clear:both; height:1px; width:100%;	margin:20px 0 30px 0 ; padding:0; background:#E6DFD2; border:none;}
.title-line{ clear:both; height:2px; background:#E6DFD2; margin:10px 0 15px 0; display:block; position:relative;}
.title-line:before{ content:' '; height:2px; width:100px; position:absolute; top:0; left:0; margin:0; padding:0; background:#DB9312;}
/*h3{	color:#726646;	font-weight:bold;	font-size:15px;	line-height:16px; padding:0 0 0 15px;	margin:0px 0px 15px 0px; background:url(../images/arrow.png) no-repeat 0 3px ; }*/
.wrap{width:1100px; position:relative; margin:0 auto; padding:0;}
/*=====================
	      INDEX
======================*/

#index_header{height:120px; width:100%; background:#FFFFFC; border-bottom:3px solid #E9DCC2;  top:0; display:block; z-index: 1000; position:relative; min-width:1100px;}
#header{ height:100px;  width:100%; background:url(../images/header-bg.png) repeat 0 0; border-bottom:3px solid #E9DCC2; top:0; display:block; z-index: 1000; position:relative; min-width:1100px;}
#index_header #logo{ position:absolute; left:0; top:0; width:304px; height:120px;  margin:0; }
#header #logo{	position:absolute; left:0; top:0; width:304px; height:95px;  margin:0; }
#logo table{border-collapse:collapse; border:none; width:100%;	height:100%; margin:0;padding:0;}
#logo table td{text-align:center;	vertical-align:middle;	padding:0;}

#index_group{ margin-top:557px;}
#index_group h2{ margin:0; display:block; position:relative;}
.index_news{ width:430px; float: left; margin:0;}
.index_products{ width:600px; float: right; margin:0;}
.more_news{	width:45px;	height:15px; background-image:url(../images/more1.png);	background-repeat:no-repeat;	background-position:0px 0px;	background-color:transparent;	border:none;	cursor:pointer;	right:0px; top:10px;	position:absolute;}
.more_news:hover{	background-image:url(../images/more2.png);}
.more_products{	width:45px;	height:15px; background-image:url(../images/more2.png);	background-repeat:no-repeat;	background-position:0px 0px;	background-color:transparent;	border:none;	cursor:pointer;	right:0px; top:10px;	position:absolute;}
.more_products:hover{	background-image:url(../images/more1.png);}

ul.index_news_list{	list-style:none; margin:0; padding:0;}
ul.index_news_list li{	display:block; border-top:1px solid #E6DFD2; padding:8px 0 8px 0;}
ul.index_news_list li:first-child{	border-top:none; padding:0 0 8px 0;}
ul.index_news_list li span.date{ display:inline; font-size:12px; color:#726747; width:80px;}
ul.index_news_list li span.t{display:inline; background-image:url(../images/arrow.png);	background-repeat:no-repeat; background-position:0px 0px; padding:0 0 0 23px;	margin:0 0 0 10px;}
ul.index_news_list li span.t a{	text-decoration:none;	color:#726747;}
ul.index_news_list li span.t a:hover{color:#DB9312;	text-decoration:none;}

.index-p-one{ width:190px; min-height:220px; float:left; margin:0 15px 0 0;}
.p-one{ width:190px; min-height:260px; float:left; margin:0 60px 0 0;}
.pic-container{ width:190px; height:190px;	margin:0; padding:0; border:none; background:url(../images/zoom.jpg) no-repeat center center #F3F0EA; text-align:center;}
.pic-container div.pic-cut{width:190px;height:145px; margin:0; padding:0;}
.pic-container table{	width:100%; height:100%; border:none;	border-collapse:collapse;	margin:0; padding:0; background:url(../images/zoom.jpg) no-repeat center center;	background:url(../images/zoom.jpg) no-repeat center -18px !important;}
.pic-container table td{ text-align:center; vertical-align:middle;	padding:0;}
.pic-container table td img{ max-width:190px;	max-height:145px;}
.p-name{	display:block;	font-size:13px; line-height:2em; margin:15px 0 0 0;	padding:0;	text-align:center; color:#726848;}
.p-sn{	display:block;	font-size:12px; line-height:18px; margin:10px 0 0 0; padding:0;	text-align:center; color:#ADA27E;}

/*=====================
	    FOOTER
======================*/
#footer{  width:100%;  margin:0;	padding:0;	background:url(../images/bg2.jpg) repeat 0 0; color:#726646; font-size:13px; line-height:25px; display:block; position:relative;min-width:1100px;}
#footer a{color:#726646; text-decoration: none;}
#footer a:hover{color:#DB9312; text-decoration:underline;}
#footer .wrap{ min-height:200px; padding:40px 0 10px 0; background:url(../images/footer-lotus.jpg) no-repeat right 10px;}
.footer_nav{float:left; width:470px; margin:0 30px 0 0; background:url(../images/footer-nav-title.png) no-repeat 0 0; padding:42px 0 0 0;}
.footer_nav ul li{ float:left; background-image:url(../images/footer_nav_line.png);	background-repeat:no-repeat;	background-position:0px 6px; padding:0 3px 0 20px;}
.footer_nav ul li:first-child{	background-image:none;	padding:0 12px 0 0px;}

#footer_info{float:left; margin:0; background:url(../images/footer-info-title.png) no-repeat 0 0; padding:42px 0 0 0;}

/*=====================
      PRIMARY MENU
======================*/

#primary-menu{	height:65px; width:680px; position:absolute; z-index:1000; overflow:visible; padding:0; margin:0; right:20px;}
#index_header #primary-menu{top:30px; }
#header #primary-menu{top:18px;}

.menu, .menu * {margin:	0;	padding: 0;	list-style: none;}
.menu {	margin:0; padding:0;}
.menu ul {	position:absolute;	top: -999em;}
.menu ul li {  position:relative;}
.menu li:hover, .menu li.current {	visibility: inherit; /* fixes IE7 'sticky bug' */}
.menu li{ float:left; padding:0; margin:0;}
.menu li a {	display:block; width:113px; height:65px; padding:0; margin:0; background-image:url(../images/nav-text.png); background-repeat:no-repeat;}
.menu li a:hover,.menu li:hover a{background-image:url(../images/nav-text-hover.png);}
.menu li a.m1,.menu li:hover a.m1{background-position:0px 0px;}
.menu li a.m2,.menu li:hover a.m2{background-position:-113px 0px;}
.menu li a.m3,.menu li:hover a.m3{background-position:-226px 0px;}
.menu li a.m4,.menu li:hover a.m4{background-position:-339px 0px;}
.menu li a.m5,.menu li:hover a.m5{background-position:-452px 0px;}
.menu li a.m6,.menu li:hover a.m6{background-position:-565px 0px;}

.menu li ul {
	background-color:#fff;
	border:1px #E9DCC2 solid;
			box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	width:150px;
	top: 66px; /* match top ul list item height */
	margin-left:-15px;
	position: absolute;
}
.menu li ul span{/*三角*/
	width:160px; height:16px; background:url(../images/sub_top.png) no-repeat -5px 0px; margin-top:-16px; float:left; position:absolute; top:0px; left:0px;}
.menu li ul li{	float:none; width:auto; display:block; padding:0; margin:0; border-top:1px dotted #E9DCC2;}
.menu li ul li:first-child{	 border-top:none;}
 .menu li ul li a, .menu li:hover ul li a{ 	height:auto; width:auto; display:block;	background:url(../images/arrow.png) no-repeat 5px 11px;	padding:8px 10px 8px 22px;text-decoration:none; font-size:13px; line-height: 22px;}
.menu li ul li a:hover { background-color:#FAF9F1; text-decoration:none; color:inherit;}
.menu li ul li.current a{
	background-color:#EFE6D1;
	transition-property:all;
	transition-duration:0.1s;
	transition-timing-function:initial;
	transition-delay:initial;
}

/*=====================
         SLIDER
======================*/
#slide_wrapper{	display:none; width:100%;  position:absolute; margin:0 auto; top: 0; left:0; z-index:-1; min-height:640px;min-width:1100px;}

/*=====================
      MAINWRAPPER
======================*/
#main_wrapper{	margin-top:340px; background:url(../images/content-bg.png) repeat 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 1000; padding-top:45px; padding-bottom:60px; }
.main_wrapper-top{ width:100%; min-height:100px;  top:-24px; background:url(../images/content-top.png) no-repeat 0 0px; position:absolute; z-index: 0;}
.page-title{width:230px; height:90px; position:absolute;}
.page-slogan{width:290px; height:105px; position:absolute;}
.page-title-left{	display:block; padding:0 0 12px 0;	margin:0 0 10px 0; border-bottom:2px solid #DB9312;}

#main_center{	display:block;	padding:0 130px;}
#main_left{position:relative; z-index: 10;	width:200px; float:left; margin-left:80px;}
#main_right{ position:relative; z-index: 10; width:690px; float:right; margin-right:80px;}
/*=====================
      MAIN_LEFT
======================*/

#left_list{	width:100%;}

#left_list ul{margin:0 0 20px 0;}
#left_list ul li{ border-bottom:1px solid #E6DFD2;display:block; }
#left_list ul li a{ position:relative; display:block; font-size:13px; color:#726646; padding:7px 10px; text-decoration: none;}
#left_list ul li a:hover{color:#726646; background:#FAF8F1; text-decoration: none;}
#left_list ul li a.mark{color:#726646; background:#F3EDDE; text-decoration: none;}
#left_list ul li a.mark::before{display:block; content:' '; width: 0; 	height: 0; 	border-top: 6px solid transparent;	border-bottom: 9px solid transparent; 	border-left:9px solid #F3EDDE;  position:absolute; top:50%; right:-9px; margin-top:-6px;}
.btn-panorama{display:inline-block; background-image:url(../images/btn-panorama.jpg); background-repeat:no-repeat; background-position:0 0; width:199px; height:88px; border:none; margin:0;padding:0;}
.btn-panorama:hover{background-position:0 -88px;}
/*=====================
	  MAIN_RIGHT
======================*/
.title{
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#726646;
	padding:0 10px 0 20px;
	margin:0;
	background:url(../images/arrow.png) no-repeat 2px 5px;

}
.content{	display:block;	text-align:left;}
.content p{	display:block;	margin:10px 0 15px 0;	}
.content p.left25{	margin:10px 0px 15px 0px;	display:block;}
.content ul li{	display:block;	padding: 0 0 0 20px;	background:url(../images/arrow.png) no-repeat 0px 6px;	
}
/*=====================
	    PRODUCTS
======================*/

/* DETAIL-LEFT */
table.p-pic{border-collapse:collapse;border:none;margin:0;padding:0;float:left;position:absolute;width:280px;height:420px;}
table.p-pic td{padding:10px;vertical-align:middle;text-align:center;background:#eee;}
table.p-pic td img{max-width:280px;max-height:400px;padding:3px;border:1px #c8c8c8 solid;box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-ms-box-shadow:0 0 5px rgba(0,0,0,0.2);}


/* DETAIL-right */
.p-detail-column{height:400px;width:480px;margin:0;display:table-cell;vertical-align:middle;text-align:left;}
table.p-detail{border-collapse:collapse;border:none;width:450px;margin:0 0 0 315px;padding:0;float:left;}
table.p-detail td{padding:5px 10px 5px 8px;line-height:25px;vertical-align:top;color:#726848;font-family:Arial, 新細明體,Helvetica, sans-serif;}
table.p-detail td.p-detail-title{background:url(../images/arrow.png) no-repeat right 9px;text-align:left;font-size:15px;font-weight:700;color:#726848;font-family:微軟正黑體, Verdana, Geneva, sans-serif;width:65px;}



/*=====================
	   pagenumber
======================*/
table.pagenumber{	margin:20px auto 0 auto;	border:none;	border-collapse:collapse;	height:25px;}
table.pagenumber td{	padding:0px 5px 0px 0px;	text-align:center;	vertical-align:middle;}
table.pagenumber td a{	color:#726848;		display:block;	border:1px #E6DFD2 solid;	background:#FEFDFB;	padding:6px 8px;	line-height:13px;	text-decoration:none;}
table.pagenumber td a:hover{	color:#726848;	background:#F7EDDF;	text-decoration:none;}
table.pagenumber td a.mark{	color:#fff;	font-weight:bold;	border:1px #E6DFD2 solid;	background:#B8B09A;	text-decoration:none;}



/*=====================
	    NEWS
======================*/

table.t-list{width:100%; margin:0 auto;	padding:0;	border:none; border-collapse:collapse;}
table.t-list tr:nth-child(odd) td{background-color: #F7F3EA;}
table.t-list tr:nth-child(even) td{background-color: transparent;}
table.t-list th {border-bottom: 2px solid #DB9312; padding:10px; vertical-align:top; text-align: left; position:relative; }
table.t-list td{	border-bottom: 1px solid #E6DFD2; padding:10px; font-size:13px; line-height:18px; }
table.t-list td.date{ width:115px; text-align:left;}
table.t-list td.subject{ background: url(../images/arrow.png) no-repeat 3px 17px; text-align: left;	padding-left:30px;}
table.t-list th.subject{ background: url(../images/arrow.png) no-repeat 3px 13px; text-align: left;	padding-left:30px;}
table.t-list td a{text-decoration:none;	display:block;}
table.t-list td a:hover{ text-decoration:none;}

table.t-list td.view
table.t-list tr:nth-child(odd) td.view,
table.t-list tr:nth-child(even) td.view{
background-color:#F7F3EA;}

.services_view_content{ display:block; 	background-color:transparent; margin:0 auto; padding:20px 20px; text-align:left; vertical-align:top;}
.btn_back{	position:absolute; width:60px;	height:25px; background:url(../news/images/btn-back.png) no-repeat 0 0 transparent;	border:none; cursor:pointer; top:10px; right:10px;}
.btn_back:hover{right:15px;}

/*=====================
	    DOWNLOAD
======================*/
table.t-list .filename{	width:180px;}
table.t-list .fileintro{ background: url(../images/arrow.png) no-repeat 3px 17px; text-align: left;	padding-left:30px;}
table.t-list .filebtn{	width:105px; text-align:center;}
.btn-download{ width:103px;	height:25px; background:url(../download/images/btn-download.png) no-repeat 0 0 ;	margin:0;border:none; cursor:pointer;}
.btn-download:hover{ background-color:#EDE4D1;}



/*=====================
	    CONTACT
======================*/
.company_info{ width:390px; float:left; background:url(../contact/images/info.png) no-repeat 0 0;	padding:70px  0 0 0; margin:0 0 40px 0;}
.company_map{width:380px; height:230px;	margin:0; padding:5px; border:1px solid #EEE4D1;	float:left;	}
.map_area{	width:380px;	height:230px; margin:0;	}
.contact_form{	width:420px; float:right;}
.contact_form p{ display:block; margin:0 0 10px 0;}
.placeholderColor { color : #666 !important; }
input:placeholder{color:#6669}
input:-moz-placeholder{color:#666}
input:-ms-input-placeholder{color:#666}
.text_1{display:block; width:420px;height:15px;margin:0 0 10px 0;background:#fff;border:1px solid #CCC;padding:8px;color:#666;font-size:13px;}
.text_2{display:block; width:420px;height:90px;margin:0 0 10px 0;background:#fff;border:1px solid #CCC;padding:8px;color:#666;font-size:13px;}
.text_3{display:block; width:165px;height:15px;margin:0 5px 0 0; #fff;border:1px solid #CCC;padding:8px;color:#666;font-size:13px;}

.btn_submit{width:70px;height:32px;margin:0 5px 0 0;background-image:url(../contact/images/btn_submit.jpg);background-repeat:no-repeat;background-position:0 0;background-color:transparent;border:none;cursor:pointer;}
.btn_submit:hover{background-image:url(../contact/images/btn_submitf.jpg);}
.btn_reset{width:70px;height:32px;margin:0;background-image:url(../contact/images/btn_reset.jpg);background-repeat:no-repeat;background-position:0 0;background-color:transparent;border:none;cursor:pointer;}
.btn_reset:hover{background-image:url(../contact/images/btn_resetf.jpg);}

/*=====================
	   PANORAMA
======================*/
#panorama-area{width:690px; height:620px; border:none; margin:0; padding:0 0 20px 0;}
#panorama-area img{max-height:600px; min-height:600px; border:none;}