@charset "utf-8";body{overflow-x:hidden;overflow-y:scroll;margin:0;padding:0;font-family:"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif,'MicrosoftYaHeiLight','Microsoft YaHei Light';font-size:14px;font-weight:normal;color:#333}
@media (min-width:768px){body{font-weight:100}
}::-moz-selection{color:#fff}
::selection{color:#fff}
*:focus{outline:none}
a{text-decoration:none}
a:hover,a:focus{outline:none;text-decoration:none}
.text-indent{text-indent:2em}
.navbar{box-shadow:0 0 3px rgba(0,0,0,0.2);height:auto}
@media (max-width:768px){.navbar-brand{display:table;display:-webkit-box\9;float:none;margin-left:auto;margin-right:auto;padding:8px 0;height:50px !important}
}.navbar img{height:35px}
@media (min-width:768px){.navbar{height:60px}
.navbar-brand{float:left;padding:10px 15px 10px 0}
.navbar img{height:40px}
}.nav li a{padding:15px 25px;font-size:16px}
@media (min-width:768px){.nav li a{border-bottom:none;padding:20px 25px}
}ul.nav li{width:100%;text-align:left}
ul.nav li a{display:block}
ul.nav li:hover > ul{display:block}
ul.nav ul{display:block;position:relative}
ul.nav ul li{position:relative;float:none}
ul.nav ul li a{display:block;padding:10px 40px}
ul.nav ul ul{display:block;position:absolute;left:100%;padding:0}
ul.nav ul ul li{float:none;position:absolute}
ul.nav ul ul ul{display:block;position:absolute;left:100%;padding:0}
ul.nav ul ul ul li{float:none;position:absolute}
@media (min-width:768px){ul.nav{display:-webkit-flex;display:-ms-flexbox;display:flex}
ul.nav ul{display:none;position:relative;margin:0;padding:0;width:100%;list-style:none}
ul.nav li{width:auto;text-align:center}
ul.nav li:hover > ul{display:block}
ul.nav ul li{float:none;position:relative}
ul.nav ul li a{padding:12px 25px}
ul.nav ul ul{display:none;position:absolute;left:100%;top:0}
ul.nav ul ul li{float:none;position:relative}
}.searchform_button{border:none;cursor:pointer;padding:15px 15px 15px 0}
@media (min-width:768px){.searchform_button{margin-right:5px;padding:20px 0 20px 15px}
.login_button{border:none;cursor:pointer;margin-right:0;padding:20px 0 20px 15px}
}#searchform{display:none;position:absolute;z-index:9999;top:0;right:0}
@media (min-width:768px){#searchform{right:-5px}
}.form-text{border:1px solid #ddd;border-radius:20px;padding:8px 50px 8px 20px;line-height:20px;vertical-align:middle}
.form-text.form-input{border:none;width:200px;color:#fff}
#searchform input::-webkit-input-placeholder{color:#fff}
#searchform input:-moz-placeholder{color:#fff}
#searchform input::-moz-placeholder{color:#fff}
#searchform input:-ms-input-placeholder{color:#fff}
.form-button{position:absolute;border:none;margin:6px 0 0 160px;color:#eee;background:none}
.form-button:hover,.form-button:focus{color:#fff}
.swiper-container{margin-top:25px;width:100%;height:100%}
@media (max-width:768px){.swiper-container{margin-top:20px}
.swiper-pagination{margin-right:0;text-align:center}
.swiper-pagination-bullet{width:12px;height:12px}
}.swiper-slide p{z-index:150;position:absolute;bottom:0px;left:0px;margin:0;padding:10px;width:100%;opacity:0.7}
.swiper-slide img{display:block}
.multi{border-bottom:1px solid #e5e5e5;margin-bottom:15px;padding:0;height:18px;line-height:32px}
.multi i{padding:0 10px 0 0;font-size:18px;background:#fff}
.multi .title{padding:0 20px 0 0;font-size:18px;font-weight:600;color:#505050;background:#fff}
.post-istop{margin-top:25px}
.post-istop .multi{line-height:33px}
.post-istop .istop{border:1px #e5e5e5 solid;margin-top:15px;color:#505050}
.post-istop .istop a{display:block;overflow:hidden}
.post-istop .istop:hover{box-shadow:0px 0px 8px #ccc;cursor:pointer}
.post-istop .istop:hover a{color:#fff}
.post-istop .istop span{overflow:hidden;display:block;margin:0;padding:0;padding-bottom:66.66666666%;width:100%;max-width:100%;height:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.post-istop .istop:hover span{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05)}
.post-istop .istop p{overflow:hidden;margin:0;padding:0 10px;height:35px;line-height:35px;font-size:14px}
.post-istop .istop p a{color:#333}
.post-multi{margin-top:25px}
@media (max-width:768px){.post-multi{margin-top:15px}
}.post-multi .multi{line-height:33px}
.post-multi ul{margin:0;padding-top:10px}
.post-multi .post-article{border-left:3px #fff solid;margin:0;height:34px;line-height:34px}
.post-multi .post-article:hover{background:#f6f6f6}
.post-multi li:nth-child(5n){border-bottom:1px dotted #e3e3e3;margin-bottom:10px;padding-bottom:10px}
.post-multi .multi-title{overflow:hidden;margin:0;padding:0 10px;height:24px;line-height:24px}
.post-multi .multi-title a{font-size:14px;font-weight:normal;color:#333}
.post-multi .multi-time{padding-right:10px;font-size:13px;color:#999}
.post-multi dl{border:1px #e5e5e5 solid;overflow:hidden;margin:20px 0 0 0;background:#fff}
.post-multi dl:hover{box-shadow:0px 0px 8px #ccc;cursor:pointer}
.post-multi dt a{display:block;overflow:hidden}
.post-multi dt img{display:block;width:100%;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.post-multi dt img:hover{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05)}
.post-multi .photo-title{margin:0;padding:5px 10px 10px 10px;line-height:14px}
.post-multi .photo-title a{font-size:14px;color:#505050}
@media (min-width:768px){.post-multi ul{padding-top:15px}
.post-multi .post-article{border-left:3px #fff solid;margin:0 0 5px 0;height:40px;line-height:40px}
.post-multi li:nth-child(5n){margin-bottom:15px;padding-bottom:10px}
.post-multi .multi-title{margin:0;padding:0 10px;height:30px;line-height:30px}
.post-multi .multi-title a{font-size:16px;font-weight:100}
.post-multi .photo-title{margin:0;padding:10px 15px;line-height:24px}
.post-multi .photo-title a{font-size:18px;font-weight:100}
}.post-multi .photo-time{padding:0 15px;color:#666}
.post-multi .photo-content{padding:10px 15px;line-height:25px}
.post-multi blockquote{border:none;border-left:4px solid #ccc;margin:30px 0 0 0;padding:15px 20px;line-height:25px;font-size:14px;background:#f6f6f6;quotes:"\201C""\201D""\2018""\2019"}
.post-multi blockquote:before{content:open-quote;margin-right:.18em;line-height:.1em;vertical-align:-.4em;font-size:4em;color:#ccc}
.post-multi blockquote p{display:inline;line-height:26px;font-size:14px}
.media{border-bottom:1px solid #eee;margin:0;padding:15px 0 10px 0}
.media-left{position:relative;padding:0 10px 0 0}
.media-left a{display:block;overflow:hidden}
.media-left img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.media-left img:hover{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05)}
.media-left span{position:absolute;top:0;right:20px;padding:2px 6px;font-size:13px;color:#fff;opacity:1;filter:alpha(opacity=0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.media-left:hover span{opacity:1;filter:alpha(opacity=100)}
@media (min-width:992px){.media-left{padding:0 20px 0 0}
}@media (min-width:768px) and (max-width:991px){.media-left{padding:0 20px 0 0}
}.media-heading{overflow:hidden;margin-top:-5px;margin-bottom:5px;max-height:45px;line-height:18px}
.media-heading span{border-radius:4px;margin-top:0;margin-right:10px;padding:4px 10px;font-size:13px;color:#fff}
.media-heading a{font-size:16px;color:#333}
@media (min-width:768px){.media{padding:20px 0}
.media-heading{margin-top:-8px;margin-bottom:10px;height:32px;line-height:32px}
.media-heading a{font-size:20px}
}.media-body p{overflow:hidden;line-height:24px;color:#333}
.media-body p a{color:#333}
.media-body .media-time{margin:0;padding:0;font-size:12px;color:#666}
.media-three{overflow:hidden;margin:0;padding:3px 0 6px 0}
.media-three-thumbnail{float:left;position:relative;padding:0 8px 0 2px;width:33.33333333%}
.media-three-thumbnail:hover{cursor:pointer}
.media-three-thumbnail a{display:block;overflow:hidden}
.media-three-thumbnail span{overflow:hidden;display:block;margin:0;padding:0;width:100%;max-width:100%;height:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.media-three-thumbnail:hover span{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05)}
@media (min-width:768px){.media-body .media-time{font-size:14px;color:#666}
.media-body p{overflow:hidden;max-height:150px;line-height:25px;color:#333}
}#my-gallery-container .item dt{position:relative}
#my-gallery-container .item dt span{position:absolute;top:0;right:0;padding:4px 8px;font-size:14px;font-weight:100;color:#fff;opacity:1;filter:alpha(opacity=0);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#my-gallery-container .item dt:hover span{opacity:1;filter:alpha(opacity=100)}
.comment-pagebar{margin:30px 0 0 0;padding:0;text-align:center}
.pagebar{margin:30px 0;padding:0;text-align:left}
@media (min-width:768px){.pagebar{margin:40px 0}
}.pagebar a,.comment-pagebar a{display:inline-block;border:1px solid #fff;margin:0 0 5px 0;padding:0 12px;height:32px;line-height:32px;color:#666;background:#eee}
.pagebar a:focus,.pagebar a:hover,.comment-pagebar a:focus,.comment-pagebar a:hover{color:#fff}
.pagebar .now-page,.comment-pagebar .now-page{display:inline-block;padding:0 12px;height:30px;line-height:32px;color:#fff}
.pagebar .page-num,.comment-pagebar .page-num{margin:0 15px 0 0;color:#666}
@media (min-width:992px){.pagebar a,.comment-pagebar a{padding:0 16px;height:38px;line-height:38px}
.pagebar .now-page,.comment-pagebar .now-page{padding:0 16px;height:36px;line-height:38px}
}#sidebar{margin-bottom:20px}
#sidebar a:hover,#sidebar a:focus{text-decoration:underline}
#sidebar .function{overflow:hidden;margin-top:25px}
#sidebar .function_t{margin-bottom:15px;padding:0 1px;height:18px;line-height:32px;font-size:18px;font-weight:600;color:#505050;background:#fff}
#sidebar .function_t:before{padding:0 10px 0 0;font-family:'FontAwesome';font-size:18px;background:#fff}
#sidebar .function_t:after{border-bottom:1px solid #e5e5e5;display:inherit;position:relative;margin:-15px 0 0 116px;padding:0;width:100%;content:'';background:#fff}
#divCalendar .function_t:before{content:'\f274'}
#divNavBar .function_t:before{content:'\f0c9'}
#divCatalog .function_t:before{content:'\f1b2'}
#divContorPanel .function_t:before{content:'\f013'}
#divPrevious .function_t:before{content:'\f044'}
#divNewpost .function_t:before{content:'\f040'}
#divLinkage .function_t:before{content:'\f0c1'}
#divSearchPanel .function_t:before{content:'\f002'}
#divFavorites .function_t:before{content:'\f02e'}
#divArchives .function_t:before{content:'\f02d'}
#divComments .function_t:before{content:'\f075'}
#divNewcomm .function_t:before{content:'\f086'}
#divStatistics .function_t:before{content:'\f05a'}
#divMisc .function_t:before{content:'\f03e'}
#divAuthors .function_t:before{content:'\f007'}
#divTags .function_t:before{content:'\f02c'}
#divHottags .function_t:before{content:'\f06d'}
#divHotpost .function_t:before{content:'\f135'}
#divReaders .function_t:before{content:'\f21d'}
#divFollow .function_t:before{content:'\f025'}
#divGuess .function_t:before{content:'\f074'}
#divNavBar ul,#divFavorites ul,#divArchives ul,#divLinkage ul,#divStatistics ul,#divMisc ul,#divAuthors ul,#divCatalog ul{overflow:hidden;list-style:none;margin:0;padding:0}
#divNavBar ul li,#divFavorites ul li,#divArchives ul li,#divLinkage ul li,#divStatistics ul li,#divMisc ul li,#divAuthors ul li{overflow:hidden;float:left;padding:10px 0 0 5px;width:50%;font-size:15px;white-space:nowrap;text-overflow:ellipsis}
#divCatalog ul li{list-style-type:circle;padding:10px 0 0 5px;font-size:15px;white-space:nowrap;text-overflow:ellipsis}
#divCatalog ul li ul{padding:0 0 0 30px}
#divContorPanel div{overflow:hidden;padding:10px 0;line-height:28px}
#divContorPanel div span{padding:0 10px 0 0}
#divCalendar{overflow:hidden;padding:0}
table[id$='Calendar']{border:none;width:100%;text-align:center;color:#666}
table[id$='Calendar'] caption{margin:0;padding:15px 0 10px 0;font-size:15px;text-align:center}
table[id$='Calendar'] th{text-align:center;color:#666}
table[id$='Calendar'] td{padding:4px}
table[id$='Calendar'] td a{display:block}
#divPrevious ul,#divComments ul,#divNewpost ul,#divHotpost ul,#divGuess ul{overflow:hidden;list-style:none;margin:0;padding:15px 0 0 5px}
#divPrevious li,#divComments li,#divNewpost li,#divHotpost li,#divGuess li{display:block;overflow:hidden;margin-bottom:20px !important;padding-left:10px;height:24px;line-height:24px;white-space:nowrap;text-overflow:ellipsis}
#divPrevious li:nth-child(10n+1),#divComments li:nth-child(10n+1),#divNewpost li:nth-child(10n+1),#divHotpost li:nth-child(10n+1),#divGuess li:nth-child(10n+1){border-left:3px #fd5f00 solid}
#divPrevious li:nth-child(10n+2),#divComments li:nth-child(10n+2),#divNewpost li:nth-child(10n+2),#divHotpost li:nth-child(10n+2),#divGuess li:nth-child(10n+2){border-left:3px #ffc002 solid}
#divPrevious li:nth-child(10n+3),#divComments li:nth-child(10n+3),#divNewpost li:nth-child(10n+3),#divHotpost li:nth-child(10n+3),#divGuess li:nth-child(10n+3){border-left:3px #00a635 solid}
#divPrevious li:nth-child(10n+4),#divComments li:nth-child(10n+4),#divNewpost li:nth-child(10n+4),#divHotpost li:nth-child(10n+4),#divGuess li:nth-child(10n+4){border-left:3px #00c3c4 solid}
#divPrevious li:nth-child(10n+5),#divComments li:nth-child(10n+5),#divNewpost li:nth-child(10n+5),#divHotpost li:nth-child(10n+5),#divGuess li:nth-child(10n+5){border-left:3px #b92400 solid}
#divPrevious li:nth-child(10n+6),#divComments li:nth-child(10n+6),#divNewpost li:nth-child(10n+6),#divHotpost li:nth-child(10n+6),#divGuess li:nth-child(10n+6){border-left:3px #e07e00 solid}
#divPrevious li:nth-child(10n+7),#divComments li:nth-child(10n+7),#divNewpost li:nth-child(10n+7),#divHotpost li:nth-child(10n+7),#divGuess li:nth-child(10n+7){border-left:3px #27c790 solid}
#divPrevious li:nth-child(10n+8),#divComments li:nth-child(10n+8),#divNewpost li:nth-child(10n+8),#divHotpost li:nth-child(10n+8),#divGuess li:nth-child(10n+8){border-left:3px #5c68ec solid}
#divPrevious li:nth-child(10n+9),#divComments li:nth-child(10n+9),#divNewpost li:nth-child(10n+9),#divHotpost li:nth-child(10n+9),#divGuess li:nth-child(10n+9){border-left:3px #00a9da solid}
#divPrevious li:nth-child(10n),#divComments li:nth-child(10n),#divNewpost li:nth-child(10n),#divHotpost li:nth-child(10n),#divGuess li:nth-child(10n){border-left:3px #e41a91 solid;margin-bottom:10px}
#divPrevious li a,#divComments li a,#divNewpost li a,#divHotpost li a,#divGuess li a{font-size:15px;color:#505050;text-decoration:none}
#divPrevious li a:hover,#divPrevious li a:focus,#divComments li a:hover,#divComments li a:focus,#divNewpost li a:hover,#divNewpost li a:focus,#divHotpost li a:hover,#divHotpost li a:focus,#divGuess li a:hover,#divGuess li a:focus{text-decoration:none}
#divTags ul,#divHottags ul{overflow:hidden;list-style:none;margin:0;padding:8px 0 0 0}
#divTags li,#divHottags li{float:left;margin:6px 4px}
#divTags li a,#divHottags li a{display:inline-block;border:1px solid #ddd;border-radius:20px;padding:0 20px;width:100%;height:34px;line-height:32px;font-size:16px;white-space:nowrap;background:none;transition:background-color .3s ease-out 0s,border-color .3s ease-out 0s}
#divTags li a:hover,#divTags li a:focus,#divHottags li a:hover,#divHottags li a:focus{color:#fff;text-decoration:none}
#divTags li .tag-count{font-size:12px}
#divSearchPanel .function_t{margin:0 0 25px 0}
#divSearchPanel form input[type='text']{border:1px solid #e5e5e5;margin:0;padding:0 10px;width:78%;height:35px;line-height:35px;font-size:14px;color:#666}
#divSearchPanel form input[type='text']:hover{border:1px solid #ddd}
#divSearchPanel form input[type='submit']{border:none;margin:0;padding:0;width:20%;height:35px;line-height:35px;color:#fff}
#divSearchPanel form input[type='submit']:hover{opacity:.95}
@media (min-width:768px){#divSearchPanel form input[type='text']{width:77%}
#divSearchPanel form input[type='submit']{width:20%}
}
#divNewcomm ul{margin:0;padding:0}
#divNewcomm dd dl{border-bottom:1px dotted #e5e5e5;overflow:hidden;margin:0;padding:20px 0 10px 0}
#divNewcomm dd dt{overflow:hidden;float:left;margin-right:15px}
#divNewcomm dd dt img{border:1px solid #eee;border-radius:50px;display:block;padding:2px;width:50px;height:50px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
#divNewcomm dd dt img:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
#divNewcomm dd dd span{overflow:hidden;display:block;margin:0;padding:0}
#divNewcomm dd dd span em{float:left;font-style:normal;font-weight:100}
#divNewcomm dd dd span i{float:right;padding:0 0 0 10px;font-size:12px;font-style:normal;color:#999}
#divNewcomm dd dd p{overflow:hidden;padding:5px 0 0 0;height:24px;line-height:24px;font-size:14px;color:#505050;white-space:nowrap;text-overflow:ellipsis}
#divNewcomm dd dd p img{margin-top:-4px;padding:0 2px}
#divNewcomm dd dd p a{color:#505050}
#divNewcomm dd dd p a:hover{text-decoration:underline}
#divReaders .function_t{margin:0 0 30px 0}
#divReaders{overflow:hidden}
#divReaders ul{margin:0;padding:0}
#divReaders li{list-style-type:none}
#divReaders a{float:left;overflow:hidden;margin:0 5px 10px 4px;width:60px;height:80px;color:#505050;text-align:center;text-decoration:none;font-size:13px;cursor:pointer}
#divReaders img{border-radius:25px;border:1px solid #eee;display:block;margin:0 auto;margin-bottom:5px;padding:2px;width:50px;height:50px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
#divReaders img:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
#divFollow ul{padding:0}
#divFollow dd dl{border-bottom:1px dotted #e5e5e5;overflow:hidden;margin:0;padding:15px 0 5px 0}
#divFollow dd dt{overflow:hidden;float:left;margin-right:15px}
#divFollow dt a{display:block;overflow:hidden}
#divFollow dd dt img{display:block;margin:0 0 10px 0}
#divFollow dd dd h4{overflow:hidden;display:block;margin:0;padding:0;line-height:22px;font-size:14px;font-weight:100}
#divFollow dd dd p{overflow:hidden;padding:5px 0 0 0;height:24px;line-height:24px;font-size:14px;color:#505050;white-space:nowrap;text-overflow:ellipsis}
#divFollow dd dd p img{margin-top:-4px;padding:0 2px}
#divFollow dd dd p a{color:#505050}
#divFollow dd dd p a:hover{text-decoration:underline}
.sidebar-author{overflow:hidden;margin-top:25px;padding:20px;background:#fafafa}
.sidebar-user-img{display:block;width:70px;height:70px}
.sidebar-user-img img{border-radius:70px;border:1px solid #eee;padding:2px;width:70px;height:70px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.sidebar-user-img img:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
.sidebar-user{overflow:hidden;margin:10px 0 0 80px;height:70px}
.sidebar-user h4,.sidebar-user h4 a{margin:0;font-size:16px}
.sidebar-user h4 i{margin-left:10px;color:#dd0000}
.sidebar-user p{margin:4px 0 8px 0;color:#999}
.sidebar-user span{font-size:16px;font-family:"Georgia";color:#dd0000}
.sidebar-user .btn{margin:0 2px 5px 0}
.sidebar-user .btn:focus{outline:0}
.sidebar-description{border-top:1px solid #eee;display:block;margin:0;padding:10px;color:#666}
.sidebar-description:before{padding:0 10px 0 0;font-family:'FontAwesome';font-size:14px;content:'\f10d';color:#ccc}
.sidebar-author-btn{border-top:1px solid #eee;padding-top:20px}
.sidebar-author-btn .btn{margin:0 5px;width:100px;text-decoration:none}
.sidebar-author-btn a:hover,.sidebar-author-btn a:focus{text-decoration:none !important}
.links{overflow:hidden;margin-top:0;background:#fff}
.links .links-pic{margin-top:25px}
.links .links-pic li{margin-bottom:10px}
.links .links-pic li img{width:125px;height:50px}
.links .links-txt{margin-top:15px;padding-bottom:20px}
.links .links-title{line-height:45px;height:45px;font-size:18px;color:#333;background:url(../style/bg_friendlink.jpg) center center no-repeat}
.links .links-txt li{line-height:30px;color:#505050}
.links .links-txt li a{color:#505050}
footer{margin-top:0;padding:15px 0}
footer .rightcopy{float:left}
@media (min-width:768px){.links{box-shadow:0 0 3px rgba(0,0,0,0.1);margin-top:20px}
footer{margin-top:20px}
footer .rightcopy{float:right}
}.post-single{overflow:hidden;margin:25px 0}
.single-title{line-height:30px;font-size:22px;font-weight:normal}
.single-title a{color:#505050}
.single-time{border-bottom:1px solid #eee;margin-bottom:20px;padding:0 0 5px 0;line-height:26px;font-size:12px;color:#999}
.single-time i{padding:0 5px 0 0}
.single-time em{padding:0 10px 0 0}
.single-time a:hover{text-decoration:underline}
.post-single p{margin:10px 0 0 0;line-height:30px;font-size:16px}
.post-single p a:hover{text-decoration:underline}
.article-content{overflow:hidden}
.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:15px 0 0 0;padding:0 0 0 6px}
.article-content h2{font-size:20px;font-weight:normal}
.article-content h3{font-size:18px;font-weight:normal}
.article-content h4,.article-content h5,.article-content h6{font-weight:normal}
@media (min-width:768px){.single-title{line-height:45px;font-size:32px;font-weight:100}
.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:20px 0 0 0;padding:0 0 0 10px}
.article-content h2{font-size:28px;font-weight:100}
.article-content h3{font-size:24px;font-weight:100}
.article-content h4,.article-content h5,.article-content h6{font-weight:100}
.post-single p{line-height:30px;font-size:16px;padding:10px 0 5px 0;}
.single-time{margin-bottom:20px;padding:0 0 10px 0;line-height:32px;font-size:14px}
.single-time em{padding:0 15px 0 0}
}.post-single pre{border:none;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background:#f3f3f3}
.post-single blockquote{border:none;border-left:5px solid #ccc;margin:20px 0;padding:5px 20px 15px 20px;line-height:25px;font-size:14px;background:#f6f6f6}
.post-single blockquote p{line-height:26px;font-size:14px;text-indent:0}
.post-single blockquote p:first-child:before{padding:0 10px 0 0;font-family:'FontAwesome';font-size:20px;color:#ccc;content:'\f10d'}
.post-single blockquote p:last-child:after{padding:0 0 0 10px;font-family:'FontAwesome';font-size:20px;color:#ccc;content:'\f10e'}
.prev-next{border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0 0 0;padding:5px 0 12px 0}
.prev-next p{overflow:hidden;height:16px;line-height:16px;font-size:14px}
.prev-next a:hover{text-decoration:underline}
@media (min-width:768px){.prev-next{margin:20px 0 0 0;padding:10px 0 17px 0}
.prev-next p{overflow:hidden;height:22px;line-height:22px;font-size:16px}
}.single-share{overflow:hidden;margin-top:30px}
.bd_weixin_popup{height:300px !important}
.single-share li a{border-radius:20px;margin:10px 0 0 0;padding:0 10px;height:30px;line-height:28px;font-size:14px}
.single-share li a.zan{border:1px solid #6782b8;color:#6782b8;background:#fff;transition:background-color .3s ease-out 0s,border-color .3s ease-out 0s}
.single-share li a.zan:hover{border:1px solid #6782b8;color:#fff;background:#6782b8}
.single-share li a.shang{border:1px #f38e54 solid;color:#f38e54;background:#fff;transition:background-color .3s ease-out 0s,border-color .3s ease-out 0s}
.single-share li a.shang:hover{border:1px #f38e54 solid;color:#fff;background:#f38e54}
.single-share li a.erweima{border:1px #98c01b solid;color:#98c01b;background:#fff;transition:background-color .3s ease-out 0s,border-color .3s ease-out 0s}
.single-share li a.erweima:hover{border:1px #98c01b solid;color:#fff;background:#98c01b}
.single-share li a.share{border:1px solid #4ba7d5;color:#4ba7d5;background:#fff;transition:background-color .3s ease-out 0s,border-color .3s ease-out 0s}
.single-share li a.share:hover{border:1px solid #4ba7d5;color:#fff;background:#4ba7d5}
@media (min-width:768px){.single-share li a{margin:0;padding:0 20px;height:34px;line-height:32px;font-size:16px}
}#zanad{margin:30px 0}
#xgad{margin:20px 0}
.single-tags{overflow:hidden;margin-top:20px}
.single-tags li{margin:6px 0}
.single-tags li a{display:inline-block;border:1px solid #ddd;border-radius:20px;padding:0 20px;width:100%;height:30px;line-height:28px;font-size:14px;white-space:nowrap;background:none;transition:background-color .3s ease-out 0s,border-color .3s ease-out 0s}
@media (min-width:768px){.single-tags li a{padding:0 20px;height:34px;line-height:32px;font-size:16px}
}.single-tags li a:hover,.single-tags li a:focus{color:#fff}
.single-copyright{overflow:hidden;margin-top:15px;padding:8px 16px;line-height:25px;font-size:14px;color:#666;word-wrap:break-word;background:#f6f6f6}
.single-copyright a:hover{text-decoration:underline}
@media (min-width:768px){.single-copyright{margin-top:15px;padding:12px 20px;line-height:30px;font-size:16px}
}.mutuality{overflow:hidden;margin-top:30px}
.mutuality-title{font-size:18px;color:#333;background:url(../style/bg_friendlink.jpg) center center no-repeat}
.mutuality .mutuality-pic{border:1px #e5e5e5 solid;margin-top:20px;color:#505050}
.mutuality .mutuality-pic:hover{box-shadow:0px 0px 8px #ccc;cursor:pointer}
.mutuality .mutuality-pic:hover a{color:#fff}
.mutuality .mutuality-pic a{display:block;overflow:hidden}
.mutuality .mutuality-pic span{overflow:hidden;display:block;margin:0;padding:0;padding-bottom:66.66666666%;width:100%;max-width:100%;height:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.mutuality .mutuality-pic:hover span{transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05)}
.mutuality .mutuality-pic p{overflow:hidden;margin:0;padding:0 10px;height:35px;line-height:35px;font-size:14px}
.mutuality .mutuality-pic p a{color:#333}
.mutuality .mutuality-pic p a:hover,.mutuality .mutuality-pic p a:focus{text-decoration:none}
.mutuality ul{overflow:hidden;padding:10px 0 0 0}
.mutuality ul li{overflow:hidden;float:left;padding:10px 0 0 5px;width:50%;font-size:15px;white-space:nowrap}
.mutuality ul li i{padding:0 5px 0 0;font-size:12px;color:#ddd}
.mutuality ul li a:hover,.mutuality ul li a:focus{text-decoration:underline}
@media (max-width:480px){.mutuality ul li{width:100%}
}.comments{overflow:hidden;margin-top:30px}
.comments-title{border-bottom:1px solid #eee;margin:0;padding:0;height:18px;line-height:32px}
.comments-title i{padding:0 10px 0 0;font-size:18px;background:#fff}
.comments-title span{font-size:18px;font-weight:600;color:#505050;background:#fff}
.comments-title small{padding:0 20px 0 10px;font-size:14px;font-weight:normal;background:#fff}
.comments blockquote{border:none;position:relative;margin:20px 0 0 0;padding:0 0 0 65px;font-size:15px}
.comments blockquote a:hover{text-decoration:underline}
.comments figure{position:absolute;overflow:hidden;left:0;top:0;margin:0;padding:0}
.comments figure img{border:1px solid #eee;display:block;border-radius:50px;padding:2px;width:50px;height:50px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.comments figure img:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
.comments cite{font-style:normal;display:block;overflow:hidden}
.comments cite em{font-weight:100;font-style:normal;color:#999}
.comments time{padding:0 0 0 10px;font-size:12px;color:#999}
.comments blockquote .revertcomment{padding:0 0 0 10px;font-size:14px;font-weight:normal}
.comments q{display:block;quotes:none;padding:5px 0}
.comments q img{margin-top:-4px;padding:0 2px}
.comments blockquote blockquote{border:1px solid #eee;margin:15px 0 0 -60px;padding:12px 15px 7px 75px}
.comments blockquote blockquote figure{margin:12px 0 0 12px}
.comments blockquote blockquote cite em{margin:0 5px 0 0}
.comments blockquote blockquote dd figure{margin:0;padding:0}
@media (min-width:768px){.comments{overflow:hidden;margin-top:30px}
.comments blockquote blockquote{margin:15px 0 0 0}
.comments blockquote .revertcomment{font-weight:100}
.comments-title small{font-weight:100}
}.post-comment{overflow:hidden;margin-top:20px}
.post-comment .comment-title{border-bottom:1px solid #eee;margin:0;padding:0;height:18px;line-height:32px;background:none}
.post-comment .comment-title i{padding:0 10px 0 0;font-size:18px;background:#fff}
.post-comment .comment-title span{padding:0 20px 0 0;font-size:18px;font-weight:600;color:#505050;background:#fff}
.post-comment .comment-title a{padding:0 0 0 10px;font-size:14px;font-weight:normal}
.post-comment dd{position:relative;margin-top:30px;padding:0}
.post-comment figure{overflow:hidden;position:absolute;float:left;width:80px;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.post-comment figure b{padding:5px;font-size:14px;font-weight:100;color:#666}
.post-comment figure img{border:1px solid #eee;display:block;border-radius:80px;padding:4px;width:80px;height:80px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.post-comment figure img:hover{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
.post-comment .comment-form{margin-left:-15px}
@media (min-width:768px){.post-comment .comment-title a{font-weight:100}
.post-comment .comment-form{margin-left:85px}
}.comment-form input[type='text']{border:1px solid #eee;padding:0 15px;width:100%;height:44px;line-height:44px}
.comment-form textarea{border:1px solid #eee;padding:5px 10px;width:100%;height:120px}
.comment-form input[type='text']:hover,.comment-form textarea:hover{border:1px solid #ddd}
.comment-form input[type='submit']{border:0;margin:0 15px;padding:0 40px;height:44px;line-height:44px;color:#fff;opacity:.95}
.comment-form input[type='submit']:hover{opacity:1}
.comment-form .input-group-addon{border-radius:0;border:1px solid #eee;border-left:0;background:#f6f6f6}
@media (max-width:768px){.col-xs-12{padding-left:0;padding-right:0}
#divCommentPost .col-xs-12{padding-left:15px;padding-right:15px}
}.list-group{margin-top:25px;font-size:16px}
.list-group .active{border:none;opacity:.95}
.list-group .active:hover,.list-group .active:focus{border:none;opacity:1}
.page-single{overflow:hidden;margin-top:5px;padding-bottom:20px}
.page-single p{margin:10px 0 0 0;line-height:30px;font-size:16px}
.page-single p a:hover{text-decoration:underline}
.page-single pre{border:none;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background:#f3f3f3}
.page-single blockquote{border:none;border-left:5px solid #ccc;margin:20px 0;padding:5px 20px 15px 20px;line-height:25px;font-size:14px;background:#f6f6f6}
.page-single blockquote p{line-height:26px;font-size:14px;text-indent:0}
.page-single blockquote p:first-child:before{padding:0 10px 0 0;font-family:'FontAwesome';font-size:20px;color:#ccc;content:'\f10d'}
.page-single blockquote p:last-child:after{padding:0 0 0 10px;font-family:'FontAwesome';font-size:20px;color:#ccc;content:'\f10e'}
.page-position{border-bottom:1px solid #e5e5e5;padding:0 0 10px 0;line-height:24px}
.page-position a:hover{text-decoration:underline}
.page-title{padding:10px 0;font-size:22px;font-weight:600;color:#666}
@media (min-width:768px){.page-single{margin-top:25px;padding-bottom:50px}
.page-single p{margin:15px 0 0 0}
}.error-404{padding:80px 0 120px 0}
.error-404 .error-title{font-size:70px;font-family:'Arial'}
.error-404 p{margin-bottom:70px;line-height:32px;font-size:16px}
.error-404 p a:hover{text-decoration:underline}
@media (min-width:768px){.error-404 .error-title{line-height:1.2;font-size:140px}
}.pjax_loading{position:fixed;top:0;left:0;z-index:999999;display:none;width:100%;height:100%;opacity:0.8}
.kefu{z-index:999999;position:fixed;bottom:120px;right:10px;cursor:pointer}
.kefu a,.kefu i{color:#fff}
.kefu a:hover,.kefu i:hover{color:#f3f3f3}
.kefu .qq{padding:8px;width:36px;height:36px;background:#12b7f5}
.kefu .weibo{padding:8px;width:36px;height:36px;background:#ea493c}
.kefu .weixin{padding:8px 7px;width:36px;height:36px;background:#24b727}
.kefu .phone{padding:8px 10px;width:36px;height:36px;background:#ff7600}
.kefu .comment{padding:6px 8px;width:36px;height:36px;background:#17c7d1}
.kefu .facebook{padding:8px 12px;width:36px;height:36px;background:#3b5998}
.kefu .linkedin{padding:8px 10px;width:36px;height:36px;background:#1883bb}
.kefu .top{padding:4px 9px;width:36px;height:36px;background:#666666}
.kefu-tip{z-index:1000;position:absolute;display:none;box-shadow:0 0 3px rgba(0,0,0,0.2);background-color:#fff}
.kefu-tip .kefu-tip-arrow,.kefu-tip .kefu-tip-arrow em,.kefu-tip .kefu-tip-arrow ins{width:0;height:0;font-size:0;line-height:0;top:45%;display:block;position:absolute}
.kefu-tip .kefu-tip-arrow em{border:5px solid transparent;_border:5px solid #fff;_filter:chroma(color=#fff)}
.kefu-tip .kefu-tip-arrow ins{border:5px solid transparent;_border:5px solid #fff;_filter:chroma(color=#fff)}
.kefu-tip .kefu-tip-arrow-left{right:0}
.kefu-tip .kefu-tip-arrow-left em{border-right:none;border-left-color:#fff}
.kefu-tip .kefu-tip-arrow-left ins{border-right:none;border-left-color:#fff;left:0}
.kefu .phone .phones{padding:10px 15px;line-height:24px;color:#333;font-size:14px;background:#fff}
.kefu .phone .phones i{color:#333}
.kefu .phone .phones a,.kefu .phone .phones a:hover,.kefu .phone .phones a:focus{color:#333}
.kefu .phone .phones a:hover,.kefu .phone .phones a:focus{color:#333;text-decoration:underline}
.kefu .top{display:none}
@media (max-width:768px){.kefu{bottom:50px;right:5px;cursor:pointer}
}.sidebar-contact{border:1px #eee solid;overflow:hidden}
.sidebar-contact dt{float:left;padding:15px 20px 15px 15px}
.sidebar-contact dt img{width:100px;height:100px}
.sidebar-contact dd{padding:10px 0 0 0}
.sidebar-contact dd .title{padding:5px 15px 0 0;font-size:18px}
.sidebar-contact dd .content{padding:10px 0 0 0}
.sidebar-contact dd .content img{padding:0 5px 0 0}
@media (min-width:992px) and (max-width:1199px){.sidebar-contact dd .content img{width:40px}
}@media (max-width:480px){.sidebar-contact dd .content img{width:40px}
}#comment-tools{border:1px solid #eee;border-bottom:none;display:block;margin:0;padding:5px}
#comment-tools a{padding:1px 3px;color:#666;cursor:pointer}
#ComtoolsFrame{*display:none;margin-top:-20px;padding:25px 0 5px}
#ComtoolsFrame img{display:inline-block;margin:0;padding:3px 2px 0 2px}
#ComtoolsFrame img:hover{background-color:#eee;cursor:pointer}
.face-show{}
.face-show:hover #ComtoolsFrame{*display:block}
#pjax_loading_frame{z-index:999999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#4c4c4c;opacity:0.1;filter:alpha(opacity=10)}
#pjax_loading{z-index:9999999;position:fixed;display:table-cell;left:0;top:0;width:100%;height:100%}
#pjax_loading div{position:absolute;left:49%;top:49%;width:60px;height:60px}
.promotion{overflow:hidden;margin-top:-20px;margin-bottom:20px !important;padding:0 15px 20px 15px;background:#fff}
.promotion div{overflow:hidden;margin-top:10px}
.promotion .col-xs-12{padding-left:15px;padding-right:15px}
.promotion a:hover{text-decoration:underline}
@media (min-width:768px){.promotion{box-shadow:0 0 3px rgba(0,0,0,0.1);margin-top:20px;margin-bottom:20px}
.promotion .row{padding-left:15px;padding-right:15px}
}.main-wrap{background:#fff}
@media (min-width:768px){.main-wrap{box-shadow:0 0 3px rgba(0,0,0,0.1)}
}

/** 报名按钮 **/
.baoming{ font-size:1em;background-color:#5CB85C; color:#fff; text-align:center; padding:10px; display:block;border-radius: 3px;}
.baoming:hover,#divCommentPost .button:hover,.zhuce:hover{ background-color:#449d44; color:#fff;}

/** 收款图页面 **/
#info{padding: 15px;border: 1px solid #ccc;float: left;width: 673px;}
#zi p{margin-top: 0.9em;margin-bottom: 0.9em;}
#zi h2, #zi h3 {font-size: 1.08em;font-weight: 300;margin: 35px 0 9px 0;padding: 0 9px;line-height: 40px;background-color: #f8f8f8;border-left: 4px solid #0099cc;color: #000000;border-radius: 3px;}
.sk{ width:690px;height:170;border:1px solid #cdcdcd; float:left; padding-bottom:10px;margin-bottom: 0px;}
.sk_t{ width:100%; float:left;}
.sk_t ul{padding: 17px;}
.sk_t li{ width:205px; height:160px; padding:10px; float:left;margin-right:25px;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
box-shadow: 0 1px 5px rgba(0,0,0,0.15);-webkit-border-radius: 5px 5px 5px 5px; text-align:center; margin-bottom:9px; list-style:none;}
.sk_t p{font-size: 20px;font-family: "微软雅黑", Tahoma, Arial, STHeiti, sans-serif; padding: 5px 0px 5px 0px;color: #333;}
.sk_t p span{ color:#F00; font-weight:700;}
.sk_t a{text-decoration:none;}
.sj{border:2px solid #90deff;}
.sjhover{border:2px solid #ffa200;}

/** 操作流程 **/
.illustration{padding:0;display:block}
.illustration li{background:url(http://www.hkdiaoyan.com/img/how-it-works.png) no-repeat 3px 0;float:left;margin:0 0 60px 0;height:112px;width:200px;list-style:none}
.illustration li.cartoon-2{background-position:13px -132px;width:200px;margin-left:48px}
.illustration li.cartoon-3{background-position:30px -263px;width:200px;margin-right:0}
.illustration li p{color:#8acfde;font-size:16px!important;font-weight:700;margin-top:117px;text-align:center}

 .brands{margin:30px 0 0 0;padding:0;float:left}
 .brands li{display:inline-block;*display:inline;zoom:1;min-width:134px;height:44px;text-indent:-9999px;margin:0 40px 25px 0}
 .brands li.last{margin-right:0}
 .brands{background:#fff;width:94%;margin:.5em 0 .5em 8%}
.brands li{background:url(http://www.cn-hk.surveycompare.net/sites/all/themes/sc_ppc_x_v04/img/brands-cn-hk.png) no-repeat 0 0;margin:20px 22px 0 0;height:60px}
.brands li.paypal{background-position:2px -158px}
.brands li.kfc{background-position:0 -323px}
.brands li.yesasia{background-position:0 -120px}
.brands li.pizzahut{background-position:0 -180px}
.brands li.sogo{background-position:0 -240px}
.brands li.starbucks{background-position:0 -300px;height:58px}
.brands li{margin:0 44px 30px 0!important}


.pagebtn{line-height:28px}
.pagebtn a{margin:0 10px;padding:0 20px;font-size:14px}
.icoprev:before{content:"\e314";font-family:icomoon;vertical-align:top}
.iconext:before{content:"\e315";font-family:icomoon;vertical-align:top}

/** 科目列表 **/
table#recTable{width:100%; }
#recTable tr td {height:30px;}
table#recTable{width:100%; }
#recTable tr td {height:30px;}

table#recTable1{width:100%; }
#recTable1 tr td {height:30px;}
table#recTable{width:100%; }
#recTable1 tr td {height:30px;}

table#recTable2{width:100%; }
#recTable2 tr td {height:30px;}
table#recTable{width:100%; }
#recTable2 tr td {height:30px;}

/*首頁中部5圖*/
.ys_box{width:1200px; margin:0 auto; padding:30px 0 0 0;}
.ys_box dl{width:240px; float:left;}
.ys_box dt{width:70px; float:left;}
.ys_box dd{float:left; padding:5px 0 0 0; line-height:25px;}
.ys_box dd span{font-size:16px; color:#555; display:block;}
.ys_box dd small{font-size:12px; color:#999;}
.foot{width:100%; background:#fafafa; border-top:#eee 1px solid; text-align:center; color:#999; height:55px; line-height:55px; margin-top:20px;}
.main_box{background:#fafafa; width:100%; height:auto; float:left; padding:0 0 10px 0;}

/**下一页**/
.nextpre{padding:20px;text-align:center;height:40px;line-height:40px;font-size:18px;}
.nextpre a{margin:0 10px;padding:0 30px;background:#FF0000;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

/** 收款图页面 **/
.sk{ width:690px;border:1px solid #cdcdcd; float:left; padding-bottom:10px;margin-bottom: 0px;}
.sk_t{ width:690px; float:left;}
.sk_t ul{padding: 17px;}
.sk_t li{ width:192px; height:146px; padding:5px; float:left;margin-right:9px;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
box-shadow: 0 1px 5px rgba(0,0,0,0.15);-webkit-border-radius: 5px 5px 5px 5px; text-align:center; margin-bottom:9px; list-style:none;}
.sk_t p{font-size: 20px;font-family: "微软雅黑", Tahoma, Arial, STHeiti, sans-serif; padding: 5px 0px 5px 0px;color: #333;}
.sk_t p span{ color:#F00; font-weight:700;}
.sk_t a{text-decoration:none;}
.sj{border:2px solid #90deff;}
.sjhover{border:2px solid #ffa200;}

/**Q&A页面**/
.context1{position: relative;width: 655px;overflow: hidden;padding: 0px 0px 10px 15px;line-height: 24px;}
.context1 p {padding: 5px 15px;margin: 0;line-height: 22px;text-indent: 2em;}
.q{ margin-top:10px;}
.q ul li b{border-radius: 9px;color: white;font-size: 24px;width: 45px;height: 45px;display: block;float: left;line-height: 45px;text-align: center;font-weight: normal;background: #FF7D09;}
.q ul li p{border-radius: 9px;margin:0px 0px 0px 10px;padding: 0px 16px;float: left;color: #111;position: relative;background: #ffb674;height: 45px;line-height: 45px; font-size:14px; text-indent:0em;}
.q ul li span{width: 0px;height: 0px;position: absolute;top: 16px;left: -6px;font-size: 0px;line-height: 0px;border-right: 6px solid #ffb674;border-top: 6px solid white;border-bottom: 6px solid white;}
.a{ margin-top:10px;}
.a ul li b{border-radius: 9px;color: white;font-size: 24px;width: 45px;height: 45px;display: block;float: left;line-height: 45px;text-align: center;font-weight: normal;background: #BBBDC1;}
.a ul li p{width: 480px;border-radius: 9px;margin:0px 0px 0px 10px;padding: 5px 16px;float: left;color: #111;position: relative;background: #E6E8EC;line-height: 24px; font-size:14px; text-indent:0em;}
.a ul li span{width: 0px;height: 0px;position: absolute;top: 16px;left: -6px;font-size: 0px;line-height: 0px;border-right: 6px solid #E6E8EC;border-top: 6px solid white;border-bottom: 6px solid white;}
#lqq{ width:233px;height: 22px;margin: 0px auto;}
#lqq span{ font-size:13px; float:left; color:#F00;}


/**专题页面**/
.fl{ float:left;}
.game{ margin:17px 0 0 0; overflow:hidden;text-align: center;margin-top: 20px;}
.border{border: 1px solid #E1E1E1; background: #FFF;border-radius: 5px; box-shadow: 0 0 2px rgba(0,0,0,.1); }
.game .game_tit{ font-family: "Microsoft Yahei"; background: #00A383;border-radius: 5px 5px 0px 0px; padding : 2px 0 5px 15px;color: #f6ff00;font-size: 16px;font-weight: bold; letter-spacing: 1px; text-align: left;}
.game .game_tit span{ color:#fff; font-size:12px; font-weight:normal;letter-spacing: 0px;}
.game{ margin:7px 0 0 0; overflow:hidden}
.game .game_tit{ font-family: "Microsoft Yahei"; background: #00A383;border-radius: 5px 5px 0px 0px; padding : 2px 0 5px 15px;color: #f6ff00;font-size: 16px;font-weight: bold;
letter-spacing: 1px;}
.game .game_tit span{ color:#fff; font-size:12px; font-weight:normal;letter-spacing: 0px;}
.tjxx_tit{ height:30px; line-height:30px;background: #f7f7f7; color:#333;}
.tjxx_tit .p1{ border-right:1px solid #fff; width:140px; text-indent:10px;}
.tjxx_tit .p2{ width:410px;border-right:1px solid #fff;}
.tjxx_tit .p3{ width:140px;}
.game_list li{ overflow:hidden; padding:10px 5px; border-bottom:1px dotted #ddd;}
.game_list li:last-child{ border:0;}
.game_list .xm_name{ width:140px;}
.game_list .xm_name img{ padding:1px; border:1px solid #ddd; width:115px;}
.game_list .xm_name a{ color:#333; font-size:14px;}
.game_list .xm_name strong{ display:block; margin:5px 0 0 0}
.game_list .xm_intro{ width:380px; padding:0 5px; line-height:24px; text-align:left;}
.game_list .xm_intro .button_div{ text-align:center; width:100%; vertical-align:middle }
.game_list .xm_intro .button_div .but_1{ text-align: center;line-height: 20px; padding:4px 7px;height: 20px;background: #00A383; box-shadow: 0px 1px 2px #eeeeee;-webkit-border-radius:3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 14px;}
.game_list .xm_intro .button_div .but_1 { font-weight:normal;color: #fff;text-decoration: none;}
.game_list .xm_intro .button_div .but_1:hover{ font-weight:normal;color: #fff;text-decoration:underline;}
.game_list .xm_intro .button_div .but_2{  text-align: center;  line-height: 20px;  padding: 4px 7px;  height: 20px;  background: #ff6600;  box-shadow: 0px 1px 2px #eeeeee;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  font-size: 14px;  margin-left:10px;font-weight:normal;color: #fff;text-decoration: none;}
.game_list .xm_intro .button_div .but_2:hover{ font-weight:normal;color: #fff;text-decoration:underline;}
.game_list li .fen{ width:140px; font-size: 28px;font-family: "Microsoft Yahei";color: #fe3600;font-weight: 700;}
.game_list li .fen b{font-size: 13px;}

/**task20-100（单图列表式）**/
.tj_project_title{width:700px;height:34px;overflow:hidden;background:url(img/title_bg.jpg) no-repeat;padding-left:18px;color:#FFF;font-weight:bold;}
.tj_project_title ul li{line-height:34px;font-size:16px;}
.tj_project_title ul li span{float:right;padding-right:10px;}
.tj_project_title ul li span a{color:#999;font-weight:normal;font-size:12px;}
.tj_project_title ul li span a:hover{color:#F00;text-decoration:underline;}

.tj_project_box{width:700px;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;overflow:hidden;background:#FFF;}
.tj_project_list{width:700px;overflow:hidden;}
.tj_project_list ul li{float:left;width:157px;height:84px;margin-top:10px;margin-right:5px;margin-left:10px;margin-bottom:5px;display:inline;}
.tj_project_list ul li img{float:left;width:156px;height:83px;display:block;}
.tj_project_list ul li a{width:157px;height:84px;display:block;}
.tj_project_list ul li a:hover{width:155px;height:82px;border:1px solid #DEDEDE;display:block;}

/*--------------------*/
/* COUNTER */
/*--------------------*/
#mu-counter {
	background-color: #fff;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	display: inline;
	float: left;
	position: relative;
	width: 100%;
}

.mu-counter-area {
	display: inline;
	float: left;
	padding: 0 0 50px;
	width: 100%;
}

.mu-counter-area h2 {
	color: #fff;
	text-align: center;
}

.mu-counter-block {
	display: inline;
	float: left;
	width: 100%;
}

.mu-single-counter {
	display: inline;
	float: left;
	text-align: center;
	width: 80%;
	border: 1px solid #ddd;
	padding-bottom: 0;
	margin: 0 10%;
}

.mu-single-counter i {
	font-size: 40px;
	padding: 15px 40px;
	margin-bottom: 0px;
	display: inline-block;
	padding-bottom: 0;
	margin-top: 5px;
	background: #fff;
}

.counter-value {
	font-size: 35px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mu-counter-name {
	color: #333;
}
<!--報名-->
.baoming{ font-size:1em;background-color:#5CB85C; color:#fff; text-align:center; padding:10px; display:block;border-radius: 3px;}
.baoming:hover,#divCommentPost .button:hover,.zhuce:hover{ background-color:#449d44; color:#fff;}
<!--登錄-->
.zhdl{width:1170px; margin:0 auto;}
.denglu{background-color: #F5F5F5;border: 1px solid #E3E3E3;border-radius: 4px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; padding:20px; text-align:center; font-size:1.125em; margin-bottom:20px;}
.denglu a,.denglu input{ margin-left:20px;}
.denglu input{box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);border-radius: 3px; border: 1px solid #CCC; padding:0 10px; height:34px;}
.denglu a.dl{ background-color:#337AB7;border-radius: 3px; padding:7px 10px; color:#fff; line-height:20px; height:20px;}
.denglu a.jrhy{background-color:#fff;border-radius: 3px; padding:5px 10px; line-height:20px; height:20px;border: 1px solid #CCC;}
        .black_overlay{ 
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 100%; 
            background-color: black; 
            z-index:1001; 
            -moz-opacity: 0.8; 
            opacity:.80; 
            filter: alpha(opacity=88); 
        } 
        .white_content { 
            display: none; 
            position: absolute; 
            top: 25%; 
            left: 35%; 
            width: 30%; 
            height: auto; 
            padding: 40px 20px; 
            border: 5px solid #f1f1f1; 
            background-color: white; 
            z-index:1002; text-align:center;
            overflow: auto; 
        } 
	.zhuce{font-size:14px;color:#FFF;background-color:#5CB85C;border-width:0; padding:20px 50px;border-radius: 5px;}	
	.gb{ margin-top:-30px;position: relative;}
	.gb i{ font-size:1.5em; color:#c00;}
.syad{ background-image:url(index-header.png); background-position:center center; background-repeat:no-repeat; padding:60px; color:#fff;border-radius: 4px; font-size:1.8em; margin-bottom:20px;}
.syad1 h1{ font-size:3em; font-weight:300; margin:10px 0 20px 0;}
.syad h1{ font-size:63px;color: inherit;font-family: inherit;font-weight: 500;line-height: 1.1;margin: .67em 0;background-repeat: no-repeat; background-position: center;text-shadow: 1px 1px 1px #333333;    display: block;    -webkit-margin-before: 0.67em;-webkit-margin-after: 0.67em;-webkit-margin-start: 0px; -webkit-margin-end: 0px;}
.fl{float:left;}


/* SEO Header Styles */
.seo-cat-header { background: #f9f9f9; padding: 25px; border-radius: 8px; margin-bottom: 30px; border-left: 5px solid #2c3e50; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.seo-cat-header h1 { font-size: 24px; margin-bottom: 15px; color: #333; font-weight: 700; line-height: 1.4; }
.seo-cat-intro { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 20px; }
.seo-quick-nav { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
.seo-btn { display: inline-block; padding: 8px 16px; background: #fff; border: 1px solid #ddd; border-radius: 50px; text-decoration: none; color: #333; font-size: 14px; transition: 0.3s; font-weight: 500; }
.seo-btn:hover { background: #2c3e50; color: #fff; border-color: #2c3e50; }
.seo-alert-box { background: #fff3cd; color: #856404; padding: 15px; border-radius: 6px; border: 1px solid #ffeeba; margin-top: 15px; font-size: 15px; }
.seo-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin-top: 20px; }
.feature-card { background: #fff; padding: 18px; border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-align: center; border: 1px solid #eee; }

/* SEO Footer Content Styles */
.seo-footer-content { margin-top: 50px; background: #fff; padding: 30px; border-radius: 8px; border-top: 4px solid #eee; }
.seo-footer-content h2 { font-size: 22px; margin-bottom: 15px; color: #2c3e50; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; }
.seo-footer-content h3 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; color: #444; }
.seo-footer-content p { font-size: 15px; line-height: 1.8; color: #666; margin-bottom: 15px; }
.seo-footer-content ul { padding-left: 20px; margin-bottom: 20px; }
.seo-footer-content li { margin-bottom: 8px; color: #555; }
.seo-footer-content a { color: #d9534f; text-decoration: underline; }

<!--符合 Schema.org 標準 (Microdata) 的麵包屑導航代碼-->
/* Breadcrumb Container */
.breadcrumb-nav {
    background-color: #f8f9fa; /* 淺灰背景，區隔內容 */
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #6c757d;
    border-bottom: 1px solid #e9ecef;
}

/* Flexbox Layout */
.breadcrumb-nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* 手機版自動換行 */
    align-items: center;
}

/* List Items */
.breadcrumb-nav li {
    display: flex;
    align-items: center;
}

/* Separator (分隔符號 > ) */
.breadcrumb-nav li + li::before {
    content: "›"; /* 你也可以換成 "/" 或 font-awesome 圖標 */
    margin: 0 8px;
    color: #adb5bd;
    font-size: 16px;
    line-height: 1;
}

/* Links */
.breadcrumb-nav a {
    color: #007bff; /* 你的網站主色調 */
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-nav a:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Active Page (Current Page) */
.breadcrumb-nav li.active span {
    color: #6c757d;
    /* 以下代碼防止文章標題過長破壞版面 */
    max-width: 300px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .breadcrumb-nav {
        font-size: 12px;
        padding: 8px 10px;
    }
    .breadcrumb-nav li.active span {
        max-width: 150px; /* 手機上標題顯示更短 */
    }
}

/* --- 正文內的目錄樣式開始 --- */
/* ============================================================
   文章信息 / 列表信息
   ============================================================ */

.wm-article-meta,
.wm-list-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 16px;
    margin:14px 0 18px;
    font-size:13px;
    color:#666;
    line-height:1.8;
}

.wm-article-meta span,
.wm-list-meta span{
    display:inline-flex;
    align-items:center;
}

.wm-list-excerpt{
    margin-top:10px;
    color:#666;
    font-size:14px;
    line-height:1.9;
}

.wm-list-excerpt p{
    margin:0;
}

/* ============================================================
   文章雙目錄系統
   ============================================================ */

.wm-article-content h2,
.wm-article-content h3,
.wm-article-content h4{
    scroll-margin-top:90px;
}

.wm-toc-top{
    margin:22px 0 28px;
    border:1px solid #e7ecf2;
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
    overflow:hidden;
}

.wm-toc-top-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 18px;
    cursor:pointer;
    user-select:none;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.wm-toc-top-title{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:700;
    color:#1f2937;
}

.wm-toc-top-title:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#2563eb;
    box-shadow:0 0 0 5px rgba(37,99,235,.10);
    flex-shrink:0;
}

.wm-toc-top-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:700;
    color:#2563eb;
    background:#eef4ff;
    border:1px solid #dbe7ff;
    flex-shrink:0;
}

.wm-toc-top-body{
    padding:8px 14px 14px;
    border-top:1px solid #eef2f6;
    background:#fff;
}

.wm-toc-list{
    list-style:none;
    margin:0;
    padding:0;
}

.wm-toc-item{
    margin:0;
    padding:0;
}

.wm-toc-link{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:8px 10px;
    border-radius:10px;
    color:#334155;
    text-decoration:none;
    line-height:1.7;
    transition:all .2s ease;
}

.wm-toc-link:hover{
    background:#eef4ff;
    color:#0f172a;
}

.wm-toc-number{
    min-width:max-content;
    padding:0 7px;
    height:22px;
    line-height:22px;
    border-radius:999px;
    background:#e8f0ff;
    color:#2563eb;
    font-size:12px;
    font-weight:700;
    margin-top:1px;
}

.wm-toc-text{
    flex:1;
    word-break:break-word;
}

.wm-toc-level-3 .wm-toc-link{
    padding-left:26px;
    font-size:13px;
    color:#475569;
}

.wm-toc-level-4 .wm-toc-link{
    padding-left:42px;
    font-size:12px;
    color:#64748b;
}

/* ============================================================
   右側目錄（嵌入側邊欄，不 fixed）
   ============================================================ */

.wm-toc-sidebar{
    width:100%;
    border:1px solid #e7ecf2;
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 20px rgba(15,23,42,.05);
    overflow:hidden;
    margin-bottom:20px;
}

.wm-toc-sidebar-title{
    position:relative;
    padding:14px 16px 12px;
    font-size:14px;
    font-weight:800;
    color:#1f2937;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    border-bottom:1px solid #eef2f6;
}

.wm-toc-sidebar-title::after{
    content:"";
    position:absolute;
    left:16px;
    bottom:0;
    width:36px;
    height:2px;
    background:linear-gradient(90deg,#2563eb 0%,#60a5fa 100%);
    border-radius:999px;
}

.wm-toc-sidebar-body{
    max-height:60vh;
    overflow-y:auto;
    padding:10px 0 12px;
}

.wm-toc-sidebar-list{
    list-style:none;
    margin:0;
    padding:0;
}

.wm-toc-s-item{
    margin:0;
    padding:0;
}

.wm-toc-s-link{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:7px 16px;
    color:#4b5563;
    text-decoration:none;
    border-left:3px solid transparent;
    line-height:1.65;
    transition:all .2s ease;
}

.wm-toc-s-link:hover{
    background:#f8fbff;
    color:#0f172a;
}

.wm-toc-s-number{
    min-width:max-content;
    padding:0 6px;
    height:20px;
    line-height:20px;
    border-radius:999px;
    background:#f1f5f9;
    color:#94a3b8;
    font-size:11px;
    font-weight:700;
    margin-top:1px;
}

.wm-toc-s-text{
    flex:1;
    word-break:break-word;
    font-size:13px;
}

.wm-toc-s-level-3 .wm-toc-s-link{
    padding-left:28px;
}

.wm-toc-s-level-4 .wm-toc-s-link{
    padding-left:42px;
}

.wm-toc-s-active .wm-toc-s-link{
    color:#2563eb;
    background:linear-gradient(90deg,rgba(37,99,235,.08) 0%,rgba(37,99,235,.03) 100%);
    border-left-color:#2563eb;
    font-weight:700;
}

.wm-toc-s-active .wm-toc-s-number{
    background:#2563eb;
    color:#fff;
}

.wm-toc-sidebar-body::-webkit-scrollbar{
    width:6px;
}

.wm-toc-sidebar-body::-webkit-scrollbar-track{
    background:transparent;
}

.wm-toc-sidebar-body::-webkit-scrollbar-thumb{
    background:#d5dce5;
    border-radius:999px;
}

.wm-toc-sidebar-body::-webkit-scrollbar-thumb:hover{
    background:#bfc8d4;
}

@media (max-width:1200px){
    .wm-toc-sidebar{
        display:none !important;
    }
}
/* --- 正文內的目錄樣式結束 --- */