59 lines
4.6 KiB
CSS
59 lines
4.6 KiB
CSS
#leftMenu { background-image: url('/images/common/back_left.png'); float:left; width:180px; ;}
|
|
|
|
#main_container { width:960px; height: 800px; margin:0 auto; margin-bottom: 16px; }
|
|
#main_body { width: 780px; float:left; }
|
|
|
|
#main_boardNquick { width:562px; height:272px; float: left; background-color: #ffffff; overflow:hidden; margin: 8px 0 0 10px; background-image: url('/images/main/main_box1.png'); background-repeat:no-repeat;}
|
|
#main_boardNquick #main_board { height: 124px; overflow:hidden;padding: 12px 16px 4px 16px;}
|
|
#main_boardNquick .main_board_list { margin: 8px 0 0 0; }
|
|
#main_boardNquick .main_board_title { padding-right: 4px; }
|
|
#main_boardNquick #boardTitle02 {position: absolute; top:412px; left:379px;}
|
|
#main_boardNquick #boardTitle03 {position: absolute; top:412px; left:452px;}
|
|
#main_boardNquick .main_board_more {position: absolute; top:412px; left:812px;}
|
|
#main_boardNquick #boardBar01 {position: absolute; top:412px; left:812px;}
|
|
#main_boardNquick #boardBar02 {position: absolute; top:412px; left:812px;}
|
|
#main_boardNquick #main_board a:hover { color:#ee1d25; }
|
|
#main_boardNquick .main_board_list ul { }
|
|
#main_boardNquick .main_board_list ul li { padding-left: 12px; padding-bottom: 4px; background-image: url('/images/common/dot.png'); background-repeat:no-repeat; }
|
|
#main_boardNquick .main_board_list ul li .title { width:437px; display:inline-block;}
|
|
#main_boardNquick .main_board_list ul li .date { width: 75px; display:inline-block; text-align: right; }
|
|
#main_boardNquick #main_quickMenu { height: 105px; overflow:hidden; padding: 12px 16px 12px 16px; }
|
|
#main_boardNquick #main_quickMenu ul li { float: left; width: 88px; padding-top: 8px; text-align:center;}
|
|
#main_boardNquick #main_quickMenu ul li img { padding-bottom: 8px;}
|
|
#main_boardNquick #main_quickMenu ul li a { font-size: 13px; }
|
|
#main_boardNquick #main_quickMenu a:hover { color: #ee1d25; }
|
|
|
|
#main_zone{ width:100%; height:306px; overflow:hidden; position:relative; z-index:1;}
|
|
#main_zone_btn{position: absolute; top:287px; height:20px; width:770px;}
|
|
#main_zone_btn a{ margin-right:2px; height:20px;}
|
|
|
|
#main_popupZone { width: 198px; height: 272px; float: left; overflow:hidden; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box2.png'); background-repeat:no-repeat;}
|
|
#main_popupZone #popTitle { height: 20px; padding: 8px 0 4px 8px;}
|
|
#main_popupZone #popContents { height: 240px; overflow:hidden; margin: 2px 0 0 1px; }
|
|
|
|
#main_facebook { width:562px; height:202px; float: left;overflow:hidden; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box3.png'); background-repeat:no-repeat;}
|
|
#main_facebook #facebookTitle { height: 20px; padding: 8px 0px 4px 8px;}
|
|
#main_facebook #facebookContents{ width:100%; padding: 16px 16px 16px 16px; }
|
|
#facebookList ul li { width: 100%; height: 50px;}
|
|
#facebookList ul li .thums { width: 35px; height: 40px; float: left; padding: 0 8px 0 0;}
|
|
#facebookList ul li .lines { width: 510px; float: left; font-size: 13px; }
|
|
#facebookList ul li .line1 { width: 490px; padding-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
|
#facebookList ul li .line1 a {font-size:11px; font-weight: bold;}
|
|
#facebookList ul li .line2 { width: 490px; height: 23px; background-image: url('/images/common/back_dot.png'); list-style-position:inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
#facebookList ul li .line2 a { color: gray; }
|
|
|
|
#main_gallary { width:198px; height:202px; float: left; background-color: #ffffff; margin: 8px 0 0 10px; background-image: url('/images/main/main_box4.png'); background-repeat:no-repeat;}
|
|
#main_gallary #gallaryTitle { height: 20px; padding: 8px 0 4px 8px;}
|
|
#main_gallary #gallaryContents {width:196px; height: 168px; overflow:hidden; margin: 2px 0 0 1px; }
|
|
#main_gallary #gallaryContents li img {max-width:196px;max-height:167px;display:none;}
|
|
|
|
#main_banner { width:960px; height: 70px; overflow:hidden; margin:0 auto; border: 1px solid #c9c9c9; background: #ffffff; margin-bottom: 16px; }
|
|
.bannerTitle { position:relative; width:80px; float:left; padding: 16px 16px 0 16px; z-index: 100; background: #ffffff; top: 4px;}
|
|
.bannerTitle img { padding-bottom: 2px; }
|
|
.bannerList { position:relative; float: left; top: 16px; width:840px; height: 42px; overflow:hidden;}
|
|
.bannerList ul { overflow:hidden; margin:0;padding:0;vertical-align:top; }
|
|
.bannerList ul li { float: left; padding-right: 10px; }
|
|
|
|
#main_popIcon { z-index: 10000; position: relative; top: 141px; left: 4px; height:0px; width: 172px; font-weight: bold; }
|
|
#main_popIcon #popupTitle { padding: 2px 0 4px 4px; margin-bottom: 4px; background-color: #f1efef; }
|
|
#main_popIcon #popupIcon { padding-left: 4px;} |