@charset "UTF-8"; /* CSS Document */ .mainWrap { width: 100%; background: url(../images/common/topBG.jpg) repeat-x 50% 0; clear: both; min-width: 1073px; } .mainTop { background: url(../images/common/topBG-fl.jpg) no-repeat 50% 0; width: 100%; } .mh-nei { width: 100%; height: 100%; } .headerTop { position: relative; width: 1073px; display: block; height: 100%; margin: 0 auto; z-index: 1000; } .fltx { width: 87px; height: 97px; position: absolute; top: 20px; left: 10px; } .logoMH { width: 330px; height: 67px; position: absolute; top: 20px; left: 111px; } /*---------------------------------------------*/ .newJwWrapper { border-bottom: 1px dotted #cbb7a3; margin-bottom: 10px; } .newJwWrapper.singleJw { padding-bottom: 20px; } .newJw { display: block; height: 100%; overflow: hidden; width: 728px; } .newJw .columnMo { float: left; } .newJw .first { width: 295px; } .newJw .last { width: 433px; /*padding-right:15px;*/ } .newJw .noPic { width: 649px; padding: 10px 21px 0 0; } .newJw .jwPic { padding: 0 15px 0 0; width: 280px; height: 200px; overflow: hidden; } .newJw .jwPic img { width: 280px; } .newJw .jwTitle { padding: 0 0 12px; } .newJw .jwTitle a { font-size: 21px; font-weight: 700; color: #204692; text-decoration: none; line-height: 1.3em; } .newJw .jwTitle a:hover { text-decoration: underline; } .newJw .jwInfo { color: #777; font-size: 13px !important; font-weight: 300; line-height: 19px; overflow: hidden; cursor: default; } .newJw .text_dotted { width: 3em; height: 1.5em; float: left; font-size: 13px; line-height: 17px; color: #777; } /*---------------------------------------------*/ .jw-pager { line-height: 26px; text-align: right; width: 100%; height: 30px; } .jw-pager span { font-size: 30px; width: 16px; height: 16px; display: inline-block; color: #ddd; } .jw-pager span.cycle-pager-active { color: #EE8A26; } .jw-pager > * { cursor: pointer; } /*---------------------------------------------*/ .hotNews { display: block; height: 100%; overflow: hidden; width: 100%; padding: 0; } .hotNews .titleWrap { clear: both; width: 100%; overflow: hidden; border-bottom: 1px #cbb7a3 solid; line-height: 21px; padding: 0 0 7px; } .hotNews .mainT { float: left; font-size: 13px; font-weight: 300; } .hotNews .mainT a:link, .hotNews .mainT a:hover { color: #414141; } .hotNews .ariticleNavi { font-size: 11px; font-weight: 500; text-transform: uppercase; float: right; color: #777; } .hotNews .ariticleNavi a, .hotNews .ariticleNavi a:hover { color: #777; } .hotNews .date { color: #ee8a26; font-weight: 500; } .hotNews .grid2colT { padding-bottom: 15px; } .hotNews .moreWrap { clear: both; } .hotNews .moreWrap .moreT { float: right; text-transform: uppercase; color: #e06f00; font-size: 11px; font-weight: bold; padding: 5px 15px 5px 0; line-height: 15px; } .hotNews .columnMo { float: left; padding: 0; } .hotNews .first { width: 363px; margin-top: 15px; } .hotNews .last { width: 364px; border-left: 1px dotted #cbb7a3; margin-top: 15px; } .hotNews .first .topicLeft { padding-right: 15px; } .hotNews .first .topicPhoto { width: 100%; padding: 0 0 16px; height: 100%; overflow: hidden; } .hotNews .first .topicPhotoLeft { width: 100px; height: 67px; overflow: hidden; float: left; } .hotNews .first .topicPhotoLeft img { width: 100px; } .hotNews .first .photoTxt { padding: 0 27px 0 10px; font-size: 18px; font-weight: 600; line-height: 1.3em; color: #2a4296; } .hotNews .first .photoTxt a, .hotNews .first .photoTxt a:hover { color: #0e3480; line-height: 1.3em; } .hotNews .first .photoTxt a:visited { color: #208da4; } .hotNews .first .hengTitle { padding: 12px 0 8px !important; margin: 0; } .hotNews .first .topicTxt { color: #777; font-size: 13px; font-weight: 300; padding: 0 0 18px; cursor: default; } /* changeBox_a1 */ .changeBox { width: 345px; position: relative; padding: 0; } .pageWrap { width: 345px; float: left; } .pageColumn { float: left; width: 330px; padding: 0 0 0 15px; } .pageColumn.rightS { padding-right: 0 !important; } .pageColumn li { display: block; padding: 0 0 12px; overflow: hidden; clear: both; } .pageColumn a { font-size: 16px; color: #002266; font-weight: 400; line-height: 1.3em; width: 330px; float: left; display: block; } .pageColumn a:visited { color: #0d7c93; } .pageColumn a:hover, .pageColumn a:active { text-decoration: underline; } .pageTitle { font-size: 13px; font-weight: 300; color: #777; line-height: 1.3em; text-transform: uppercase; text-align: center; margin: 14px 0 12px; } /*---------------------------------------------*/ .FocusTopics { width: 728px; position: relative; padding-bottom: 20px; border-bottom: 1px solid #cbb7a3; border-top: 1px solid #cbb7a3; } h2.focusTitle { display: block; font-size: 17px; font-weight: 300; position: absolute; top: 15px; left: 0; color: #999; text-transform: uppercase; } /*---------------------------------------------*/ .RecentNews { border-bottom: 1px solid #cbb7a3; } h2.RecentNewsTitle, h2.NotableArticlesTitle { color: #999; font-weight: 300; font-size: 17px; text-transform: uppercase; margin: 30px 0 15px; text-align: center; } .RecentNewsNei, .NotableArticlesNei { width: 728px; clear: both; position: relative; display: block; } .RecentNewsLeft, .NotableArticlesLeft { width: 349px; padding: 5px 14px 15px 0; border-right: 1px dotted #cbb7a3; float: left; display: block; position: relative; } .RecentNewsRight, .NotableArticlesRight { width: 349px; padding: 5px 0 15px 15px; float: left; display: block; position: relative; } .RecentNewsMo, .NotableArticlesMo { display: block; clear: both; width: 349px; padding: 0 0 15px; } h3.RNM-title { text-transform: uppercase; text-align: center; font-size: 13px; font-weight: 400; border-bottom: 1px dotted #cbb7a3; margin: 10px 0 15px; padding-bottom: 3px; } h3.RNM-title a, h3.RNM-title a:hover, .NotableArticlesTitle a, .NotableArticlesTitle a:hover { color: #EE8A26; } .RecentNewsContent, .NotableArticlesContent { display: block; clear: both; width: 349px; margin: 10px 0 0; } .RecentNewsContent li, .NotableArticlesContent li { display: block; margin: 0 0 12px; width: 349px; } .RecentNewsContent a, .NotableArticlesContent a { color: #002266; font-size: 16px; line-height: 1.3em; display: block; } .RecentNewsContent a:visited, .NotableArticlesContent a:visited { color: #0d7c93; } .NotableArticlesTitle a { font-weight: 400; } /*---------------------------------------------*/ .master { width: 315px; display: block; clear: both; margin: 0; } .masterNei { padding: 0 0 5px 15px; } .masterNei .shifu { width: 300px; height: 198px; overflow: hidden; } .masterNei .shifu img { width: 278px; } .masterInfo { margin: 10px 0 26px; font-size: 11px; font-weight: 300; line-height: 16px; color: #686868; } h4.rightTitle { font-size: 15px; font-weight: 600; color: #EE8A26; text-transform: uppercase; border-bottom: #cbb7a3 1px solid; height: 19px; padding-bottom: 6px; } h4.rightTitle a, h4.rightTitle a:hover { color: #EE8A26; } .jwlist { padding: 13px 0 0 0; } .jwlist li { margin: 0 0 12px; clear: both; display: block; } .jwlist a { font-size: 15px; line-height: 1.2em; color: #204692; font-weight: 600; display: block; } .jwlist a:visited { color: #3499ae; } .jwlist .lidate { font-size: 10px; color: #777; display: block; } .more { float: right; font-size: 11px; line-height: 17px; color: #686868; text-transform: uppercase; } .more a { color: #686868; } /*---------------------------------------------*/ .fromEditor { width: 315px; margin: 21px 0 0; display: block; clear: both; } .fromEditorNei { padding: 0 0 5px 15px; } .fromElist { padding: 13px 0 0 0; } .fromElist li { margin: 0 0 12px; clear: both; display: block; } .fromElist a { font-size: 15px; font-weight: 500; line-height: 1.2em; color: #0e3480; display: block; } .fromElist a:visited { color: #208da4; } .fromElist .lidate { font-size: 10px; color: #777; display: block; } /*---------------------------------------------*/ .fromMasterNei { padding: 0 0 5px 15px; } .fromMasterNei h4.rightTitle { font-size: 13px; } .fromMlist { padding: 13px 0 0 0; } .fromMlist li { margin: 0 0 12px; clear: both; display: block; } .fromMlist a { font-size: 15px; font-weight: 500; line-height: 1.2em; color: #0e3480; display: block; } .fromMlist a:visited { color: #208da4; } .fromMlist .lidate { font-size: 10px; color: #777; display: block; } /*---------------------------------------------*/ .recommendations { width: 315px; margin: 21px 0 0; display: block; clear: both; } .recommendationsNei { padding: 0 0 5px 15px; } .recommendationsList { padding: 13px 0 0 0; } .recommendationsList li { margin: 0 0 12px; clear: both; display: block; } .recommendationsList a { font-size: 15px; font-weight: 500; line-height: 1.2em; color: #0e3480; display: block; } .recommendationsList a:visited { color: #208da4; } .recommendationsList .lidate { font-size: 10px; color: #777; display: block; } /*---------------------------------------------*/ .shifuComments { width: 315px; margin: 21px 0 0; display: block; clear: both; } .shifuCommentsNei { padding: 0 0 5px 15px; } .shifuClist { padding: 13px 0 0 0; } .shifuClist li { margin: 0 0 12px; clear: both; display: block; } .shifuClist a { font-size: 15px; font-weight: 500; line-height: 1.2em; color: #0e3480; display: block; } .shifuClist a:visited { color: #208da4; } .shifuClist .lidate { font-size: 10px; color: #777; display: block; } /*---------------------------------------------*/ .podcast { text-align: center; width: 315px; margin: 21px 0 0; display: block; clear: both; } /*---------------------------------------------*/ .aboutF { width: 315px; margin: 21px 0 20px; display: block; clear: both; } .aboutFNei { padding: 0 0 5px 15px; } .aboutFlist { padding: 13px 0 0 0; } .aboutFlist li { margin: 0 0 6px; clear: both; display: block; background: url(../images/common/dot.gif) no-repeat 0 6px; } .aboutFlist a { font-size: 15px; font-weight: 400; line-height: 1.2em; color: #002266; display: block; padding: 0 0 0 15px; } .aboutFlist a:visited { color: #0d7c93; } .aboutFlist .wf { display: inline-block; } .aboutFlist .flicon { float: right; margin: -5px 80px 0 0; background: url(../images/common/huiline.gif) no-repeat 0 0; } /*---------------------------------------------*/ .grid2col .column.last .featuredBlock { width: 296px; margin: 0 0 20px 15px; } .featuredBlock { /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #fafbfe 0%, #fdfeff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafbfe), color-stop(100%, #fdfeff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafbfe 0%, #fdfeff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafbfe 0%, #fdfeff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafbfe 0%, #fdfeff 100%); /* IE10+ */ background: linear-gradient(top, #fafbfe 0%, #fdfeff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafbfe', endColorstr='#fdfeff', GradientType=0); /* IE6-8 */ *background-color: #fafbfe; border: #e6f1fb 2px solid; margin: 0 0 21px; width: 296px; } .featuredBlock .nei { height: 100%; padding: 15px 0 0; overflow: hidden; } .featuredBlock .title { background: url(../images/common/introF.png) no-repeat 50% 0; height: 16px; } .featuredBlock .titleR { height: 16px; font: 16px/15px 'Crimson Text', Georgia, serif; font-weight: 500; text-align: center; color: #2a4296; padding: 0 0 3px; } .featuredBlock .titleRs { font: 14px/18px 'Crimson Text', Georgia, serif; font-style: italic; font-weight: 400; text-align: center; color: #838383; padding: 5px 0 6px; height: 18px; } .featuredBlock .imgWrap { width: 100%; height: 100%; background: url(../images/common/shadowdown.png) no-repeat 50% 0; position: relative; } .featuredBlock .imgslide { width: 100%; height: 100%; overflow: hidden; margin: 0 auto 12px; text-align: center; } .featuredBlock .imgslide img { margin: 0 auto; } /*---------------------------------------------*/ .footWrap { width: 100%; clear: both; background: url(../images/common/footbg.png) no-repeat 50% 0; overflow: hidden; } .footNei { width: 1073px; height: 100%; margin: 0 auto; overflow: hidden; padding-bottom: 20px; } .footCopyright { width: 1073px; margin: 0 auto; overflow: hidden; height: 40px; line-height: 40px; border-top: 1px dotted #cbb7a3;; text-align: left; font-size: 13px; font-weight: 300; color: #909090; } .columnTitle { font-size: 13px; color: rgb(44, 78, 170); font-weight: bold; display: block; margin: 0 0 13px; text-transform: uppercase; } .columnTitle.neiTitleB { margin: 16px 0 14px; } .columnTitle a { color: #204692; } .columnLi { clear: both; } .columnLi li { display: block; margin: 0 0 8px; } .columnLi li:last-child { margin: 0 0 18px; } .columnLi a { color: #555; font-size: 13px; font-weight: 300; } .columnLi a:hover { color: #EE8A26; text-decoration: none; } .footWrap .column.persecution { width: 230px; padding: 0 14px 0 0; } .footWrap .column.aboutDF { width: 188px; } .footWrap .column.pra { width: 230px; } .footWrap .column.world { width: 153px; } /*-----------------page scroller-con----------------------------*/ .scroller-con { position: relative; overflow: hidden; margin: 12px 0 10px; } .scroller-con .scroller { overflow: hidden; position: relative; } .scroller-con .inner { position: absolute !important; } .scroller-con .simple-scrollbary { position: absolute; width: 7px; height: 60px; top: 0; right: 0px; background: #d2d9f3; border-radius: 2px; cursor: pointer; } .scroller-con .simple-scrollbary-bg { position: absolute; width: 7px; top: 0; right: 0px; background: #e9eefe; border-radius: 5px; cursor: pointer; } .scroller-con .simple-scrollbarx { position: absolute; width: 60px; height: 7px; left: 0; bottom: -10px; background: #d2d9f3; border-radius: 2px; cursor: pointer; } .scroller-con .simple-scrollbarx-bg { position: absolute; height: 7px; left: 0; bottom: -10px; background: #e9eefe; border-radius: 5px; cursor: pointer; } /*----------------- ads ----------------------------*/ .external { margin: 0 0 20px 15px; text-align: center; } .minghui-international { text-align: center; margin: 20px 0 20px 15px; } .quit-ccp-total { color: #ff0505; font-weight: bold; font-family: Arial, sans-serif; /*background-color: white;*/ } #newsletter-subscribe { margin: 15px 0 25px 15px; } .hotNews .twocollum { width: 727px; margin-top: 15px; } .hotNews .twocollum .topicLeft { padding-right: 15px; } .hotNews .twocollum .topicPhoto { width: 100%; padding: 0 0 16px; height: 100%; overflow: hidden; } .hotNews .twocollum .topicPhotoLeft { width: 100px; height: 67px; overflow: hidden; float: left; } .hotNews .twocollum .topicPhotoLeft img { width: 100px; } .hotNews .twocollum .photoTxt { padding: 0 27px 0 10px; font-size: 18px; font-weight: 600; line-height: 1.3em; color: #2a4296; } .hotNews .twocollum .photoTxt a, .hotNews .twocollum .photoTxt a:hover { color: #0e3480; line-height: 1.3em; } .hotNews .twocollum .photoTxt a:visited { color: #208da4; } .hotNews .twocollum .hengTitle { padding: 12px 0 8px !important; margin: 0; } .hotNews .twocollum .topicTxt { color: #777; font-size: 13px; font-weight: 300; padding: 0 0 18px; cursor: default; } .hotNews .twocollum ul li { float: left; width: 50%; / / helps to determine number of columns, for instance 33.3 % displays 3 columns } .hotNews .twocollum ul { list-style-type: disc; } div#multiColumn { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }