/* reset css */
body,html{font:12px/1.5;
font-family: PingFang TC,Noto Sans TC,微軟正黑體,Microsoft JhengHei,麗黑 Pro,LiHei Pro Medium,Helvetica,Helvetica Neue,Hiragino Sans GB, Microsoft Yahei, 微软雅黑,Arial,sans-serif;
margin: 0;word-wrap:break-word;}
table{border-collapse:collapse;border-spacing:0;}img{border:none;border-style: none;}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:28px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;margin:4px;}h5{font-size:14px;margin:3px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;}
ul,ol,li{list-style:none;margin:0;padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
menu {margin:0;padding:0;}
/*通用样式*/

.hidden{display:none;}.invisible{visibility:hidden;}

   .clearfix:before,
   .clearfix:after {
      display:table;
      line-height:0;
      content:"";
   }
 .clearfix:after {clear:both;  }
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f13{font-size: 13px}.f14{font-size: 14px}.f15{font-size: 15px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%;text-align:center}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand !important;cursor: pointer;}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{width:21%;float:right;margin: 0 5px 0 0;}
.col-right{float:right}
/* end reset css */

body{color:#444;background: #eee;font-family:"微软雅黑","微軟正黑體","黑體", "Microsoft JhengHei", "Arial", sans-serif;table-layout:fixed;}
a{text-decoration:none; color:#444}
a:hover{text-decoration:underline; color:#1E50A2}
.blue,blue a,.box h5 a,.box h6 a,.box a.more{ color:#004499}

.hr hr{display:none}

/* 页面宽度 （更改页面宽度后，需要更改“images/v9/body-bg.png”图片的宽度） */
#hwrap {position:relative;}
#header,#main,#footer, .wrap {max-width:1007px;margin:0 auto;background:#fff;}
.wrap {padding: 5px 0;}
#header{z-index:99;  width:1007px;left:0;right:0;
    transition: top 800ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
    
.headerinit{position:static;}
.headerhide{ position:fixed;top:-130px;}
.headershow{ position:fixed;top:0;}
.headercenter {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* 头部 */
/* main style */
#main {position:relative;}
#main .col-left{width:78%; }
.news-hot{float:left; width:380px; margin-right:9px;}
#main .col-left .slide .col-right{overflow:hidden;_float:left;zoom:1}
.article-ad{width:320px; height:250px; float:left;margin:5px 0 5px 10px;}
#main .article-left{width:685px; float:left; }
#main .special-left{width:82%; float:left; }
#main .tag-left{width:67%; margin-right:10px;float:left; }
#main .channel-hot{width:67%; padding-left:0px;}

/* 通用容器 */
.box{border:1px solid #c3d4e7;zoom:1; overflow:auto; padding-bottom:10px}
.box h5,.box h6{background-size:cover;color:#1e50a2; height:26px; margin-bottom:10px; line-height:26px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative}
.box h6{ margin-bottom:0}
.box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6}
.box h5.title-2 span.tab span{ color:#2064ae;cursor: pointer;}
.box a.more{ font-size:12px; font-family:"宋体"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0}
.box .content{ padding:0 10px; overflow:auto}

/*new-hot*/
.news-hot{}
.news-hot .content{ padding:0px 5px 0 9px}
.news-hot .content h4{ padding:1px 0 5px 5px; font-size:18px; font-family:"宋体",Verdana;}
.news-hot p {color:#777}
.news-hot p img{ float:left; margin-right:10px}
.news-hot .cat-area{width:48%; float:left; margin-right:5px;}
.news-hot .cat-area .content p img{ margin-right:10px; float:left}
.news-hot .cat-area .content p{color:#777; height:75px; overflow:hidden}
.news-hot .cat-area .content p strong{ font-size:14px; color:#333}
.news-hot .box h5.title-1-life{color: #006633;}
/* special */
.box{ }
.box .special p{overflow:auto; margin-top:14px}
.box .special p img{margin-right:10px; float:left}


/* rank */
.rank {line-height:22px;}
.rank li{clear:both;padding:4px 0 0 0; border-bottom:solid 1px #e9e8e6;}
.rank li span{float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:italic;height:58px;color:#1E50A2;line-height:58px;overflow:hidden;padding-right:10px;text-align:right;width:60px;background: url(../images/v9/rank.png) no-repeat right 10px;}
/* .rank li a.title{padding:4px 0 0 0;display:block;margin-left:5px} */
.rank li.last{border-bottom:none;}

/*board*/
.list{ font-family:"宋体"; color:#888; }
.list li{ height:23px; overflow:hidden;line-height:23px; }
.list li span{font-size:12px; padding:0 6px}
.cat-area{width:48.5%; float:left;}
.cat-area .content p img{ margin-right:10px; float:left}
.cat-area .content p{color:#777; height:90px; overflow:hidden}
.cat-area .content p strong{ font-size:14px; color:#333}

/* 当前位置 */
.crumbs{margin:0 auto;padding:0 5px; font-family:"宋体"; font-size:14px;background:#fff;}
.crumbs span{color:#7e7e7e}
/* 栏目信息搜索 */
.search-form{ background-color:#FFFCED;border:1px solid #FFBF7A; padding:5px 10px; overflow:hidden;zoom:1}
.search-form li{ float:left; padding:0px 12px 0px 0; height:24px; line-height:20px; white-space:nowrap}
.search-form li.bk{ float:none; height:1px; line-height:1px; overflow:hidden; padding:0}
.search-form *{vertical-align: middle}
.search-form label{ padding:0 8px 0 0}
.search_term{line-height:28px}
.search_term th{ font-weight:normal; text-align:right; padding-right:8px; color:#666; width:70px}
.search-list li{border-bottom:1px dashed #ccc;margin:6px 0 0; padding:10px 0; overflow:hidden}
.search-list li img{float:left; margin-right:8px}
.search-list li p{ color:#999}
.search-point{background-color:#E6F1FB; padding:6px 10px; margin:10px 0}
/* 新闻频道 */

.channel-hot .news-hot,.channel-hot .news-hot .icon,.photo-slide,.photo-channel .photo-hots,.box-hots,.box-hots .icon,.photo-channel .photo-hots .icon,.photo-channel .photo-cat,.photo-channel #Article,.photo-channel .relevance,.comment{}
.channel-hot .news-hot{width: auto; position:relative; margin:0;}
.photo-channel .photo-hots,.photo-channel .photo-cat,.box-hots{width: auto; position:relative; border:1px solid #c3d4e7; margin:0; height:302px}
.channel-hot .news-hot .icon,.photo-channel .photo-hots .icon,.box-hots .icon{position:absolute;top:0px;left:0;width:37px;height:37px;background-position: left top;background-repeat: no-repeat}
.channel-hot .news-hot{width:100%;}
.channel-hot .news-hot div.hr{width:422px}
.channel-slide{border:1px solid #c3d4e7; padding:3px;margin:5px 0;}
.channel-slide .thumb{ width:100%; float:left}
.channel-slide .thumb li{ position:relative;float:left;width:20%;}
.channel-slide .thumb li img { width:100%;}
.channel-slide .thumb li a .icon{display:none}
.channel-slide .thumb li.on a .icon{position:absolute;top:-6px;right:23px;background: url(../images/v9/channel_slide_thumb.png) no-repeat; width:8px; height:8px; display:block}
.channel-slide .thumb li img{border:2px solid #fff}
.channel-slide .thumb li.on img{border-color:#6e96be}
.channel-slide .photo{ overflow:hidden; position:relative; width:100%; height:260px;}
.channel-slide .photo li{ display:none; position:absolute; top:0; left:0; width:100%;}
.channel-slide .photo li img { width:100%;}
.channel-slide .title{ height:52px;background: url(../images/v9/channel_slide.png) repeat-x left -17px}
.channel-slide .title p{ padding:4px 10px 0; color:#666; display:none}
.channel-slide .title p strong{font-size:14px; color:#0066cc; line-height:22px}

/*图片内容*/
.photo-list li{ vertical-align:top; width:19.5%;*width:191px; text-align:center; padding-bottom:12px; display:inline-table; padding:0 5px;}
.photo-list li div.img-wrap{ height:120px; margin:auto; margin-bottom:3px}
.photo-list li div.img-wrap img { max-width:100%;}
.photo-list li div.img-wrap a{ height:120px;*font-size:88px;}

/* 内容 */
#readTop {float: right;margin:-2px 15px 8px 0;}
#readTop select{margin: 0 10px 0 2px;height: 23px;}
#articletop {clear:both;margin: 15px 0 0 0;height:23px;}
#articletop a {text-decoration: none;}
#articletop a:hover {text-decoration: underline;}
#Article{font-family: 微軟正黑體, Arial, Helvetica, sans-serif; overflow:hidden}
#Article,.photo-channel .relevance{padding:0 5px;}
.wrap>h1{color:#000;font-size:30px;line-height:1.2em; margin: 0;padding: 12px 6px;}
 .wrap>h1>span, .wrap>h1>p { 
margin:5px 0 0 0;font-size:18px; font-weight:normal; line-height:20px;font-family:"宋体";}
.wrap>h2{font-size:24px;line-height:1.2em;margin: 0;padding: 0 0 20px 0;text-align:center;}
#Article h1{color:#000;font-size:28px;line-height:1.2em; margin:20px 0 10px 0; text-align:center;}
#Article h1>span,#Article h1>p { 
margin:5px 0 0 0;font-size:18px; font-weight:normal; line-height:20px;font-family:"宋体"}
#Article h2{text-align: center;font-size:22px;margin: 0 auto 20px 0;}
#Article figcaption{margin:0 auto;}
#Article #content{ font-size:16px; line-height:1.2em; clear:both;}
#Article #content twitter-widget {clear:both;}
#Article #content p{font-size:17px; line-height:1.5em ;text-align:justify;word-wrap:break-word; margin:0;padding:10px 0;}
#Article #content > p :first{margin-top:5px;}
#Article #content a{color:#261e47 ;text-decoration:underline ;}
#Article #content a.keyword {color:#2e317c;}
#Article .related{ border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; margin-top:15px}
#Article .related h5{padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related a{ color:#0b3b8c}
#Article img {max-width: 100%;height:auto;}
#article_bottom {border-bottom: 1px solid #333; margin-bottom: 15px;padding:0 0 10px 0;clear:both;}


/* 分页 */
#pages {clear:both;font-size:28px;margin:5px auto;}
#pages a { display:inline-block; height:32px; line-height:32px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 {    background: #93b5cf; max-width: 150px; padding:0 4px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:32px; line-height:32px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px;border-radius:10px;}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/* footer style */

/*link*/
.colli li{display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:middle;}
.ylink h5 a.rt{ margin-right:8px; font-weight:normal; font-family:"宋体"}
.ylink h5 a.red{ color:red; font-weight:normal; padding:0 6px}
.ylink .imgul li{ text-align:center; margin:5px 10px;}
.ylink .linka a{ margin:10px; white-space:nowrap; height:30px; line-height:30px;}

.itemli{ margin:0px 10px;}
.itemli li{padding:10px 0px;}
.itemli li a{background:url(../images/bg_member_1.gif) no-repeat -5px -126px;font-weight:bold; padding-left:14px;color:#004499; font-size:13px;}
.pd_b0{padding-bottom:0px;}
/*内容摘要*/
#summary {clear:both;background-color:#F6FAFD;border: 1px solid #DCDDDD;font-size: 14px;line-height: 23px;margin: 8px 0 10px;padding:10px 12px;text-align: justify;text-indent: 2em;border-radius: 3px;}
.channel_photo{width:30%; float:left; }
.col-right{width:720px;}



.picsdiv {color: #546167; float: left; font-size: 12px;margin:0 6px 0 6px;position: relative; width: 134px; line-height: 12pt;}
.picsdiv2 {color: #546167; float: left; font-size: 12px; margin:0 17px 0 17px; position: relative; width: 145px; line-height: 12pt; height:120px;}
.column_side { float:left; width:360px; margin:0;}

.grid_3,.grid_5,.grid_6{display:inline;float:left;width:311px}
.grid_3{width:40%;}
.grid_5{width:58%; padding-right:10px;}
.grid_6{width:470px}

.alpha{margin-left:0;}
.omega{margin-right:0; float:right;}

.imgbox img{max-width:100%;}
.imgbox a{display:block; overflow:hidden;}
.imgbox .arttitle{margin:5px 0;line-height:20px;font-size:14px;text-align:left;}
.imgbox .arttitle a{height:40px; overflow:hidden;}
.imgbox{margin-bottom:10px;text-align:center; padding:0 5px;}

.header_box{width:980px;margin:0 auto;text-align:center;}



/* Digg */
.box .digg2{}
.box .digg2 li{ height:24px; overflow:hidden;font-size:15px;line-height:24px;}
.column_right {float:right; text-align:right;}
.contentline {border-top: 1px solid #C3D4E7;}
.rightimg {float:left;width:140px;margin:3px 3px 2px 3px;}

.articletime {float:left;}
.author {float:left;text-align:center;}
#search {margin:10px auto;width:300px;font-size:18px;}
#search #keywords {height:24px;width:210px;font-size:18px}
#search input.search {height:24px;font-size:18px;}
.search .input {height:19px;font-size:14px;padding:0 5px;border:solid 1px #bababa;color:#111;margin-right:6px;width: 190px;
  -webkit-transition: all 2s ease 0;-moz-transition: all 2s ease 0;-ms-transition: all 2s ease 0;-o-transition: all 2s ease 0;transition: all 2s ease 0;
  background:url("../images/main/bg_sreach.png") repeat-x;position:relative;}
input.button2 { position:relative;width:68px; height:21px; margin-left:2px; padding-top:0px;border:none; color:white;z-index:10;background:#015AD3; }

h3.disquslink {   
    text-align: center;
    background: #ddd;
    padding: 3px;
    clear:both;
    margin:5px 0;
 }   
h3.disquslink>a {width: 100%;display: block;}
#relbox {}
#relbox h5 {border-bottom:1px solid #aaa;}
#relbox li{ height:30px; overflow:hidden;border-bottom: 1px dashed #d4d4d4;}
#relbox li a {font-size:17px;line-height: 30px; }
#relmore { clear:both;width:100%;height:30px;text-align:center;line-height:26px;font-size:22px;background:#eee;cursor: pointer;}
/*标签*/
.content_label_list{ border:solid 1px #ccc; background:#f7f7f7; padding:4px 4px 4px 10px; color:#333;}
.content_label_list a:link, .content_label_list a:visited{color:#113EA5; padding:0 5px;font-weight:bold;}
.content_label_list a:hover{color:#c00}


#article_url {line-height:25px;}
.adv_left {float:left;margin:6px 5px 5px -5px; width:300px; height:250px;}
.adv_right{float:right;margin:0 0 0 0; width:322px;}
.relation_box{float:left;width:300px;margin:10px 0 5px -5px;height:250px;}
.article-ad-slim{width:160px; height:600px; float:left;}
.adv_high-right{float:left;margin:0 0 0 0; width:160px;height:600px;}
.adv_box_left{float:left;width:300px; height:250px;}
.adv_box_right{float:left;width:300px; height:250px;padding-left:20px}

/* DFP & AD css */

 div.ads{max-width:1007px;margin:10px auto;min-height:60px;clear:both;background:#fff;} 
#ad-ROS160-1,#ad-ROS160-2 {width:160px; height:600px;overflow:hidden;margin:5px auto;}
#ad-ROS300-1, #ad-ROS300-2,#ad-ROS300-3,#ad-ROS300-4 {width:300px; height:250px;overflow:hidden;margin:5px auto;}
#ad-ROS728-1,#ad-ROS728-2 {width:728px; height:90px;overflow:hidden;margin:0 auto;}
#Pad_A,#ad-ROS970A,#ad-ROS970B {margin:0 auto;width:970px;}
#Pad_L0,#Pad_R0 {position:fixed;}
#Pad_L1{margin:25px 10px 10px 0;float:left; width:300px; height:250px;}
#Pad_R1 {margin:10px auto;}
#imgrank > #Pad_R2,#imgrank > #Pad_R3,#imgrank > #Pad_R4,#imgrank > #Pad_R5{padding:10px 0 10px 0;}
#Pad_B3 {width:336px;height:280px;display:inline-block;float:right;}
#Pad_L2, #Pad_L3 { text-align:center;margin:0 auto}
.ad336{width:336px;max-height:280px;height:270px;display:inline-block;}
.ad300 {width:300px;height:250px;overflow:hidden;}
#mobile_bottom32050 { position: fixed;bottom: 0px;left: 0px;height: 50px;width: 100%;background: #cacaca;z-index: 1000;border: none;text-align: -webkit-center;}

/*count */
#ctimg {width:0;height:0;visibility:hiddden;}

/*mood */
	#mood{text-align: center;}
	#mood ul li,#mood ul li div.pillar{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
	#mood ul li{width:65px; padding-bottom:10px;vertical-align: bottom;opacity: 0.2;}
	#mood ul li:nth-child(3) {opacity: 0.6;}
	#mood ul li:nth-child(2) {opacity: 0.8;}
	#mood ul li:first-child ,#mood ul li:hover {opacity:1;}
	
	#mood ul li span{ font-size:12px}
	#mood ul li label{ display:block;}
	#mood ul li div.pillar{ height:20px; width:65px; background:url(../images/mood/mood.gif) repeat-y 20px center; margin-bottom:5px;}
	#mood ul li div.pass{background-position: -90px center;}
	
#sharefloat {position:absolute;left:-75px;top:520px;}

#editor {margin:o auto;text-align:center;}
#editoricon {font-size:1.5em}


header:after,#main:after ,#relbox:after,article_url:after,googlematch:after,.channel-slide:after,#articletop:after {
  content: "";
  display: table;
  clear: both; 
  line-height:0;
  height: 0;
  visibility: hidden;
}


#back_top{position:fixed;z-index:10;right:10px;bottom:-100px;overflow:auto;width:40px;height:40px;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out;text-align:center;background-color:#00a9e0;border-radius: 12px;}
#back_top h3 {font-size:25px;line-height: 37px;text-align: center;color: #fff;margin:0;}

#hot-tag {
	border:1px solid #ccc;
	border-radius: 5px;
  margin:5px;
}
#hot-tag h4 { 
	padding-left:10px;height:32px;background-color:#F6F7F8;margin:0;
 font-size:16px; font-weight:bold; line-height:30px; position:relative; color:#333;
	/*漸層*/
	background: linear-gradient(#efefef, #ffffff);
}

#hot-tag .inner {
    padding: 5px 0 5px 10px;
    font-size: 17px;
}
#hot-tag  a {display:inline-block;}

#relbox h5>a {color:blue}
.hot-box { float:left; width:48%; margin:0px 4px 0 4px;}


#main-right {position:relative;width:308px;margin:0 0 0 699px;overflow:hidden;}
#asidecol {}

/*showright */
div.showblock {
   margin:10px 0 0 0;
   background:#6d88b7;
   background: linear-gradient(to bottom, #b0d5df 0%,#2376b7 100%) 
}
div.showblock h5 {margin:5px 0 0 5px;}
#imgrank {
    padding: 2px 4px;

}
#imgrank li {    
	width: 300px;
 position: relative;
 background: #fff;
 padding: 0px;
 margin: 1px 0px;
 }
#imgrank:after, #imgrank li:after{content:"";display:table;clear:both; }  
#imgrank li:hover{
	background:#ddd;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
	}  
#imgrank .image {
    float: left;
    width: 110px;
    height: 69px;
    overflow: hidden;
    border: 1px solid #CCC;
    margin: 5px;
}
#imgrank .image img {width:100%} 
#imgrank a.image:hover img{opacity:0.6;	}
#imgrank .title {
 width:160px;
    float: left;
    margin-bottom: 5px;
    font-size:16px;
    color: #222;
    text-decoration: none;
    text-align:left;
}
#ranklist #imgrank li {display:inline-block;}


#footer-left > ul:after,#container:after,  .tab-nav1:after,ul.img-list:after ,div.list-block:after ,div.blue-block:after ,div.blocked:after ,div.ads:after, #articletop:after,#articlesocial1:after,.sitemap:after
{ display:table;content: "";clear:both; line-height:0;  }
.sitemap { clear:both; padding-top:3px;}
.sitemap-title { float:left; width:6%;}
.sitemap-data { float:left; width:94%;}

#header div.home {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin:0 10px 0 10px;
text-align:left;
font-size:16px;
height:27px;
}

#header div.home span{
	font-weight: normal;
	float: right;
	font-size: 16px;
}
#header div.home  #social {height:26px;overflow:hidden;float:left;transition: opacity 5s linear;opacity:1;}
#header div.home b {float:left;margin:4px 0 0 0;}
.subnav {
 text-align: center;
	font-size: 14px;
    z-index: 5; position:relative;
}
#toplogo {position:relative;text-decoration:none;}
#toplogo:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #3366FF;
  transition: 0.4s;
}
#toplogo:hover:after {width: 100%;}
a.a2a_dd {margin:3px 0 5px 0;}

ul li a {vertical-align: middle;}
ul li a.rss {
   display:inline-block;
   width:16px;
   height:16px;
   overflow:hidden;
   border:1px solid transparent;
   line-height:16px;
   text-decoration:none;
   margin:0 3px 0 0;
   /* css3 */
   text-shadow:0 -1px 0 rgba(0,0,0,0.5);
   -moz-border-radius:2px;
   -webkit-border-radius:2px;
   border-radius:2px; /* standards version last */
}
ul li a.rss:hover,
ul li a.rss:focus,
ul li a.rss:active {
   opacity:0.8;
}
 a.rss {
   position:relative;
   width:15px;
   padding:0 1px;
   border-color:#ea6635;
   text-transform:lowercase;
   text-indent:-186px;
   font-size:16px;
   font-weight:bold;
   color:#fff;
   background:#e36443;

   /* css3 */
   -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
   -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
   box-shadow:0 0 3px rgba(0,0,0,0.4);
   background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443));
   background:-moz-linear-gradient(top, #f19242, #e36443);
   background:linear-gradient(top, #f19242, #e36443);
}
 a.rss:before,
 a.rss:after {
   content:"";
   position:absolute;
   bottom:3px;
   left:3px;
}

/* create circle */
 a.rss:before {
   width:3px;
   height:3px;
   background:#fff;
   /* css3 */
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
}

/* create the two arcs */
 a.rss:after {
   width:6px;
   height:6px;
   border-style:double;
   border-width:6px 6px 0 0;
   border-color:#fff;
   /* css3 */
   -moz-border-radius:0 13px 0 0;
   -webkit-border-radius:0 13px 0 0;
   border-radius:0 13px 0 0;
}

#fblike {width:100px;height:25px;overflow:hidden;margin:5px 0 0 11px;}
#shr_canvas2 {clear:none;}
#shr_canvas3 {clear:none;}

/*linkIcon*/
.keyWords { display:inline-block; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;width:330px;}
.keyWords a { display: inline-block; border: 1px solid #227d51; color: #227d51; border-radius: 20px; padding: 3px 15px; font-size: 16px; margin: 10px 2px; font-weight: bold; }
.keyWords a:hover { background: #227d51; color: #fff; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }


div.page h1 { font-szie:36px;}
div.page h2 { font-szie:30px;}
div.page h3 { font-szie:24px;}
#relateds {
  margin-bottom: 20px;
  clear: both;
}
#relateds > h3 {
  margin: 0 0 0.6em;
  color: #000;
  font-size: 24px;
  font-weight: 600;
}
#relateds .relation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding:0 0 0 10px;
  background-color: #eee;
}
#relateds .relation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background-color: #808080;
}
#relateds .relation + .relation {
  margin-top: 1em;
}
#relateds h5 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}
#relateds h5  a {
  display: inline-block;
  display: -webkit-box;
  padding: 0;
  color: #808080;
  font-size: 18px;
  line-height: 24px;
  max-height: 46.8px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  border-bottom: none;
  overflow: hidden;
}
#relateds .related_img {
  position: relative;
  width: 33%;
  padding: 0 ;
  border-bottom: none ;
}
#relateds .related_img::after {
  content: '';
  display: block;
  top: 0;
  width: 100%;
  padding-top: 75%;
}
#relateds .related_img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fade-in,#Article #content p {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#show-menu {display:none;}

@media (min-width: 767px) {
#relateds h5 {
    padding: 1em 2em;
}
#relateds .related_img {
    width: 25%;
}
}

@media (min-width: 900px) {
#relateds {
    margin-bottom: 0;
}
#relateds .related_img {
    width: 20%;
}

}



@media screen and (min-width: 1160px) and (max-width: 1320px) {
  #header,#main,#footer, .wrap,div.ads {margin:0 0 0 160px;}
  
}

@media screen  (max-width: 1024px) {
  #header,#main,#footer, .wrap, div.ads {width:995px;max-width:995px;}

}
@media screen  (max-width: 995px) {
  #header,#main,#footer, .wrap, div.ads {width:100%;max-width:100%;}


}
@media screen and (max-width: 768px) {
h1 {font-size:26px}
h2 {font-size:22px}
#Article #content { margin: 0 1vw;}
#main-right, .col-auto { display:none;}
#main .col-left,div.crumbs { width:100%;}
#main .article-left { width:100%; padding:0;}
#main .tag-left, #main .special-left { width:96%; margin:0; padding:0 10px;}
div.ads {max-width:728px;}
.menu {padding:0;margin:7px 0 0 170px;}
#toplogo {padding:6px 0 0 0;color:#36f;}
#header,div.wrap {width:100%;}
#header div.home { margin:0 0 0 170px;}
.subnav { padding:0;clear:both; margin:0;}
#Pad_A {width:728px;}
#imgrank li{width:100%;}
#imgrank .title  {width:82%;font-size: larger;line-height: 1.7em;}
#relbox li{ height:35px;}
}
@media screen and (max-width: 720px) {
.ad336 {width:300px;height:250px;}	
#imgrank .title  {width:78%;}
.column_right {display:none;}
}
@media screen and (max-width: 627px) {
div.ads {max-width:468px;}
#Pad_A {width:468px;}
a.a2a_dd {display:none;}
#imgrank .title  {width:76%;}
.sitemap-title,.sitemap-data { float:none; width:100%;clear:both;}
 
}

@media only screen and (max-width: 568px) {
#social{display:none}
div.ads {max-width:468px;}
.channel_photo { width:100%;}
#main .channel-hot { width:100%; padding-left:0;}
.grid_3, .grid_5 { width:100%; padding:0;}
.hot-box { width:98.5%;}
.cat-area { width:98.5% !important;}
.photo-list li { width:24%}

.article-ad { float:none; margin:0 auto; padding-bottom:3px;}

#Pad_L2, #Pad_L3 { display:block; padding-bottom:3px; text-align:center;}

.menu-space, .menu-home, #relbox  { display:none !important;}	
.article-ad {margin:0 auto;}
#imgrank .title  {width:75%;}

}
@media only screen and (max-width: 480px) {
#menu { position: static; display: none;}
.photo-list li { width:32%}	
div.ads {max-width:320px;}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{display: block;}
.show-menu { cursor:pointer; display:block; position:absolute; z-index:999; top:83px; right:0;}
.menu-roll { text-align:left; padding:5px; }
.menu {clear:both;margin:0 0 0 15px;padding:0;}
#toplogo { display:inline-block; padding-left:0px; float:none; padding-top:0;margin:8px 0 0 6px;}
#header div.home span { display:inline-block; float:none;text-align:center;margin:5px 0 0 5px;}
#commentlogo {top:auto; margin:0 auto; position:relative; height:62px} 
#header div.home { text-align:center; line-height:10px;}
.subnav { padding-top:1px; padding-left:0px;}
#Pad_L1 { float:none;clear:both}
#fblike:after {
  content: "";
  display: table;
  clear: both;
  line-height:0;
  height: 0;
  visibility: hidden;
}
#imgrank li{width:100%;}
#imgrank .title  {width:67%;font-size: medium;}
}
@media only screen and (max-width: 420px) {
.menu-bbs { display:none !important;}
}
@media only screen and (max-width: 375px) {
#imgrank .title  {width:63%;}
}
@media only screen and (max-width: 360px) {
.menu li a { padding: 0 10px;}
}
@media only screen and (max-width: 320px) {
#imgrank .title  {width:58%;}
div.ads {max-width:320px;}
.photo-list li { width:49%}	
}