#header { height:105px; width:1024px; background:url(../img/bg_drop_land.png) repeat-x bottom; position:absolute; top:0; left:0; z-index:100;}
#header h1 img.logo { margin:22px 0 0 28px; float:left; }
#header #nav { float:right; margin:50px 30px 0 0; }
#header #nav li { float:left; padding:0 40px 0 20px; background:url(../img/bu_slice.png) no-repeat right; }
#header #nav li.last { background:none; padding-right:0; }

#article { width:788px; background:url(../img/bg_drop_port.png) repeat-y right; margin-top:90px; float:left; }
#article #banner_area { display:none;}
#article #touchSlider { width:512px; height:330px; float:left; margin:0 auto; position:relative; overflow:hidden; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
#article #touchSlider ul { position:absolute; top:0; left:0; overflow:hidden; }
#article #touchSlider ul li { float:left; width:512px; }
#article #banner_sub { width:256px; float:left; border-bottom:1px solid #d0d0d0; }
#article #major_product { width:100%;}
#article #major_product ul li { width:215px; float:left; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; height:268px; padding:20px;}
#article #major_product ul li.mid_area { background:#f3f3f3; width:216px; }
#article #major_product ul li.last { border-right:none; }
#article #major_product ul li dl dt { font-weight:bold; margin-bottom:10px; }
#article #major_product ul li dl dd { color:#666; font-size:75%; }
#article #major_product ul li dl dd.thumb { text-align:center; margin-top:50px; }
#article #major_product ul li div.tit { font-weight:bold; margin-bottom:10px; }
#article #major_product ul li.last .book_box { position:relative; height:82px; }
#article #major_product ul li.last .book_box img { position:absolute; top:0; left:0; }
#article #major_product ul li.last .book_box strong { color:#666; font-size:75%; font-weight:bold; margin-left:62px; display:block; margin-bottom:5px;}
#article #major_product ul li.last .book_box span { float:left; margin-left:62px; font-size:12px; color:#666;}
#article #major_product ul li.last .book_box span i { display:block; font-size:11px; margin-top:5px; }

#aside { width:255px; border-right:1px solid #d0d0d0; position:absolute; top:90px; left:768px; z-index:-1; }
#aside #notice { height:84px; padding:20px; }
#aside #notice ul { margin-top:10px; }
#aside #notice strong { font-size:12px; }
#aside #notice li { font-size:12px; height:18px; line-height:18px; background:url(../img/bl_list.png) no-repeat 0 7px; padding-left:10px; color:#888; }
#aside #hot_issue { height:165px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f3f3f3; padding:20px; }
#aside #hot_issue strong { font-size:12px; }
#aside #hot_issue span { color:#888; font-size:12px; margin:10px 0; display:block; }
#aside #hot_issue li { float:left; width:50%; text-align:center; }
#aside #hot_issue li img { box-shadow:0 0 5px #999; }
#aside #hot_issue li span { display:block; }
#aside #ebook { height:308px; border-bottom:1px solid #d0d0d0; background:url(../img/bg_ebook_bot.png) repeat-x bottom; position:relative; }
#aside #ebook .mark { position:absolute; right:0; top:0; }
#aside #ebook span { color:#999; text-align:center; width:210px; display:block; font-size:12px; padding:20px 0 0 25px; }
#aside #ebook img.ebook_banner { margin:30px 0 0 53px; }

#footer { width:984px; padding:20px; height:50px; clear:both; }
#footer .search_box { float:left;}
#footer .search_box .search { background:#99a0ab; width:186px; height:27px; margin-top:4px; }
#footer .search_box .search input { width:150px; float:left; height:27px; background:transparent; color:#fff; padding-left:5px; }
#footer .search_box .search a { float:right; margin:5px 5px 0 0; }
#footer .copyright { float:right; width:300px;}
#footer .copyright img { margin-right:5px; float:left; }
#footer .copyright div { width:225px; font-size:68.75%; float:right; letter-spacing:-1px; padding-left:10px; } /* 11px / 16px */
#footer #touchSlider2 { width:200px; height:150px; margin:0 auto; background:#ccc; position:relative; overflow:hidden; }
#footer #touchSlider2 ul { width:99999px; height:150px; position:absolute; top:0; left:0; overflow:hidden; }
#footer #touchSlider2 ul li { float:left; width:200px; height:150px; background:#9C9; font-size:14px; color:#fff; }


 @media only screen and (max-width: 768px) {
	#header { width:100%; min-width:600px; }
	#header h1 img.logo { width:100px; }
	#header #nav li { padding:0 20px 0 10px; }
	
	#article { width:100%; background:none; min-width:600px;}
    #article #banner_area { display:block; width:66.6%; float:left; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#article #touchSlider { display:none;}
	#article #banner_sub { width:33.4%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	#article #major_product ul li { width:33.3%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:300px; }
	#article #major_product ul li:nth-child(2) { width:33.4%; }
	
	#aside { width:100%; position:relative; float:left; top:0; left:0; border-right:none; min-width:600px; }
	#aside #notice { float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	#aside #hot_issue { float:left; width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:none; border-bottom:none; }
	#aside #hot_issue li span { display:none; }
	#aside #ebook { display:none; }
	
	#footer { width:100%; min-width:600px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-top:1px solid #d0d0d0; height:90px; }
}