/* CSS Document */ @charset "utf-8"; #contentDetail{ margin: 0; padding: 0; } .sectiondetail { width: 690px; display: block; padding: 0; margin: 0; overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; min-height: 505px; /*position:relative;*/ } .closebtn { width: 30px; height: 30px; display: block; margin-left: 656px; margin-top:3px; position:absolute; } .sectiondetail #book_data { width: 245px; float: left; min-height: 545px; } .sectiondetail #book_data .book_img { /*height: 145px; margin: 124px 0 0 47px; position: relative;*/ text-align:center; margin:124px 0 0 0; height: 145px; } .sectiondetail #book_data .book_img img{ /*position: absolute; top: 0px; left: -1px; margin-left:20px;*/ margin:0 auto; } .sectiondetail #book_data .book_img img.book_icon { position: absolute; top: -3px; left: -3px; z-index: 10; } .sectiondetail #book_data ul { list-style:none; line-height:1em; /*margin:0 0 0 42px;*/ margin:0 0 0 52px; padding:0; } .sectiondetail #book_data ul li { display:block; } .sectiondetail #book_data ul .title { margin-bottom:19px; } .sectiondetail #book_data ul .date { margin-bottom:20px; } .sectiondetail #book_data ul .explain { margin-bottom:32px; line-height:1.3em; } .sectiondetail #book_data .read_btn a.read { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 2px 27px; /*margin-left: 87px;*/ text-decoration: none; margin:0 auto; } .sectiondetail #book_data .read_btn a.read:hover { } .sectiondetail #book_data .read_btn a.read:active { position:relative; top:1px; } .sectiondetail #book_data .read_btn a.read:not(:target) { filter: none; -ms-filter: none; } .sectiondetail #book_data .read_btn a.read:hover:not(:target) { filter: none; -ms-filter: none; } .sectiondetail #book_list { width: 395px; margin-right: 35px; margin-top: 5px; float: right; } .sectiondetail #book_list ul { list-style: none; width: 395px; margin: 0; padding: 10px 0px; font-size: 13px; min-height: 64px; } .sectiondetail #book_list ul li { margin:0; padding:0; line-height:1em; } .sectiondetail #book_list ul .list_img { width:96px; height:64px; float:left; } .sectiondetail #book_list ul .list_img img { height: 64px; } .sectiondetail #book_list ul .list_title{ font-size: 16px; margin-bottom: 10px; } .sectiondetail #book_list ul .list_title a { } .sectiondetail #book_list ul .page,.sectiondetail #book_list ul .text{ margin-bottom:5px;} .sectiondetail #book_list ul+ul { } .sectiondetail #book_data .read_btn { height:25px; /*margin:30px 0 0 80px;*/ text-align:center; } /* section for detail no pdf */ .sectiondetailnopdf { /*position:relative;*/ width: 690px; display: block; padding: 0; margin: 0; overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; min-height: 505px; } .sectiondetailnopdf #book_data { margin-right: auto; margin-left: auto; padding-top: 124px; width: 180px; } .sectiondetailnopdf #book_data .book_img { height: 145px; margin: 0 15px; position: relative; text-align:center; } .sectiondetailnopdf #book_data .book_img img{ /*position: absolute; top: 0px; left: 0px;*/ margin:0 auto; } .sectiondetailnopdf #book_data .book_img img.book_icon { position: absolute; top: -3px; left: -3px; z-index: 10; } .sectiondetailnopdf #book_data ul { list-style: none; line-height: 1.2em; margin: 0; padding: 0; } .sectiondetailnopdf #book_data ul li { display:block; } .sectiondetailnopdf #book_data ul .title { margin-bottom: 15px; text-align: center; } .sectiondetailnopdf #book_data ul .date { margin-bottom: 20px; margin-left: 10px; } .sectiondetailnopdf #book_data ul .explain { margin-bottom: 32px; line-height: 1.3em; margin-left: 10px; } .sectiondetailnopdf #book_data .read_btn a.read { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 2px 27px; margin-left: 45px; text-decoration: none; } .sectiondetailnopdf #book_data .read_btn a.read:hover { } .sectiondetailnopdf #book_data .read_btn a.read:active { position:relative; top:1px; } .sectiondetailnopdf #book_data .read_btn a.read:not(:target) { filter: none; -ms-filter: none; } .sectiondetailnopdf #book_data .read_btn a.read:hover:not(:target) { filter: none; -ms-filter: none; } .sectiondetailnopdf #book_list { width: 395px; margin-right: 25px; margin-top: 5px; float: right; } .sectiondetailnopdf #book_list ul { list-style: none; width: 395px; margin: 0; padding: 10px 0px; font-size: 13px; min-height: 64px; } .sectiondetailnopdf #book_list ul li { margin-top:0; padding:0; line-height:1em; } .sectiondetailnopdf #book_list ul .list_img { width:96px; height:64px; float:left; } .sectiondetailnopdf #book_list ul .list_img img { height: 64px; } .sectiondetailnopdf #book_list ul .list_title{ font-size: 16px; margin-bottom: 10px; } .sectiondetailnopdf #book_list ul .list_title a { } .sectiondetailnopdf #book_list ul .page,.sectiondetailnopdf #book_list ul .text{ margin-bottom:5px;} .sectiondetailnopdf #book_list ul+ul { } .sectiondetailnopdf #book_data .read_btn { height:25px; /*margin:30px 0 0 80px;*/ }