@charset "utf-8"; /* CSS Document */ body { font-family:Tahoma; font-size:15px; color:#333; background:#e1e1e1; } body, p, ul, li, ol, form, h1, h2, h3, h4, h5, h6, header, nav, aside, article, section, footer, figure, figcaption, table { padding:0; margin:0; } a { text-decoration:none; } a:hover { text-decoration:underline; } ul, ol, li { list-style:none; list-style-type:none; } a img { border:0; } #article .today { height:56px; overflow:hidden; background:#2a2a2a; color:#FFF; font-family:psl_displayregular; font-weight:normal; width:calc(100%-30px);} header { background:#555; display:block; padding:0px 0 ;margin:0 auto } header>ul { background:#3cb80f; display:block; clear:both ; padding:6px 0} header>ul>li.logo>a>img { display:block; margin:0 auto } header>h1 { background: rgb(9,16,35); /* Old browsers */ background: -moz-linear-gradient(top, rgba(9,16,35,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,16,35,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(9,16,35,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(9,16,35,1) 0%,rgba(44,83,158,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(9,16,35,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(9,16,35,1) 0%,rgba(44,83,158,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091023', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */ display:block ; text-align:center; font-size:40px; color:#FFCC00; font-family:psl_displayregular; font-weight:normal; line-height:35px ; padding:4px 0 } header>h2 { background: rgb(251,223,147); /* Old browsers */ background: -moz-linear-gradient(top, rgba(251,223,147,1) 1%, rgba(249,205,57,1) 59%, rgba(255,248,153,1) 100%, rgba(252,234,187,1) 100%, rgba(248,181,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(251,223,147,1)), color-stop(59%,rgba(249,205,57,1)), color-stop(100%,rgba(255,248,153,1)), color-stop(100%,rgba(252,234,187,1)), color-stop(100%,rgba(248,181,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(251,223,147,1) 1%,rgba(249,205,57,1) 59%,rgba(255,248,153,1) 100%,rgba(252,234,187,1) 100%,rgba(248,181,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(251,223,147,1) 1%,rgba(249,205,57,1) 59%,rgba(255,248,153,1) 100%,rgba(252,234,187,1) 100%,rgba(248,181,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(251,223,147,1) 1%,rgba(249,205,57,1) 59%,rgba(255,248,153,1) 100%,rgba(252,234,187,1) 100%,rgba(248,181,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(251,223,147,1) 1%,rgba(249,205,57,1) 59%,rgba(255,248,153,1) 100%,rgba(252,234,187,1) 100%,rgba(248,181,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdf93', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */ display:block ; text-align:center; font-size:13px; color:#000; text-shadow:1px 1px #fff; font-family:tahoma; font-weight:normal; line-height:16px ; padding:7px 10px } header>img.item02 { display:block; margin:0 auto; width:100%; height:auto; padding:0px 0} header>ul>li.list-menu { padding:8px 0 0 0px; height:36px; line-height:41px; float:left ; display:inline-block; margin-left:10px; width:35px ;} header>ul>li.signup { font-size:22px; padding:0 15px 0 15px; line-height:41px; width:20px; text-align:center; border-right:1px solid #64c640; overflow:hidden; height:45px ; float:right} header>ul>li.signin { font-size:22px; padding:0 15px 0 15px; line-height:41px; width:20px ;overflow:hidden ; height:45px ; float:right; text-align:center} header>ul>li.signup>span, header>ul>li.signin>span { font-size:30px; display:inline-block; float:left; line-height:41px; margin-right:20px; color:#FFFFFF ; margin-top:9px } header>ul>li.signup>a>span, header>ul>li.signin>a>span { color:#FFFFFF } header>ul>li.signup>a, header>ul>li.signin>a { color:#3cb80f; } header>ul>li>a:hover { text-decoration:none; } /*header { background:#3cb80f; padding:0; text-align:center ; width:100% ; display:block} header ul { overflow:hidden; height:41px; padding:6px 0; font-family:psl_displayregular; font-weight:normal ; } header ul li { display:inline; float:left; } header ul li.list-menu { padding:5px 0 0 0px; height:36px; line-height:41px; float:left ; margin-left:10px } header ul li.logo { padding:3px 10px 0 10px;} header ul li.signup { font-size:30px; padding:0 10px; line-height:41px; width:20px ; border-right:1px solid #64c640; float:right } header ul li.signin { font-size:30px; padding:0 10px; line-height:41px; width:20px ; float:right} header ul li.signup span, header ul li.signin span { font-size:20px; display:inline; float:left; line-height:41px; } header ul li.signup a, header ul li.signin a { color:#FFF; } header ul li a:hover { text-decoration:none; }*/ #container { width:100%; display:table; } #container #wrap { display:table-row; } #container #menuleft { display:table-cell; width:60px; min-width:60px; vertical-align:top; background:#f0f0f0; border-right:1px solid #d6d6d6; } #container #article { display:table-cell; width:calc (100%-30px); } #menuleft ul {} #menuleft ul li { text-align:center; border-top:1px solid #ffffff; border-bottom:1px solid #d8d8d8; } #menuleft ul li a { color:#848484; display:block; padding:8px 0; } #menuleft ul li span { display:block; color:#acacac; font-size:24px; } #footer { background:#6db600; padding:15px 0;} #footer>div { width:92%; padding:0 4%;} #footer>div>div { display:block; float:left; width:20px; height:20px;} #footer>div>p { font-family: psl_displayregular; font-size:1.5em; line-height:1; font-weight:400; color:#fff;}