body { padding:0; margin:0; font:13px/22px 'microsoft yahei','\5b8b\4f53',微软雅黑, arial, lucida grande, tahoma, sans-serif; color: white; font-size: 13px; line-height: 20px; background:darkred;} .clearfix:before {content:" ";display:table;} .clearfix:after{clear:both;visibility:hidden;} .clearfix{display:block} .clear {clear:both} *{border:0;margin:0;padding:0;vertical-align: baseline;} _html{border:0;margin:0;padding:0;vertical-align: baseline;} a { text-decoration: none; color:white;} a:hover { color: white; text-decoration: none;} ul {list-style-type:none;list-style-image:none} li {list-style-type:none;list-style-image:none} .ct {position: relative;margin:-1px auto 0;max-width:986px} .mct {position:relative;margin:auto;max-width:1100px} .ml8 {margin-left:5px} .mt8 {margin-top:5px} .box-s {border:1px solid #E5989B;border-radius: 0px;background:darkred;margin-bottom:7px;} .box {border: 1px solid #E5989B; border-radius: 0px; background: darkred; width: 100%; margin-top: 12px; margin-bottom: 12px;} .info{max-height:100px;float:left;overflow:hidden} .info img{width:100%} .indexad{width:771px;} /******网页框架样式**********/ #divtop {width:100%; position:relative;padding-bottom:1px; min-height:125px;} #divmiddle {border:#ccc 0px solid;max-width:1100px ;margin:0 auto;position:relative;} #divmain{float:left;line-height:25px;width:100%;overflow:hidden;} .main{max-width:100%;margin-right:330px} #divsiderbar {width:322px;float:right;margin-left:-325px;text-align:left;position:relative;overflow:hidden} #divfooter {margin-top:10px;line-height:25px;background-color:#530000;width:100%;height:100%;color:red;border-top:#444444 1px solid;padding-top:10px;display:inline-block;text-align: center;} #divfooter a{color:red;}#divfooter a:hover{color: white;} /**********顶部样式***************/ .top_header {height:100px;} .banner {height: 100px; padding-top: 5px; overflow: hidden;} .banner span{ float:right; max-width:600px; max-height:65px; text-align:right;margin-right:5px} .banner a.logo {width:200px;display:block;background:url(../include/logo.webp) no-repeat 0px -5px;float:left;height:100px;} #mnav a.logo {height: 35px; width: 70px; display: block; background: url(../include/logo.webp) no-repeat 0px 0px; float: left; background-size: 100%;} /*搜索框样式*/ .search{float:right; border:1px solid #B5838D;height:30px;overflow:hidden; margin-top:20px;border-radius:5px;margin-right:00px} #edtSearch{width:200px;height:30px;line-height:30px;transition:width 1s;float:left;margin-right:0px;padding:0 10px} #edtSearch:focus{width:255px;border:none} #btnPost{width:60px;height:100%;color:darkred;cursor:pointer;background:#B5838D;font-size:15px;font-weight:bold;text-align:center;float:left;} #btnPost:hover{ background:#B5838D} /**********顶部导航栏***************/ .header {border-bottom:#ccc 1px solid;background-color:#5c0606;width:100%;margin-bottom:0px;height:35px;border-top:#444444 1px solid;z-index:999!important;/*overflow:hidden*/} .menu{margin:0 auto;z-index:998} .menu ul {float:left; position:absolute; top:35px; left:0px; border:1px solid white; border-top:0; background:white; z-index:300; visibility: hidden; display: block;} .menu ul ul { top:-1px;left:100%;border:1px solid white;} .menu>li {height:35px; float: left; position: relative; line-height: 35px; font-size:14px; font-weight:bold; color:darkred; padding: 0px;border-left:1px solid white} .menu>li:first-child{border-left:0px solid white;margin-left:1px} .menu>li li li:first-child{border-top: 0px solid white;} .menu>li li {border-top: 1px solid white;position: relative;font-weight:normal;text-align:left;} .menu li a{ padding: 0px 20px; color:white; display: block;} .menu ul li a{font-size:14px;white-space:nowrap; padding:0px 30px;max-width:200px;overflow:hidden;text-overflow:ellipsis;} .menu li:hover>a,.menu li:hover>a.on, .menu li a.on{color:#fff; background:red;} .menu li:hover>ul,.menu li a:hover>ul{ visibility:visible;} .nav_fixed{position: fixed;top: 0px;} /**********面包屑和公告***************/ .dh{max-width:1100px;margin:-2px auto 0px;overflow:hidden;} .daohang {border:#ccc 1px solid;position: relative;background:#E5989B;line-height:33px;height:33px;border-top:none;max-width:1100px ;margin-bottom:6px;color:white} .daohang span {float:right;cursor: pointer;font-weight:bold; right:10px; padding-right:15px;} .daohang a.homepage {margin-left:10px} .daohang em {width:15px;display:inline-block;background:url(images/pt.gif) no-repeat 3px 3px;color:darkred;} #con{background:url(images/notice.gif) 8px 9px no-repeat;height:35px; } #con ul {max-width:700px;} #con ul li a {font-weight:bold;color:darkred;} #con ul li a:hover {color:#f00;} /**********siderbar***************/ .share-dy{float:left;width:320px;display:block;padding:10px 0;overflow:hidden} .share-dy form{border:#ccc 1px solid;background-color:darkred;overflow:hidden;margin:0 10px 7px;} .dy-input{width:200px;height:20px;line-height:20px;padding:4px;vertical-align:middle;border:#ccc 0px solid;background-color:darkred} .dy-btn {cursor: pointer;height: 30px;width: 70px;float:right;text-align: center;border-left:1px solid #E5989B;text-shadow: 0px 1px 0px darkred;color: #555;font-size:14px;font-weight: bold;background-color: #e6e6e6;background-repeat: no-repeat;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);box-shadow: 0px 0px 1px darkred inset;}.dy-btn:hover {background-position: 0px -15px;color: #333;} .dingyue{height:auto;padding:5px 10px;} .sidebarad{overflow:hidden;border:1px solid #E5989B;margin:0 10px} .sidebarad img{width:100%} .bdshare-button-style0-32 a {margin: 0px 2px 10px 3px !important;} /*侧栏跟随*/ #rollstart { clear: both; background: darkred;} .hcms_rollbox {position:fixed;background:none;width:283px;} #sidebar_ad{overflow:hidden;padding-bottom:5px} .sidelist {position:relative;float:left;display:block;} .sidelist img {padding:5px 10px;max-width:305px;} .sidelist .stit {font-size: 14px; padding-left: 8px; height: 32px; line-height: 32px; border-bottom: 1px solid #E5989B; color: white; background-image: linear-gradient(#FFCDB2, darkred 25%, #FFB4A2);} .sidelist ul {line-height:27px;width:300px;white-space:nowrap;margin:0 10px;} .sidelist ul li {border-bottom:#d9d9d9 1px dotted;padding-left:14px;line-height:30px;background:url(images/icon_3.png) no-repeat -4px -1536px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sidelist ul li span {display:inline} div.tab {line-height:32px;width:100%;clear:both;} div.tab span {border-bottom: #ccc 1px solid; text-align: center; margin-bottom: 5px; float: left; overflow: hidden; cursor: pointer; border-right: #ccc 1px solid; font-size: 14px; background-image: linear-gradient(#FFCDB2, darkred 25%, #FFB4A2); width: 106px; color: white;} div.tab span.on {border-bottom:darkred 1px solid;background-color:darkred!important;font-size:14px;font-weight:bold;color:white;background-image:none} div.tab3 span#one3{ border-right:none;} .none{display:none}.block{display:block} .function_c ul,.function_c div {white-space:normal;max-width:100%;margin-top:5px; margin-bottom:5px;float:left} /*******日历样式*********/ #divCalendar{ } #divCalendar .function_c {padding:5px;} #tbCalendar {width:100%;table-layout: fixed;text-align: center;border-collapse:collapse;border:1px solid darkred!important;} #tbCalendar caption {height: 24px;font-size: 16px;font-weight: bold;margin:5px 0 10px;text-align: center;} #tbCalendar small {height: 24px;margin: 0px auto;font-size: 14px;line-height: 24px;font-weight: bold;text-align: center;} #tbCalendar thead {background:#B5838D;color:darkred;} #tbCalendar th {border-right:1px solid darkred} #tbCalendar th:last-child{border-right:1px solid darkred} #tbCalendar tbody {background:darkred;} #tbCalendar td {border:solid darkred; border-width:0px 1px 1px 0px;line-height:25px} #tbCalendar td.pad {background:darkred;} #tbCalendar td a {padding:1px 10px;font-weight:bold;color:darkred;background:#ccc;} #tbCalendar td a:hover {color:darkred;background:white;} #tbCalendar td b {display: block;background:darkred;color:darkred;text-shadow: none;padding: 0px;} /*******文章归档/其它样式********/ #divComments ul{padding-left:0px} #divComments ul li{background:none;padding:0px 0px 5px ;line-height:22px;border-bottom:1px solid #eee;} #divPrevious li span {display:none} #divContorpanel div, #divsearchpanel div {padding-left:5px;margin-top:5px;} #divContorpanel span {font-size:13px;color:white;line-height:30px;} #divLinkage li,#divMisc li,#divFavorites li,#divArchives li{border:none;padding:0 5px 0px 8px;background:url(images/list_desc.png) no-repeat 5px 50%;margin-bottom:0px;display:inline-block;border-bottom:1px dotted #ccc} #divLinkage li a,#divMisc li a,#divFavorites li a,#divArchives li a{border:dotted 0px #ccc;line-height:30px;width:120px;display:inline-block;text-align:left;text-indent:10px} #divlinkage li a:hover,#divMisc li a:hover,#divFavorites li a:hover,#divArchives li a:hover{border:solid 0px #e36c09;}#divCatalog{position:relative;}#divCatalog ul {padding:0px;overflow:visible; } #divCatalog li{float:left;position:relative;overflow:visible;height:30px; line-height:30px;} #divCatalog ul ul {visibility:hidden;position:absolute;left:10px;top:22px;background:darkred;border:1px dotted #ccc;border-top:none;width:90px;z-index:15} #divCatalog ul ul li {clear:both;text-align:left;padding-left:5px;background:none} #divCatalog ul li a{width:115px;float:left; display:block;text-indent:2px;border:none} #divCatalog ul li:hover ul,#divCatalog ul a:hover ul {visibility:visible;} #divCatalog ul ul li a{display:block;width:100px;margin:0;border:0;} #divTags li{float:left;background:none;padding-left:0;margin-right:8px;border:none} #divTags li a{padding:3px 5px;color:darkred;margin-bottom:5px;} #divtags li a:hover{background-position: 0px -15px;} #divTags li .t0{background:#036;} #divTags li .t1{background:#f00;} #divTags li .t2{background:#030;} #divTags li .t3{background:#396} #divTags li .t4{background:#636} #divTags li .t5{background:#B5838D;} #divTags li .t6{background:#f06 } #divTags li .t7{background:#f30;} #divTags li .t8{background:#f90;} #divTags li .t9{background:#600;} /**********post-multi***************/ .post,.art-body{background-image: linear-gradient(red, #a0393d 54%, darkred);} .post .pic{float:left;margin:0 10px 10px 0;width:25%;border:1px solid #E5989B;padding:5px;background-color: darkred;border: 1px solid #d9d9d9;max-height:170px;overflow:hidden} .post .pic a{max-height:150px;line-height:150px;width:100%;float:left;overflow:hidden} .post img{width:100%;vertical-align:middle;} .post .pic:hover{border: 1px solid #e36c09; } .pcontent {margin:10px 10px 0 10px;font-size:14px; overflow:hidden;} .pcontent p {padding: 0px; display: block; margin-top: 5px; padding-bottom: 16px;} .pcontent h2 {height:30px;/*max-width:420px;*/white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin:0;text-align:center} .pcontent h2 a {line-height: 24px; font-size: 16px; font-weight: bold; display: block; width: 100%;} .pcontent h2 a:hover {text-decoration:underline;color:darkred} .post-meta {/*margin-left:27.8%;*/border-bottom: 1px solid #E5989B; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; text-align: center;} .pmeta {font-size: 12px; padding: 0 10px; line-height: 30px; border-top: 1px solid #E5989B; background-color: darkred; height: auto; overflow: auto;} .pmeta span{margin-right:10px} .pmeta .cat{color:white;height:30px; background: transparent url(images/cat.gif) left 2px no-repeat;padding: 0 0 0 15px;} .pmeta .tag{color:white;height:30px; background: transparent url(images/tag.gif) left center no-repeat;padding: 0 0 0 17px;}.pmeta .tag a{ font-weight:normal;} .pmeta .read {float:right; text-align:right;font-size:13px; font-weight:bold; margin-right:0px;} /**********post-single***************/ .articlebase {border-bottom:#ccc 1px solid;background-color:white;padding:12px 10px 7px;} .post-date {width:45px;height:45px;float:left;text-align:center;font-weight:bold;font-size:13px;border:1px solid #333;background:#333;overflow:hidden;margin-right:10px;border-radius:4px} .post-date small {color:white;line-height:22px;font-size:13px;font-weight:bold;white-space:nowrap; text-align:center} .post-date span {display:block;text-align:center;color:white;line-height:23px;background:darkred;width:45px;float:left;} .viewcomm {position:relative;text-align:center;width:80px;background:url(images/td_fg.gif) no-repeat 40px 10px;float:right;top:0px;right:5px} .viewcomm p {padding:0px;height:20px;color:darkred;font-size:16px;font-weight: bold;} .viewcomm span {padding:0px;width:40px;float:left;color:darkred} .viewcomm span a {margin:0px} .post-title {margin-left:50px;} .post-title h1 {font-size: 18px; line-height: 20px; color: darkred; font-family: 微软雅黑; padding-bottom: 5px; max-width: 600px; overflow: auto; height: auto;} .post-title h1 a {padding-left:10px;font-size:13px;color:#ccc;font-weight:normal;} .post-title .tinfo {font-size:13px;font-weight:normal;max-width:600px;white-space:nowrap;overflow:hidden;color:darkred} .post-title .tinfo a{color:darkred} /***********文章页内容样式*****************/ #article {padding-top:3px;clear:both; font-size:14px; } #article pre{} #article blockquote {border:1px solid white; border-left:5px solid white;margin:10px auto;padding-top:5px;padding-left:10px;width:80%;overflow:hidden;} #article blockquote ol li {padding-left:10px;list-style-type:decimal;list-style-position:inside;} #article blockquote ul li {padding-left:10px;list-style-type:disc;list-style-position:inside;} #article blockquote p {text-indent:0em;line-height:20px;padding:5px 5px 5px 10px} #article,#article p {padding:8px 0;text-align:justify;text-indent:2em;line-height:30px;font-size:14px;color:white;text-align: left;} #mutuality,#mutuality p,#mutuality p::before{text-indent: 0;} #article p img {width:80%;height:auto;overflow:hidden;text-align:center;margin:0 40px} .artright {margin-bottom:10px;border-top:#ccc 1px dashed;border-bottom:#ccc 1px dashed;padding:5px;font-size:14px;clear:both;background-color: #530000;text-indent:0;} .artright .share {padding-right:0px;margin-top:-22px;float:right;} /*****相关文章列表样式*****/ #mutuality {margin:10px 0px;float:left} #mutuality h3{ font-size:14px; border-bottom:#ccc 0px solid;height:20px;line-height:20px;} #mutuality ul{ float:left; width:100%; padding:5px 10px;} #mutuality ul li{float: left; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #mutuality ul li a{font-size: 14px; line-height: 25px; height: 25px; display: block; width: 100%;} /*****相关文章列表样式结束*****/ /*********文章页上一篇/下一篇导航************/ .pagenav {font-size:14px;margin-top:0px;margin-bottom:1px; background:darkred;font-weight:bold} .pagenav ul{max-width:100%;overflow:hidden} .pagenav a {font-weight:normal} .pagenav a:hover {text-decoration: underline} .pagenav ul li {display:block;width:100%;float:left;line-height:20px;float:left;padding-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /***********post-single end**************/ /***********翻页条样式**************/ .navigation {text-align:center;padding:8px 0;font-weight:bold;width:100%} .navigation a{color:white;text-decoration:none;} .navigation span{border:1px solid red;padding:2px 7px;margin-right:3px;} .navigation span.page-numbers{margin-right:20px;background:white;color:darkred;} .navigation span.now-page,.navigation span:hover{background:red;color:darkred} /***********翻页条样式**结束************/ /*-----------------------------评论部分-----------------------------*/ #comments{ border:1px solid #c8c8c8; background:darkred; display:block;height:auto;} .commentlist{height:auto;margin: 0 15px 15px;border: 1px solid #E5989B;} .commentlist h3{font-size:14px; padding:0 0px; height:34px; line-height:34px; background:#ebe8e4;border-bottom:1px solid #E5989B;border-top:0px solid #ccc;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);} .commentlist h3 a, .commentlist h3 em{color: darkred;} .commentlist h3 a:hover{color: darkred;} .commentlist h3 span{padding-right: 10px;} .commentlist ul{float: right;margin-right:20px} .commentlist li{float: left; margin:4px 5px 0px 0px;height:30px;overflow:hidden; padding: 0 10px; line-height:30px; font-weight: 100; cursor: pointer;list-style-type: none;} .commentlist li.on{border: 1px solid #E5989B; border-bottom: 0;border-radius:3px 3px 0 0; background: darkred;border-bottom:1px solid darkred !important} /*评论列表*/ #contabcomment1,#contabcomment2{margin: 10px;position:relative;height:auto;} /**********显示评论*****************/ .msg {border-bottom:1px solid #d4e1ea;margin:0;padding:10px 0px 0px;min-height:55px} .msg .msgimg { float:left; width:48px; height:48px; padding:0px 10px;} .msg .msgimg .avatar { width:48px; height:48px;} .msg .commentname{font-weight:bold; font-size:14px;} .msg .msgname { height:16px; line-height:16px;padding-bottom:5px;} .msg .msgname span { font-size:14px; color:white;} .msg .msgarticle { padding:5px 0px 0px 10px;font-size:14px;margin-left:58px} .msg .msg { font-size:14px;margin:7px 0px 0 0px; border-top:1px dashed #d4e1ea;border-left:1px dashed #d4e1ea;padding:8px 0 0 10px;border-bottom:none;min-height:50px} .msg .msg.msgname { height:16px; line-height:16px;} .msg .msg .msgarticle{padding: 0px;font-size:12px;margin-left:50px} .msg .msg .msgimg { width:40px; height:40px;padding:0 10px 0 0} .msg .msg .msgimg .avatar { width:40px; height:40px;} .none{display:none} .msg .msg .msg{margin-left:0px} /**********发表评论*****************/ .nodis{display:block;} .postbox {position: relative;border: 1px solid #E5989B;border-image: none;padding-right: 0px;overflow: hidden;border-top-left-radius: 3px;border-top-right-radius: 3px; background:darkred; margin-bottom:7px;height:34px;overflow:hidden;width:100%} .postbox i{height:34px;width:35px;border-right:1px solid #E5989B;margin:0 0px 0 -1px;background:darkred url(images/posticon.png) 0 0 no-repeat;float: left;} .postbox .n{background-position:8px 10px;} .postbox .m{background-position:8px -63px;} .postbox .h{background-position:8px -135px;} .comment-postbox {width: auto;font-size:14px;margin:10px 15px; } .comment-postbox p.posttop{width:100%;font-size:15px; line-height:20px;font-weight: bold;margin-bottom:7px;} .posttop span{float:right;} .postbox input{font-size: 14px;border:none;background:none;color:white;height:100%;line-height:100%;} .postbox input.home1,.postbox input.name1,.postbox input.mail1{min-width:85%;padding-left:7px} .comment-postbox-textarea{position: relative;border: 1px solid #E5989B;background:darkred;overflow: hidden;border-top-left-radius: 3px;border-top-right-radius: 3px;width:100%;margin-top:10px;}textarea.text {display: block;font-family: "helvetica neue",helvetica,arial,sans-serif;font-size:14px;line-height: 20px;border: medium none;box-shadow: none;overflow: hidden;height: 120px;margin: 0px;padding:5px;color: #333;width: 98.5%;}.comment-postbox-toolbar {position: relative;border: 1px solid #E5989B;overflow:hidden;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-top:none;width:100%} .comment-postbox-options {height: 30px;}.comment-postbox-options>input{margin-top: 0px;font-size: 14px;width:150px;background:none;color:#444;height:30px!important;line-height:30px;position: absolute;left:100px;top:0px;padding-left:10px;overflow:hidden;border:none;border-left:1px solid #E5989B;border-right:1px solid #E5989B;background:none;}.comment-postbox-options span{ padding:10px 10px 0 ; font-size:14px; font-family: "helvetica neue",helvetica,arial,sans-serif; line-height:30px;}.comment-postbox-button {cursor: pointer;font-family: "helvetica neue",helvetica,arial,sans-serif;position: absolute;right: 0px;top: 0px;height: 31px;width: 100px;text-align: center;border-left:1px solid #E5989B;text-shadow: 0px 1px 0px darkred;color: #555;font-size:14px;font-weight: bold;background-color: #e6e6e6;background-repeat: no-repeat;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);box-shadow: 0px 0px 1px darkred inset;}.comment-postbox-button:hover {background-position: 0px -15px;color: #333;} /**********发表评论 结束*****************/ /****************全局border设置，圆角设置，宽度设置************/ .catlist{display:block;float:left;overflow:hidden;width:100%} .listbox{width:99%;height:auto;float:left;overflow:hidden;margin-bottom:7px;} .listbox h2{font-size:14px; padding:0 8px; height:32px; line-height:32px; background:#ebe8e4;border-bottom:1px solid #E5989B;background-image:linear-gradient(#FFCDB2, darkred 25%, #FFB4A2)} i{width: 3px; background: #E5989B; float: left; height: 15px; margin-top: 9px; margin-right: 5px;} .listbox h2 span a{display:block;height:33px} .listbox h2 span{float:right;background:url(images/more.png) no-repeat right center;height:33px;width:44px;} .listbox ul{padding:2px 10px;border:0px solid #ccc} .listbox li{line-height:30px;height:28px;overflow:hidden; font-size:13px;border-bottom:1px dotted #ccc} .listbox li span{float:right;color:#999;font-size:12px} .listbox li a{background:url(images/list_desc.png) no-repeat 0 50%; padding-left:10px; max-width:99%;overflow: hidden;white-space:nowrap;float:left;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;width:90%} .cat-1,.cat-3,.cat-5,.cat-7,.cat-9,.cat-11{float:right;border:1px solid #E5989B;border-radius: 0px;background:darkred;} .cat-0,.cat-2,.cat-4,.cat-6,.cat-8,.cat-10{float:left;border:1px solid #E5989B;border-radius: 0px;background:darkred;} .tw_box {clear:both;margin:0px 0px 8px 0 ;padding:0px;height:auto;position: relative;background:darkred;border: 1px solid #E5989B;overflow:hidden;display:block;} #demo{ width:98.5%;height:138px; display:inline; float:left; margin:6px 5px 4px; overflow:hidden} #demo img:hover {border:2px solid #e36c09;} #demo span {font-size: 14px;margin-left:0px;text-align: center;height:25px;line-height:25px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight:bold;width:180px;} #demo ul li{float:left; padding:0 0px;} #demo ul li img {display:block; width:180px; height:132px; border:2px solid #eeeeee;margin:0 2px;} .sad{background:darkred;width:100%;border-radius:4px} .bdsharebuttonbox {padding:0 10px} #mnav{display:none} @media screen and (max-width:780px){ #divmiddle{width:98%;} #divsiderbar{display:none} .main{margin-right:0} #divtop{min-height:42px;} .top_header,.header,.dh{display:none} #mnav{display:block;height:35px;color:darkred;background:#530000; cursor:pointer; padding:0 10px ;line-height:35px;font-size:14px;font-weight:800} #mnav span{display:block;width:25px;height:35px;background:url(images/mnav.gif) no-repeat right center;float:right;line-height:35px;} .header{width:auto;position:absolute;height:auto;right:0;border:1px!important} .menu{float:left;} .menu li{float:none;position:relative;background:#530000;font-weight:normal!important;border: 1px pink solid;} .menu li:first-child{margin-left:0px} .menu ul {position: absolute;right:100%;max-width:200px;top:0;left:auto!important;visibility: hidden;border: 1px solid #E5989B;float:right;margin-top:-1px} .menu li:hover>ul,.menu li a:hover>ul{ visibility:visible;} .menu li a{ padding: 0px 20px; color:white; display: block;} .menu ul li a{white-space:nowrap; padding:0px 20px;max-width:200px;overflow:hidden;text-overflow:ellipsis;display: block;} .post .pic a{line-height:1!important;} } @media screen and (max-width:480px){ .post-meta{margin-left:0px} .post .pic{display:none} .commentlist h3 span{display:none} .commentlist ul{float:left;width:100%;} .commentlist li{float: left;height:34px;line-height:34px;overflow:hidden;width:49.7%;padding:0;margin:0px;text-align:center;margin-left:0px; cursor:pointer;} .commentlist li.on:first-child{border-right:1px solid #E5989B;float:left;} .commentlist li.on:last-child{border-left:1px solid #E5989B;margin-right:0px;float:right} .commentlist li.on{border: 0px solid #ccc; border-radius:0px 0px 0 0; background: darkred;border-bottom:1px solid darkred !important} .viewcomm ,.post-date{display:none} .post-title{margin-left:0px;text-align:center} .listbox{width:99.55%;float:left!important} .navigation span.page-numbers{display:none} .listbox li, #article, .pcontent{font-size:13px} } @media screen and (max-width:320px){ .listbox li span{display:none} .listbox li a{max-width:100%} } #edtSearch{color:#B5838D} #art_bottom_list .box-s,#art_bottom_list .sidelist,#art_bottom_list .function_c ul{width:100%} #art_bottom_list .function_c ul{margin: 0;} #art_bottom_list .function_c ul li{background: none; padding: 4px; margin-bottom: 6px;text-indent:0} #art_bottom_list .function_c ul li a{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .tkd_h1{font-size: 18px; margin: 12px; margin-bottom: 0px;} .tkd_des{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 12px;margin-bottom: 12px;} #divComments .cmtface { clear: both; height: 45px; overflow: hidden;} img.side_avatar { float: left; margin: 3px 8px 0px 0px;} img.side_avatar:hover {-webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } #divComments .cmtface img { border:0; max-width:600px; max-height:400px; padding: 3px; border:solid #e5e5e5 1px; background: #fafafa; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition: .5s; } .tag-tags{padding:12px;} .tag-tags a{margin-right:12px;} .tagcolor{color: white; padding-left: 4px; padding-right: 4px; font-weight: 900; text-decoration: underline; text-underline-offset: 7px;letter-spacing: 2px;} .multi-intro{color:white;margin-bottom: 36px;} .art-body{padding:12px;}