.main {background-color:#fff;} .breadcrumb {font-size:0.875em; padding:15px 15px 8px 30px; }
.breadcrumb {color:#666; float:right}
.breadcrumb i {font-family:Arial;}
.breadcrumb a {color:#666; font-size:1em;} .box {position:relative;}
.box span.more {position:absolute; right:15px; top:9px; font-size:0.75em;}
.box span.more a {color:#999;}
.box span.more i {font-style:normal;}
.box ul {overflow:hidden;}
.box ul li {float:left; overflow:hidden; padding:10px 15px; width:293px; border-bottom:1px solid #eee;}
.box .site-logo {float:left; width:100px; height:100px; overflow:hidden; padding-right:15px; position:relative;}
.box .site-logo img {display:block; width:100%; height:100px;}
.box .site-name {font-size:1em; margin-bottom:10px; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.box .site-logo i,.box .site-name i,.section .site-logo i {font-style:normal; font-size:0.75em; background-color:#0A9BE6; color:#fff; padding:1px 3px; border-radius:2px; margin-left:5px; position:absolute; left:0; top:0;}
.box .site-name i {position:relative; left:auto; top:auto; float:left; margin-left:0; display:inline-block; height:16px;  line-height:16px; margin-top:5px;}
.box .site-intro {font-size:0.75em; color:#999; line-height:1.5em; height:36px; overflow:hidden;}
.box a {color:#333;} .section {overflow:hidden; clear:both; border-bottom:1px dashed #eee;}
.section .site-logo,.site-post .site-logo {float:left; width:150px; height:auto; margin:15px; border:1px solid #eee; padding:2px; display:inline-block; position:relative;}
.section .site-logo img,.site-post .site-logo img {display:block; width:100%; height:auto;}
.section .site-logo i {background-color:#96CC29; border-radius:0 0 3px 3px; box-shadow:0px 0px 1px #96CC29;}
.section .site-intro {float:left; padding:15px; width:754px;}
.section .site-intro h2 {font-size:1em; line-height:1.5em; margin-bottom:15px;}
.section .site-intro h2 a {color:#0080B8;}
.section .site-intro .excerpt {font-size:0.875em; line-height:1.75em; color:#777; margin-bottom:20px; text-align:justify;}
.section .site-intro .site-more {float:right;}
.section .site-intro .site-more a {display:block; color:#fff; background-color:#69c; font-size:0.875em; padding:3px 10px; border-radius:3px;} .site-post {position:relative;}
.site-post .site-logo {margin:20px 20px; background-color:#eee;}
.site-post .site-info {padding:20px 20px; width:550px; float:left; position:relative;}
.site-post .list {width:100% !important;}
.site-post .site-info h1 {font-size:1.25em; color:#bd3d31; line-height:1.1em; margin-bottom:15px;}
.site-post .site-info ul{ padding-left:0px}
.site-post .site-info ul li {font-size:0.875em; color:#666; line-height:29px;}
.site-post .site-info li a {font-size:0.875em; color:#666; line-height:29px;}
.site-post .site-go {float:right; padding:60px 20px 0 0;}
.site-post .site-go a {display:block; width:100px; height:40px; background-color:#bd3d31; color:#fff; text-align:center; line-height:38px; border-radius:5px;}
.site-post .site-go a:hover {background-color:#3CADFB;}
.site-post .site-content {clear:both; margin:20px 20px 0; border-top:1px solid #eee; padding-top:20px; position:relative; overflow:hidden;}
.site-post .site-entry {float:left; }
.site-post .site-entry h4,.site-related h3 {font-size:1em; margin-bottom:15px;}
.site-post .site-entry p {font-size:15px; margin-bottom:10px; color:#555; line-height:25px;}
.site-post .site-entry img {max-width:100%; height:auto;}
.post-tags {clear:both; padding:20px 0; font-size:0.875em; color:#6699CC;}
.post-tags a {color:#555; margin-left:10px;}
.post-tags a:hover {text-decoration:underline;} .site-post .news-related {width:190px; float:right; background-color:#EBF6E0; border:1px solid #B7EC82; padding:15px;}
.site-post .news-related {font-size:1em;}
.site-post .news-related h3 {font-size:1em; margin-bottom:10px; font-weight:normal; color:#649505;}
.site-post .news-related ul li {font-size:0.875em;  list-style:inside disc none; color:#649505; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.75em;}
.site-post .news-related ul li a {color:#649505;}
.site-post .news-related ul li a:hover {text-decoration:underline; color:#6699D5;}
.blog-post .news-related {width:auto; float:none; clear:both;}
.blog-post .news-related h3 {font-weight:bold;} .site-related,.post-comments,#comment {margin:20px 20px 0; clear:both;}
.site-related ul {background-color:#EBF4FB; border:1px solid #C9E2F1; padding:15px 10px; overflow:hidden;}
.site-related ul li {float:left; width:121px; padding:5px 15.1px;}
.site-post .site-related .site-logo {margin:0; background-color:transparent; padding:0; border-radius:3px; overflow:hidden; width:100%;}
.site-related ul li p {text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; clear:both; font-size:0.875em; color:#555;}
.site-related ul li p a {color:#555;}
@media only screen and (max-width:1280px){
.inner {width:1024px;}
.logo {padding:30px 25px 30px 0;}
.search-form .s {width:350px;}
.notice {width:230px;}
.nav ul li {font-size:0.875em; width:112px;} .box ul li {width:236px;}
.site-related ul li {width:103px; padding:5px 10px;}
.section .site-intro {width:584px;}
.section .site-intro {width:584px;}
.site-post .site-entry {width:520px;}
.site-post .site-info {padding:20px 20px; width:250px; float:left; position:relative;}
}
@media only screen and (max-width:1080px){
.inner {width:940px;}
.logo {padding:30px 0;}
.search-form .s {width:300px;}
.nav ul li {width:102px;} .box .site-logo {width:80px; height:80px;}
.box .site-logo img {height:80px;}
.box ul li {width:210px;}
.site-related ul li {width:91.6px; padding:5px 9px;}
.section .site-intro {width:504px;}
.site-post .site-entry {width:480px;}
.site-post .news-related {width:150px;}
.blog-post .news-related {width:auto;}
.site-post .site-info {padding:20px 20px; width:250px; float:left; position:relative;}
}
@media only screen and (max-width:980px){
.inner {width:820px;}
.search-form {margin:35px 0 0 20px;}
.search-form .s {width:250px;}
.notice {width:200px;}
.nav ul li {width:89px;}
.sidebar {width:180px;}
.main {width:100%;}
.box ul li {width:280px;}
.site-post .site-info {width:300px; padding:30px 0;}
.site-related ul li {width:81px; padding:5px 6px;}
.site-related ul li p {font-size:0.75em;}
.section .site-intro {width:404px;}
.section .site-intro {width:404px;}
.site-post .site-entry {width:380px;}
}
@media only screen and (max-width:860px){
.inner {width:768px;}
.search-form .s {width:220px;}
.search-form .submit {padding:0 15px;}
.nav ul li {width:83px;}
.sidebar {width:100%;}
.main {width:100%;}
.box ul li {width:226px;}
.site-related ul li {width:97.6px; padding:5px 10px;}
.section .site-intro {width:552px;}
#menu ul {overflow:hidden; border-right:1px solid #eee;}
#menu ul li {float:left; width:20%; font-size:0.75em; }
#menu ul li a {border-right:none;}
.site-post .site-entry {width:520px;}
}
@media only screen and (max-width:800px) { .inner {width:95%;}
.blank {height:30px; width:100%;}
.content {margin:20px auto;}
.logo {padding:10px 0;}
.search-form {margin:15px 0 0 20px;}
.box ul li {width:29.427083%; padding: 10px 1.953125%;}
.box .site-intro {height:36px; overflow:hidden;}
.site-post .site-logo {width:19.736842%; margin: 30px 2.604167%;}
.site-related ul li {width:13.555556%; padding:5px 1.498889%;}
.section .site-intro {width:auto; float:none;}
.site-post .site-entry {width:70%;}
.site-post .news-related {width:23%;}
.blog-post .news-related {width:auto;} .notice {width:100%; margin-top:0; position:absolute; left:0; top:75px; z-index:1;} .mobilenav,.mobilesch {position:absolute; right:5px; top:0; width:70px; height:100%; cursor:pointer; z-index:1; -webkit-tap-highlight-color:transparent;}
.mobilenav .navbtn {width:40px; height:30px; padding-bottom:5px; position:absolute; top:50%; left:50%; margin:-17.4px 0 0 -20px;}
.navbtn i {display:block; width:40px; height:5px; background-color:#999; margin:5px auto 0; border-radius:2.5px;}
.mobilenav.curbtn,.mobilesch.cursch {box-shadow:0 0 3px #aaa; background:-moz-linear-gradient(top,#ddd,#fff); background:-webkit-linear-gradient(top,#ddd,#fff); background: -o-linear-gradient(top,#ddd,#fff);}
.mobilenav.curbtn i {background-color:#aaa;} .nav,.search-form  {position:absolute; top:71px; right:10px; width:120px; height:auto; z-index:2; background-color:#EFEFEF; box-shadow:0 0 3px #aaa; border:1px solid #fff; display:none;}
.nav.open {display:block;}
.nav .inner {width:100%;}	
.nav ul li {border:none; float:none; width:100%; border-bottom:1px solid #dedede; border-top:1px solid #fff;}
.nav ul li.nl {border-top:none;}
.nav ul li.nr {border-bottom:none;}
.nav ul li a {color:#333;}
.nav ul li a:hover {background-color:transparent; color:#333;}
.nav ul li ul {display:block; position:relative; left:auto; top:auto; background-color:#fafafa; border-top:1px solid #dedede;} .mobilesch {right:65px;}
.mobilesch .schbtn {display:block; background:url(//scinav.net/wp-content/themes/HaoWa_V1/images/ico.png) no-repeat 20px 20px; position:absolute; width:100%; height:100%; z-index:2;}
.search-form {position:absolute; right:55px; width:280px; top:70px; margin:0; z-index:2; padding:5px;}
.search-form.open {display:block;}
.search-form .s {width:197px;} .submit_site {width:480px;}
.submit_site .text, .submit_site textarea {width:368px;}
.submit_site select {width:380px;}
}
@media only screen and (max-width:640px) {
.box ul li {width:46%; padding: 10px 2%;}
.site-post .site-logo {width:125px; height:125px;}
.site-post .site-related .site-logo {height:auto;}
.site-post .site-info {width:49.342105%;}
.site-post .site-info ul li {font-size:0.75em;}
.site-post .site-go {position:absolute; right:20px; top:60px; padding:0;}
.site-post .site-go a {font-size:0.875em; width:80px; height:35px; line-height:33px;}
.section .site-intro .excerpt {height:73px; overflow:hidden;}
.site-post .site-entry,.site-post .news-related {width:auto; float:none;}
.site-post .news-related {margin-top:10px;}
.site-post .news-related ul {overflow:hidden;}
.site-post .news-related ul li {float:left; width:48%; padding-right:2%;}
.blog-post .news-related ul li {float:none; width:auto; padding-right:0;}
}
@media only screen and (max-width:540px) { .submit_site {width:250px;}
.submit_site .submit_input {padding:5px 0;}
.submit_site label {float:none; width:auto; text-align:left;}
.submit_site .text, .submit_site textarea {float:none; width:238px;}
.submit_site select {width:250px;}
.submit_site .submit {padding-left:0;}
.submit_site .submit_input span {margin-left:0;}
}
@media only screen and (max-width:480px) {
.site-post .site-go {position:relative; right:auto; top:auto; clear:both; width:100%; padding:0 20px 20px;}
.site-post .site-go a {width:100px; height:40px; line-height:38px; float:right;}
.site-related ul li {width:27.111112%; padding:5px 2.997778%;}
.commentslist li {margin:10px;}
.commentslist .gravatar {width:40px; height:40px; display:none;}
.commentslist .cmtwrap {padding:0;}
.commentslist li li {margin: 10px 0 10px 30px;}
.commentslist .cmtwrap i.subcmt {width:10px; height:30px; top:0; left:-20px;}
.section .site-logo {width:120px;}
.section .site-intro .site-more {display:none;}
}
@media only screen and (max-width:420px) {
.box ul li {float:none; width:auto; padding: 10px 3%;}
.search-form {right:5px;}
#comment .text {width:160px;}
}
@media only screen and (max-width:360px) {
#comment .text {width:140px;}
.section .site-logo {width:100px; margin-bottom:0;}
.section .site-intro h2 {margin-bottom:5px;}
.section .site-intro {padding-bottom:0;}
}
.aligncenter{display: block;margin-left: auto;margin-right: auto;}
.aligncenter p.wp-caption-text{display: block;margin-left: auto;margin-right: auto;text-align: center;}.spost_list {
margin-bottom:00px;
padding:10px 30px 10px 15px;
background-color:#FFF;
overflow:hidden;
border-bottom:#eff2f5 solid 1px;
}
.spost_list:hover {
}
.spost_list h2 {
padding:10px 10px 10px 0px;
overflow:hidden;
text-overflow:ellipsis
}
.spost_list h2 a {
color:#394a58;
font-size:20px;
overflow:hidden;
white-space:nowrap
}
.spost_list h2 a:hover {
color:#394a58;
text-decoration:none
}
.sexcerpt {
margin-top:10px;
line-height:24px;
color:#394a58;
}
.sexcerpt h2 {
padding:10px 10px 10px 0px;
overflow:hidden;
text-overflow:ellipsis
}
.sexcerpt h2 a {
color:#394a58;
font-size:20px;
overflow:hidden;
white-space:nowrap;
font-weight: bold;
}
.sexcerpt h2 a:hover {
color:#3498db;
text-decoration:none
}
.smore {
padding-left:20px
}
.smeta {
font-size:12px;
clear:both;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#999;
border-top:1px solid #EEE;
margin:20px -30px 0 -30px;
padding:10px 30px 0 30px
}
.smeat_span {
margin-right:15px
}
.smeta a {
color:#394a58
}
.smeta a:hover {
color:#444;
text-decoration:underline
}
.sthumbnail {
float:left;
padding:4px;
margin:0 15px 15px 0;
}
.sthumbnail img {
display:block;
width:236px;
height:150px;
border-radius:5px
}
.smore {
padding-left:20px
}
.2thumbnail {
max-height: 500px;
overflow: hidden;
}
.2thumbnail a {
display: block;
}
.2thumbnail img {
width: 330px;
height: auto;
}
.2zoom {
width: auto;
height: auto;
display: block;
position: relative;
overflow: hidden;
background: none;
}
.2zoomOverlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
background-image: url(//scinav.net/wp-content/themes/HaoWa_V1/images/zoom.png);
background-repeat: no-repeat;
background-position: center;
}
.sinfo {
padding:0px 0px 5px 15px;
color: #999;
}
.sinfo span {
height: 20px;
line-height: 17px;
font-size: 12px;
color:#9aabb8;
margin-right:10px;
}
.sinfo span a {
line-height:2;
color: #9aabb8;
}
.sinfo span a:hover {
color: #9aabb8;
}
.sinfo_ico {
background: url(//scinav.net/wp-content/themes/HaoWa_V1/images/info.png) no-repeat;
padding: 0 5px 0 20px;
}
.sinfo_category {
background-position: 0 -21px;
}
.sinfo_date {
background-position: 0 -1px;
}
.sinfo_views {
background-position: 0 -62px;
}
.sinfo_comment {
background-position: 0 -43px;
}
.sinfo_author {
background-position: 0 -82px;
}
.syad {
width:auto 0;
padding:40px 0px 5px 0px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.syads {
width:auto 0;
padding:0px 0px 5px 0px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.note {
color:#555;
word-wrap: break-word;
word-break: normal;
font-size:14px;
} .wpagenavi {
margin:25px auto;
padding-top:40px;
width:100%;
line-height:48px;
font-size:14px;
border-top:1px solid #e8e8e8;
text-align:center
}
.wpagenavi a:link, .wpagenavi a:visited {
margin:0 4px;
padding:12px 18px;
color:#666;
background:#f2f2f2;
-webkit-transition:background .4s ease;
-moz-transition:background .4s ease;
-o-transition:background .4s ease;
-ms-transition:background .4s ease;
transition:background .4s ease
}
.wpagenavi a:hover, .wpagenavi a:active {
color:#fff;
background:#3295d9;
text-decoration:none
}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover {
color:#fff;
background:#3295d9;
font-weight:bold
}
.mainleft {
width: auto;
overflow: hidden;
} #sidebar {
width: 380px;
margin-left: 30px;
float: right;
height:auto
}
#sidebar-follow {
width: 316px;
}
.newsthumb img {
width: 100%;
height: auto;
transition: opacity 1s;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
border: 1px solid #efefef;
}
.widget { padding: 10px; background: #fff;}
.widget h3 { padding: 0; margin-bottom: 10px; height: 40px; line-height: 30px; border-bottom: #eff2f5  solid 1px; font-size: 18px; font-weight: bold; color:#444}
.widget span { color: #CCC; font-size:12px; }
.widget em { color: #666; font-style: normal; margin-right: 20px; float: right; }
.widget ul { padding: 1px 0 1px 0; }
.widget ul li { border-bottom: dashed 1px #eff2f5 ; padding: 5px 0 ;border-bottom:1px solid #e6e6e6}
.widget ul li a{color:#555;
word-wrap: break-word;
word-break: normal;
font-size:14px;
}
.widget ul li a:hover{ color:#3295d9}
.blogroll li { display: inline-block; margin-right: 10px } .textwidget { margin: -3px; overflow: hidden; width: 100%; }
.textwidget img { max-width: 100%; height: auto }
.inter-top .textwidget { margin:0; overflow: hidden; width: auto; }
.inter-top .textwidget img { max-width: inherit; height: auto } .tagcloud { height: auto; overflow: hidden; }
.tagcloud a:link, tagclouda:visited { font-size:12px; color:#999;padding: 3px 8px;  border:solid 1px #cccccc; margin: 2px; height: 20px; line-height: 30px; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap; -webkit-transition: background-color .15s linear, color .15s linear; -moz-transition: background-color .15s linear, color .15s linear; -o-transition: background-color .15s linear, color .15s linear; -ms-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear; }
.tagcloud a:hover {  color: #fd6ca3; border:solid 1px #fd6ca3; }
.action { border-top: solid 1px #F3F3F3; margin-top: 5px; padding-top: 5px; text-align: right; }
.action a { color: #CCCCCC; } .imglist{ }
.imglist li{ width:280px; min-height: 70px;}
.imglist li h4{width:150px;float:left; margin:10px 0 10px 10px;height:30px; font-size:14px;}
.imglist li img{ float:left;width:65px; height:60px}
.imgtimes {float:left; font-size:12px; line-height:12px; margin-left:15px; color:#999;}
.imgtimes span { color:#999999}
.imgtimes a{ color:#999;}
.imgss{float:left; margin-top:5px; margin-bottom:5px;}
.post h4 {color:#444}
.post h4:hover {color:#3295d9} #wp-calendar{width: 100%;border-collapse: collapse;border-spacing: 0;  magrin:0 auto;       }
#wp-calendar #today{font-weight: 900; color: #990099 display:block;background-color: #F3F3F3; text-align:center;} 
#wp-calendar thead{font-size:14px;} 
#wp-calendar tfoot td{border-top:1px solid #F3F3F3;background-color:white; }
#wp-calendar tfoot td a{ color:#CCCCCC;} 
#wp-calendar caption{font-size:15px;border-bottom: #eff2f5  solid 1px;padding:5px 0;margin-bottom:10px;} 
#wp-calendar thead th{text-align:center;}
#wp-calendar tbody td{text-align:center;padding: 7px 0;}    
#wp-calendar a {color: #990099; text-decoration: none; cursor:pointer;} 
#wp-calendar a:hover {color:#fd6ca3 ; text-decoration:none;font-weight:900;}
@media only screen and (max-width: 640px) {
#sidebar,.subsidiary, .slider, #rss, .banner, .article_related,#head,.slider,.fens,.subsidiarys,.sthumbnail,.sinfo,.menu-right,#authorarea ,#blogname,#container,.related,.tximgcc,#header-bottom-right{ display: none !important; }}
@media only screen and (min-width:640px) and (max-width:980px) {
.subsidiary { display: none !important; }
.container { max-width: 640px !important; }
.mainmenus { margin-bottom: 1.5em; }
#sidebar, .subsidiary, .slider,#head,.fens,.subsidiarys,.sthumbnail,.sinfo,.menu-right,#authorarea ,.archive-header-ad,.related,.tximgcc{ display: none !important; }
#post_container { margin-left: -7px !important; }
#post_container li { width: 314px; margin-left: 7px !important; }
#tbox { right: 10px !important; }
}