@charset "utf-8";
body, h1, h2, h3, h4, div, p, blockquote, dl, dt, dd, ul, ol, li, button, form, input, textarea { margin: 0; padding: 0;}
body {text-align: center;font-size: 12px;font-family: Tahoma, Arial; color: #111;background: #FFF;}
a, a:link, a:visited {color: #105CB6; text-decoration: none;}
a:hover {color: f00;}
img {border: 0;}
.break { font-size: 0; height: 0; width: 0; clear: both; overflow:hidden;}
.alignleft {float: left;margin: 4px 10px 5px 0;}
.alignright {float: right;margin: 4px 0 5px 10px;}
.aligncenter {text-align: center;}
.hidden {display:none;}

#wrapper {width:1080px; margin:auto auto; text-align:left;padding-top: 10px;}

/* ----------------------------- */
#s1p {width: 1080px;float: left;padding-bottom: 20px;}
#s1p .ab {padding: 2px 1.3em 1px 1.3em; margin: 0.1em 0.1em 0.1em 0.1em; background-color: #f7f7f7;border:1px solid #CCCCCC; color:#555; }
#s1p .a3d {padding: 2px 1.3em 1px 1.3em; margin: 0.1em 0.1em 0.1em 0.1em; background-color: #f7f7f7;border:1px solid #CCCCCC; color:#555; }
#s1p .qb {float: left;padding: 2px 0.1em 2px 1.1em; margin: 0.1em 1em 0.1em 0.5em;  }

/* -------------------- header ---------------------- */
#header { clear:both; }
#header .logo {float: left;padding-left: 5px;}
#header .logo a {display: block;outline: none;text-indent: -9999em;background: url(/themes/img/logo.png) no-repeat 0 0;width: 260px; height: 60px;}
#header .logo p {display: none;}
#header .banner {float:right; height:60px; margin:0;}
#header .nav { clear:both; overflow:hidden; padding-top:8px; height:35px; display:block; }
#header ul {list-style-type: none;background-color: #3398cc;/*background:url(/themes/img/header.gif) repeat-x 0 0;*/ height:35px;}
#header ul li {float: left;text-transform: uppercase;font-weight: normal;font-size: 12px; height:35px; overflow:hidden; font-family:'微软雅黑', 'Microsoft YaHei', Tahoma, Arial; background: url(/themes/img/divider.gif) no-repeat 0 3px;}
#header ul li.f {padding-left: 5px;background: none;}
#header ul li a {color: #ececec;display:inline-block;padding: 0 12px; height:35px; line-height:33px; }
#header ul li a:hover {text-decoration: underline;}

#body {border-width: 0 1px;border-style: solid;border-color: #DEDEDE; background:url(/themes/img/body.gif) repeat-y 760px 0;}

#content {width: 760px;float: left;padding-bottom: 20px;}
#content hr{height:1px; color:#ececec;}
#content p {margin-bottom: 10px;}
#content .photos img {margin:15px 4px 0 0;width: 75px; height: 75px;}
#content .photos h3{font-size: 10px;font-family: Tahoma, Arial, Verdana;color: #111;text-transform: uppercase;margin:15px 0 0 15px;}
#content h3 {font-size: 14px;color: #111;margin-bottom: 10px;}
#content h3 a {color: #111;}
#content blockquote {padding: 10px;background-color: #f7f7f7;border:1px solid #ececec; color:#555; line-height:1.8; margin-bottom:8px; }
#content ul {margin: 0 0 10px 18px;}
#content ol {margin: 0 0 10px 16px;padding-left: 10px;}
#content li {padding: 2px 0;list-style-type :none;}
#content .title {background-color: #F5F5F5;border-bottom: 1px solid #ececec;padding: 14px;color: #717171;font-size: 12px;height:15px; line-height:15px; font-weight:bold; text-transform: uppercase; overflow:hidden;}
#content .title a {color: #717171;}
#content .title .tags { font-weight:normal; float:right; }
#content .title a:hover { color:#f00; }
#content .post {padding:20px 15px 5px;clear: both;border-bottom: 1px solid #DEDEDE; overflow:hidden;}
#content .post img {margin:2px 0;max-width: 725px;height: auto;}
#content .f {border-top: 0;line-height: 1.5em;}
#content .post .thumb {float: left; margin: 0 10px 0 0;display: inline;}
#content .post .time {float: right; font-size: 11px;font-weight:normal;color: #717171;}
#content .post .time a {color: #717171;}
#content .post .small a {font-size:10px;font-weight:bold;color: #C8C8C8!important; float:left; padding-left:5px;}
#content .post .indexs {height: 95px;}
#content .post .thumbs {float: left;height: 75px;overflow:hidden;margin: 0 10px 10px 0;}
#content .post .thumbs img {width: 75px;}
#content .post h1,.post h2 {font-size: 1.2em;color: #0000FF;margin-bottom: 10px;line-height: 1.1em;}
#content .post h1 a,#content .post h2 a {color: #0000FF;}
#content .post h1 a:hover,#content .post h2 a:hover {color: #717171;}
#content .post .info { clear:both; display:block; width:100%; height:30px; }
#content .post .info h1,#content .post .info h2 { display:inline-block; float:left; }
#content .post p {line-height: 1.7em;}
#content .post .titlebox {font-weight:bold; padding:0; background:#F5F5F5; border-bottom:1px solid #ececec; border-top:1px solid #ececec;}
#content .post .details {padding-top: 10px;line-height: 1em;font-size: 12px;}
#content .other {clear: both;border-bottom: 1px solid #DEDEDE;height:320px;overflow:hidden;}
#content .other h3{font-size: 10px;font-family: Tahoma, Arial, Verdana;color: #111;text-transform: uppercase;}
#content .other ul {list-style-type :none;}
#content .other li {margin:0 0 0 -18px;padding:0;line-height:1.7em;}
#content .other .l {float: left;width: 240px;margin: 15px 0 0 15px;border-right:15px solid #FFFFFF;overflow:hidden;white-space:nowrap;display: inline;}
#content .other .r {float: left;width: 240px;margin: 15px 0 0 0;border-right:15px solid #FFFFFF;overflow:hidden;white-space:nowrap;display: inline;}
#content .postnext {height:30px;line-height:30px;padding:10px 0; clear:both; text-align:center;}

/* ------------- sidebar ---------------- */
#sidebar {width: 310px;float: right;padding-bottom: 20px;}
#sidebar h3 {font-size: 14px;color: #EE1289;font-family: Tahoma, Arial, Verdana;text-transform:uppercase;padding: 15px 15px 10px;}
#sidebar ul {list-style-type: none;padding: 0 15px 15px;line-height:1.7em;border-bottom: 1px solid #DEDEDE; clear:both; overflow:hidden;}
#sidebar form {border-bottom: 1px solid #ececec;background: #f5f5f5 url(/themes/img/search.gif) no-repeat 10px 8px;width: 290px; height:27px; margin:0; padding: 8px 11px; overflow:hidden;}
#sidebar form input {border: 0;width: 172px;height:17px;font-size: 12px;font-family: Tahoma, Arial;float: left;margin:6px;padding:0px;background:transparent;}
#sidebar form button {text-indent: -9999px;border: 0;width: 75px; height: 27px;background-color: transparent;}
#sidebar .photos {padding: 0;}
#sidebar .photos img {margin: 5px 8px 5px 0;width: 75px; height: 75px;}
#sidebar .adcolumnS img {width: 125px;height:125px;margin:5px 5px 5px 0;}
#sidebar .video {padding: 0 15px 15px 20px;border-bottom: 1px solid #DEDEDE;}
#sidebar .tags {padding: 0 15px 15px;border-bottom: 1px solid #DEDEDE;}
#sidebar .li2 { padding-left:25px; overflow:hidden; width:240px; }
#sidebar .li2 li { width:120px; float:left; }
#sidebar .li2 a:hover {background: #105CB6;border-color: #105CB6;color: #fff;}

/* ------------- sidebar ---------------- */
#sidebar1 {width: 310px;float: right;padding-bottom: 20px;}
#sidebar1 h3 {font-size: 14px;color: #EE1289;font-family: Tahoma, Arial, Verdana;text-transform:uppercase;padding: 15px 15px 10px;}
#sidebar1 ul {list-style-type: none;padding: 0 15px 15px;line-height:1.7em;border-bottom: 1px solid #DEDEDE; clear:both; overflow:hidden;}
#sidebar1 form {border-bottom: 1px solid #ececec;background: #f5f5f5 url(images/search.gif) no-repeat 10px 8px;width: 290px; height:27px; margin:0; padding: 8px 11px; overflow:hidden;}
#sidebar1 form input {border: 0;width: 172px;height:17px;font-size: 12px;font-family: Tahoma, Arial;float: left;margin:6px;padding:0px;background:transparent;}
#sidebar1 form button {text-indent: -9999px;border: 0;width: 75px; height: 27px;background-color: transparent;}
#sidebar1 .photos {padding: 0;}
#sidebar1 .photos img {margin: 5px 8px 5px 0;width: 75px; height: 75px;}
#sidebar1 .adcolumnS img {width: 125px;height:125px;margin:5px 5px 5px 0;}
#sidebar1 .video {padding: 0 15px 15px 20px;border-bottom: 1px solid #DEDEDE;}
#sidebar1 .tags {padding: 0 15px 15px;border-bottom: 1px solid #DEDEDE;}
#sidebar1 .li2 { padding-left:25px; overflow:hidden; width:240px; }
#sidebar1 .li2 li { width:120px; float:left; }
#sidebar1 .li2 a:hover {background: #105CB6;border-color: #105CB6;color: #fff;}

.taglist{ line-height:180%; _line-height:184%; _margin:0px auto; display:block; overflow:hidden; clear:both; }
.taglist a{ background:#f5f5f5; padding:0px 2px 0px 2px; margin-right:3px; margin-bottom:3px;color:#999; display:block; float:left; white-space:nowrap; }
.taglist a:hover{color:#fff; background:#c00; }

/* ------------- footer ---------------- */
#footer {clear: both;background-color: #3399CC;color: #ececec;padding: 10px 15px;text-align: center;font-size:11px;}
#footer a {color: #ececec;}
#footer a:hover {color: #ccc;}

ol.page-navigator { overflow:hidden; clear:both; padding-top:20px; color:#666; }
ol.page-navigator li { float:left; margin-right:5px; line-height:18px; height:18px; display:block; overflow:hidden; }
ol.page-navigator li.first { margin-right:0; height:18px; line-height:20px; overflow:hidden; _line-height:16px; }
ol.page-navigator li a {border: 1px solid #ddd;padding: 1px 5px;text-decoration: none;}
ol.page-navigator li.current a,ol.page-navigator li a:hover {background: #105CB6;border-color: #105CB6;color: #fff;}

#comments ol { padding:0 10px; margin:0; list-style: none; }
ol.comment-list, ol.comment-list ol { margin: 0; list-style: none;}
ol.comment-list ol { padding-top: 10px; }
ol.comment-list li { margin: 0; padding-bottom: 10px; }
ol.comment-list li {background: #fafafa;border: 1px solid #eee; margin-top: 10px;overflow: hidden;padding: 10px;}
ol.comment-list li.comment-level-odd {background: #fff;}
ol.comment-list li.comment-level-even {	background: #fafafa; }
ol.comment-list li.comment-by-author { border:1px dotted #fafafa; }
.comment-meta,.comment-meta a {color: #999;font-size: 12px;padding-bottom: 10px;}
.comment-meta a:hover { color:#666; }
.comment-author {color: #000; display: block; font-weight:bold; line-height:18px;}
.comment-author cite.fn {font-style: normal;}
#comments .comment-body {overflow: hidden; padding:5px; }
img.avatar {float: left;margin: 0 10px 0 0;}
#comments { padding-top:10px; }
#comments h3 { padding:10px 10px 5px; font-size: 12px;color: #111; font-family:'微软雅黑', 'Microsoft YaHei', Tahoma, Arial; }
ol.comment-list li .respond {border-top: 1px solid #ddd;padding-top:10px;}
ol.comment-list li .comment-reply {	text-align: right; padding:3px 5px 0; line-height:18px; }
ol.comment-list li .comment-reply a {font-size: 12px;border: none;color: #aaa;}
ol.comment-list li .comment-reply a:hover {color: #444;}
.respond .cancel-comment-reply {float: right;font-size: 12px; padding:3px 5px 0; line-height:18px; }
.respond .cancel-comment-reply a {border: none;color: #aaa;}
.respond .cancel-comment-reply a:hover {color: #444;}
#comments h3#response { padding:15px 10px 0; height:20px; line-height:20px; }
#comment_form { padding:0px 10px; margin:0; }
#comment_form label {color: #555; line-height:17px; height:20px; overflow:hidden; display:inline-block;}
#comment_form label .required {color: #C04E37; padding-left:3px;}
#comment_form textarea {height: 150px;width: 375px;}
input.text,input.captcha {border:1px solid #ddd;font-size:12px; padding:3px 0px 3px 4px;width:180px;color:#666}

#sitestat {display: none;}
pre {clear:both;margin:8px auto;padding:5px;overflow:auto;overflow-x:auto;overflow-y:hidden;width:96%;padding-bottom:5px !important;padding-bottom:18px;display:block;border:1px solid #dedede;border-left:5px solid #dedede;background:#f7f7f7;}
*+html pre {padding-bottom:18px !important}

#content .pic {float:left;width:730px;height:409px;margin-top:2px;margin-left:2px;}
#content .pic .photo {border:0px solid #ccc;padding:0px;margin-bottom:2px;width:725px;height:409px;}
#content .pic:hover .photo {border:1px solid #33CCFF;background:#f5f5f5;}
#content .pic .photo img {width:725px;height:405px;}

    .style25 {font-size: 23px; font-weight: bold; text-align:center; }
    .a3 {padding: 1px 1.3em 2px 1.3em; background-color: #F0FFF0;}

    a:link{text-decoration: none;color: 467500}
    a:active{text-decoration:blink}
    a:hover{text-decoration:underline;color: red}
    a:visited{text-decoration: none;color: #ff00ff}
      .dplayer-menu.dplayer-menu-show {display: none !important;}
      .dplayer {overflow: unset;margin-bottom: 10px;float: left;}
      .li2 a{font-weight: 700;color: #105CB6;}
    
    /*響應*/
  @media(max-width:1080px) {
    #wrapper {width: 90%;}
    #content {float: none;margin: auto;}
    #sidebar {float: none;margin: auto;width: 760px;}
    #sidebar h3 {text-align: center;}
    #sidebar .li2 {width: 100%;padding: 0;}
    #sidebar .li2 li {width: 95px;}
    #header .nav {height: auto;}
    #header ul {height: auto;display: inline-block;width: 100%;}
    #header ul li {font-size: 14px;}
    
  }
  @media(max-width:850px) {
    #wrapper {width: 95%;}
    #content {float: none;margin: auto;width: 100%;}
    #sidebar {float: none;margin: auto;width: 100%;}
    #content .post {padding: 10px 0 0 0;}
    .dplayer {float: left;}
    
  }

.plyr--full-ui {width:100%;max-width:100%;aspect-ratio:16 / 9;position:relative;}
.plyr__controls {padding-top:20px !important;}
.plyr__progress {cursor:pointer;position:absolute;bottom:54px;height:0px;width:92%;margin:auto;left:25px;right:20px;}
.plyr__progress__buffer {margin-top:7px;}
.video-wrapper {width:100%;max-width:100%;aspect-ratio:16 / 9;background-color:#000;position:relative;}
.video-wrapper {width:100%;max-width:100%;aspect-ratio:16 / 9;/* 維持 16:9 比例 */  background:#000;position:relative;}
.video-wrapper video {width:100%;height:100%;object-fit:contain;/* 解決直立影片超出畫面 */  display:block;}
video {width:100%;}
@media (max-width:768px) {.plyr__time--duration {display:inline !important;opacity:1 !important;visibility:visible !important;}
}