@charset "UTF-8";
/* CSS Document */
/* --------------------------- all --------------------------- */
*{
	outline: none;
	padding:0;
	margin:0;
	outline:none;
} 

* p{
	margin-bottom:15px;
}

body{
	font-family:"Lucida Sans Unicode", "Lucida Grande",微軟正黑體, Geneva, Verdana, sans-serif; 
	font-size:15px;
	color:#62625A;
	background:#faf5eb;
	height:100%;
}

a{
	color:#737369;
	text-decoration:none;
	hlbr:expression(this.onFocus=this.blur());
}

a:hover{
	color:#424242;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	border: 0;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
	list-style-type: none;
}

img{
	border:0;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.12b3 {
	font-size:12px;
	color:#b3ada0;
}

/*::selection {
	background: #754B27;
	color: white;
	text-shadow: black 1px 1px 2px;
}

::-moz-selection  {
	background: #754B27;
	color: white;
	text-shadow: black 1px 1px 2px;
}*/


/* --------------------------- Structure --------------------------- */
#container{
	padding-top:20px;
	width:948px;
	margin:auto;
}

#header {
	height:125px;
	margin-bottom: 10px;
}

#header h1 {
	width:220px;
	float:left;
}

#header .nav {
	float:right;
	width:728px;
	height:85px;
}

.nav-li {
	list-style-type:none;
	float:right;
	margin-right:10px;
	padding-right:10px;
	border-right:1px dotted #A59C90;
	display:block;
	font-size:15px;
}

.nav-li a {
	color:#A59C90;
}

.nav-li a:hover, .nav-now a {
	color:#737369;
}

.lastLi {
	border:none;
	width:60px;
	position:relative;
}

.lastLi img{
	position:absolute;
	right:0;
	top:-2px;
}

#menuarea {
	width: auto;
	height: 38px;
	border-bottom: 1px solid #d2cdbe;
	display:block;
}

.menu, .menu2, .menu3, .menu4, .menu5 {
	width:148px;
	height: 35px;
	float:left;
	list-style-type:none;
	margin-right:12px;
}

.menu6 {
	width:148px;
	height: 35px;
	float:right;
	list-style-type:none;
	margin: 0px;
}

.menu a, .menu2 a, .menu3 a, .menu4 a, .menu5 a {
	width:148px;
	height:35px;
	display: block;
	border-top:1px solid #d2cdbe;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:0;
}

.menu a {
	background-image: url(../images/menu_1.gif);
}

.menu2 a {
	background-image: url(../images/menu_2.gif);
}

.menu3 a {
	background-image: url(../images/menu_3.gif);
}

.menu4 a {
	background-image: url(../images/menu_4.gif);
}

.menu5 a {
	background-image: url(../images/menu_5.gif);
}

.menu6 a {
	width:148px;
	height:35px;
	display: block;
	border-top:1px solid #d2cdbe;
	background-repeat: no-repeat;
	background-position: left top;	
	margin:0;
	background-image: url(../images/menu_6.gif);
}

.menu a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover, #menuarea .current a{
	border-top:2px solid #000;
	background-position: left bottom;
	margin-top:-2px;
}

#header .nav-main {
	display: block;
	width: auto;
	height: 50px;
	border-bottom: 1px solid #d2cdbe;
}

#header .nav-main li{
	width: 148px;	
	list-style-type: none;
	float: left;
	margin-left: 12px;
	padding-top: 8px;
	border-top: 1px solid #d2cdbe;
	display: block;
}

#header .nav-main li:first-child {margin-left:0;}

#breadcrumb, #breadcrumb a {
	font-size:14px;
	margin:4px 0 10px 0;
	color:#A59C90;
}

#breadcrumb a:hover {
	margin:4px 0 10px 0;
	color:#7D7D78;
}

/* --------------------------- index news lightbox --------------------------- */

#galb{ 
	padding:12px;
	background-color:#f5f5f5;
	border:1px solid #d2cdbe;
}

.galb-title{
	font-size:16px;
	color:#424242;
	margin:10px 0 6px 0;
	line-height:150%;
	display:block;
}

#newslb{ 
    width:600px;
	padding:16px 16px 20px 16px;
	background-color:#f5f5f5;
	border:1px solid #d2cdbe;
}

.nlbdate{
	color: #754b27;
	font: 11px/150%  Geneva, Verdana, sans-serif;
	margin:10px 0 4px 0;
	display:block;
}

.nlbtitle{
	font-size:16px;
	color:#424242;
	margin-bottom:6px;
	line-height:150%;
	display:block;
}

.nlbtxt{
	font-size:13px;
	line-height:170%;
	display:block;
}

/* --------------------------- index --------------------------- */
#banner {
	float:left;
	width:708px;
	height:280px;
	position:relative;
	margin-bottom:15px;
}

#banner .cycle img{
display:none;
}

#banner .pager{ 
	position:absolute;
	left:5px;
	bottom: 0;
	z-index:100;
}

#banner .pager a{
	color:#C7C7C7;
	margin:0 2px 0 0;
	padding:5px 0px;
	display:block;
	float:left;
	font-size:0.875em;
	opacity: 0.6;
}

#banner .pager a:hover, #banner .pager a.activeSlide{ 
	opacity: 1
}

.pick, .pick1, .pick-item {
	float:left;
	margin-bottom:10px;
	padding-top:10px;
	border-top:2px solid #d2cdbe;
	display:block;
}

.pick, .pick1 {
	width:228px;
}

.pick {
	margin-left:12px;
}

.pick .news, .pick .news a, .pick .news a span, .pick a span, .pick1 a span {
	display:block;
}

.pick .news a:hover {
	background-color:#F5F0E6;
	display:block;
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
	transition-duration: 1s;
}

.pick .news .date {
	color: #A59C90;
	font-size:12px;
	line-height:20px;
	border-top: 1px dotted #d2cdbe;
	padding-top: 10px;
}

.pick .news a .title {
	color: #5a544b;
	font-size: 14px;
	line-height:150%; 
	display:block;
}

.pick .news a:hover .title {
	color: #2b2b2b;
}

.pick .news a .txt {
	color: #737369;
	font-size: 14px;
	line-height:150%; 
	padding-bottom: 10px;
	display:block;
}

.pick .news a:hover .txt {
	color: #737369;
}

.pick-item {
	width:708px;
}

.item {
	border-top: 1px dotted #d2cdbe;
	border-left: 1px dotted #d2cdbe;
}

.item-2 {
	border-top: 1px dotted #d2cdbe;
	border-right: 1px dotted #d2cdbe;
	border-left: 1px dotted #d2cdbe;
}

.item-3 {
	border-top: 1px dotted #d2cdbe;
	border-bottom: 1px dotted #d2cdbe;
	border-left: 1px dotted #d2cdbe;
}

.item-4 {
	border: 1px dotted #d2cdbe;
}

.item, .item-2, .item-3, .item-4 {
	width: 175px;
	float: left;
	text-align:center;
}

.item img, .item-2 img, .item-3 img, .item-4 img {
	margin:10px 0 8px 0;
}

.item .pname, .item-2 .pname, .item-3 .pname, .item-4 .pname {
	font-size: 13px;
}

.item a, .item-2 a, .item-3 a, .item-4 a {
	display:block;
	padding-bottom: 10px;
}

.item a:hover, .item-2 a:hover, .item-3 a:hover, .item-4 a:hover {
	background-color:#F5F0E6;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}

.content {
	margin-bottom:12px;
}

.pick h3, .pick1 h3 {
	font-size:17px;
	line-height:180%;
	color:#4d4d43;
}

.pick a h3, .pick1 a h3 {
	display:block;
}

.pick a:hover h3, .pick1 a:hover h3 {
	color:#000000;
}


.pick .picktxt, .pick1 .picktxt {
	padding-right:5px;
	margin:2px 0 8px 0;
	font-size:14px;
	line-height:160%;
	color:#62625a;
}

.pick .more, .pick1 .more {
	font-size:13px;
	color:#A59C90;
	margin-bottom:10px;
}

.pick .more a {
	display:block;
}

.pick a:hover .more, .pick1 a:hover .more{
	color:#9d896c;
}

.pick-buy {
	width:228px;
	border-top:1px solid #d2cdbe;
}

.pick-buy a {
	display:block;
}

.pick-buy a:hover {
}

.pick-buy .en {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#919186;
	letter-spacing:1pt;
	padding-top: 8px;
}

.pick-buy img {
	margin: 6px 0 5px 0;
}

.pick-buy .txt {
	font-size:14px;
	color: #A59C90;
	padding-bottom: 10px;
}

.pick-buy a .txt {
	display:block;
}

.pick-buy a:hover .txt {
	color: #737369;
}

/* --------------------------- product page --------------------------- */
#pr-nav {
	width:auto;
	height:115px;
	margin-bottom:5px;
	border-bottom: 1px solid #d2cdbe;
}

#pr-nav .pr-list{
	width: 900px;
	height:115px;
	overflow:hidden;
	float:left;
	position:relative;
}

#pr-nav .pr-next, #pr-nav .pr-prev{
	width:24px;
	height:115px;
	float:left;
	
	/* Firefox, Chrome */
	line-height : 115px;
	white-space : nowrap;
		
	/* IE */
	*font-size : 103px;  /* 115px * 0.9 = 103.5px */
	*font-family : Arial;
}

.pr-next:after, .pr-prev:after{
	content : ".";
	font-size : 1px;
	margin-left : -1px;
	opacity : 0;
}

#pr-nav .pr-next{
	text-align:right;
}

#pr-nav .iframe{
	width:5000px;
	height:115px;
	position:relative;
}

#pr-nav .plist, #pr-nav .plist a {
	width:90px;
	text-align:center;
	float:left;
	font-size:12px;
	color:#A59C90;
}


#pr-nav .plist a:hover, #pr-nav .plcurrent a {
	font-size:12px;
	color:#6f5436;
}

#topimg {
	width:948px;
	margin:10px 0 20px 0;
	position:relative;
}

#topimg .previous{
	width:35px;
	position:absolute;
	top:130px;
	left: -35px;
}

#topimg .next{
	width:35px;
	position:absolute;
	top:130px;
	right:-35px;
}

#topimg .next span{
	display:none;
	padding:0 0 0 5px;
}

#topimg .previous span{
	display:none;
	padding:0 5px 0 0;
}

#topimg .next span img{
	float:right;
	width:35px;
}

#topimg .previous span img{
	float:left;
	width:35px;
}

#topimg .next span p{
	text-align:right;
	height:25px;
	padding:10px 0 0 0;
	background:#6F5436;
	color:#FFF;
}

#topimg .previous span p{
	text-align:left;
	height:25px;
	padding:10px 0 0 0;
	background:#6F5436;
	color:#FFF;
}

#sub {
	width:200px;
	float:left;
}

#sub2 {
	width:160px;
	float:left;
}

#sub .copy {
	margin-bottom:40px;
}

.sub-line {
	border-top:2px solid #d2cdbe;
	padding-top:10px;
	margin-bottom:20px;
}

.sub-title {
	font-size:15px;
	color:#6F5436;
	display:block;
	margin-bottom:5px;
	list-style:none;
}

.sub-li {
	margin-bottom:2px;
	background: url(../images/sub_li.jpg) left center no-repeat;
	padding:0 0 0 12px;
	list-style:none;
}

.sub-li a {
	color:#919186;
}

.sub-li a:hover, .sub-li-curr a {
	color:#424242;
}

/*---------------------------------*/
#sub .topline, #sub2 .topline {
	border-top:2px solid #d2cdbe;
	padding-top:10px;
	margin-bottom:20px;
}

#sub .topline .title, #sub2 .topline .title {
	color:#6F5436;
	display:block;
	margin-bottom:7px;
}

#sub .topline .row, #sub .topline a:hover .row, #sub2 .topline .row, #sub2 .topline a:hover .row {
	width:180px;
	height:16px;
	margin-bottom:5px;
	color:#424242;
	list-style:square;
}

#sub .topline a .row, #sub2 .topline a .row {
	width:180px;
	height:16px;
	margin-bottom:5px;
	color:#919186;
	list-style:square;
}


#sub .topline .row img {
	width:16px;
	margin-right:8px;
	float:left;
	display:block;
	opacity:0.2;
}

#sub .topline .row a:hover img {
	width:16px;
	margin-right:8px;
	float:left;
	display:block;
	opacity:0.6;
}

#sub .topline .row a span {
	font-size:13px;
	color:#A59C90;
}

#sub .topline .row a:hover span{
	display:block;
	color:#424242;
}

#main {
	width:708px;	
	float:right;
	position:relative;
}

#main h2 , #main h2 a {
	right:0;
	top:0;
	display:block;
	position:absolute;
	opacity:0.6;
}

#main h2 a:hover {
	opacity:1;
}


#main h1 {
	margin-bottom:35px;
}

#main h3 {
	font-size:15px;
	color:#424242;
	margin-bottom:5px;
	font-weight:bold;
}

#main p {
	line-height:180%;
	padding-right:35px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.extralink, .extralink a {
	margin-top:20px;
	color:#A59C90;
}

.extralink a:hover {
	padding-bottom:1px;
	color:#737369;
	border-bottom:1px dotted #A59C90;
}

.exlink2 a {
	color:#754B27;
	border-bottom:1px solid;
}

.exlink2 a:hover {
	color:#BA2636;
}

.exlink3 a {
	color:#737369;
	border-bottom:1px solid;
}

.exlink3 a:hover {
	color:#754B27;
}

.exlink4 a {
	color:#424242;
	border-bottom:1px solid;
}

.exlink4 a:hover {
	color:#BA2636;
}


#main .photo {
	height:220px;
	margin:5px 0 10px 0;
}

#main .photo .bt {
}

#main .photo .bt img {
	margin-left:5px;
	margin-bottom:5px;
}

#main .photo .bt a {
	float:right; 
}

#main .photo .outset {
	overflow:hidden;
	width:708px;
	height:205px;
	position:relative;
}

#main .photo .outset .iframe{
	width:1425px;
	height:205px;
	position:relative;
}

.iframe .slide{
	position:absolute;
	left:0;
	top:0;
}

#main .photo .set {
	width:230px;
	margin-left:9px;
	float:left;
}

#main .photo .set:first-child{
	margin-left:0;
}

#main .photo .set img {
	margin-bottom:10px;
}
#main .photo .set .caption {
	font-size:13px;
	line-height:160%;
}

#main .extra {
	width:708px;
	border-top:1px solid #d2cdbe;
	padding-top:12px;
}

#main .extra select, .good select{
	width:166px;
	margin-bottom:12px;
}

.input-number{
	border:1px solid #D2CDBE;
	width:45px;
	height:19px;
	padding-left:3px;
	margin-left:3px;
}

.extra .buy {
	width:166px;
	height:200px;
	margin-left:10px;
	float:left;
	position:relative;
}

.buy .prlabel, .over .prlabel {
	right:0;
	top:0;
	position:absolute;
	z-index:5;
}

.buy .primg, .over .primg{
	width:166px;
	margin-bottom:10px;
}

.name, .over .name{
	font-size:17px;
	font-weight:bolder;
	color:#424242;
	display:block;
}

.buy .price, .over .price{
	font-size:17px;
	color:#7d7d78;
	margin-bottom:10px;
}

.buy .sn, .sn, .over .sn{
	font-size:13px;
	color:#A59C90;
	margin-bottom:10px;
	position:relative;
}

.buy .buy-bt{
	margin-top:10px;
}

.extra .spec {
	width:469px;
	float:right;
}

.extra .spec .sti {
	font-size:15px;
	color:#6f5436;
	margin:12px 0 10px 0;
}

.extra .spec .row {
	width:469px;	
	float:left;
	border-top:1px dotted #d2cdbe;
	padding:10px 0 7px 0;
	line-height:160%;
	list-style:none;
}

.extra .spec .row .one {
	width:60px;
	font-size: 14px;
	line-height: 160%;
	color:#424242;
	margin-right:10px;
	display:block;
	float: left;
}

.extra .spec .row .two {
	width:390px;
	font-size: 14px;
	line-height: 160%;
	color:#737369;
	display:block;
	float: left;	
}

#confirm {
	width:500px;
	height:280px;
	padding:20px 20px 0 20px;	
	position: absolute;
	text-align:left;
	border:1px solid #d2cdbe;
	background:#FFF;
}

#confirm h1 {
	font-size:22px;
	color:#6F5436;
	border-bottom:1px dotted #d2cdbe;
	padding-bottom:18px;
	margin-bottom:12px;
}

#bbtt {
	bottom:20px;
	right:20px;
	position: absolute;
}

#bbtt img {
	margin-left:10px;
	float:left;
}

/* --------------------------- shop --------------------------- */
.shoptop {
	margin-bottom:15px;
}

.shoptop h1 {
	width:948px;
}

.shoptop .pnavarea {
	width:948px;
	height:40px;
	list-style:none;
}

.shoptop .shopnav, .shoptop .shopnav1{
	float:left;
}

.shoptop .shopnav a, .shoptop .shopnav1 a {
	width:173px;
	height:32px;
	color:#FAF5EB;
	font-size:16px;
	padding:12px 0 0 15px;
	background-color:#906f52;
	display:block;
}
	
.shoptop .shopnav a {
	border-left:1px solid #D2CDBE;
}

.shoptop .shopnav1 a {
	width:177px;
	border:none;
}

.shoptop .shopnav a:hover, .shoptop .shopnav1 a:hover {
	background-color:#754b27;
}

.shopset {
	margin-bottom:30px;
}

.shopset .series {
	width:191px;
	border-top:3px solid #D2CDBE;
	padding-top:8px;
	margin-right:1px;
	position:relative;
	float:left;
}

.series h1 {
	font-size:11px;
	color:#A59C90;
	line-height:160%;
	margin-top:15px;
}

.series .wild {
	left:-25px;
	top:210px;
	position:absolute;
}

.series .wild2 {
	left:-8px;
	top:210px;
}

.series .wild3 {
	left:-25px;
	top:200px;
}

.series .wild4 {
	left:-45px;
	top:180px;
}

.series .wild5 {
	left:-40px;
	top:180px;
}

.good {
	width:756px;
	float:left;
	border-top:3px solid #D2CDBE;
	margin-bottom:20px;
}

.good .buy {
	width:166px;
	border-right:1px dotted #D2CDBE;
	height:310px;
	padding:11px 11px 15px 11px;
	display:block;
	float:left;
	position:relative;
}

.good .buylast {
	border-right:1px dotted #FAF5EB;
}

.good .over{
	width:166px;
	padding:11px 11px 15px 11px;
	height:310px;
	display:block;
	background-color:#F5F0E6;
	border-right:1px dotted #D2CDBE;
	float:left;
}

.userel {
	position:relative;
}

.good .overlast {
	border-right:1px dotted #FAF5EB;
}

.good .buy a .shopbag, .good .over a .shopbag{
	width:80px;
	height:19px;
	background-image:url(../images/shoplist/shop_bag.gif);
	position:absolute;
	top:0;
	right:0;
	display:block;
}

.good .buy a:hover .shopbag, .good .over a:hover .shopbag{
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/shoplist/shop_bag_o.gif);
}

.buyrow2 {
	margin-top:20px;
	width:756px;
	border-top:1px dotted #D2CDBE;
	display:block;
}

.pressrow {
	width:756px;
	border-top:1px dotted #D2CDBE;
	display:block;
	margin-bottom:25px;
}

/* --------------------------- shopping bag --------------------------- */
.spbar {
	position:relative;
	padding:20px 0 20px 0;
	height:40px;
}

.bagset {
	position:relative;
	padding-top:15px;
	border-top:1px solid #6F5436;
	margin-bottom:20px;
}

.titlerb {
	width:100px;
	position:absolute;
	right:0;
	bottom:0;
}

.bagdata {
	padding-top:10px;
	border-top:2px solid #D2CDBE;
	width:348px;
	margin-bottom:20px;
}

.bagdatawide {
	width:708px;
}

.datatitle, .datatitle a {
	color:#6F5436;
	font-size:17px;
	font-weight:bolder;
	margin-bottom:10px;
	display:block;
}

.datatitle a:hover {
	color:#333;
}

.bagset .bagtitle {
	margin-bottom:20px;
	display:block;
}

.bagtitle4 {
	margin:25px 0 40px 0;
}

.bagrow {
	height:90px;
	border-bottom:1px dotted #D2CDBE;
	padding:12px 0;
	display:block;
}



.bagrowline {
	border-top:1px dotted #D2CDBE;
	padding:12px 0 12px 0;
	clear:both;
}

.bagrows4 {
	width:631px;
	border-bottom:1px dotted #D2CDBE;
	padding:12px 0 12px 0;
	display:block;
}

.bagrows5 {
	padding-top:0;
}

.bagrowline .col {
	display:block;
}

.bagrowline .col ul {
	display:block;
	margin:8px 0 0 16px;
}
.bagrowline .col li {
	line-height:160%;
}

.bagrowline .cola {
	float:left;
	margin:6px 8px 0 0;	
	display:block;
	width:15px;
	height:15px;
}

.colb {
	float:left;
	margin:1px 12px 0 0;	
}

.colx {
	float:left;
	display:block;
}

.colc {
	float:left;
	width:100px;
	display:block;
	margin:6px 0 0 0;
}

.col01 {
	float:left;
	display:block;
	margin:2px 0 0 0;
}

.bagrowline .cold {
	float:left;
	margin-top:10px;
	display:block;
}

.bagrowline .cole {
	float:left;
	width:140px;
	margin-top:5px;
	display:block;
}

.bagrowline .coldistime {
	float:left;
	margin:3px 8px 0 10px;	
	display:block;
	width:15px;
	height:15px;
}

.bagrow .rowa {
	width:114px;
	display:block;
	float:left;
}

.bagrow .rowb {
	padding-top:5px;
	width:194px;
	display:block;
	float:left;
}

.bagrow .rowbconfirm {
	padding-top:5px;
	width:274px;
	display:block;
	float:left;
}

.bagpr-no {
	font-size:12px;
	margin-bottom:3px;
	color:#BABAB3;
	display:block;
}

a:hover .bagpr-no {
	color:#7D7D78;
	display:block;
}

.bagpr-name {
	font-size:16px;
	color:#737369;
	display:block;
}

a:hover .bagpr-name {
	color:#424242;
	display:block;
}

.bagrow .rowc {
	padding-top:5px;
	width:80px;
	display:block;
	float:left;
}

.bagrow .rowd {
	padding-top:2px;
}

.bagrow .rowe {
	padding-top:3px;
}

.bagtotal {
	width: 708px;
	float:right;
	margin:12px 0 0 0;
}

.bagtotalrow {
	border-bottom:1px dotted #D2CDBE;
	padding:9px 0 7px 0;
}

.bagtotaline {
	padding:10px 0 10px 0;
	border-top:1px dotted #D2CDBE;
	border-bottom:1px dotted #D2CDBE;
	font-size:16px;
	margin:0 0 10px 0;
}

.bagtotaline span {
	color:#d70035;
	font-weight:bold;
	margin-right:3px;
}

.bagbt {
	margin:10px 0 60px 0;
	text-align:right;
	float:right;
}

button{
	border:0;
	cursor:pointer;
	background:transparent;
	margin-left:12px;	
}

.bagbt .continuebuy{
	width:148px;
	height:30px;
	background: url(../images/spbag_ctsp.gif) no-repeat;
}

.bagbt .nextbt{
	width:388px;
	height:30px;
	background:url(../images/spbag_pas.gif) no-repeat;
}

.bagbt .reset {
	width:188px;
	height:30px;
	background:url(../images/spbag_2_back.gif) no-repeat;
}

.bagbt .continue{
	width:188px;
	height:30px;
	background:url(../images/spbag_2_con.gif) no-repeat;
}

.bagbt .checkout{
	width:188px;
	height:30px;
	background: url(../images/spbag_3_checkout.gif) no-repeat;
}

.bagbt .membereset{
	width:188px;
	height:30px;
	background: url(../images/icon_member_reset.gif) no-repeat;
}

.bagbt .membereset:hover{
	width:188px;
	height:30px;
	background: url(../images/icon_member_reset_ov.gif) no-repeat;
}

.bagbt .membersent{
	width:188px;
	height:30px;
	background: url(../images/icon_member_sent.gif) no-repeat;
}

.bagbt .membersent:hover{
	width:188px;
	height:30px;
	background: url(../images/icon_member_sent_ov.gif) no-repeat;
}


.bagbt .modifymember{
	width:188px;
	height:30px;
	background: url(../images/bt_modify.gif) no-repeat;
}

.allbt {
	width:41px;
	height:19px;
}

.rebt{
	border:0;
	cursor:pointer;
	width:142px;
	height:30px;
}
/* --------------------------- login --------------------------- */
.loginbox {
	width:304px;
	height:260px;
	border:1px solid #D2CDBE;
	padding:15px;
	margin-right:12px;
	background-color:#FFF;
	position:relative;
	float:left;
}

.logtitle {
	font-size:19px;
	font-weight:bolder;
	color:#424242;
}

.loginboxbt {
	right:15px;
	bottom:15px;
	position:absolute;
}

.allbtstyle{
	height:30px;
	background: #d2cdbd;
	font-size:17px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.allbtstyle:hover{
	background:#754b27;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}

.joinback{
	width:188px;
	height:30px;
	background: url(../images/spbag_3_back.gif) no-repeat;
}

.joinback:hover{
	background: url(../images/spbag_3_back_ov.gif) no-repeat;
}

.sure{
	width:188px;
	height:30px;
	background: url(../images/bt_modify.gif) no-repeat;
}

.sure:hover{
	background: url(../images/bt_modify_ov.gif) no-repeat;
}

.inquiry {
	width:188px;
	height:30px;
	background: url(../images/b_inquiry.gif) no-repeat;
}

.inquiry:hover {
	background: url(../images/b_inquiry_ov.gif) no-repeat;
}

.confirm-again {
	width:188px;
	height:30px;
	background: url(../images/b_confirm_again.gif) no-repeat;
}

.confirm-again:hover {
	background: url(../images/b_confirm_again_ov.gif) no-repeat;
}

.edmsubmit {
	width:80px;
	height:22px;
	background: url(https://www.greeninhand.com/images/bt_edm.gif) no-repeat;
}

.edmsubmit:hover {
	background: url(https://www.greeninhand.com/images/bt_edm_ov.gif) no-repeat;
}

.query {
	width:80px;
	height:22px;
	background: url(../images/b_query.gif) no-repeat;
}

.query:hover {
	background: url(../images/b_query_ov.gif) no-repeat;
}

/* --------------------------- service --------------------------- */
.service {
}

#main .service h3 {
	font-size:18px;
	color:#6F5436;
	margin-bottom:10px;
}

.service h4 {
	color:#BA2636;
	margin-bottom:10px;
}
.service h5 {
	color:#424242;
	margin-bottom:5px;
}

.service ol {
	padding-left:25px;
}

.lista {
	line-height:170%;
	margin-bottom:20px;
}

/* --------------------------- about us --------------------------- */
.shoparea {
	display:block;
	padding:10px 0 8px 0;
	border-top:1px solid #D2CDBE;
	margin-bottom:30px;
}

.shop {
	font-size:14px;
	padding:10px 0;
	border-top:1px dotted #D2CDBE;
	float:left;
}

.shop:hover {
	border-top:1px solid #D2CDBE;
	color:#424242;
	background-color:#F5F0E6;
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
	transition-duration: 1s;
}

.edm a {
	display:block;
	padding:10px 0 10px 0px;
	border-top:1px dotted #D2CDBE;
}

.edm a:hover {
	border-top:1px solid #D2CDBE;
	color:#424242;
}

.c01, .c02, .c03, .c04 {
	display:block;
	float:left;
}

.c01 { width:148px; font-size:16px; font-weight:bolder; margin-top:-2px; }
.c02 { width:148px; }
.c03 { width:120px; }
.c04 { width:320px; }
.c05 { width:480px; }

.buyinfo {
	width:350px;
	padding:0 0 2px 0px;
	float:left;
}

.map {
	border:1px solid #A59C90;
	margin-top:-25px;
}

a:hover .map {
	border:1px solid #630;
}

.queryrow0 {
	border-bottom:1px solid #A59C90;
	padding-bottom:6px;
}

.queryrow {
	border-bottom:1px solid #A59C90;
	padding:12px 0;
	cursor:pointer;
}

.queryrow:hover {
	background-color:#F5F0E6;
}

.q1, .q2, .q3, .q4 {
	display:block; 
	float:left;
}

.q1 {
	width:118px;
	padding-left:10px;
	color:#9d896c;
}

.q2 {
	width:180px;
}

.q3 {
	width:100px;
}

.q4 {
	width:280px;
}

.qcontent {
	width:580px;
	border-top:1px dotted #D2CDBE;
	margin-top:12px;
	margin-left:128px;
	padding-top:8px;
	display:none;
}

.qrow {
	border-top:1px dotted #D2CDBE;
	padding:8px 0 3px 0;
	margin-top:8px;
}

.qrow2 {
	padding:3px 0;
}

/* --------------------------- issue --------------------------- */

#W760 {
	width:760px;	
	float:right;
}

.issue {
	width:174px;
	padding-left:16px;
	margin-bottom:35px;
	float:left;
}

.issue .vol{
	display:block;
	font-size:16px;
	margin-bottom:5px;
}

.date{
	display:block;
	font-size:12px;
	color:#A59C90;
	line-height:150%;
}

.sort {
	position:absolute;
	right:12px;
	bottom:15px;
}

/* --------------------------- press --------------------------- */
.ctbar {
	margin-bottom:35px;
}

.exlink5, .exlink5 a {
	color:#A59C90;
	font-size:12px;
	line-height:160%;
	font-family:Geneva, Verdana,  sans-serif;
}

.exlink5 a:hover {
	color:#737369;
}

.exlink5c {
	color:#737369;
	font-size:12px;
	line-height:160%;
	font-family:Geneva, Verdana,  sans-serif;
}

#pressBanner {
	margin-bottom:5px;
}

/* --------------------------- gallery --------------------------- */
.album img {
	margin-bottom:8px;
}

.album a {
	width:166px;
	height:340px;
	border-right:1px dotted #D2CDBE;
	padding:11px 11px 15px 11px;
	display:block;
	float:left;
}

.album a:hover {
	background-color:#fff;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}

.albumlast a {
	border-right:1px dotted #FAF5EB;
}

.albumdes {
	color:#919186;
	font-size:13px;
	line-height:150%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	display:block;
	margin:3px 0 8px 0;
}

.album-list {
	width:760px;
	float:left;
	margin-bottom:20px;
}

.album-item{
	width:180px;
	height:120px;
	position:relative;
	float:left;
	margin:0 0 10px 10px;
}

a .border{
	position:absolute;
	left:0;
	top:0;
	display:none;
	border:solid 4px #D2CDBE;
	width:172px;
	height:112px;
}

a:hover .border{
	display:block;
}


/* --------------------------- page number --------------------------- */
.pageno {
	padding-top:50px;
}

.pagesin {
	width:25px;
	height:21px;
	text-align:center;
	padding-top:4px;
	margin-right:10px;
	float:left;
	display:block;
	color:#FAF5EB;
	background-color:#E2DDD0;
}

a .pagesin  {
	display:block;
	background-color:#FAF5EB;
	color:#A59C90;
}

a:hover .pagesin  {
	color:#A59C90;
	background-color:#F5F0E6;
}



/* --------------------------- footer --------------------------- */
#footer {
	width: auto;
	padding:100px 0 30px 0;
	clear:both;
}

#footer .rearea{
	position:relative;
	margin-bottom:20px;
}

#footer .backtop {
	text-align:right;
	padding-bottom:12px;
	border-bottom: 1px solid #d2cdbe;
	margin-bottom:20px;
}

#footer .bt {
	border-top: 1px solid #d2cdbe;
	padding-top:18px;
	font-size: 12px;
	line-height: 160%;
	color: #B4B0A2;
}

#footer .bt a {
	color: #B4B0A2;
}
 
#footer .infoarea {
	width: 200px;
	margin-right:15px;
	display:block;
	float:left;
}

#footer .area {
	width:108px;
	display:block;
	float:left;
	margin-left:15px;
}

#footer h1 {
	display: block;
}

#footer h3{
	font-size:14px;
	color:#333333;
	margin-bottom:4px;
}

#footer  .infoarea p {
	display: block;
	font-size:13px;
	line-height:22px;
	color: #777777;
	margin-bottom:10px;
}

.ft-txt, .ft-txt a {
	font-size: 13px;
	line-height:22px;
	color: #777777;
	display: block;
}

.ft-txt a:hover {
	color: #212121;
}

/* --------------------------- 2014 add --------------------------- */

#googlemap{
	width:704px;
	height:376px;
	border:2px solid #D2CDBE;
	margin-bottom:20px;
}

.mapinfo1, .mapinfo2{
	height:30px;
	position:relative;
}

.mapinfo1{
	width:111px;
}

.mapinfo2{
	width:138px;
}

.mapinfo1 div, .mapinfo2 div{
	position:absolute;	
}

.mapinfo1 div.text, .mapinfo2 div.text{
	color:#FFFFFF;
	font-size:13px;
	line-height:30px;
	padding:0 10px;
	z-index:2;
}

.mapinfo1 div.bg, .mapinfo2 div.bg{
	width:100%;
	height:30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background:#6E5336;
	z-index:1;
}

.policy input.policyCheck{
	float:left;
	margin-top:5px;
	margin-right:10px;
}

.policy p.plicyText{
	float:left;
}

.policyBox{
	width: 624px;
	height: 326px;
	border: 1px solid #D2CDBE;
	background:#FFFFFF;
	overflow:auto;
	margin-top:40px;
	margin-bottom:20px;
	padding:40px;
}

.policyBox h1{
	font-size:22px;
	color:#212121;
	font-weight:bold;
	margin:0;
}

.policyBox .service{
}

.storeInfo{
	margin-bottom:30px;
}

.W354{
	width:354px;	
}

.rel{
	position:relative;	
}

.footerLeft{
	float:left;
	width:430px;
	padding-right:13px;
}

.footerRight{
	float:right;
	width:492px;
	padding-left:12px;
	border-left: 1px solid #D2CDBE;
	position:relative;
}

.footerRight .bottom1{
	width:200px;
	position:absolute;
	left:-445px;
	bottom:0;	
}

.footerRight .bottom2{
	position:absolute;
	left:-230px;
	bottom:10px;	
}

#footer .bottom1 p {
	font-size: 12px;
	color: #777777;
	padding-top: 5px;
	margin-bottom:0;
	display: block;
}

#footer .social{
}

#footer .social li{
	float:left;
	list-style:none;
	margin-right:12px;
}

#footer .social li a{
	width:35px;
	height:35px;
	background-image:url(../images/index_icon.png);
	background-repeat:no-repeat;
	background-color:#B4B0A2;
	display:block;
	text-indent:-9999px;
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
}

#footer .social li a:hover{
	background-color:#919186;
}

#footer .social li a.email{
	background-position:left top;
}

#footer .social li a.blog{
	background-position:left -35px;
}

#footer .social li a.facebook{
	background-position:left -70px;
}

#footer .social li a.flickr{
	background-position:left -105px;
}