body { background: #fff } #logo-container { background-image: url(../img/qt129.topbg.png) } #logo-container.text-only #company-title { color: #fff } #menu>.menu { background: #0a86cd } #nav-menu-toggle { background: #fff } #nav-menu { position: absolute } #footer, .widget-body>.list>.with-details>a>.image-container, .widget-footer>.more, .widget-header, .widget-header>h2, .widget-imagelist>.widget-body>.list>li, .widget-mixlist>.widget-body>.list>.list-item.only-text, .widget-textlist>.widget-body>.list>.list-item { position: relative } #menu>.menu>.menuitem { background-image: url(../img/qt129.dh.png); background-size: 70px 100% } #menu #nav-menu.menu>.menuitem { background: #0a86cd } #menu>.menu>.menuitem>a { color: #fff; border: 1px solid #fff; background: -webkit-gradient(linear, 87% 100%, 74% 58%, from(rgba(0,0,0,.1)), to(rgba(0,0,0,0))) } #menu.has-nav-menu>#main-menu>#nav-menu-toggle>a>.icon { background: #5F5F5F } #company-title { color: #fff; font-weight: 700 } #footer { text-align: center; color: #fff; background-color: #1768ba } .widget { padding-bottom: 10px } .widget-header { font-size: 15px; margin-bottom: 10px; margin-top: 10px; text-align: center; height: 33px; line-height: 33px; background: url(../img/qt129.lmbg.png) center no-repeat; background-size: contain } .widget-header>h2 { padding: 0; display: inline-block; max-width: 200px; white-space: pre; overflow: hidden; text-overflow: ellipsis; text-align: center; height: 34px; width: 100%; color: #0d95e5; font-weight: 700 } .widget>.widget-body { padding: 4px 8px } .widget-header:after { background: #199b77 } .widget>.widget-footer { text-align: center } .widget-footer>.more { font-size: 15px; height: 30px; display: block; width: 150px; margin: 0 auto; color: #fff; line-height: 30px; text-align: center; background: url(../img/qt129.more1.png) center no-repeat; align-content: center; background-size: contain } .widget-textblock>.widget-body { line-height: 2 } .widget-imagelist>.widget-body:after { content: ' '; display: block; clear: both } .widget-imagelist>.widget-body>.list>.list-item { float: left; width: 50% } .widget-imagelist>.widget-body>.list>.list-item>a { display: block; text-align: center; padding-top: 4px; margin: 5px auto; max-width: 140px; color: #fff; position: relative; padding-bottom: 5px } .widget-imagelist>.widget-body>.list>.list-item>a>.image-container { overflow: hidden; width: 120px; height: 120px; margin: 0 auto } .widget-imagelist>.widget-body>.list>.list-item>a>.title { margin: 0 auto; width: 120px; left: 10px; white-space: pre; text-overflow: ellipsis; overflow: hidden; bottom: 5px; height: 32px; line-height: 32px; background-color: #1768ba } .widget-mixlist>.widget-body>.list>.list-item.only-text>a, .widget-textlist>.widget-body>.list>.list-item>a { display: block; color: #333; white-space: pre; overflow: hidden; text-overflow: ellipsis; padding-left: 25px; padding-right: 50px; height: 40px; line-height: 40px; border-bottom: 1px solid #e4e4e4 } .widget-mixlist>.widget-body>.list>.list-item.only-text>a:after, .widget-textlist>.widget-body>.list>.list-item>a:after { position: absolute; content: ' '; display: block; right: 20px; width: 8px; height: 8px; border-top: 2px solid #b0b0b0; border-right: 2px solid #b0b0b0; top: 50%; -webkit-transform: rotate(45deg) translate(0, -50%); transform: rotate(45deg) translate(0, -50%) } .widget-mixlist>.widget-body>.list>.list-item.only-text>a:before, .widget-textlist>.widget-body>.list>.list-item>a:before { position: absolute; display: block; content: ' '; left: 3px; top: 50%; width: 6px; height: 6px; background: #0d95e5; transform: translate(0, -50%) } .widget-detaillist>.widget-body>.list>.list-item, .widget-mixlist>.widget-body>.list>.list-item.with-details { border-bottom: 1px solid #CCB592 } .widget-detaillist>.widget-body>.list>.list-item>a, .widget-mixlist>.widget-body>.list>.list-item.with-details>a { display: block; color: #333; height: 100px; line-height: 40px } .widget-detaillist>.widget-body>.list>.list-item>a:after, .widget-mixlist>.widget-body>.list>.list-item.with-details>a:after { content: ' '; display: block; clear: both } .widget-detaillist>.widget-body>.list>.list-item>a>.image-container, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.image-container { float: left; width: 75px; height: 75px; margin-right: 10px; margin-bottom: 10px; margin-top: 14px; position: relative; z-index: 3 } .widget-detaillist>.widget-body>.list>.list-item>a>.image-container:after, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.image-container:after { position: absolute; content: ' '; display: block; width: 80px; height: 80px; top: -3px; left: -3px; background: #fff; z-index: -1; box-shadow: 0 0 1px 0 gray } .widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.title, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.title { font-size: 120%; white-space: pre; overflow: hidden; text-overflow: ellipsis; color: #333 } .widget-detaillist>.widget-body>.list>.list-item>a>.text-container>.content, .widget-mixlist>.widget-body>.list>.list-item.with-details>a>.text-container>.content { height: 3em; overflow: hidden; line-height: 1.5; color: #444 } .widget-article>.widget-body>.article-title { font-size: 150%; color: #333; text-align: center; border-bottom: 1px solid #ABA9A9; padding-bottom: 10px; margin-bottom: 10px; line-height: 1.8 } .widget-article>.widget-body>.ugc { padding: 0 10px; line-height: 2 }