html{височина:100%; размер на шрифта:24px} тяло {padding:0; маржин:0; z-индекс:1; ширина: 100%; фон:#eeeeee;} ul, ol, dl {списък-стил:няма; маржин:0; подложка:0;} em{font-style:normal;} img{border:none;} a {outline:0; text-decoration:none !important} label{margin: 0;} .crb{clear:both;} .header{padding: .25rem;} .logo{float:left;} .logo img{max-height:80px; макс-ширина: 280px;} .center_container{марж:.5rem 0; подплънка:0 .25rem; фон: #fff; радиус на границата: .25rem;} /* -------------- банер STYLE -------------- */ .banner{width:100%;} .banner input{display: none;} .banner .bigPic{width:100%; височина:25rem;} .banner .bigPic div{ширина:100%; фон:#fff; подравняване на текст: центрирано; преход: всички линейни 500ms; -o-преход: всички линейни 500ms; -moz-преход: всички линейни 500ms; -webkit-преход: всички линейни 500ms; височина: 25rem; показване: няма;} .banner .bigPic div img{височина:100%; макс-ширина: 100%;} .знаме.sliderPic{ширина:100%; фон-цвят:#363636; височина: 3.7rem; препълване-y: автоматично;} .banner .sliderPic етикет {padding:.5rem; плаващ: ляв; курсор:показалец;} .banner .sliderPic етикет img {max-width:5rem; височина: 2.5rem; непрозрачност:.8; } #tongtool-img-rdi-1:checked ~ .bigPic #tongtool-img-1{display:block;} #tongtool-img-rdi-1:checked ~ .sliderPic #tongtool-img-slider-1 img{border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-2:checked ~ .bigPic #tongtool-img-2{display:block;} #tongtool-img-rdi-2:checked ~ .sliderPic #tongtool-img-slider-2 img {border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-3:checked ~ .bigPic #tongtool-img-3{display:block;} #tongtool-img-rdi-3:checked ~ .sliderPic #tongtool-img-slider-3 img {border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-4:checked ~ .bigPic #tongtool-img-4{display:block;} #tongtool-img-rdi-4:checked ~ .sliderPic #tongtool-img-slider-4 img {border:2px solid#f00; непрозрачност:1;} #tongtool-img-rdi-5:checked ~ .bigPic #tongtool-img-5{display:block;} #tongtool-img-rdi-5:checked ~ .sliderPic #tongtool-img-slider-5 img {border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-6:checked ~ .bigPic #tongtool-img-6{display:block;} #tongtool-img-rdi-6:checked ~ .sliderPic #tongtool-img-slider-6 img {border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-7:checked ~ .bigPic #tongtool-img-7{display:block;} #tongtool-img-rdi-7:checked ~ .sliderPic #tongtool-img-slider-7 img {border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-8:checked ~ .bigPic #tongtool-img-8{display:block;} #tongtool-img-rdi-8:checked ~ .sliderPic #tongtool-img-slider-8 img{border:2px solid #f00; непрозрачност:1;} #tongtool-img-rdi-9:checked ~ .bigPic #tongtool-img-9{display:block;} #tongtool-img-rdi-9:checked ~ .sliderPic #tongtool-img-slider-9 img{border:2px solid #f00; непрозрачност:1;} .flatBigPic{марж:0авто; ширина: 100%; подравняване на текст: център; показване: няма;} /* -------------- описание STYLE -------------- */ .box{padding:0; марджин-топ:.5rem;} .titlebar{фон:#0063d1; цвят: #fff; височина: 1.5rem; линия-височина: 1.5rem; подложка:0 .6rem; размер на шрифта:.7rem} .content{padding:.25rem; размер на шрифта: 0.6rem; ясно:и двете;} /* -------------- контекст STYLE -------------- */ .tab_container{width:100%;} .tab_container input{display: none;} .tab_container .tab{width:100%; височина: 1.44rem; граница-дъно: твърдо 2px #0063d1;} .tab_container .tab ul .tab_container .tab ul li label{display:block; подплънка:0 1rem; курсор:показалец;} .tab_container .tab_content{ширина: 100%;} .tab_container .tab_content div{ширина: 100%; подложка: .25rem; размер на шрифта: 0.6rem; показване:няма;} .tabs-level{} .tabs-ниво ul{ ширина:100%; височина: 32px; плаващ: ляв; граница-дъно: твърдо 1px #ff6600;} .tabs-level ul li{ float:left; височина: 32px; линия-височина: 32px; подплата:020px; фон:#333; радиус на границата:5px 5px 0 0; марджин-дясно:4px; курсор:показалец; } .tabs-level ul li.tab-current,.tabs-level ul li.tab-current:hover{background:#ff6600; color:#fff; } .tabs-level ul li:hover{ background:#444;} .tabs-level .content{ box-sizing:border-box; min-height:186px; } .tabs-vertical{} .tabs-вертикална ul{ ширина:160px; плаващ: ляв; } .tabs-vertical ul li{ float:left; ширина: 130px; височина: 34px; линия-височина: 34px; подплънка: 0 15px; фон:#ddd; граница-радиус: 5px 0 0 5px; маржин-дъно: 4px; курсор:показалец; } .tabs-vertical ul li.tab-current,.tabs-vertical ul li.tab-current:hover {background:#222; color:#fff; } .tabs-vertical ul li:hover{ background:#e2e2e2;} .tabs-vertical .content{ margin-left:160px; border-left:solid 2px #222; граница-отгоре: твърди 1px #e2e2e2; кутия-оразмеряване: граница-кутия; ясно:наследяване; подложка: 10px 25px; мин-височина: 186px; } .tab-time{text-align:center; шрифтово семейство:宋体; размер на шрифта: 15px; височина на линията: 22px; цвят на границата:#85b716;} .tab-time td{border-color:#85b716;} .tab1{display:none;} /* -------------- footer STYLE -------------- */ .footer{padding:.8rem 0 1rem 0; граница-отгоре: твърди 2px #ff6600;} .footer .copyright{text-align:center; размер на шрифта:.8em;} /* -------------- поправя мобилен STYLE -------------- */ @media екран и (макс. ширина: 960px){ html{font-size: 12px} .container{padding:0} .header{display:none;} .nav{display:none;} .nav .row div{padding:0 ; граница:0} .nav .row div.col-xs-2{ширина: 33.33333%} .titlebar{font-size:1rem;} .content{font-size:1rem;} .tab,.tab_content{display: none} .tab1{display: block} } Описание