@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,500,900|Noto+Serif+TC:200,600,900&display=swap");
body{background-color: #fff; color:#333; font-family: 'Noto Sans TC', sans-serif;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
a{text-decoration: none; color:#30336b;}
a:hover{text-decoration: underline; color: #4834d4;}
.fullcontainer{width: auto; margin:auto; padding:0 30px;}
.wrapper{width: 1259px; margin: auto; position: relative; min-height: auto; }
.fullwrapper{width: auto; margin: auto; padding: 0px 30px; position: relative;}
.container{width: 1259px; margin:auto;} .main{width: 860px; background: none; min-height: 1850px; height: auto; padding:0 0 30px 0;}
#sidebar{width: 336px; position:absolute; right: 0; top:0px;}
#sidebar img{max-width: 100%; height: auto;}
#sidebar section{margin-bottom:30px;}
#sidebar h4{padding:3px 0; margin:0; line-height: 1em; font-size: 17px; border-bottom:0px solid #000; position: relative; text-align: center;}
#sidebar h4::before{position: absolute; content:''; display: block; width: 33%; border-bottom:2px solid #000; left: 0; top:0.5em;}
#sidebar h4::after{position: absolute; content:''; display: block; width: 33%; border-bottom:2px solid #000; right: 0; top:0.5em;}
#sidebar ul{margin:0; padding:0;}
#sidebar ul li{margin:0; padding:0; list-style: none; border-bottom:1px dotted #ccc;}
#sidebar ul li a{display: block; padding:5px;}
.fullmain{width: auto; padding-right:290px; min-height: 1000px;}
#fullsidebar{position: absolute; width: 250px; right: 10px; top:10px;  float: right;}
@media screen and (max-width: 1281px){
.container{width: 1010px; margin:auto;}
.wrapper{width: 1010px;}
.main,#pjax-container{width: 630px;}
}
@media screen and (max-width: 981px){
.main,#pjax-container{width: auto; float: none; padding:0px; min-height: auto;}
.container{width:auto; padding: 0 12px; box-sizing: border-box;}
.fullcontainer{width: auto; padding:0 5px;}
.wrapper{width: auto; margin: auto;}
.fullwrapper{padding: 0;}
.fullmain{min-height: auto; width: auto; padding:0 12px; margin: 0;}
#fullsidebar,#sidebar{float: none; position: static; width:auto; padding: 12px;}
}
@media screen and (max-width: 679px){
.main-list{padding: 0 10px!important;}
}
@media screen and (max-width: 481px){
.main,#pjax-container{width: auto; float: none; padding:0px; min-height: auto;}
.container{padding: 0px;}
.pages article{padding: 0 10px;}
}
#header{padding: 20px 0; text-align: center;}
#header p{font-size: 13px; color:#efefef; text-shadow: 0 0 1px #000; display: inline-block;}
#logo{line-height: 1.1em; display: inline-block; font-style: normal; font-weight: 900; font-size: 30px; text-shadow: 0 0 1px #000; font-family: 'Noto Sans TC', sans-serif; padding:0; margin: 0; color:#000;}
#logo a{color: #000;}
#logo a:hover{color: #000;}
#globalnav{background-color: #000; text-align: center; margin-bottom:6px;}
#globalnav ul{padding: 0; margin:0 auto; text-align: left;}
#globalnav li{display: inline-block; list-style:none; padding: 0; margin: 0;}
#globalnav li a{display: block; padding: 10px;}
#globalnav li a:hover{background-color: #333; color:#fff; text-decoration: none;}
@media screen and (max-width: 679px){
#header{text-align: center;}
#header p{font-size: 11px;}
#globalnav ul{text-align: center;}
#globalnav li a{padding: 7px; font-size: 13px;}
}
@media screen and (max-width: 481px){
#globalnav li a{display: block; padding: 7px 5px;}
}
#breadcrumbs{font-size: 12px;}
#breadcrumbs .del{display: inline-block; padding:0 10px; color:#666;}
.single{margin:20px auto; padding:20px; background-color: #F5F5F5; color:#383838; border-radius: 0px;}
.entry-listcover{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0; margin:auto;}
.entry-list{display: block; height: auto; width: 49.5%; margin:0px 0; box-sizing: border-box; position: relative;}
.entry-list:hover *{text-decoration: none; transition: all 300ms 0s ease;}
.entry-list iframe{border:0; display: block; width: 100%; margin:0; height: 165px; overflow: hidden; z-index: 1; position: relative;}
.entry-list a{position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; font-size: 1px; color:rgba(0,0,0,0); z-index: 1000; text-indent:-432432px;}
.entry-list:hover{filter: grayscale(100%);}
.entry-list:hover iframe{opacity: 0.8;}
.entry-header{padding:0; margin-bottom:10px;}
.entry-header h1{line-height: 1.1em; font-size: 38px; padding: 0; margin: 0 0 3px 0; font-feature-settings : "palt"; word-break: break-all; }
.entry-header time{font-size:16px; color:#666; letter-spacing: 1px;}
.entry-ogimage{text-align: center;  padding: 0; line-height: 1em;}
.entry-ogimage iframe{border:1px solid red;}
.entry-ogimage .provider,
.entry-ogimage .provider-name{display: none;}
.entry-content{font-family: 'Kosugi Maru', sans-serif; padding:12px 0;}
.entry-content p{line-height: 1.5em;}
.entry-content a{color:#333; text-decoration: underline;}
.entry-content figure{max-width: 100%; height: auto; margin:2px auto; padding:0;}
.entry-content figure figcaption{font-size: 12px; color:#666;}
.entry-content img{max-width: 100%; height: auto;}
.entry-content iframe{max-width: 100%; height: 390px;}
.entry-content img[src^="https://chinese.engadget.com"]{display: none;}
#instagram{padding:10px; background:#fcfcfc;}
#instagram picture{text-align: center; display: block;}
#instagram img{max-width: 100%; margin:auto;}
.entery-instagram{padding:20px 5px; font-size: 13px;}
.entery-instagram *{font-weight: normal;}
.randominstagram{margin-bottom:20px;}
.randominstagram h3{border-bottom:3px solid #000; color:#000; padding:0 0 3px 0; margin-bottom:5px; font-size:22px;}
.randominstagram ul{display: flex; flex-wrap: wrap; justify-content:center; align-items:flex-start; align-content: flex-start; padding:0; margin:0; max-width: 100%;}
.randominstagram ul li{display: block; max-width: 33%; width: 33%; height:280px; margin:0; padding:0;}
.randominstagram ul li a{display: block; margin:0; padding:0; width: 100%; height: 100%; background-color: #333; background-size:cover; background-repeat: no-repeat; background-position: center; text-indent: -3480328px;}
.randominstagram ul li img{max-width: 100%; max-height: 100%; height: auto; vertical-align: middle}
.sidebar-recommend li{margin-bottom: 10px!important; padding-bottom: 10px!important}
.sidebar-recommend li img{margin-bottom:2px;}
.sidebar-recommend li a{line-height: 1em; font-weight: bold;}
.sidebar-recommend li a:hover{text-decoration: none; color:#333;}
@media screen and (max-width: 1281px){
.entry-listcover{}
.entry-list{}
.entry-list iframe{height: 190px;}
.randominstagram ul li{height: 200px;}
}
@media screen and (max-width: 981px){
.entry-listcover{ }
.entry-list{width: 49.5%; height: auto; margin:0; text-align: left;}
.entry-list iframe{height: 190px;}
.randominstagram ul li{height: 200px;}
.randominstagram ul li{height: 270px;}
}
@media screen and (max-width: 681px){
.entry-list{width: 100%;}
.randominstagram ul li{height: 170px;}
}
@media screen and (max-width: 481px){
#instagram{padding: 0px;  background:none;}
.randominstagram ul li{height: 130px;}
}
@media screen and (max-width: 321px){
.randominstagram ul li{height: 120px;}
}
blockquote{display: block; font-style: normal; padding: 0; margin:0;}
cite{font-style: normal; color:#666; font-size: 11px;}
.entry-source {padding: 15px 0; word-break: break-all;}
.entry-source span{font-weight: 400; display: inline-block; font-family: 'Lobster', cursive; line-height: 1.1em; }
.entry-source cite{line-height: 1em;}
.entry-source cite a{color:#999; display: inline-block; font-size: 10px; line-height: 1.1em;}
.entry-source strong{display:block; line-height: 1.1em; margin:0; padding: 0;}
.entry-source strong a{line-height: 1.1em; font-size: 13px; color:#333;}
img[src="https://b.st-hatena.com/images/append.gif"]{display: none;}
img[src^="http://b.hatena.ne.jp/entry/image/"]{display:none;}
.entry-content a[href^="http://openworldnews.net"]{display:none;}
.entry-image{display: none;}
.popularlist-bottom{padding:0; margin: 12px auto;list-style: none; display:block; width:100%;}
.popularlist-bottom li{padding :0; margin:0 0 12px 0; min-height:100px; padding:0; list-style: none; display:block;  width:100%; float:none;}
.popularlist-bottom li a{display:block; padding:0; margin:0; min-height:100px; }
.popularlist-bottom li a figure{padding:0; margin:0; background-color: #efefef;}
.popularlist-bottom li a figure img{margin:0; padding:0;}
.single-twitter h1{font-size:15px;}
.single-twitter .entry-content{background-color: #efefef; padding:12px; border-radius: 3px; margin: 10px auto;}
.single-twitter .entry-content img.Emoji{height: 1em; width: 1em; vertical-align: middle;}
.twitter-icon{margin:20px auto; max-width: 100%;}
.single-twitter figure{text-align: center; padding: 0; margin: 0; display: block;}
.newpost{padding:10px; margin: 0;}
.newpost li{list-style:none; padding:2px; font-size:11px; float:left; display:inline-block;}
.randomlist{margin:30px auto; padding:15px; background:#fff; border-radius: 10px;}
.randomlist h3{color:#000; line-height: 1em; padding: 0 0 6px 0; margin:0 0 2px 0; border-bottom: 3px solid #000;}
.randomlist ul{padding: 0; margin: 0;}
.randomlist li{padding: 5px; list-style:none; border-bottom:1px dotted #ccc;}
.randomlist li:last-child{border-bottom:0;}
.randomlist li a{line-height: 1.1em; display: inline-block; color:#192a56; font-size: 15px;}
.randomlist li a b{font-weight: normal;}
.entry-recommend{margin:12px auto; background-color: #dfe6e9;}
.entry-recommend h4{display: block; margin: 0; padding: 7px; line-height: 1.1em; background-color: #30336b; color:#fff;}
.entry-recommend ul{padding: 0; margin: 6px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.entry-recommend li{list-style: none; padding: 0; margin: 0 0 12px 0; display: inline-block; width: 19%; background-color: #fff;}
.entry-recommend li img{max-width: 100%; height: auto; margin: 0;}
.entry-recommend p{display: block; padding: 5px; margin: 0;}
.entry-recommend a{display: block; color:#333; line-height: 1.1em;}
.entry-recommend time{font-size: 11px;}
.entry-recommend b{display: block; font-size: 13px;}
.popularlist{margin:12px auto;}
.popularlist h2{display: block; padding: 0 0 3px 0; margin:0; border-bottom:2px solid #000; line-height: 1.1em; font-weight: normal; font-size: 16px;}
.popularlist h2 a,.popularlist h2 a:hover{color:#000; text-decoration: none; cursor: default;}
.popularlist ul{padding: 5px 0; margin:5px 0; display: flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch;}
.popularlist li{list-style: none; width: 32%;  display: block; text-align: center; margin-bottom:10px;}
.popularlist li *{transition: all 300ms 0s ease;}
.popularlist li figure{width: 100%; overflow: hidden; border:none; margin:0; padding: 0; position: relative; height: 160px; top: 0; background: #000; text-align: center;}
.popularlist li figure img{height: 160px; transform: scale(1.1, 1.1);}
.popularlist li a:hover figure img{transform: scale(1.3, 1.3); opacity: 0.8}
.popularlist li a{display: block;}
.popularlist li a:hover{text-decoration: none;}
.popularlist li p{display: block; text-align: left; color: #555; padding: 0; margin: 5px 0; line-height: 1.1em;}
.popularlist li a:hover p{color: #000; text-shadow: 0 0 2px #999;}
.popularlist li:hover iframe{filter: grayscale(100%);}
.randamlink ul{padding: 0; margin: 0;}
.randamlink li{padding: 0; display: block; border-top:1px dotted #ccc;}
.randamlink li a{display: block; padding: 5px;}
.fullbutton{display: block!important; text-decoration: none; padding:15px; text-align: center; font-weight: bold; color:#fff; background-color: #3c40c6; line-height: 1em; }
.fullbutton:hover{text-decoration: none; background-color: #575fcf; color:#fff;}
#footer{padding: 30px 0; text-align: center; }
#footer span{display: block; text-align: center; margin:5px auto;}
.pagination{padding: 12px 0; text-align: center;}
.pagination span.page-numbers.current{display: inline-block; padding: 8px 10px; margin: 2px 0; line-height: 1.1em; border:2px solid #000; color:#000;}
.pagination a.page-numbers{display: inline-block; padding: 8px 10px; margin: 2px 0; line-height: 1.1em; border:2px solid #0652DD; color:#0652DD;}
.pagination a.page-numbers:hover{text-decoration: none; border-color:#000; color:#000;}
.pagination a.page-numbers.prev,
.pagination a.page-numbers.next{display: block; line-height: 1.1em; border:2px solid rgba(0,0,0,0); padding: 8px 10px; margin: 5px 0; text-align: center; position: relative; background:#f9f9f9;}
.pagination a.page-numbers.prev:hover,
.pagination a.page-numbers.next:hover{background-color: #efefef;}
.pagination a.page-numbers svg{vertical-align: middle; position: absolute;}
.pagination a.page-numbers.prev svg{left:6px;}
.pagination a.page-numbers.next svg{right:6px;}
.nav-next-text{}
small{font-family: 'Khula', sans-serif; font-weight: 100;}
@media screen and (max-width: 1281px){
.entry-recommend li{width: 24%; margin:10px 0%;}
}
@media screen and (max-width: 981px){
}
@media screen and (max-width: 681px){
#breadcrumbs{font-size: 10px;}
#breadcrumbs .del{display: inline-block; padding:0 3px; color:#666;}
.single{margin:5px auto; padding:15px 10px; border-radius: 5px;}
.entry-header h1{font-size:25px;}
#footer{font-size:11px; text-align: center;}
.popularlist li{width: 49%;}
.popularlist li p{font-size: 13px;}
}
@media screen and (max-width: 414px){
.popularlist li figure{height: 100px;}
.popularlist li figure img{height: 100px; transform: scale(1.1, 1.1);}
}
.clear{display: block; clear: both; height: 0; font-size: 0;}