@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.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 {
	position:relative;
	width: 1064px;
	height: 923px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	}


div#window-all-story-all {
	position:relative;
	width: 1064px;
	height: 1350px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
div#window-all-story {
	position:relative;
	width: 1064px;
	height: 1800px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}


div#window-all-ring-pro {
	position:relative;
	width: 1064px;
	height: 840px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
div#window-all-gifts {
	position:relative;
	width: 1064px;
	height: 1510px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}

div#window-all-guide {
	position:relative;
	width: 1064px;
	height: 1200px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
div#window-all-guide-2 {
	position:relative;
	width: 1064px;
	height: 1000px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
div#window-all-con {
	position:relative;
	width: 1064px;
	height: 1500px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
	
	div#window-all-prv {
	position:relative;
	width: 1164px;
	height: 1300px;
	margin:auto;
	text-align: center;
	padding-bottom: 100px;
	clear: both;
	background-image: url(../images/footer-bg.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;/*1610px*/
	height: 35px;
	background-image: url(../images/index-table_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#button #inside {
	margin:auto;
	width: 792px;
	height: 35px;
}

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

big-pic：寬738px 高：509px主要大圖

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

#big-pic{
	margin:auto;
	width: 1063px;
	height: 731px;
	margin-top: 0px;
	padding-top: 0px;
	/*padding-right: 271px;*/
	padding-bottom: 0px;
	z-index: 200;	/*padding-left: 271px;*/
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#big-pic{
	margin:auto;
	width: 1063px;
	height: 731px;
	margin-top: 0px;
	padding-top: 0px;
	/*padding-right: 271px;*/
	padding-bottom: 0px;
	/*padding-left: 271px;*/
}
}

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

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

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



#story{
	margin:auto;
	width: 800px;
	height: 1030px;
	text-align: center;
	position:relative;
	font-size:12px;
	line-height: 22px;
	letter-spacing: 1px;
	padding-bottom: 60px;
	clear: both;
	}
#story a:link {
	color: #595757;
	text-decoration: none;
}
#story a:visited {
	color: #d4003b;
	text-decoration: none;}
#story a:active {	
    color: #d4003b;
	text-decoration: none;}
#story a:hover {
	color: #d4003b;
	text-decoration: none;
}
#story .title {
	margin:left;
	width: 746px;
	height: 125px;
	text-align: left;
	}
#story .table {
	margin:auto;
	width: 746px;
	height: 145px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
	}
#story .tit-1 {
	text-align:left;
	font-size: 18px;
	color: #d4003b;
	padding-top: 11px;
	}
#story .tit-1 a{
	text-align:left;
	font-size: 18px;
	color: #d4003b;
	padding-top: 11px;
	}
	
#story .txt-1 {
	text-align:left;
	font-size:12px;
	color: #595757;
	line-height: 16px;
	padding-top: 10px;
	}
#story .more {
	text-align:right;
	font-size:12px;
	color: #595757;
	line-height: 14px;
	padding-top: 10px;
	}
/* ======================================================

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

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



#ring{
	width: 786px;
	text-align: center;
    font-size:12px;
	position:relative;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	clear:both;
	}
	
	


#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: 18px;
	padding-left: 2px;
	font-size:12px;
	color: #595757;
	}
#ring-pro .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: 18px;
	padding-left: 2px;
	font-size:12px;
	color: #595757;
	}	
#ring-pro .title {
	margin:auto;
	text-align:left;
	width: 786px;
	padding-left: 0px;
	}	
	
#ring .table-2 {
	margin:auto;
	text-align:left;
	width: 786px;
	padding-top: 20px;
	padding-left: 2px;
	}
	
#ring #txt-1 {
	text-align:center;
	font-size:12px;
	color: #595757;
	line-height: 14px;
	padding-top: 2px;
	}	

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

婚戒產品頁 

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

#ring-pro{
	width: 1000px;
	height: 740px;
	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/ring-pro-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	color: #595757;
	clear:both;

	}

#ring-pro a:link {
	color: #595757;
	text-decoration: none;
}
#ring-pro a:visited {
	color: #d4003b;
	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: 750px;
	padding-top: 20px;
	padding-left: 12px;
	height: 400px;
	}
#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;
	}	
	
	
/* ======================================================

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

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



#gifts{
	width:850px;
	text-align: center;
	position:relative;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
    clear:both;
	}
#gifts a:link {
	color: #595757;
	text-decoration: none;
}
#gifts a:visited {
	color: #d4003b;
	text-decoration: none;}
#gifts a:active {	
    color: #d4003b;
	text-decoration: none;}
#gifts a:hover {
	color: #d4003b;
	text-decoration: none;
}


#gifts .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: 10px;
	padding-left: 12px;
	font-size:12px;
	color: #595757;
	}	
#gifts .tit-1 {
	text-align:left;
	font-size: 15px;
	color: #d4003b;
	padding-top: 5px;
	margin-left: 2px;
	padding-left: 12px;
	padding-top: 18px;
	}
#gifts .tit-2 {
	text-align:left;
	font-size: 15px;
	color: #d4003b;
	padding-top: 5px;
	margin-left: 2px;
	padding-left: 12px;
	padding-top: 18px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}	
#gifts .txt-1 {
	text-align:left;
	font-size:12px;
	color: #595757;
	line-height: 14px;
	}	
#gifts .txt-2 {
	text-align:left;
	font-size:12px;
	color: #b2b2b3;
	padding-top: 20px;
	line-height: 14px;
	}
		
#gifts .more {
	text-align:right;
	font-size:12px;
	color: #595757;
	line-height: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
/* ======================================================

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

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



#guide{
	width: 793px;
	text-align: center;
	position:relative;
	line-height: 24px;
	letter-spacing: 2px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	clear: both;
	}
#guide a:link {
	color: #595757;
	text-decoration: none;
}
#guide a:visited {
	color: #595757;
	text-decoration: none;}
#guide a:active {	
    color: #d4003b;
	text-decoration: none;}
#guide a:hover {
	color: #d4003b;
	text-decoration: none;
}	
#guide .title {margin:left;
	text-align:left;}
#guide .table {
	margin:auto;
	text-align:left;
	width: 746px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-left: 2px;
	font-size:12px;
	color: #595757;
	}	
#guide .tit-1 {
	text-align:left;
	font-size: 15px;
	color: #d4003b;
	margin-left: 2px;
	padding-left: 11px;
	}
#guide .tit-2 {
	text-align:left;
	font-size: 15px;
	color: #d4003b;
	padding-top: 5px;
	margin-left: 2px;
	padding-left: 12px;
	padding-top: 18px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#guide .tit-3 {
	text-align:left;
	font-size: 15px;
	color: #d4003b;
	margin-left: 2px;
	padding-left: 3px;
	}
	
		
#guide .txt-1 {
	text-align:left;
	font-size:12px;
	color: #595757;
	line-height: 16px;
	padding-left: 12px;
	}	
#guide .txt-2 {
	text-align:left;
	font-size:12px;
	color: #b2b2b3;
	padding-top: 20px;
	line-height: 16px;
	}
#guide .txt-3 {
	text-align:left;
	font-size:12px;
	color: #595757;
	line-height: 16px;
	}	
#guide .txt-4 {
	text-align:left;
	font-size:12px;
	color: #d4003b;
	line-height: 16px;
	}
#guide ol {
	    margin:0px;
	padding-left: 15px;
	}	
#guide li {
	font-size:12px;
	padding-left: -4px;
	padding-top: -10px;
	    margin:0px;
	}
		
#guide .more {
	text-align:left;
	font-size:12px;
	color: #595757;
	line-height: 16px;
	padding-bottom: 10px;
	padding-left: 12px;
	}	
#guide ul{
    margin:0px;
	padding-left: 12px;
	font-size:12px;	
	line-height: 16px;
	padding-top: -10px;
	}

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

contact 

====================================================== */
#contact{
	width: 786px;
	text-align: center;
	position:relative;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
    clear: both;
	}
#contact .txt-1 {
	text-align:right;
	font-size:12px;
	color: #595757;
	line-height: 14px;
	padding-left: 12px;
	}		
#contact .tit-2 {
	text-align:left;
	font-size: 15px;
	color: #d4003b;
	padding-top: 5px;
	margin-left: 2px;
	padding-left: 12px;
	padding-top: 18px;
	background-image: url(../images/story-bg-line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 40px;
	}	
/* ======================================================

prv 

====================================================== */
#prv{
	width: 786px;
	text-align: left;
	position:relative;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
clear: both;
	}
#prv .txt-1 {
	text-align:left;
	font-size:12px;
	color: #595757;
	line-height: 20px;
	}		
	
#prv .red {
	text-align:left;
	font-size:12px;
	color: #d4003b;
	line-height: 20px;

	}	
	
		
/* ======================================================

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

====================================================== */
#footer {
	/*clear:both;*/
	margin:auto;
	height: 100px;
	text-align: center;
	background-color: #f4f4f4;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #888888;
	font-size: 10px;
    position: relative;
    margin-top: -100px; /* 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: 10px;
	padding-top: 17px;

}
#wrap {
	height: 100px;
	width: 100%;
	left: 0px;
	right:0px;
	background-color: #f4f4f4;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 17px;
	color: #888888;
	font-size: 10px;
	position: relative;
	margin-top: -118px; /* footer高度的負值 */
	margin-right: 0px;
	clear: both;
}


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

.bottombar {
background-color: #f4f4f4;
position: fixed; !important;
width: 100%;
padding-top: 17px;
font-size: 10px;
bottom: 0;
z-index: 5;
height: 100px;
background-image: url(../images/footer-bg.jpg);
background-repeat: repeat-x;
background-position: top;
color:#888888;
_position:absolute;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);

}

.bottombar a:link {
	color: #FFFFFF;
	text-decoration: none;}
.bottombar a:visited {
	color: #FFFFFF;
	text-decoration: none;}
.bottombar a:active {	
    color: #FFFFFF;
	text-decoration: none;}
.bottombar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.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 */