/**********?????????¨´??************/ body { SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-FACE-COLOR: #B4DBFA; SCROLLBAR-DARKSHADOW-COLOR: #B4DBFA; SCROLLBAR-HIGHLIGHT-COLOR: #B4DBFA; SCROLLBAR-3DLIGHT-COLOR: #B4DBFA; SCROLLBAR-SHADOW-COLOR: #B4DBFA; SCROLLBAR-TRACK-COLOR: #FFFFFF; background:#F8F9F9 } body,table,th,td {margin:0;overflow:hidden;font-size:12px;font-family:Helvetica, Verdana, Arial, sans-serif;} table {border-collapse:collapse;} a:link {text-decoration: none;color: #000000;} a:visited {text-decoration: none;color: #000000;} a:hover {text-decoration: none;color: #0099FF;} a:active {text-decoration: none;color: #0066FF;} form {margin:0;background:#F8F9F9} img {border: 0px; vertical-align:middle;} button,#submit {color:#000;font-size:12px;vertical-align:middle;} input {border: 1px solid #999999;background:#FFFFFF;font-size:12px;vertical-align:middle;font-family: Helvetica,Verdana,Arial,sans-serif;} input:disabled {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} input.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .searchBar input:disabled {filter:none;color:red;background:#f0f0f0;border:1px solid #ddd;} .searchBar input.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu input:disabled {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu input.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu2 input:disabled {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu2 input.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} textarea {border:1px solid #AEC9D3;} textarea:disabled {filter:none;color:#000;background:#f0f0f0;border:none;} textarea.readonly {filter:none;color:#000;background:#f0f0f0;border:none;} .searchBar textarea:disabled {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .searchBar textarea.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu textarea:disabled {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu textarea.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu2 textarea:disabled {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} .subMenu2 textarea.readonly {filter:none;color:#000;background:#f0f0f0;border:1px solid #ddd;} fieldset {border:0px double #B4DBFA;background:none;} fieldset legend {color:#006699;border:1px solid #ddd;margin:0px;padding:3px 6px 2px 6px;} select {border:3px double #F0F0F0;background:none;behavior:url(scripts/htc/select.htc);} .styleSelect {padding:1px;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F0F0F0, EndColorStr=#DDDDDD);color:#666;background:#F0F0F0;} .radio {border:none;background:none;} .checkbox {border:none;background:none;} .button {vertical-align:middle;border:1px solid #666666;padding-top:3px;margin-left:2px;cursor:pointer;color:#000;background:#FFFFFF url(../images/01/menuButtonBg.png) center;} .searchBtn {vertical-align:middle;border:1px solid #CCCCCC;padding-top:3px;margin-left:2px;cursor:pointer;color:#000;background: url(../images/01/menuButtonBg.png) center;} .buttonOver {vertical-align:middle;border:1px solid #666666;padding-top:3px;margin-left:2px;cursor:pointer;color:#00377a;background: url(../images/01/menuButtonOverBg.png) center;} .buttonOut {vertical-align:middle;border:1px solid #666666;padding-top:3px;margin-left:2px;cursor:pointer;color:#000;background:#FFFFFF url(../images/01/menuButtonBg.png) center;} .fileUp {border:1px solid #DDDDDD;background:#F0F0F0;padding:1px;} .fileUp input {border:1px solid #DDD;background:FFFFFF;color:#000;} .fileUp img {vertical-align:middle;} /* Labels ?¨´?? */ label {font-weight: normal;} label.required {font-weight: none;} label.error {font-weight: bold;background: transparent;color: red;} /***************???¡Â?????¨´??***********************/ .searchBar {vertical-align:middle;margin-top:1px;display:inline;color:#333;padding:2px 12px 1px 12px;height:27px;width:100%;border:1px double #B9B9B9;background:#CCCCCC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#D7D7D7);} .searchBar ul {vertical-align:middle;list-style:none;margin:0;padding:2px 0 0 0;} .searchBar label {color:#333;} .searchBar ul li {display:inline;color:#333;} .searchBar #lft {vertical-align:middle;float:left;color:#333;} .searchBar #rght {vertical-align:middle;float:right;color:#333;} .searchBar table {color:#333;} /***************????¡À¨ª?¨´??********************/ #dataTable {padding:1px;border:1px double #DCF4FC;} #dataTable caption {padding:1px;border:1px double #C4E9FB;} #dataTable th {border-bottom:1px solid #B4DBFA;color:#333;margin:1px;font-weight:normal;text-align:right;/*background:#DCF4FC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#FFFFFF, EndColorStr=#DCF4FC);?*/} #dataTable th#head {padding:2px 12px 2px 12px;text-align:left;font-weight:bold;height:32px;/*background:#DCF4FC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#DCF4FC);*/} #dataTable th#foot {padding:2px 12px 2px 12px;text-align:right;font-weight:bold;height:27px;/*background:#DCF4FC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCF4FC, EndColorStr=#FFFFFF);*/} #dataTable th#middle {text-align:center;} #dataTable td#middle {text-align:center;} #dataTable td {border-bottom:1px solid #DCF4FC;color:#666;margin:1px;} .dataTable {padding:1px;border:1px double #DCF4FC;} .dataTable caption {padding:1px;border:1px double #C4E9FB;} .dataTable th {border-bottom:1px solid #B4DBFA;color:#333;margin:1px;font-weight:normal;text-align:right;/*background:#DCF4FC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#FFFFFF, EndColorStr=#DCF4FC);?*/} .dataTable th#head {padding:2px 12px 2px 12px;text-align:left;font-weight:bold;height:32px;/*background:#DCF4FC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#DCF4FC);*/} .dataTable th#foot {padding:2px 12px 2px 12px;text-align:right;font-weight:bold;height:27px;/*background:#DCF4FC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCF4FC, EndColorStr=#FFFFFF);*/} .dataTable th#middle {text-align:center;} .dataTable td#middle {text-align:center;} .dataTable td {border-bottom:1px solid #DCF4FC;color:#666;margin:1px;} .detail {padding:1px;} .detail caption {padding:1px;border:1px double #CCCCCC;} .detail th { color:#333;margin:1px;font-weight:normal;text-align:right;/*background:#CCCCCC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#FFFFFF, EndColorStr=#DCF4FC);?*/} .detail th#head {padding:2px 12px 2px 12px;text-align:left;font-weight:bold;height:32px;/*background:#CCCCCC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#CCCCCC);*/} .detail th#foot {padding:2px 12px 2px 12px;text-align:right;font-weight:bold;height:27px;/*background:#CCCCCC;FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CCCCCC, EndColorStr=#FFFFFF);*/} .detail th#middle {text-align:center;} .detail td#middle {text-align:center;} .detail td { color:#666;padding:5px 0;} .elementTable {border-collapse:collapse;border:1px solid ThreeDShadow;background:Window;} .elementTable th {font:icon;padding:2px 5px;cursor:default;-moz-user-select:none;text-align:left;height:27px;background:#666666;color:#FFF;} .elementTable td {font:icon;padding:2px 5px;cursor:default;-moz-user-select:none;} .even {background:Window;} .odd {background:#eee;} .selected {background:CCCCCC;color:HighlightText;} textarea:focus, input:focus {border: 1px solid #99CC00;color:#000000;} /***???????????¨´??**/ .loginBg {background:#edeef2;} .loginSub {background:url(../images/loginBg.jpg) center center no-repeat;} .loginFieldset {color:#000000;} /**********?????????¨°?¨´??************/ #inner fieldset ul {list-style:none;text-align:center;vertical-align:middle;margin:0;} #inner fieldset ul li {border-bottom:0px double #888888;padding:3px;list-style-type:none} #activeUsers {float:right;text-align:right;vertical-align:middle;width:380px;display:inline;padding-top:4px;padding-bottom:8px;margin-right:6px;margin-top:-7px;} #activeUsers label {color:#000000;float:right;} #activeUsers span {float:right;color:#000000;} #activeUsers span a {color:#000000;} #activeUsers span a:hover {color:#0066FF;} /********************** dispalytag ??????¡À¨ª ????**************************************************************/ div.exportlinks {margin:0px;padding: 2px 4px 2px 6px;width: 100%;border:1px solid #999999;color:#ffffff;} div.exportlinks a {text-decoration: none;} div.exportlinks span {background-repeat: no-repeat;} span.csv {background-image: url(../images/ico_file_csv.gif);} span.excel {background-image: url(../images/ico_file_excel.gif);} span.pdf {background-image: url(../images/ico_file_pdf.gif);} span.xml {background-image: url(../images/ico_file_xml.gif);} span.export {cursor: pointer;display: inline;display: inline-block;padding: 0 4px 1px 20px;} span.pagebanner {display: block;margin:0px;padding: 2px 4px 2px 6px;width: 100%;border:1px solid #DDDDDD;color:#000000;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#FFFFFF,endColorStr=#D7D7D7);} span.pagelinks {display: block;font-size: .95em;margin-bottom: 5px;margin-top: -21px;padding: 2px 12px 2px 0px;text-align: right;width: 99%;} table.list {border: 1px solid #B9B9B9;border-collapse: collapse;margin:0px;width: 100%;} table.list td {padding: 3px;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;} table.list th {color: #666;padding: 3px;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;text-align: center;font-weight:normal;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#FFFFFF,endColorStr=#D7D7D7);} table.list th a, table.list th a:visited {background-color: transparent;color:#333333;text-decoration: none;} table.list th a:hover {background-color: transparent;color: #F30;text-decoration: underline;} th.sorted a, th.sortable a {text-align:center;background-position: right;display: block;} table.list th.order1 a {background-image: url(../images/arrow_down.png) !important;} table.list th.order2 a {background-image: url(../images/arrow_up.png) !important;} table.list th.sortable a {text-align:center;background-image: url(../images/arrow_off.png);} table.list th.sorted {filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#FFFFFF,endColorStr=#DDDDDD);color: #666;} table.list th.sorted a, table.list th.sortable a {text-align:center;background-position: right;background-repeat: no-repeat;display: block;} table.list th.sortable:hover {text-align:center;background:#DCF4FC;color:#F00;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#FFFFFF,endColorStr=#D7D7D7);} table.list thead tr {color:#F00;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#FFFFFF,endColorStr=#D7D7D7);} table.list tr.even {background: #F5F5F5;border-top: 1px solid #C4E9FB;color: #000000;} table.list tr.even a {color:blue;} table.list tr.odd {background: #ffffff;border-top: 1px solid #C4E9FB;color: #000000;} table.list tr.odd a {color:blue;} table.list tr.over {background:#DCF4FC;border-bottom: 1px solid #C4E9FB;border-top: 1px solid #ffffff;color:#F00;filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#FFFFFF,endColorStr=#D7D7D7);cursor: pointer;cursor: hand; /* IE 5.5 non-compliant workaround */} table.list tr.over a {color:#F00;} table.activeUserList, body#activeUsers span.pagelinks {width: 450px !important;} .buk #map001 a, #map001 a:hover {background: url(../images/GzMap_psmis.gif) -6px -1081px no-repeat;} .bire #map002 a, #map002 a:hover {background: url(../images/GzMap_psmis.gif) -126px -632px no-repeat;} /****?¡Â???¡¤?????¨´??***/ .topHeader {height:60px;background:url(../images/01/topHeaderBg.jpg) ;} .topToolBar {position:absolute;right:0;top:27;padding:6 12 0 0;z-index:1;} .topToolBar ul{list-style:none;color:#fff;} .topToolBar ul li{list-style:none;display:inline;padding:4px 6px 2px 6px;margin:0 4px 0 4px;height:21px;} .currentBar {padding:6px 2px 2px 12px;color:#ddd;background:url(../images/01/CurrentBarBg.png);} /***??????¡ã????¨´??***/ .statesFrame {border:1px double #999999;} .statesBar {background:#999999;border-bottom:2px ridge #cccccc;} .separateBar{width:5px; background:#666666} /***?¡Â????¡À?**/ .sysTopMiniBtnOut {background:url(../images/ico/sysTopMiniBtn.png);background-position:0px 24px;border:none;width:24px;height:24px;margin:-1px 0 0;cursor:pointer;} .sysTopMiniBtnOver {background:url(../images/ico/sysTopMiniBtn.png);background-position:0px 0px;border:none;width:24px;height:24px;margin:-1px 0 0;cursor:pointer;} .footerMiniBtnOver {width:24px;height:20px; border:none; background:url(../images/01/footerMiniBtn.png);background-position:0px 20px;cursor:pointer} .footerMiniBtnOut {width:24px;height:20px; border:none; background:url(../images/01/footerMiniBtn.png);background-position:0px 0px;cursor:pointer} .footerTitleMiniBtnOver {width:24px;height:20px; border:none; background:url(../images/01/footerTitleMiniBtn.png);background-position:0px 20px;cursor:pointer} .footerTitleMiniBtnOut {width:24px;height:20px; border:none; background:url(../images/01/footerTitleMiniBtn.png);background-position:0px 0px;cursor:pointer} /***energy?¨´??**/ .main { border: 1px solid #C1C1C1; margin: 5px 0 0; height:30%; } .mainBar { background: url(/images/ecms/images/mainBarBg.gif) repeat; height: 20px; line-height: 20px; cursor: hand; } .main_01 { background: url(/images/ecms/images/01_main_content/Shape37.png) no-repeat 10px; } .main_02 { background: url(/images/ecms/images/01_main_content/titleIco.png) no-repeat 10px; } .main_03 { background: url(/images/ecms/images/01_main_content/sldx.png) no-repeat 10px; } .fLeft { float: left; width: 100%; } .fRight { float: right } .title { color: #414141; font-size: 12px; font-weight: bold; margin: 0 30px; } .mainContent { background: #fff; color: #666; height: 90%; overflow: hidden; padding: 5px 10px; text-align: left; } /**????????????CSS**/ /**?¡Á???????¨°??CSS***/ .hiddenList{ border:0px solid #fff; height:100%; } /***?????¨°??CSS*/ .drag{ border:1px solid #CCCCCC; width:100%; margin:5px; height:80%; background: #FFFFFF; } /***?????¨°???¡¤???¨´??*/ .dragTitle{ width:100%; background:url(images/dragTitle.gif) repeat-x; height:23px; line-height:23px; VERTICAL-ALIGN: middle; color:#003366; font-size:14px; font-weight:bold; text-align:left; padding:0 5px; } /**?????¡ã?????¨´??*/ .titled{ background:url(images/dragTitle.gif) repeat-x; height:20px; color:#003366; font-size:14px; text-align:center; padding:0 5px; } /***?????¨°???????¨´??*/ .dragBody{ width:100%; background: #FFFFFF; PADDING: 5px; BORDER-TOP: 0; SCROLLBAR-BASE-COLOR: #f0f0f0 } /***?????????????¨¢??**/ /***BOSS¡À¡§¡À¨ª?¨´??**/ .table_BOSStable { overflow-x:hidden; overflow-y:hidden; width:98%; text-align:left; behavior:expression('url(/styles/BOSStable.htc)'); padding-bottom:18px; } .table_style { width:100%; border:#CCCCCC solid 1px; border-collapse:collapse; } .table_style tr{ height:24px; } .table_style_head { color: #000000; font-family: Helvetica, Arial, Geneva , sans-serif; background-image:url(./image/table_big_bg.gif); font-size:13px; background-repeat:repeat-x; font-weight:bold; } .table_style_head td { height:28px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; padding-left:8px; padding-right:8px; text-align:center; FONT-SIZE: 12px; word-break:break-all; white-space:nowrap; } .table_style_content { background:expression(this.rowIndex%2==0 ? '#EFEFEF' : '#FFFFFF'); } .table_style_content td{ border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; FONT-SIZE: 12px; padding-left:8px; padding-right:8px; padding-top:2px; } /**??????????VERSION2 CSS**/ /**div_drag **/ .div_drag { border: 1px solid #cfcfcf; width: 100%; margin-bottom: 4px; background-color: #ededed; height: auto; margin-left: 5px; } /**div_drag_Title**/ .div_drag_Title { background-image: url(/images/listbar_M_bg.png); background-repeat: repeat-x; float: left; height: 27px; width: 100%; font-size: 12px; font-weight: bold; color: #000000; text-align: left; padding-top:5px; padding-left:5px; } /**div_drag_body**/ .div_drag_body { background-color: #ededed; width: 100%; text-align: center; height: auto; } /**nav_bottom buttom set**/ #nav_bottom{ font-size: 12px; font-weight: normal; color: #000000; list-style-type: none; height: 30px; width: 100%; clear:both; } #nav_bottom ul li a{ color: #000000; text-decoration: none; } #nav_bottom ul{ PADDING-LEFT: 3% } #nav_bottom ul li { height: 31px; width: 60px; text-decoration: none; list-style-image: none; list-style-type: none; text-align: center; float: left; } #nav_bottom ul li span { padding-bottom: 6px; text-decoration: none; padding-left: 4px; } .li_left { background-image: url(/images/li_leftbg.png); background-repeat: no-repeat; background-position: left top; } .li_middle { background-image: url(/images/li_middlebg.png); background-repeat: no-repeat; } .li_right { background-image: url(/images/li_rightbg.png); background-repeat: no-repeat; background-position: right top; } .li_left a:hover { background-image: url(/images/li_leftbg_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 60px; } .li_left a:visited { background-image: url(/images/li_leftbg_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 60px; } .li_right a:hover { background-image: url(/images/li_rightbg_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 60px; } .li_right a:visited { background-image: url(/images/li_rightbg_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 60px; } .li_middle a:hover { background-image: url(/images/li_middlebg_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 60px; } .li_middle a:visited { background-image: url(/images/li_middlebg_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 60px; } .nav_body{ margin-top: 10px; border: 0px solid #DDDDDD; margin-bottom: 10px; height:30%; width: 93%; } .nav_body table td{ font-size: 12px; font-weight: normal; padding:6px; text-align: center; background-color:#FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; } .renderings_bg { background-color: #CCCCCC; background-image: url(/images/Renderings.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 100%; width: 100%; } .left_box_2 { width: 50%; text-align: left; height: auto; } .li_left2 { background-image: url(/images/li_leftbg2.png); background-repeat: no-repeat; background-position: left top; } .li_middle2 { background-image: url(/images/li_middlebg2.png); background-repeat: no-repeat; } .li_right2 { background-image: url(/images/li_rightbg2.png); background-repeat: no-repeat; background-position: right top; } .li_left2 a:hover { background-image: url(/images/li_leftbg2_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 83px; } .li_left2 a:visited { background-image: url(/images/li_leftbg2_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 83px; } .li_right2 a:hover { background-image: url(/images/li_rightbg2_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 83px; } .li_right2 a:visited { background-image: url(/images/li_rightbg2_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 83px; } .li_middle2 a:hover { background-image: url(/images/li_middlebg2_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 25px; width: 83px; } .li_middle2 a:visited { background-image: url(/images/li_middlebg2_hover.png); background-repeat: no-repeat; background-position: left top; float: left; height: 80px; width: 83px; } .box3 { width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: left; } .box3 table td { font-size: 12px; font-weight: normal; text-align: center; background-color:#FFFFFF; border-bottom-color: #E0E0E0; padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 6px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .box4 { width: 282px; padding-top: 6px; padding-bottom: 10px; text-align: center; } .box4 table td { font-size: 12px; font-weight: normal; text-align: center; background-color:#FEFDF9; border-bottom-color: #E0E0E0; padding-top: 2px; padding-bottom: 2px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } #nav2{ font-size: 12px; font-weight: normal; color: #000000; list-style-type: none; height: 30px; width: 100%; clear:both; } #nav2 ul li { height: 31px; width: 83px; text-decoration: none; list-style-image: none; list-style-type: none; text-align: center; float: left; } #nav2 ul li span { padding-bottom: 6px; text-decoration: none; padding-left: 4px; } #nav2 ul li a { color: #000000; text-decoration: none; } .feormtitle2 { background-image: url(/images/formtitle2_bg.gif); background-repeat: repeat-x; } .feormtitle3 td { background-color: #99FFFF; border: 1px solid #00CCFF; } .energy_font{ color: #CC0000;font-size: 11px; } .box2 table td { font-size: 12px; font-weight: normal; text-align: center; background-color:#FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E0; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; } .box2 { margin-top: 5px; margin-bottom: 10px; width: 100%; background-color: #ededed; }