﻿/* base
-----------------------------------------------------------------*/	
* {
	margin:0;
	padding:0;
	border:none;
	}
body {
	font:12px 宋体;
	background:url(/shop/templates/1/images/3/bg.jpg) no-repeat;
	}
ul,li,dd,dl,dt {
	list-style:none;
	}
a {
	color:#7e99b2;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	color:#4e6b84;
	}
#bar {
	width:100%;
	background:url(/images/wp_bar_bg.gif) repeat-x;
	}
#bar_bg {
	width:930px;
	padding-top:2px;
	height:26px;
	margin:0 auto;
	line-height:26px;
	}
#bar_logo {
	float:left;
	padding:4px 30px 0 0;
	}
#bar_login {
	float:left;
	padding:2px 10px 0 0;
	color:#444;
	}
#bar_login a {
	color:#444;
	text-decoration:underline;
	}
#bar_login em {
	margin:0 4px;
	color:#999;
	font-size:10px;
	font-style:normal;
	}
#bar_search {
	float:right;
	text-align:right;
	}
#bar_search #txt_keyword {
	width:260px;
	padding:2px;
	border-top:1px solid #666;
	border-right:1px solid #999;
	border-bottom:1px solid #ccc;
	border-left:1px solid #999;
	}
#header {
	float:left;
	width:843px;
	height:240px;
	padding:0 80px;
	}
#header #logo {
	display:inline;
	float:left;
	margin:40px 0 0 0;
	padding:45px 0 0 0;
	}
#header h1 {
	float:left;
	margin-right:10px;
	color:#000;
	font-size:18px;
	}
#header h1 strong {
	margin-left:5px;
	color:#acb735;
	font-size:12px;
	}
#header h1 strong a {
	color:#acb735;
	text-decoration:underline;
	}
#header h1 strong a:hover {
	text-decoration:none;
	}
#header span {
	float:left;
	padding:3px 0 0 15px;
	color:#393;
	background:url(/shop/templates/1/images/2/collection.gif) no-repeat 0 3px;
	}
#header span a {
	color:#b2bb34;
	}
#header h4 {
	clear:both;
	float:left;
	font-size:12px;
	font-weight:normal;
	}
#header h4 a {
	color:#f90;
	}
#header #nav {
	clear:both;
	padding-top:96px;
	}
#header #nav ul {
	float:left;
	}
#header #nav li {
	float:left;	
	font-weight:bold;
	line-height:32px;
	}
#header #nav a {
	float:left;
	width:60px;
	color:#fff;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:32px;
	}
#header #nav a:hover {
	color:#fff;
	background:#acb735;
	}
#header #nav a.current {
	color:#fff;
	background:#acb735;
	}
#header #nav a.current:hover {
	color:#fff;
	}
#crumb {
    clear:both;
    float:left;
    width:843px;
    margin:15px 0 0;
    }
#crumb h4 {
    float:left;
    font-size:12px;
    font-weight:normal;
    line-height:normal;
    }
#crumb h4 em {
	margin:0 3px;
	font-size:10px;
	font-style:normal;
	}
#crumb span {
    float:right;
    font-size:12px;
    }
#crumb span a {
	color:#393;
	}
#footer {
	clear:both;
	width:930px;
	margin:20px auto 0;
	padding:15px 0 25px;
	border-top:1px solid #e7e7e7;
	color:#a89781;
	font-family:Arial;
	}
#footer #copyright {
	float:left;
	width:auto;
	}
#footer #copyright a {
	color:#a89781;
	text-decoration:underline;
	}
#footer #contact {
    float:right;
    width:auto;
    }
.pagination {
	clear:both;
	margin:10px 0;
	}
.btn2 {
	width:45px;
	height:20px;
	padding-top:3px;
	border:none;
	background:url(/images/btn2_bg.gif) no-repeat;
	color:#fff;
	}
.btn4 {
	width:69px;
	height:20px;
	padding-top:3px;
	border:none;
	background:url(/images/btn_common_add_bg.gif) no-repeat;
	color:#fff;
	} 
#box {
    float:left;
    height:22px;
    padding:10px;
    border:5px solid #525252;
    background:#fff;
    }
#box span {
	font-size:14px;
    font-weight:bold;
    line-height:22px;
	}
#box span strong {
    color:#c03;
    font-size:14px;
    font-weight:bold;
    }
#box img {
    float:left;
    margin:0 5px;
    }
#box3 {
    float:left;
    width:340px;
    padding:10px 16px;
    border:5px solid #525252;
    background:#fff;
    }  
#box3 span {
	font-size:14px;
    font-weight:bold;
    line-height:22px;
	}
#box3 span strong {
    color:#c03;
    font-size:14px;
    font-weight:bold;
    }  
#box3 img {
    float:left;
    margin:0 5px;
    }
#box3_content {
    float:left;
    width:308px;
    margin:5px 0;    
    padding:5px 15px 10px;
    border-top:1px solid #666;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #666;
    background:#fff;
    }
#box3_content p {
    margin-top:3px;   
    }
#box3_content #preview img {
    padding:2px;
    border:1px solid #ccc;
    }
#box3_work {
    width:340px;
    text-align:center;
    }

/* about
-----------------------------------------------------------------*/			
#about {
	clear:both;
	width:843px;
	padding:20px 80px 0 80px;
	line-height:22px;
	}
#about #modify {
	margin:10px 0;
	text-align:right;
	}
#about #modify a {
	color:#393;
	}
#about #modify a:hover {
	text-decoration:underline;
	}
#about #left {
	float:left;
	width:600px;
	padding-right:30px;
	}
#about #left img { 
	max-width:600px;
    max-height:450px;
    width: expression(this.width > 600 && this.width / 600 >= this.height / 450 ? 600 : true);
    height: expression(this.height > 450 && this.width / 600 < this.height / 450 ? 450 : true);
   }

#about #left p {
	padding-bottom:20px;
	}
#about #right {
	float:right;
	width:190px;
	}
#about #right h3 {
	margin:0 0 5px;
	color:#b2bb34;
	font-size:14px;
	}

/* about_modify
-----------------------------------------------------------------*/		
#about_modify {
	clear:both;
	width:620px;
	padding:20px 0 0 100px;
	line-height:22px;
	}
#about_modify h4 {
	margin-bottom:20px;
	font-size:12px;
	} 	
#about_modify dl {
	float:left;
	width:620px;
	}
#about_modify dl.hidden {
	display:none;
	}
#about_modify dd {
	float:left;
	width:620px;
	margin-bottom:10px;
	}
#about_modify dd strong {
	float:left;
	width:60px;
	margin:4px 5px 0 0;
	font-weight:normal;
	text-align:right;
	}
#about_modify dd strong em {
	margin:0 2px;
	color:#f30;
	font-style:normal;
	}
#about_modify dd p {
	clear:both;
	margin-top:3px;
	margin-left:65px;
	color:#666;
	}
#about_modify dd span.get {
	float:left;
	margin-top:4px;
	}
#about_modify dd span.get em {
	margin:0 4px;
	color:#666;
	font-size:10px;
	font-style:normal;
	}
#about_modify dd .back {
	float:left;
	margin-top:4px;
	}
#about_modify dd .input{
	float:left;
	height:26px;
	margin-right:10px;
	line-height:26px;
	}
#about_modify dd .input em {
	float:left;
	margin:0 3px;
	padding-top:1px;
	font-style:normal;
	}
#about_modify dd .txt1 {
	float:left;
	width:360px;
	height:14px;
	padding:5px;
	border:1px solid #ccc;
	}
#about_modify dd .txt2 {
	float:left;
	width:30px;
	height:14px;
	padding:5px;
	border:1px solid #ccc;
	}
#about_modify dd .txt3 {
    float:left;
	}
#about_modify dd .txt4 {
	float:left;
	width:30px;
	height:14px;
	padding:5px;
	border:1px solid #ccc;
	}
#about_modify dd .txt6 {
	float:left;
	width:50px;
	height:14px;
	padding:5px;
	border:1px solid #ccc;
	}
#about_modify dd .area1 {
    float:left;
	margin-right:10px;
	padding:5px;
	width:169px;
	height:114px;
	border:1px solid #ccc;
	overflow:scroll;
	overflow-x:hidden;
    }
#about_modify dd .area2 {
    float:left;
	margin-right:10px;
	padding:2px;
	width:360px;
	height:180px;
	padding:5px;
	border:1px solid #ccc;
    }
#about_modify dd .btn2 {
	width:45px;
	height:20px;
	margin-left:65px;
	padding-top:3px;
	border:none;
	background:url(/images/btn2_bg.gif) no-repeat;
	color:#fff;
	}
#about_modify dd .btn3 {
	width:57px;
	height:20px;
	margin-left:85px;
	padding-top:3px;
	border:none;
	background:url(/images/btn3_bg.gif) no-repeat;
	color:#fff;
	}
#about_modify dd .current {
    background:#393;
    }
#about_modify dd .current a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    }
#about_modify dd .current a:active {
    color:#fff;
    }   
#about_modify dd .validateError {
	display:none;
	float:left;
	height:20px;
	padding:2px 4px 0 24px;
	border:1px solid #c03;
	color:#c03;
	background:#fcf2f5 url(/images/delete.gif) no-repeat 6px 5px;
	}
#about_modify dd .validateSuccess {
	display:none;
	}
#about_modify dd #validateResult {
    display:block;
    margin:0  0 10px 85px;
    }
#about_modify dd #validateResult li {
    padding-left:5px;
    background:url(/images/dot1.gif) no-repeat left center;
    }   
#about_modify #success {
    height:300px;
    padding-top:100px;
    text-align:center;
    }
#about_modify #success span {
    padding:3px 0 0 18px;
    background:url(/images/right.gif) no-repeat left center;
    }
#about_modify #success p {
    margin-top:10px;
    } 

/* photo
-----------------------------------------------------------------*/	
#photo {
	clear:both;
	width:843px;
	padding:20px 80px 0 80px;
	}	
#photo ul {
	float:left;
	padding-top:10px;
	}
#photo li {
	float:left;
	margin:12px;
	}
#photo li img {
	padding:4px;
	border:2px solid #dfdfb8;
	}
#photo li h4 {
	padding-top:5px;
	width:108px;
	height:34px;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	word-wrap:break-word;
	word-break:normal;
	}
#photo li p {
	padding:5px 0;
	text-align:center;
	}
#photo li p a {
	color:#393;
	}
#photo li p em {
	margin:0 3px;
	color:#999;
	font-size:10px;
	font-style:normal;
	}
#photo #edit a {
	color:#393;
	}

/* photo_show
-----------------------------------------------------------------*/	    
#photo_show {
	clear:both;
	width:843px;
	padding:20px 80px 0 80px;
	}	
#photo_show #crumb {
	padding-bottom:5px;
	}
#photo_show #crumb em {
	margin:0 5px;
	color:#666;
	font-size:10px;
	font-style:normal;
	}
#photo_show #list {
    margin:20px 0;
    text-align:center;
    }
#photo_show #pagination {
    float:left;
    padding-left:358px;
    }
#photo_show #pagination a {
    float:left;
    }
#photo_show #pagination span {
    float:left;
    width:50px;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    }
#photo_show #photo_content {
    clear:both;
    }
#photo_show #photo_content img {
    padding:4px;
	border:2px solid #dfdfb8;
    }
#photo_show #title {
    font-weight:bold;
    font-size:14px;
    line-height:28px;
    text-align:center;
    
    }
#photo_show #list li em {
	color:#666;
	font-style:normal;
    }

/* discount
-----------------------------------------------------------------*/		
#discount {
	clear:both;
	width:843px;
	padding:20px 80px 0 80px;
	line-height:22px;
	}
#discount dl {
	font-size:12px;
	}
#discount dl a:hover {
	text-decoration:none;
	}
#discount dt {
	padding-top:5px;
	line-height:12px;
	font-size:14px;
	font-weight:bold;
	}
#discount dt a {
	color:#b2bb34;
	}
#discount dt.alternating {
	padding-top:20px;
	border-top:1px solid #a6a6a6;
	}
#discount dd {
	margin-bottom:10px;
	}
#discount dd span.date {
	display:block;
	padding-bottom:10px;
	color:#b1b1b1;
	}
#discount dd img {
	max-width:843px;
    max-height:632px;
    width: expression(this.width > 843 && this.width / 843 >= this.height / 632 ? 843 : true);
    height: expression(this.height > 632 && this.width / 843 < this.height / 632 ? 632 : true);
	}
#discount dd p {
	margin:auto;
	}
#discount dd.separator {
	border-top:1px solid #dcd8ad;
	}
#discount dd .more a {
	line-height:24px;
	}
#discount dd .edit {
	font-size:12px;
	line-height:24px;
	text-align:right;
	}
#discount dd .edit a {
	color:#393;
	}
#discount dd .edit a:hover {
	text-decoration:underline;
	}
#discount dd .edit em {
	margin:0 3px;
	color:#999;
	font-size:10px;
	font-style:normal;
	}  
	
/* discount_show
-----------------------------------------------------------------*/		
#discount_show {
	clear:both;
	width:843px;
	padding:20px 80px 0 80px;
	line-height:22px;
	}
#discount_show h3 {
	color:#b2bb34;
	font-size:14px;
	}
#discount_show #date {
	display:block;
	color:#b1b1b1;
	}
#discount_show #content p {
	margin:auto;
	}
#discount_show #edit {
	font-size:12px;
	line-height:24px;
	text-align:right;
	}
#discount_show #edit a {
	color:#393;
	}
#discount_show #edit a:hover {
	text-decoration:underline;
	}
#discount_show #edit em {
	margin:0 3px;
	color:#999;
	font-size:10px;
	font-style:normal;
	}  

/* discount_add
-----------------------------------------------------------------*/		
#discount_add {
	clear:both;
	width:843px;
	padding:20px 0 0 100px;
	line-height:22px;
	}
#discount_add h4 {
	margin-bottom:20px;
	font-size:12px;
	}
#discount_add dd {
	margin-bottom:10px;
	}
#discount_add .txt1 {
	width:581px;
	height:14px;
	padding:3px;
	border:1px solid #999;
	}  
	
/* guestbook
-----------------------------------------------------------------*/	
#guestbook {
	clear:both;
	width:620px;
	padding:20px 80px 0 80px;
	line-height:22px;
	}
#guestbook dd {
	float:left;
	width:702px;
	padding:2px 10px;
	}
#guestbook dd strong {
	float:left;
	width:65px;
	font-weight:normal;
	}
#guestbook dd .txt1 {
	float:left;
	width:200px;
	border:1px solid #dcd8ad;
	}
#guestbook dd .txt2 {
	float:left;
	width:510px;
	height:100px;
	padding:5px;
	border:1px solid #e7e7e7;
	}
#guestbook dd .btn1 {
	float:left;
	}
#guestbook #comment {
	margin-top:10px;
	}
.comment_main {
	float:left;
	width:590px;
	padding:15px 5px;
	border-top:3px solid #e7e7e7;
	}
.comment_main .comment_user_photo {
    float:left;
	margin-right:10px;
	}
.comment_main .comment_user_photo img {
	float:left;
	width:50px;
	height:50px;
	border:3px solid #e7e7e7;
	}
.comment_main .comment_content {
	float:right;
	width:520px;
	line-height:18px;
	}
.comment_main .comment_content p {
	color:#999;
	}
.comment_main .comment_content p em {
	margin:0 2px;
	font-size:10px;
	font-style:normal;
	}
.comment_main .comment_user_name {
	margin-bottom:2px;
	}
.comment_main .comment_user_name h3 {
	color:#7e99b2;
	font-size:12px;
	}
#comment .comment_main .comment_user_name span em {
	margin:0 2px;
	color:#ccc;
	font-size:10px;
	font-style:normal;
	}
.comment_main .content_main {
	word-wrap:break-word;
	word-break:normal;
	}
.comment_main .content_main strong {
	display:block;
	font-weight:normal;
	color:#693;
	}
.comment_main .comment_function {
    
	}
.comment_main .comment_function p {
    float:left;
    color:#b1b1b1;
	}
.comment_main .comment_function span {
    float:right;
	}
.comment_main .comment_function span strong {
    font-weight:normal;
	}
.comment_main .comment_function em {
	margin:0 2px;
	color:#ccc;
	font-size:10px;
	font-style:normal;
	}
.comment_main .spare {
	clear:both;
	color:#f30;
	}
.comment_main .spare em {
	margin:0 2px;
	color:#ccc;
	font-size:10px;
	font-style:normal;
	}
	
.comment_main .reply {
	clear:both;
	margin-bottom:5px;
	padding:5px;
	border:1px solid #e7e7e7;
	}
.comment_main .reply h3 {
	color:#b2bb34;
	font-size:12px;
	}
.comment_main .reply_date {
	color:#b1b1b1;
	}
.comment_main .reply_word {
	float:right;
	}
.comment_main .reply_word  a {
	color:#393;
	}
.comment_main .reply_word  a:hover {
	text-decoration:underline;
	}
.comment_main .reply_edit  a {
	color:#393;
	}
.comment_main .reply_edit  a:hover {
	text-decoration:underline;
	}
.comment_main .reply_word em {
	margin:0 2px;
	color:#ccc;
	font-size:10px;
	font-style:normal;
	}
.comment_main .reply_add {
	clear:both;
	}
.comment_main .reply_modify {
	clear:both;
	}
	
/* config
-----------------------------------------------------------------*/		
#config {
	clear:both;
	width:843px;
	padding:20px 80px 0;
	line-height:22px;
	}
#config h4 {
	margin-bottom:20px;
	font-size:12px;
	} 
#config li {
	float:left;
	margin:0 7px 10px;
	}
#config li span img {
	width:180px;
	height:135px;
	padding:2px;
	border:1px solid #a6a6a6;
	}
#config li h5 {
	font-size:12px;
	font-weight:normal;
	}
#config li p {
	line-height:28px;
	}
#config li p em {
	margin:3px;
	font-size:10px;
	font-style:normal;
	}
#config li p a {
	color:#393;
	text-decoration:underline;
	}
#config li p a:hover {
	text-decoration:none;
	}
	
/* index
-----------------------------------------------------------------*/	
#main {
	color:#646464;
	}
#index {
	clear:both;
	width:843px;
	padding:20px 80px 0;
	line-height:22px;
	}
#index #left {
	float:left;
	width:600px;
	padding-right:30px;
	}
#index #left_comment {
	margin-top:10px;
	}
#index #left_comment h4 {
	margin:15px 0 0;
	color:#b2bb34;
	font-size:14px;
	}
#index #left_comment #comment_more {
	clear:both;
	text-align:right;
	line-height:32px;
	}
#index #left_comment #comment_more em {
	margin:0 2px;
	color:#ccc;
	font-size:10px;
	font-style:normal;
	}
#index #right {
	float:right;
	width:190px;
	}
#index #right h4 {
	margin:0 0 5px;
	color:#b2bb34;
	font-size:14px;
	}
#index #right .right_list {
	float:left;
	width:190px;
	margin-top:20px;
	}
#index #right .right_list li {
	float:left;
	width:180px;
	padding-left:10px;
	color:#7e99b2;
	background:url(/shop/templates/1/images/3/arrow1.gif) no-repeat 0 9px;
	line-height:22px;
	}
#index #right .right_list li a {
	float:left;
	}
#index #right #right_visitor li h5 {
	float:left;
	width:104px;
	font-size:12px;
	font-weight:normal;
	}
#index #right #right_visitor li span {
	color:#b1b1b1;
	}
#index #right .list_more {
	text-align:right;
	}
#index #right .pv {
	margin-top:10px;
	}
