@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}
a {text-decoration:none;}
ul, li {list-style:none;}

#wrap {width:100%; overflow:hidden;}
#header_wrap {width:100%; height:100px; margin:0 auto; border-bottom:1px solid #898989;} 
#header {width:1000px; height:100px; margin:0 auto;}
#header .logo {width:35%; margin-top:3%; float:left;}
#header #menu {width:45%; height:100px; float:left;}
#header #menu .top_menu {width:25%; height:100px; float:left; font-size:16px; font-weight:900; text-align:center; line-height:100px; position:relative; z-index:9999; transition-duration:1s;}
#header #menu .top_menu > a {color:#303030; transition-duration:1s;}
#header #menu .top_menu .sub_menu {height:0; overflow:hidden; transition-duration:0.5s; transition-timing-function:ease;}
#header #menu .top_menu .sub_menu > li {width:100%; height:40px; font-size:14px; line-height:40px; text-align:center; border-bottom:1px solid #black; box-sizing:border-box; background:#00afa5; transition-duration:1s;}
#header #menu .top_menu .sub_menu > li > a {color:#fff; transition-duration:1s;}
#header #menu .top_menu:hover > .sub_menu {height:200px; transition-duration:0.5s;}
#header #menu .top_menu:hover {border-bottom:5px solid #00afa5;}
#header #menu .top_menu:hover > a {color:#ccc;}
#header #menu .top_menu .sub_menu > li:hover {background:#585858;}
#header #menu .top_menu .sub_menu > li:hover > a {color:#fff;}

#header .order {width:20%; border:1px solid #cdcdcd; box-sizing:border-box; float:right; padding:10px 20px; margin-top:2.7%; text-align:center;}
#header .order .order_img {float:left;}
#header .order p {font-size:14px; font-weight:900; color:#f00;}

#contents {width:100%; overflow:hidden; position:relative;}
#contents .con_menu {width:1000px; margin:0 auto; position:absolute; top:65%; left:24%;}
#contents .con_menu .con_menu01 {width:32%; float:left; margin-right:2%;}
#contents .con_menu .con_menu02 {width:32%; float:left;}
#contents .con_menu .con_menu03 {width:32%; float:right;}

#contents2 {width:1000px; overflow:hidden; margin:0 auto;}
#contents2 .notice {width:32%; float:left; margin:2% 2.5% 3% 0;}
#contents2 .notice .notice_top {width:100%; border-bottom:1px solid #00afa5; box-sizing:border-box; padding-bottom:10%; margin-bottom:5%}
#contents2 .notice .notice_top h3 {font-size:18px; color:#00afa5; float:left;}
#contents2 .notice .notice_top span {font-size:15px; color:#00afa5; float:right;}
#contents2 .notice .notice_bottom {width:100%; overflow:hidden; }
#contents2 .notice .notice_bottom a { color:black !important;}

#contents2 .notice .notice_bottom .notice_txt01 {width:100%; height:20px; margin-bottom:3%;}
#contents2 .notice .notice_bottom .notice_txt01 p {font-size:14px; font-weight:700; color:#333; float:left;}
#contents2 .notice .notice_bottom .notice_txt01 span {font-size:12px; color:#8a8a8a; float:right;}

#contents2 .newbook {width:31%; float:left; margin:2% 2.5% 2% 0;}
#contents2 .newbook .newbook_top {width:100%; border-bottom:1px solid #00afa5; box-sizing:border-box; padding-bottom:10%; margin-bottom:5%}
#contents2 .newbook .newbook_top h3 {font-size:18px; color:#00afa5; float:left;}
#contents2 .newbook .newbook_top span {font-size:15px; color:#00afa5; float:right;}
#contents2 .newbook .newbook_bottom {width:100%;}
#contents2 .newbook .newbook_bottom p {font-size:16px; font-weight:700; color:#333;}
#contents2 .newbook .newbook_bottom img {float:right;}

#contents2 .bestseller {width:31%; float:right; margin:2% 0 2% 0;}
#contents2 .bestseller .bestseller_top {width:100%; border-bottom:1px solid #00afa5; box-sizing:border-box; padding-bottom:10%; margin-bottom:5%}
#contents2 .bestseller .bestseller_top h3 {font-size:18px; color:#00afa5; float:left;}
#contents2 .bestseller .bestseller_top span {font-size:15px; color:#00afa5; float:right;}
#contents2 .bestseller .bestseller_bottom {width:100%;}
#contents2 .bestseller .bestseller_bottom p {font-size:16px; font-weight:700; color:#333;}
#contents2 .bestseller .bestseller_bottom img {float:right;}

#footer_wrap {width:100%; border-top:1px solid #eee; padding-bottom:2%; background:#f1f1f1;}
#footer {width:1000px; margin:0 auto; padding-top:2%;}
#footer .f_logo {width:35%; float:left;}
#footer .address p {font-size:13px; color:#858585; line-height:20px;}

.user_info{
		text-align:right;
		padding:4 !important;
		width:1000px; margin:0 auto; overflow:hidden;	
		font-size:13px;
		color:#aaa;
}

.btn_logout {display:inline-block;padding:0 15px;height:24px;border:0;background:#617d46;color:#fff;text-decoration:none; margin:2px !important;}