.pray{ font-family: 'Nanum Gothic', sans-serif; } .prayMain{ width: 610px; margin-right: 15px; height: 429px; position: relative; cursor: pointer; } .prayMain .title{ position: absolute; bottom: 0; padding:18px 30px 20px 30px; background: #54dbcc; left: 0; width: 100%; color: #000; } .prayMain .title div{ padding-left: 3px; } .prayMain .title h3{ font-size: 23px; padding-top: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .prayMain .title a:hover{ color: #fff; } .prayerOn{ width: 350px; height: 429px; padding:0 15px; background: #eaeaea; position: relative; } .prayerOn .titleBox li.blackTit{ padding:0; font-size: 21px; } .prayerOn .titleBox li.grayTit{ padding: 4px 0 0 0; color: #888; } .whiteBox{ background: #fff; padding: 5px 13px; margin-bottom: 12px; overflow: hidden; } .whiteBox form{ height: 40px; } .whiteBox form input{ height: 40px; width: 74%; } .whiteBox form button{ color: #26cac3; border: 1px solid #ddd; padding: 5px 13px; float: right; margin-top: 5px; } .profile{ cursor: pointer; border-radius: 42px; width: 42px; height: 42px; float: left; margin-right: 8px; } .whiteBox p{ padding-top:11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lineBox{ position: relative; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; height: 134px; background: url('../img/pray-news-bg.jpg') no-repeat bottom right; } .lineBox h4{ font-size:20px; padding:52px 30px 10px 60px; margin-left:60px; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; } .lineBox .arrowPrev, .lineBox .arrowNext{ top:27%; background: none; } .contBar{ font-size: 9px; text-align: center; padding: 20px 0; } .contBar a{ color: #ccc; padding:0 3px; } .contBar a.current{ color: #24b9b5; } .pray .titleBox ul li{ padding-right: 13px; } .pray .titleBox ul li.current a{ color: #24b9b5; } /**Prayer ON**/ .subHeader { padding: 25px 0px; position: relative; background: #eef8f9; } .subHeader .bible { font-size: 14px; color: #888; padding-top: 8px; } .leftCont .prayerOn{ width: 100%; height: auto; padding:20px 30px 30px 30px; } .leftCont .prayerOn .whiteBox{ padding:20px; } .leftCont .prayerOn .whiteBox .profile{ margin-right: 20px; } .on .whiteBox p { width: 83%; white-space: pre-wrap; padding: 0; float: left; line-height: 1.4; } .on .prayIcon { position: relative; float: right; margin-top:12px; } .on .prayIcon a { float: right; height: 30px; padding: 5px 8px; } .on .prayIcon a.star, .on .prayIcon a.like { border: 1px solid #ddd; margin-left: 5px; font-size: 13px; } .on .titleBox ul.myPrayer li{ padding-bottom: 0; font-size: 18px; } .on .titleBox ul.myPrayer li:first-child { border-right: 1px solid #ccc; padding:0 10px 0 0; margin-right: 15px; } .on .titleBox p { clear: both; font-size: 14px; color: #888; padding: 13px 0; } .on .prayerForm form { border: 2px solid #26bdb8; color: #26bdb8; height: 53px; } .on .prayerForm input{ padding: 5px 10px; height: 100%; width: 63%; } .on .prayerForm button{ background: #26bdb8; color: #fff; font-weight: bold; border: none; height: 100%; margin:0; } .on .myPray { position: absolute; bottom: 146px; right: 29px; border: 1px solid #ddd; text-align: center; font-size: 14px; padding: 10px; cursor: pointer; background: #fff; } .on .myPray div { padding-bottom: 5px; } /**SideBar**/ .pt20 { padding-top: 20px; } .pt10{ padding-top: 10px; } .sidebar .lineBox{ background: url('../img/pray-news-bg-s.jpg') no-repeat bottom right; background-size: 45%; } .sidebar .lineBox h4 { font-size: 17px; padding: 27px 30px 10px 0px; margin-left: 44px; width: 61%; white-space: pre-wrap; overflow: hidden; text-align: left; height: 107px; } .sidebar .lineBox .arrowPrev,.sidebar .lineBox .arrowNext{ width: 18px; } .sidebar .titleBox{ padding:0; position: relative; } .sidebar .titleBox .contBar{ position: absolute; right: 0; top:6px; width: 40%; padding: 0; text-align: right; } .sidebar ul.sideImg li{ float: left; width: 145px; } .sidebar ul.sideImg li:nth-child(1),.sidebar ul.sideImg li:nth-child(3){ margin-right:10px; } .sidebar ul.sideImg li div{ width: 145px; height: 90px; overflow: hidden; } .sidebar ul.sideImg li div img { vertical-align: middle; width: 100%; height: auto; } .sidebar ul.sideImg li h5{ font-size: 15px; line-height: 1.4; font-weight: normal; padding:8px 0 10px 0; } .sidebar .sideBox{ clear: both; overflow: hidden; margin-bottom: 10px; } /**Video**/ .pray .resourceBoxTag ul li.all, .pray .resourceBoxTag ul li:hover { background: #35c0bd; color: #fff; font-weight: bold; border: none; } .videoBox{ overflow: hidden; } .videoBox ul li{ float: left; width: 32%; border:1px solid #ddd; margin-right: 10px; margin-bottom: 15px; } .videoBox ul li a{ position: relative; } .videoBox ul li .des{ padding: 15px; font-weight: normal; } .videoBox ul li .des h4{ font-size: 16px; height: 46px; overflow: hidden; font-weight: normal; line-height: 1.4; margin-bottom: 5px; } .videoBox ul li .des .blue{ padding-bottom: 10px; font-size: 15px; } .videoBox ul li .icBox a{ padding-right: 10px; } .videoBox ul li .icBox a img{ vertical-align: middle; } .videoBox ul li a .duration { position: absolute; bottom: 0; right: 0; background: #000; opacity: .7; font-size: 14px; color: #fff; padding: 6px 12px; } /**Together**/ .profileBox{ overflow: hidden; } .profileBox ul li{ float:left; margin-right: 25px; text-align: center; } .profileBox .cover_profile3{ padding:0 0 10px 0; cursor: pointer; } .profileBox .cover_profile3 div { border-radius: 80px; width: 80px; height: 80px; } .togetherBox{ overflow: hidden; clear: both; padding-top: 20px; } .togetherBox ul li{ overflow: hidden; border-top: 1px solid #ddd; padding: 23px 20px 23px 0; } .togetherBox ul li a.thumbLeft img{ float: left; width: 178px; margin-right: 20px; } .togetherBox ul li .contBox h4{ font-size: 18px; padding-bottom: 10px; } .togetherBox ul li .contBox p{ font-size: 16px; padding-bottom: 10px; } .togetherBox ul li .contBox .blue{ float: left; width: 40%; } .togetherBox ul li .icBox { overflow: hidden; font-size: 14px; float: right; width: 20%; text-align: right; } .togetherBox ul li .icBox a { display: inline-block; padding-left:10px; } .togetherBox ul li .icBox a img { width: auto; vertical-align: middle; margin-right: 7px; } /**X Art**/ .pray .xArt{ overflow: hidden; } .pray .xArt ul li{ padding-right: 16px; margin-right: 0; width: 50%; float: left; margin-bottom: 16px; } .pray .xArt li img{ max-height: auto; } .pray .xArt li .des{ padding: 0; } .pray .xArt li .des p{ padding:10px 13px; font-weight: normal; border:1px solid #ddd; border-top:none; height: 100%; font-size: 16px; } .pray .xArt li > a{ display: block; } .pray .xArt li > a:first-child { border: 1px solid #ddd; overflow: hidden; height: 200px; } /**TV**/ .tv .logo span{ display: inline-block; font-size: 28px; float: right; padding-top: 16px; } .tvMain{ background: #f5f5f5; padding: 30px 0 0px 0; overflow: hidden; } .tvMain .container{ position: relative; } .tvMain .float_left,.tvMain .float_right{ width: 582px; } .tvMain .tvMainImg{ width: 582px; height: 325px; cursor: pointer; position: relative; } .tvMain h4{ font-size: 20px; padding:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tvMain .contBar{ clear: both; } .tv .duration { position: absolute; bottom: 10px; right: 10px; background: #000; opacity: .7; font-size: 14px; color: #fff; padding: 6px 12px; border-radius: 2px; } .tv .duration i{ opacity: 1; font-size: 10px; margin-right: 6px; } .tvMain .arrowPrev, .tvMain .arrowNext{ background: none; top:30%; } .tvMain .arrowPrev{ left:-50px; } .tvMain .arrowNext{ right: -50px; } .tvMain .contBar{ font-size: 10px; } .tvMain .contBar a{ padding: 0 4px; } .icBox{ padding-top: 8px; } .icBox a.borderR{ border-right:1px solid #ddd; padding-right: 10px; margin-right: 5px; } .icBox a img{ width: auto; vertical-align: middle; } .channelBox{ overflow: hidden; padding:30px 0; } .channelBox .titleBox{ font-size: 16px; font-weight: bold; padding-bottom: 20px; } .channelBox ul li{ float:left; text-align: center; margin-right: 40px; font-size: 14px; } .channelBox ul li:last-child{ margin-right: 0; } .channelBox .cover_profile3 { padding: 0 0 10px 0; cursor: pointer; } .channelBox .cover_profile3 div { border-radius: 134px; width: 134px; height: 134px; } .bn1180{ clear: both; text-align: center; } .tv .sermon .col4 li{ border:none; height: 100%; padding-bottom: 30px; } .tv .sermon .col4 .tvImg{ height: 162px; position: relative; } .tv .arrow{ padding-top: 0; } .tabRight{ text-align: right; float: right; } .tabRight a{ display: inline-block; padding:0 10px 0 8px; } .tabRight a.current { color: #26bdb8; } .tabRight a.borderR { border-right: 1px solid #ddd; } .tv .col4 h4, .tv .col3 h4{ font-size: 16px; padding: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tv .col3 li{ width: 382px; } .tv .sermon .col3 .tvImg{ height: 216px; position: relative; } .tv .channel{ clear: both; overflow: hidden; padding: 30px 0; } .tv .channel div { float: left; width: 110px; height: 110px; border-radius: 110px; cursor: pointer; margin-right: 30px; } .tv .channel h4{ font-size: 22px; padding: 40px 0; } .tvArticle{ width: 730px; margin:0 auto; } .tvArticle p{ padding: 20px 10px; line-height: 1.6; }