/* pages */
.main{ background:url(../images/main02.jpg) center top; padding:20px 0;}
.main .w{ width:960px; padding:20px; margin:0 auto;}
.main .fl{ width:320px;}
.main .fr{ width:600px;}
.main .fr img{ display:block;}
.main .line{ border-bottom:solid 1px #ccc; padding-bottom:5px; margin-bottom:5px;}
.main_l{ width:320px; float:left;}
.main_r{ width:600px; float:right; padding-top:10px;}


/* coupons_print */
.coupons_print_wrap{ width:520px; margin:0 auto; padding-top:20px;}
.coupons_print{ width: 450px; color:#FC0; padding:20px 30px 20px 30px; color:#000; border:solid 5px #000; background:#FFF; no-repeat; margin:0 auto 20px;}
.coupons_print h3{ font:bold 20px/1em "Times New Roman"}
.coupons_print h4{ font:bold 80px/1em "Times New Roman"}
.coupons_print h5{ font:bold 35px/1em "Times New Roman"; }
.coupons_print h6{ font:normal 30px/1em Arial;}

/* coupons */
.coupons{ width: 490px; color:#FC0; padding:20px; color:#C00; border:solid 5px #c00; background:#FFF; no-repeat; margin:0 auto 20px; margin-top:10px;}
.coupons h3{ font:bold 20px/1em "Times New Roman"}
.coupons h4{ font:bold 80px/1em "Times New Roman"}
.coupons h5{ font:bold 35px/1em "Times New Roman"; }
.coupons h6{ font:normal 30px/1em Arial;}

.coupons_btn{ padding:0 0 20px 250px;}
.coupons_btn a{ width:100px; font:bold 12px/30px Arial; text-align:center; background:#CCC; color:#000; display:block;}

/* VIP */
.vip{ font:14px/30px Arial; color:#666; border: solid 5px #e8eaeb; padding:20px; line-height:30px; margin-bottom:20px;}
.vip input{ font:16px/30px Arial; color:#999; }
.vip h2{ color:#C00; font: normal 22px/40px Arial;}
.vip_btn{ padding:10px 0;}
.vip_btn a{ width:120px; height:30px; line-height:30px; padding:5px 10px; text-align:center; color:#fff; font-weight:bold; background:#666; margin:0 auto; display:block; border:none; cursor:pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;}
.vip_btn a:hover{ background:#C00; text-decoration:none;}
.birthday{ background:url(../images/birthday.jpg) no-repeat right top;}

/* Site map*/
.sitemap_ul{ list-style:inside disc; font:18px/30px "Times New Roman"; padding-left:40px;}
.sitemap_ul dd{ padding-left:30px;}









/* media queries */
#wraper { width: 960px; margin: 10px auto; background: #111;
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
#content { width: 49%; float: left; padding-bottom:10px;}
#sidebar { width: 50%; float: right; }
#content2 { width: 69%; float: left; padding-bottom:10px;}
#sidebar2 { width: 28%; float: right; }
#content3 { width: 100%; padding-bottom:10px;}
#content4 { width: 100%; padding-bottom:10px;}


/* article */
.article{ margin:0 2%; background: #eee; padding:4%;
-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
.article h3{ font:32px/40px "Times New Roman"; color:#fff;
text-shadow:0px 0px 3px #999;}
.article h4{ font:32px/40px "Times New Roman"; color:#fff;
text-shadow:0px 0px 3px #999;}
.article h5{ font:16px/40px Arial; color:#900;}
.article_pic { border:solid 1px #CCC; padding:1% 1% 0 1%;}
.article_pic img{ max-width: 100%;}
.article_time{ font-size:12px;}


/* menu */
.menu_table{ line-height:30px;}
.menu_table th{ padding:0 5px; background:#900; color:#FFF;}
.menu_table td{ padding:0 5px; border-bottom:solid 1px #ccc;}

.nav02{ padding:20px 0;}
.nav02 li{ width:20%; float:left; height:30px;}
.nav02 li a{ font: bold 18px/30px "Times New Roman"; color:#fff; text-align:center; border-right:solid 1px #BF2424; display:block; height:30px;}
.nav02 li a:hover{ background:#7A1818;}

#menu_sidebar{ width: 30%; float: left; }
#menu_content{ width: 100%;}
.main strong{ color:#900;}

/* menu_banner */
.menu_banner01,
.menu_banner02,
.menu_banner03{ margin:10px; padding:0 10px; float:left; font:bold 16px/25px Arial; color:#900;}
.menu_banner a{ color:#900;}
.menu_banner a.btn { background:#FC3; color:#000; display:block; width:150px; text-align:center;
font-weight:bold; text-decoration:none; padding:5px 10px;}
.menu_banner a.btn:hover{ background:#FF0;}
.menu_banner strong{ color:#F60;}
.menu_banner01 strong{ color:#F60;}

/* menu_sidebar */
.menu04{ padding:10px; font:bold 16px/40px Arial;}
.menu04 li{ margin-bottom:10px; height:40px;}
.menu04 li,
.menu04 li a,
.menu04 li a:hover { color: #FFF; text-decoration: none; text-align: center;
background: url(../images/nav04.jpg) 0 0px; display: block;}
.menu04 li.cetegory,
.menu04 li.cetegory a,
.menu04 li.cetegory a:hover{ color: #FFF; margin-top:10px;
background: url(../images/nav04.jpg) 0 0;}
.menu04 li.on,
.menu04 li.on a,
.menu04 li.on a:hover{ background: url(../images/nav04.jpg) 0 -40px; color:#FC0;}
/* menu_content */
.accordion table th{ height:40px; font:bold 14px/40px Arial; background: url(../images/nav2.jpg); color: #FC0; margin-bottom:1px;}
.accordion table th img{ margin-top:5px;}
.accordion table td{ background:#333; border:solid 1px #000; padding-left:4px; color:#fff;}
.accordion table td strong{ color: #FC0;}
/* menu_finish*/
.menu_overflow{ width:100%; height:200px; overflow:auto;}
.menu_overflow table tr td{background:#333; border-bottom:solid 1px #000; border-right:solid 1px #000; padding-left:5px; color:#fff;}
.menu_input{ width:20px;}
.menu_btn02,
.menu_btn02 a { background:#333; color:#fff; display:block; width:60px; height:25px; text-align:center;
font-weight:bold; text-decoration:none;}
.menu_btn02 a:hover{ color:#FC0; background:#666;}
.menu_success{ font:bold 18px/40px Arial;}

#content03{ padding:20px;}






@media all and (max-width: 1023px) {
body{ background:url(../images/main02.jpg) center top;}
.w{ width:640px; margin:0 auto; padding:0;}
.main .w{ width:640px; margin:0 auto; padding:0;}

.main .fl{ display:none;}
.main .fr{ width:640px; float:none;}
.main_l{ width:640px; float:none;}
.main_r{ width:640px; float:none; }


.tel{ width:300px; padding:40px 0 40px 40px;}
.gift{ display:none;}


#focus { width:640px; height:248px;}
#focus ul {height:640px; }
#focus ul li { width:640px; height:248px;}

.w3l{ width:200px; padding:0 5px;}
.main01{ background:url(../images/main02.jpg) center top; padding:20px 0;}
.main02{ background:url(../images/main02.jpg) center top; padding:20px 0;}
.main01 img{ width:200px; height:150px;}
.main02 img	{ width:200px; height:150px;}

.foot_l{ width:300px;}
	
}