@charset "utf-8";
@font-face {
    font-family: "華康細黑體";
    src: url(wt.ttc);
}
/* ======================================================

01  主設定

====================================================== */
* {height:100%}
DIV * {height:auto}
P   * {height:auto}
PRE * {height:auto}
img * {height:auto}

body {
	font-family: "華康細黑體";
	padding: 0;
	background-color: #FFFFFF;
	text-align:center;
	background-image: url(../images/bg-all-2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0;
	background-attachment: scroll;
	}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, address {
	/*list-style-type: none;*/
	}

	
/* ======================================================

主要框架：寬930px

====================================================== */

div#window-all-2 {
	position:relative;
	width: 1064px;
	height: 910px;
	margin:auto;
	text-align: center;
    clear: both;
	}
div#window-all {
	/*position:relative;
	width: 1064px;
	height: 1010px;
	margin:auto;
	text-align: center;
	background-image: url(../images/index-gold_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: -100px;
	clear: both;*/


    position:relative;
	width: 1064px;
	height: 910px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg-gold.jpg);
	background-repeat: repeat-x;
	background-position: bottom;



	}




/* ======================================================

header：寬930px 高：170px

====================================================== */
#header {
	margin:auto;
	width: 738px;
	height: 140px;
}

h1 {
  margin: 0;
  position: absolute;  /* LOGO絕對位置 */
  left: 42%;
  top: 70px;
  z-index:200;
}

/* ======================================================

button ：寬1280px 高：24px

====================================================== */
#button {
	z-index: 100;
	margin:auto;
	width: 1064px;
	height: 35px;
	background-image: url(../images/index-gold_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#button #inside {
	margin:auto;
	width: 800px;
	height: 35px;
}



/* ======================================================

ring：寬738px 高：頁面內容 

====================================================== */



#ring{
	width: 786px;
	height: 705px;
	text-align: center;
	position:relative;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 12px;
	clear: both;
	}
#ring a:link {
	color: #595757;
	text-decoration: none;
}
#ring a:visited {
	color: #d4003b;
	text-decoration: none;}
#ring a:active {	
    color: #d4003b;
	text-decoration: none;}
#ring a:hover {
	color: #d4003b;
	text-decoration: none;
}
#ring .table {
	margin:auto;
	text-align:left;
	width: 786px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-left: 12px;
	font-size: 12px;
	color: #595757;
	}
#ring .table-2 {
	margin:auto;
	text-align:left;
	width: 786px;
	padding-top: 20px;
	padding-left: 12px;
	}
	
#ring #txt-1 {
	text-align:center;
	font-size: 12px;
	color: #595757;
	line-height: 14px;
	padding-top: 2px;
	}	
#ring-pro .title {
	margin:auto;
	text-align:left;
	width: 786px;
	padding-left: 0px;
	}

/* ======================================================

婚戒產品頁 

====================================================== */

#ring-pro{
	width: 1000px;
	height: 805px;
	text-align: center;
	font-size: 12px;
	position:relative;
	line-height: 18px;
	letter-spacing: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*background-image: url(../images/gold-pro-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	color: #595757;
	clear: both;
	}
#ring-pro .table {
	margin:auto;
	text-align:left;
	width: 768px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-left: 12px;
	font-size: 10px;
	color: #595757;
	}
#ring-pro a:link {
	color: #595757;
	text-decoration: none;
}
#ring-pro a:visited {
	color: #595757;
	text-decoration: none;}
#ring-pro a:active {	
    color: #d4003b;
	text-decoration: none;}
#ring-pro a:hover {
	color: #d4003b;
	text-decoration: none;
}

#ring-pro .table-2 {
	margin:auto;
	text-align:left;
	width: 786px;
	padding-top: 20px;
	padding-left: 12px;
	height: 380px;
	}
#ring-pro .pro-tit {
	text-align: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #d4003b;
	}
#ring-pro .pro-dt {
	padding-top: 10px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	}	
	
	

	

	
/* ======================================================

footer：寬930px 高：40px頁面內容

====================================================== */

#footer {
	/*clear:both;*/
	margin:auto;
	height: 94px;
	text-align: center;
	background-color: #d40437;
	background-image: url(../images/footer-bg-gold.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	font-size: 10px;
    position: relative;
    margin-top: -94px; /* footer高度的負值 */


	}
#footer a:link {
	color: #FFFFFF;
	text-decoration: none;}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;}
#footer a:active {	
    color: #FFFFFF;
	text-decoration: none;}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer .Copyright {
	margin:auto;
	font-size: 8px;
	padding-top: 17px;
	LETTER-SPACING:1px;	
}
#wrap {
	height: 100px;
    background-color: #d40437;
	background-image: url(../images/footer-bg-gold.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 17px;
	/*color: #FFF;*/
	font-size: 8px;

	margin-top: -117px; /* footer高度的負值 */
}

.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */