/* ---------------------------------------------------------------- 初始化 -----------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
fieldset,img {
   border:0;
}
ol,ul {
	list-style-type: none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
    font-size:12px;
}	
/* Remove the link outline */
a {
  outline:none;	/* For FF */
  noFocusLine:expression(this.onFocus=this.blur()); /* For IE */
} 
:focus {
  -moz-outline-style: none;
} /* For Firefox */ 	

html body div.clear, html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

/* ------------------------------------------------------------- 基本設定 -----------------------------------------------*/

body {
	background: url(back_body.jpg) repeat-x left top;	
	font-size: 12px;
	color: #6b6b6b;
	font-family: "新細明體" ,Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
}
a {
	color: #6b6b6b;
	text-decoration: none;
}
a:hover {
	color: #c90202;
}



/* ---------------------------------------------------------- 內頁背景 --------------------------------------------------*/


div#wrap_box {	
	background: url(back_wrap1.jpg) no-repeat center top;	
	width: 100%;
	margin: 0 auto;
}
div#wrap {
	background: url(back_wrap2.jpg) no-repeat center top;
	width: 1003px;
	margin:0 auto;
	position: relative;
}

/* ----------------------------------------------------------- header ---------------------------------------------------*/

div#header {
	position: relative;
	width:1003px;
	padding: 0;
	height:336px;
	z-index:10; /*有下拉選單時一定要加,才能在最上方*/ 	
	}
div.header_logo h1 {
	background:url(logo_c.jpg) no-repeat left top;	
	width:256px;
	height:94px;
	position: absolute;
	left: 51px;
	top: 0px;
	z-index: 2;
	}
div.header_logo h1 a {
	display: block;
	width:256px;
	height:94px;
	text-indent: -9999px;	
	}
div.header_info {
	display: block;
	position: absolute;
	right: 0px;
	top: 28px;
	z-index: 2;
	padding: 3px 8px 2px;
	color:#c5b699;	
}
div.header_info a {
	padding: 3px 4px;
	text-decoration: underline;
	color:#c5b699;
}
div.header_info a:hover {
	color:#fff;
	text-decoration: none;
}


/* ---------------------------------------------------------------- 主選單 -----------------------------------------------*/

ul#nav_main {
	background:url(nav_main_c.jpg) no-repeat;
	width: 773px;
	height:44px;
	padding:0 16px 0 13px;	
	position: absolute;
	left: 0px;
	top: 94px;
 	z-index:20; /*有下拉選單時一定要加,才能在最上方*/   	
}
ul#nav_main li {
	position:relative;
	float:left;		
}
ul#nav_main li a {
	background:url(nav_main_c.jpg) no-repeat;
	display: block;
	height:44px;	
}
ul#nav_main li a span {
	display: none;
}
ul#nav_main li:nth-child(1) a {
    width: 95px;
	background-position: -13px 0;
}
ul#nav_main li:nth-child(1) a:hover, ul#nav_main li.highlight:nth-child(1) a {	
	background-position: -13px -44px;
}
ul#nav_main li:nth-child(2) a {
    width: 97px;
	background-position: -108px 0;
}
ul#nav_main li:nth-child(2) a:hover, ul#nav_main li.highlight:nth-child(2) a {	
	background-position: -108px -44px;
}
ul#nav_main li:nth-child(3) a {
    width: 97px;
	background-position: -205px 0;
}
ul#nav_main li:nth-child(3) a:hover, ul#nav_main li.highlight:nth-child(3) a {	
	background-position: -205px -44px;
}
ul#nav_main li:nth-child(4) a {
    width: 96px;	
	background-position: -302px 0;
}
ul#nav_main li:nth-child(4) a:hover, ul#nav_main li.highlight:nth-child(4) a {	
	background-position: -302px -44px;
}
ul#nav_main li:nth-child(5) a {
    width: 97px;
	background-position: -398px 0;
}
ul#nav_main li:nth-child(5) a:hover, ul#nav_main li.highlight:nth-child(5) a {	
	background-position: -398px -44px;
}
ul#nav_main li:nth-child(6) a {
    width: 98px;
	background-position: -495px 0;
}
ul#nav_main li:nth-child(6) a:hover, ul#nav_main li.highlight:nth-child(6) a {	
	background-position: -495px -44px;
}
ul#nav_main li:nth-child(7) a {
    width: 99px;
	background-position: -593px 0;
}
ul#nav_main li:nth-child(7) a:hover, ul#nav_main li.highlight:nth-child(7) a {	
	background-position: -593px -44px;
}
ul#nav_main li:nth-child(8) a {
    width: 94px;
	background-position: -692px 0;
}
ul#nav_main li:nth-child(8) a:hover, ul#nav_main li.highlight:nth-child(8) a {	
	background-position: -692px -44px;
}


/* --------------------------------------------------- flash -----------------------------------------------*/

.flash {
	width:1003px;
	width:186px;
	position: absolute;
	left: 0px;
	top: 138px;
	z-index: 10;	
}
.flash_title {
	width:600px;
	height:52px;
	position: absolute;	
	left: 176px;
	top: 283px;
	z-index: 20;
}
.flash_title h4 {
	height:52px;
	text-indent:-9999px;
}
.flash_title h4.flash_title1 {
	background:url(flash_title1.png) no-repeat left top;
}
.flash_title h4.flash_title2 {
	background:url(flash_title2.png) no-repeat left top;
}
.flash_title h4.flash_title3 {
	background:url(flash_title3.png) no-repeat left top;
}
.flash_title h4.flash_title4 {
	background:url(flash_title4.png) no-repeat left top;
}
.flash_title h4.flash_title5 {
	background:url(flash_title5.png) no-repeat left top;
}
.flash_title h4.flash_title6 {
	background:url(flash_title6.png) no-repeat left top;
}
.flash_title h4.flash_title7 {
	background:url(flash_title7.png) no-repeat left top;
}
.flash_title h4.flash_title8 {
	background:url(flash_title8.png) no-repeat left top;
}



/* --------------------------------------------------- container -----------------------------------------------*/

.container {
	width:1003px;
	position: relative;
	float:left;
	min-height:540px;
	_height:540px;
}

/* ------------------------------------------------------ 次選單 ------------------------------------------------*/

div.navsub {
	float:left;
	width: 178px;
	text-align: left;
	padding:0 56px 10px 0;	
}
div.navsub_menu {
	width:178px;
	padding:0;
	margin: 0 auto;
	}
div.navsub_menu h4 {
	height:59px;
	text-indent:-9999px;
}
div.navsub_menu h4.navsub_title1 {
	background:url(navsub_title1.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title2 {
	background:url(navsub_title2.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title3 {
	background:url(navsub_title3.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title4 {
	background:url(navsub_title4.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title5 {
	background:url(navsub_title5.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title6 {
	background:url(navsub_title6.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title7 {
	background:url(navsub_title7.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title8 {
	background:url(navsub_title8.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title9 {
	background:url(navsub_title9.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title10 {
	background:url(navsub_title10.jpg) no-repeat left top;
}
div.navsub_menu h4.navsub_title11 {
	background:url(navsub_title11.jpg) no-repeat left top;
}

div.navsub_menu ul {
	padding: 0 13px;
}
div.navsub_menu ul li {
	border-bottom:1px solid #ae7181;
	position:relative;
}
div.navsub_menu ul li:nth-child(4) {
	border-bottom:1px solid #c38696;
}
div.navsub_menu ul li:nth-child(5) {
	border-bottom:1px solid #d3a4b0;
}
div.navsub_menu ul li:nth-child(6) {
	border-bottom:1px solid #ddb9c3;
}
div.navsub_menu ul li:nth-child(7) {
	border-bottom:1px solid #e2c1ca;
}
div.navsub_menu ul li:nth-child(8) {
	border-bottom:1px solid #e7cad2;
}
div.navsub_menu ul li:last-child {
	border-bottom:none;
}
div.navsub_menu ul li a {
	*display: inline-block;			
    display:block;
	zoom: 1;
	text-align:center;
	padding: 10px 0 6px 0;
	color:#fff;
}
div.navsub_menu ul li a:hover {
	font-weight:bold;
}




/* ---------------------------------------- content_main ----------------------------------------------*/

.container_main {
	width: 707px;
	float: left;
	padding: 0 0 40px 0;
	margin: 0;
	line-height:22px;
}
.container_main h3.title {
	background:url(back_title.jpg) no-repeat left 2px;		
	font-size:16px;
	margin:24px 0 18px 0;
	padding:0 0 0 10px;
	color:#010101;
	font-family: "微軟正黑體" ," 新細明體" ,Arial, Verdana, Helvetica, sans-serif;	
}
.container_main .pic01 {
	margin:0px 0 20px 0;
}


/* --------------------------------------- content_main -----------------------------------------------*/

.content_main p.font1 {
    text-align:right;
	color:#C00;
	font-weight:bold;
	margin: 0 0 4px 0;
	font-size:13px;
}

.content_main p.font2 {
	font-size:30px;
	line-height:300px;
	text-align:center;
}
.content_main p {
	margin:0 0 16px 0;
}
.content_main h4 {
	color:#C00;
	font-weight:bold;
	margin: 0 0 0px 0;
	font-size:15px;
}



/* ------------------------------------------- 表格 --------------------------------------------*/

.table1 {
	border-collapse: collapse;
	border-width:0 0px 2px 0px;
	border-style:solid;
	border-color:#993a52;
	text-align: center;	
	margin: 0 0 10px 0;	
}
.table1 tr:nth-child(odd) {
	background: #fef4f7;
}
.table1 th {
	background: #993a52;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding:6px 10px;	
}
.table1 td {
	padding:6px 10px;
	border-bottom: 1px dotted #cfcfcf;
	border-right: 1px solid #cfcfcf;	
}
.table1 td:last-child{
	border-right: none;
}
.table1 td.y1 {
	text-align:left;	
}
.table1 a.file {
	display:inline-block;
	width:50px;
	height:16px;
	background: url(hand.gif) no-repeat left top;
	text-indent:-9999px;
	cursor:pointer;
	}

.table2 {
	border-width:2px 1px 2px 1px;
	border-style:solid;
	border-color:#993a52;
	margin:0;
	text-align:left;	
	}
.table2 caption {
	font-weight:bold;
	}
.table2 td.y1 {
	text-align:center;
	background-color:#fcecf0;
}
.table2 td.y2 {
	text-align:center;
	background-color:#fcf7f7;
}

.table3 {
	border-width:2px 1px 2px 1px;
	border-style:solid;
	border-color:#993a52;
	margin:0;	
	}

.table4 {
	border-width:2px 1px 2px 1px;
	border-style:solid;
	border-color:#993a52;
	margin:0 0 20px 0;
	font-size:12px;	
	}

.table5 {
	border-width:0 0px 0 0px;
	border-style:solid;
	border-color:#993a52;
	text-align: left;	
	margin: 0 0 10px 0;	
	}
.table5 tr:nth-child(odd) {
	background: #fff;
}
.table5 th {
	background: #993a52;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding:0;	
	text-align: center;	
	border-radius:3px;	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;		
}
.table5 td {
	padding:0px 10px;
	border-bottom: 1px dotted #fff;
	border-right: 1px solid #fff;	
}



/* ----------------------------------- 產品列表 ------------------------------------------*/


.album {
	margin:10px 0 0 0;
	text-align:justify;
	text-justify:distribute;
	}
.album dl {
	overflow:hidden;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom:1px dotted #e0e0e0;
	}
.album dl dt {
	float:left;
	margin: 4px 20px 0 0;
	text-align:center;
	background-color:#7e011f;	
	padding:5px;
	border-radius:3px;	
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;	
	}
.album dl dt img {
	width:140px;
	height:105px;
	border: 1px solid #c28493;
	}
.album dl span.more {
	}	
.album dl span.more a {
	color:#b46f81;
	margin: 0 0 0 4px;
	}
.album dl span.more a:hover {
	color:#000;
	}
.album dl dd {
	overflow:hidden;
	}
.album dl dd h6 {
	font-size: 13px;
	color: #7e011f;
	text-decoration: underline;
	font-weight:bold;
	}
.album dl dd p {
	margin: 0 0 10px 0;
	}	

.album_top {
	background-color:#f7f1e7;	
	border: 1px dotted #e6d9c9;
	padding:15px;
	margin: 0 0 20px 0;
	}



.album_box {
    text-align:left;
	margin: 10px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom:1px dotted #e0e0e0;	
	}
.album_box ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.album_box ul li {  
	width:340px;
	min-height: 500px;
	_height: 500px;
	display: -moz-inline-stack;
	display: inline-block;
    *display: inline;	
	vertical-align: top;
	margin:0 16px 20px 0px;
	margin:0 16px 20px 0px \9;		
	zoom: 1;
	cursor:pointer;
}
.album_box ul li:nth-child(2n) {
	margin-right: 0px;
	clear: left;
}
.album_box ul li:hover img { 
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 07;
    opacity: 0.7;
}
.album_box .box {	
	float:left;
	display: block;
	text-align:center;
	font-size:0;
	width:320px;
	height:480px;
	background-color:#fef6f8;	
	border: 1px solid #f7eaed;
	padding:9px;	
	border-radius:6px;	
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;		
}
.album_box .box *{
	vertical-align:middle;
}
.album_box .box span{
	display:inline-block;
	height:100%;
	_height:auto;
}
.album_box .box img {
	max-width:320px;
	max-height:480px;
	_width:320px;
	_height:480px;	
}
.album_box ul p.tags {
    margin: 504px 0 0 0;
    margin: 504px 0 0 0 \9;
    _margin: 0 0 6px 0 \9;
	line-height: 18px;
	text-align: center;
	padding: 0 6px 0 20px;
	font-size:18px;
	color:#7e011f;
}


.album_box2 ul li {  
	width:170px;
	min-height: 133px;
	_height: 133px;
	display: -moz-inline-stack;
	display: inline-block;
    *display: inline;	
	vertical-align: top;
	margin:0 5px 20px 0px;
	margin:0 20px 20px 0px \9;		
	zoom: 1;
	cursor:pointer;
	position:relative;
}
.album_box2 ul li:nth-child(2n) {
	margin:0 5px 10px 0px;
}
.album_box2 ul li:nth-child(4n) {
	margin-right: 0px;
	clear: left;
}
.album_box2 .box {	
	float:left;
	display: block;
	text-align:center;
	font-size:0;
	width:150px;
	height:113px;
	background-color:#fff;	
	border: 1px solid #f7eaed;
	border-top:none;	
	border-bottom:none;	
	padding:9px;	
    border-radius:0px;	
	-ms-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-webkit-border-radius:0px;
}
.album_box2 .box img {
	max-width:150px;
	max-height:113px;
	_width:150px;
	_height:113px;	
}
.album_box2 ul p.tags {
    margin:0px 0 0 0;
    margin: 0px 0 0 0 \9;
    _margin: 0 0 6px 0 \9;
	font-size:12px;
	background-color:#993a52;
	padding:2px 0;
	color:#fff;
    border-radius:6px 6px 0 0;	
	-ms-border-radius:6px 6px 0 0;	
	-moz-border-radius:6px 6px 0 0;	
	-o-border-radius:6px 6px 0 0;	
	-webkit-border-radius:6px 6px 0 0;	
}
.album_box2 em {
    margin:120px 0 0 0;
    margin: 120px 0 0 0 \9;
    _margin: 0 0 6px 0 \9;
	display: block;
	background-color:#faf3f5;
	text-align:center;
	padding: 0;
	border: 1px solid #f7eaed;
	border-top:none;
    border-radius:0 0 6px 6px;	
	-ms-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-o-border-radius:0 0 6px 6px;	
	-webkit-border-radius:0 0 6px 6px;
}

/* ----------------------------------- 新聞內頁 -------------------------------------*/

p.news_title {
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	padding: 6px 10px;
	margin:0;
	background: #993a52;
	text-align:left;	
	} 
div.news_main {	
	text-align: left;
	padding: 15px 20px;
	margin: 0 0 10px 0;
	border-width:0 1px 2px 1px;
	border-style:solid dotted;
	border-color:#993a52 #cfcfcf;
}
div.news_main strong {
	font-weight:bold;
}
div.news_main p {
	margin: 0 0 6px 0;
	padding:0;
}
div.news_main img {
	max-width:640px;
	_width:640px;
	height:auto !important;
}
div.news_main p.filedown {
	background:url(file_down1.png) no-repeat left center;
	padding: 20px 0 20px 70px;
	
}
div.news_main p.filedown a {
	font-size:13px;
	text-decoration: underline;
}
div.news_main p.filedown a:hover {
	text-decoration: none;
}



.back_news{
	text-align: right;
}
.back_news a {
	background-color: #ececec;
	border: 1px solid #ececec;
	color: #333;		
	line-height: 24px;
	text-align: center;
	padding: 4px 6px;	
}
.back_news a:hover {
	background-color: #f8f5f0;
	border: 1px solid #c8c8c8;
}

.back_album {
	padding: 10px 0 0 0;
}

/* ----------------------------------- 頁數 -------------------------------------*/

#pager {
	text-align:center;
	margin:0;
	padding:0;
	}
#pager p {
	margin:0;
	padding:0;
	}	
#pager p span{
	color:#800524;
	font-size:15px;
	font-weight:bold;
	margin:0 3px;
	}
#pager ul.pages {
	display:block;
	border:none;
	text-transform:uppercase;
	font-size:11px;
	text-align: center;
	padding: 0;
}

#pager ul.pages li { /* 頁數列表 */
	list-style: none;
	border: 1px solid #ececec;
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 5px 7px;
	display: inline;
	line-height: 30px; /* ie7 必要 */
	cursor: pointer;	
}

#pager ul.pages li:hover { /* 觸碰時 */
   border:1px solid #ececec;
   color:#333;
   background-color:#ececec;
}

#pager ul.pages a:hover { /* 觸碰時 */
   color:#fff;
}

#pager ul.pages li.pgEmpty { /* 沒有作用的頁數 */
	border:1px solid #f3f3f3;
	color:#f3f3f3;
	cursor: default;
}
#pager ul.pages li.pgEmpty:hover {
	border:1px solid #f3f3f3;
	color:#f3f3f3;
	cursor: default;
    background-color:#fff;	
}

#pager ul.pages li.pgCurrent { /* 作用中的頁數 */
   border:1px solid #ececec;
   color:#333;
   font-weight:700;
   background-color:#ececec;
}

/*回目錄頁*/
.back_list {
	}
.back_list a {
	float: right;
    padding: 1px 10px;
	background-color: #ccc;
	border: 1px solid #ccc;	
	text-align: center;
	color: #fff;	
	-moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;	
	margin: 10px 0 0 0;
}
.back_list a:hover {
	background-color: #f4f4f4;
	color: #333;	
}	

/* ----------------------------------------------------- 會員登入 ---------------------------------------------------*/
	
div.member_in {
	width:400px;
	margin: 80px auto;
	position: relative;
	text-align: center;
	font-weight: bold;
	}
div.member_in p {
	line-height: 40px;
	}		
div.member_in p a {
	padding: 0 10px 0 0;
	margin: 5px 6px 0 0;
	}	
	
.member_table {
	border-collapse: collapse;
	border-width:1px 1px 2px 1px;
	border-style:solid;
	border-color:#e6d9c9;			
}

.member_table th {
	text-align: left;
	color: #333;
	font-weight: bold;
	background: #e6d9c9;
	padding: 3px 5px;
	font-size:16px;		
}
.member_table td {
	padding:8px 5px;
	line-height: 24px;
	text-align: center;
	border-bottom:1px dotted #e6d9c9;
	border-right:1px dotted #e6d9c9;		
}	
.member_table td.s1 {
	text-align: left;
}

.login_out {
	background: url(login_bg.gif) no-repeat 0 0;
	width:75px;
	height:25px;
	text-align: left;
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 20px;
	right: 50px;
	}
.login_out a {
	display:block;
	color: #333;
	padding:0 0 0 34px;
	font-weight:bold;
	}
.login_out a:hover {
	color: #C00;
	}

.input4 {
	background: #e6d9c9 url(contact_btn2.jpg) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
	width: 50px;
	height: 42px;
	margin: 0 5px 0 5px;
	padding: 0;
	border: none;
	border-collapse:collapse;
	cursor:pointer;
}

/* ---------------------------------- 討論區 -------------------------------------*/

.forum_box {
	border-width:1px 1px 2px 1px;
	border-style:solid dotted;
	border-color:#d7d7d7;
	padding:3px;
	margin: 0 0 20px 0;	
	}
.forum_box dl {
	margin:0 0 2px 0;
	border-bottom:1px dotted #e6d9c9;	
	}
.forum_box dl:last-of-type {
	margin:0;
	border-bottom:none;	
	}
.forum_box dl dt {
	background-color:#f0f0f0;
	padding:3px 5px;
	font-weight:bold;	
	font-size:13px;
	margin:2px 0 2px 0;
	color:#333;
	}
.forum_box dl:first-of-type dt {
	background-color:#993a52;
	color:#fff;
	}
	
.forum_box dl dd {
	padding:3px 5px;
	}
.forum_box dl dd p.forum_author {
	margin:0 0 6px 0;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
	color:#C00;
}	
.forum_box dl dd p.forum_time {
	margin:10px 0 0 0;	
	font-weight:bold;
	text-align:right;	
}	


.forum_list {
	position: relative;
	}
.forum_list p {
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	position: absolute;
	right:0;
	top:-20px;
	}		
.forum_list p a {
	font-weight:bold;
	color:#993a52;	
	}
.forum_list p a:hover {
	text-decoration: underline;
	}
.forum_message p {
	background: url(forum_message.png) no-repeat 0 2px;
	}
.forum_Reply p {
	background: url(forum_reply.png) no-repeat 0 2px;
	}
.forum_back p {
	background: url(forum_back.png) no-repeat 0 4px;
	padding: 0 0 0 18px;	
	}


/* ----------------------------------------------------- 意見表單 ------------------------------------------------------*/


.form_out {
	background: url(back_contact.jpg) no-repeat left 10px;
	margin:0;
	padding: 34px 20px 0;
	}
.form_out2 {
	background: none;
	margin:0;
	padding: 0;
	}	
.form {
	line-height: 22px;
	margin: 0px;
	font-weight: bold;
}
.form caption {
	background:#993a52;
	padding: 4px 0;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	margin: 0 0 10px 0;
	border-radius:5px;	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;		
}
.form th {
	background: url(contact_line.jpg) no-repeat right 10px;
	text-align: right;
	padding: 6px 10px 0 0px;
	font-weight: bold;
	vertical-align: top;	
}
.form span {
	color: #C00;
}
.form td {
	padding: 5px;
	text-align: left;
}
.form .thk {
	background: url(contact_line2.jpg) no-repeat right 2px;
}
.form .thr {
}
.input {
	background-color:transparent;
	text-decoration: none;
	border: 1px dotted #ead8de;
	width: 200px;
	height: 20px;
	padding:1px 4px;
	border-radius:5px;	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}
.input2 {
	background-color:transparent;
	text-decoration: none;
	border: 1px dotted #ead8de;
	width: 480px;
	height: 20px;
	padding:1px 4px;
	border-radius:5px;	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}
.input3 {
	background:#993a52;	
	color:#fff;
	text-decoration: none;
	width: 72px;
	height: 20px;
	padding: 0 0 2px 0;
	border: none;
	border-collapse:collapse;
	border-radius:5px;	
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
	margin: 0 5px;
}
div.contact_btn {
	margin:15px 0;
	text-align: center;	
	}

.fromwarn {/*提示字*/
	font-size:12px;
	color:#F00;
}
.codearea {
	float: left;
}
#captcha {
	float: left;
}


/* -------------------------------------- 問與答 ---------------------------------------------*/

ul#qa {
	margin: 0;
	}
ul#qa li {
	border-bottom: 1px dotted #cecece;	
	}
ul#qa li.q {
	background: #f0f0f0 url(qa_q.png) no-repeat 10px 5px;
	padding: 4px 10px 4px 36px;	
	}
ul#qa li.q:first-child{
	border-top: 1px dotted #cecece;		
	}
ul#qa li.a {
	background: #fff url(qa_a.png) no-repeat 10px 10px;
	padding: 10px 10px 10px 36px;		
	}


/* -------------------------------------- 彈跳視窗 --------------------------------------------*/


#iframedetail {
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000000;
	left: 0;
	top: 0;
	background:#000;
	display: table;
	text-align: center;
	vertical-align: middle;
	background:rgba(0,0,0,0.6);
	background: transparent\9;
	zoom:1\8; /* required for the filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */
	
}

.iframedetailcell {	
	height: 480px;
	width: 800px;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	z-index: 10000001;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#iframedetail iframe {
	background:#fff;
	margin: 50px 0 0 0;
	padding: 10px 0;
	vertical-align: middle;
}
#iframedetail .closebox {
	width: 748px;	
	height: 24px;
	margin: 0 auto 0;
	background:#fff;
	text-align:center;
}
#iframedetail .closebox a {
	background: url(close.png) no-repeat left center;
	padding: 5px 0 5px 20px;
	font-weight:bold;	
}
#iframedetail .closebox2 {
	width: 622px;	
}


/* --------------------------------------------------- 網底 --------------------------------------------------*/


#footer_box {	
	background: url(back_footer1.jpg) repeat-x center top;	
	width: 100%;
	height:112px;
	margin: 0 auto;
}

#footer {
	clear:both;
	background: url(back_footer2.jpg) repeat-x left top;	
	width:1003px;
	height:112px;
	margin: 0 auto;
	line-height: 20px;
	position: relative;
	text-align:left;
}
#footer address {
	padding: 58px 0 0 0;
	font-style: normal;
	font-weight: normal;
    color: #595757;		
}
#footer address span {
	position:absolute;
	right:33px;
	top:36px;
	}
	
/*****iframedetail*****/
#iframedetail2 {
 position:fixed;
 width:100%;
 height:100%;
 z-index:10000000;
 left: 0;
 top: 0;
 background: rgba(31, 31, 31, 0.6);
 display: table;
 text-align: center;
 vertical-align: middle;
 zoom:1\8; /* required for the filters */
 padding-top: 33px;
 visibility:hidden;
}
.iframedetailcell { 
 height: 480px;
 width: 800px;
 position: relative;
 vertical-align: middle;
 display: table-cell;
 z-index: 10000001;
 text-align: center;
 margin-right: auto;
 margin-left: auto;
}

#iframedetail iframe {
 margin: 19px auto;
 padding: 0px 0;
 vertical-align: middle;
}
#iframedetail .closebox {
 width: 748px; 
 height: 24px;
 margin: 0 auto 0;
 background:#fff;
 text-align:center;
}
#iframedetail .closebox a {
 background: url(close.png) no-repeat left center;
 padding: 5px 0 5px 20px;
 font-weight:bold; 
}
#mto_bg{
	background-color:#FFF;
	width: 632px;
	height: 452px;
	margin: 0 auto;
	position:relative;
	padding-top: 17px;
}	
.mapps{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#xicon{
	position: absolute;
	left: 18px;
	top: 432px;
	cursor:pointer;
}
.map_pss{
	cursor:pointer;}
.map_pss:hover{
	color:#39F;}