*{-webkit-transition-property:background-color,border-color,color;-webkit-transition-timing-function:linear;-webkit-transition-duration:0.15s;-moz-transition-property:background-color,border-color,color;-moz-transition-timing-function:linear;-moz-transition-duration:0.15s;-ms-transition-property:background-color,border-color,color;-ms-transition-timing-function:linear;-ms-transition-duration:0.15s;-o-transition-property:background-color,border-color,color;-o-transition-timing-function:linear;-o-transition-duration:0.15s;transition-property:background-color,border-color,color;transition-timing-function:linear;transition-duration:0.15s;}
body{padding:0; line-height: 1.4}
a:focus {outline: none;}
h1, h2, h3, h4, h5, h6, .popular-list, .btn-invite {font-family: 'open sans'; line-height: 1.2}
#wrap{background-color:#ffffff;max-width:1600px;position:relative;margin:0 auto;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
#wrap.bg-grey{background-color:#f5f5f5;}
#wrap.bg-e{background-color:#e3e3e3;}
.pdt140{padding-top:140px;}
.pdt80{padding-top:80px;}
.pdt60{padding-top:60px;}
.mgt30{margin-top:30px;}

.pagination a{color:#999;}.pagination a:hover{color:#8fc31f;}
.header.navbar-fixed-top{position:fixed;margin-bottom:0;}
.header .navbar-inner{background-color:#000000;background-image:none;filter:progid:dximagetransform.microsoft.gradient(enabled=false);min-height:60px;border-bottom:0;}
.header .navbar-inner .brand{padding:5px 20px 0;margin-left:0;}
.header .navbar-inner .nav>li{padding-top:15px;}
.header .top-Slogan {
    color: #ffffff;
    font-size: 12px;
    margin-left: -10px;
    margin-top: 28px;
    opacity: 0.4;
}
.header .navbar-inner .brand, .header .navbar-inner .nav > li > a {color:#ffffff; text-shadow:none; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.header .navbar-inner .nav.main-nav > li > a:hover {color: #8fc31f}
.header .navbar-inner .nav.notification-nav > li > a {font-size: 12px;}
.header .navbar-inner .nav > li > a.btn:hover, .header .navbar-inner .nav > li > a.btn:focus {background-position: inherit;}
.header .navbar-search{margin:15px 10px 0px 0px; border-bottom: none;}
.header .navbar-search input{width:150px;}
.header.gradual .navbar-inner{
    background: #262626 repeat-x left bottom;
    background-image: -ms-linear-gradient(top, #333333, #262626);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#262626));
    background-image: -webkit-linear-gradient(top, #333333, #262626);
    background-image: -o-linear-gradient(top, #333333, #262626);
    background-image: -moz-linear-gradient(top, #333333, #262626);
    background-image: linear-gradient(top, #333333, #262626);
    border: 1px solid #000;
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.header.navbar-inverse .main-nav li.dropdown.open>.dropdown-toggle{border-top-left-radius:5px;border-top-right-radius:5px;background-color:#ffffff;color:#638c0b;}.header.navbar-inverse .main-nav li.dropdown.open>.dropdown-toggle .caret{border-top-color:#84bb0f;border-bottom-color:#84bb0f;}
.header.navbar .main-nav>li>.dropdown-menu{margin-top:-5px;border-top-left-radius:0;border:none;width:620px;padding:20px 0 20px 20px;}.header.navbar .main-nav>li>.dropdown-menu:before,.header.navbar .main-nav>li>.dropdown-menu:after{border:0;}
.header.navbar .main-nav>li>.dropdown-menu li{float:left;padding:3px;width:196px;}.header.navbar .main-nav>li>.dropdown-menu li a{color:#000000; font-size: 14px; display:block;padding-left:5px;padding-right:5px;border-radius:4px;}
.header.navbar .main-nav>li>.dropdown-menu li a:hover {color: #ffffff}
.header.navbar .main-nav>li>.dropdown-menu li.divider{width:280px;padding:0px;background-color:#cccccc;}
.header.navbar .sign-nav,.header.navbar .account-nav{margin-right:20px;}
.header.navbar .account-nav .dropdown .dropdown-toggle .caret,.header.navbar .account-nav .dropdown.open .dropdown-toggle .caret{margin-top:0;vertical-align:middle;}
.header.navbar .account-nav .dropdown-menu{min-width:100px;}.header.navbar .account-nav .dropdown-menu i{margin-right:5px;}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {padding: 4px 12px; margin: 0 10px 0 0;}
.header.navbar .notification-nav .dropdown-menu .dropdown-item-wrap > ul > li > a {padding: 10px; display: block; color: #333333;}
.header.navbar .notification-nav .dropdown-menu .dropdown-item-wrap > ul > li > a:hover{background-color: #0081c2; text-decoration: none; color: #ffffff}

.header.navbar .notification-nav .notification-btn .dropdown-menu .dropdown-item-wrap > ul > li {margin: 0px; display: block; padding: 10px;}
.header.navbar .notification-nav .notification-btn .dropdown-menu .dropdown-item-wrap > ul > li > a {padding: 0px;}
.header.navbar .notification-nav .dropdown .dropdown-toggle,.header.navbar .notification-nav .dropdown.open .dropdown-toggle{padding:0 10px 0 0;background-color:transparent;
    color: #fff;
    margin-right: 10px;

    border: 1px solid #000;

    background-image: -ms-linear-gradient(top, #555555, #3a3a3a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3a3a3a));
    background-image: -webkit-linear-gradient(top, #555555, #3a3a3a);
    background-image: -o-linear-gradient(top, #555555, #3a3a3a);
    background-image: -moz-linear-gradient(top, #555555, #3a3a3a);
    background-image: linear-gradient(top, #555555, #3a3a3a);

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 3px 6px;
}
.header.navbar .notification-nav .dropdown .dropdown-toggle:hover
{
    background-color: #3a3a3a;
}

.patron-profile {background-color: #eeeeee; padding-bottom: 50px;}
.patron-profile .container-fluid {padding-top: 30px; padding-bottom: 80px;}
.patron-profile .left-side-padding, .patron-profile .profile-right {padding-right: 10px;}
.patron-profile .profile-left {text-align: left; margin-top: 30px;}
.patron-profile .topname {overflow: hidden;}
.patron-profile .topname h4 {margin: 15px 0px 10px}
.patron-profile .topname .pics {float: left; margin: 0px 5px 5px 0px;}
.patron-profile .show_image {margin: 10px 0 20px}
.patron-profile .sidebar-tit {padding: 30px 0px 10px; margin-bottom: 5px; text-align: center;}
.patron-profile .sidebar-tit h1 {margin: 0px 0px 5px 0px;font-size: 32px;}
.patron-profile .sidebar-tit h1 a { color: #111111; }
.patron-profile .show_block .show_counts {padding: 8px 0px; line-height: 1; font-style:italic;}
.patron-profile .show_block .show_counts .progress {margin-top: 3px;}
.patron-profile .show_block .show_counts .counts {display: block; font-size: 48px; font-weight: bold; font-style: normal;}
.patron-profile .area-02 {background-color: #ffffff; padding: 30px 0px; margin-top: 30px;}
.patron-profile .area-02 .profile-right .episodes {border-top:1px solid #dddddd; padding-top: 20px;}
.patron-profile .area-02 .profile-right .episodes .blocks {border-top: 1px dashed #cccccc; position: relative; padding: 10px 60px 10px 0}
.patron-profile .area-02 .profile-right .episodes .play-btn {position: absolute; font-size: 30px; color: #08e159; width: 50px; right: 0; top: 0; bottom: 0;}
.patron-profile .area-02 .profile-right .episodes .play-btn:hover {text-decoration: none;}
.patron-profile .area-02 .profile-right .episodes .play-btn i.iconpd-play-2 {position: absolute; top: 50%; margin-top: -15px;}
.patron-profile .area-02 .profile-right .episodes .blocks h5 {margin-bottom: 0px;}
.patron-profile .tab-content {margin-top: 5px;}
.tabreward-display {display: none;}
.patron-profile .tab-reward {position: relative; background-color: #f6f6f6; padding: 20px; margin: 10px 0px; border-radius: 5px;}
.patron-profile .tab-reward .price {margin-bottom: 20px;}
.patron-profile .tab-reward .shadow-bg {height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    }
.success-box {text-align: center; overflow: hidden; margin: 0px 0px 40px;}
.success-box p.box {
    background-color: #5bb75b;
    border:1px solid #ffffff;
    font-size: 18px;
    padding: 20px;
}
.success-box p.box  a {color: #ffffff}
.addthis_button_facebook, .addthis_button_twitter {
    background-color: #305891;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}
.success-box .addthis_button_facebook, .success-box .addthis_button_twitter {margin-top: 10px;}
.success-box small {color: #666666; margin: 20px 20px 50px; display: block;}
.success-box p {font-size: 16px;}
.addthis_button_facebook:hover, .addthis_button_twitter:hover {color: #ffffff; text-decoration: none;}
.addthis_button_twitter {background-color: #2ca8d2}
a.addthis_button_facebook.at300b .at4-icon, a.addthis_button_twitter.at300b .at4-icon {display: inline-block;}

.badge-block {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding: 20px;
}
.badge-block .control-group {padding: 10px 0px; border-bottom: 1px dashed #cccccc;}
.badge-block .badge-code {height: 120px;}
.badge-block small {width: 70px; display: inline-block;}


#tab-reward {display: none;}
.patron-profile .tab-reward small {font-weight: bold; color: #08e159}
.patron-profile .tab-reward .shadow-bg a {
    background-color: #08e159;
    font-size: 20px;
    color: #ffffff;
    border-radius: 5px;
    display: block;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;  /* Firefox 4 */
    -webkit-transition: opacity 0.5s;   /* Safari 和 Chrome */
    -o-transition: opacity 0.5s;  

}
.patron-profile .tab-reward .shadow-bg a span {
    height: 20px;
    left: 50%;
    margin-left: -150px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 300px;
}
.patron-profile .tab-reward .shadow-bg a:hover, .patron-profile .tab-reward .shadow-bg a:focus {text-decoration: none;}
.patron-profile .tab-reward:hover .shadow-bg a, .patron-profile .tab-reward .shadow-bg a:focus {opacity: 0.9;}
.patron-profile .tab-content .tab-story, .patron-profile .tab-milestones {padding: 10px 0px ; position: relative; margin-bottom: 5px;}
.patron-profile .media-list .media {background-color: #ffffff; border:1px solid #dddddd; padding: 20px;}
.patron-profile .media-list .media .media-body {position: relative;}
.patron-profile .media-list .media .media-body .accordion-body .nav-tabs{
    border-top: 1px solid #666666;
    padding-top: 5px;
}
 .reached-block {
    color: #08e159;
    font-size: 16px;
    font-weight: bold;
}
.patron-profile .tab-milestones .price {font-weight: bold;}
#tab-milestones .tab-milestones {border-top: 1px dashed #cccccc;}
#tab-milestones .tab-milestones:first-child {border-top:none;}
.patron-profile .media-list .media .media-body .media-mid {margin-right: 70px; margin-bottom: 30px;}
.patron-profile .media-list .media .media-body .media-mid .media-heading {margin-bottom: 10px;}
.patron-profile .media-list .media .media-body .media-mid .btn-toolbar {margin-top: 30px;}
.patron-profile .media-list .media .media-body .tab-content {padding-top: 10px; border-top: 1px solid #000000;}
.patron-profile .media-list .media .media-body .tab-content .row {margin: 0px 0px 15px;}
.patron-profile .media-list .media .media-body .tab-content .row .col4 {padding: 0 10px 0 0}

.patron-profile .media-list .media .media-body .tab-content table {margin-top: 10px;}
.patron-profile .media-list .media .media-body .tab-content .total-bg {text-align: center; background-color: #eeeeee; padding: 5px; border-radius: 5px;}
.patron-profile .media-list .media .media-body .tab-content .total-bg span {display: block; font-size: 24px; color: #222222}
.patron-profile .media-list .media .media-body .patrons-count {position: absolute; right: 0; background-color: #eeeeee; height: 50px; width: 50px; border-radius:50px; top: 0; text-align: center;}
.patron-profile .media-list .media .media-body .patrons-count strong {display: block; font-size: 24px;}
.patron-profile .media .logo {width: 120px}
.patron-profile .tab-content h3 {margin: 0px 0px 3px; font-size:18px;}
.patron-profile .tab-content p {color: #666666; font-size: 16px; line-height: 1.5}
.patron-profile .tab-content #tab-report1.tab-pane > p {border-bottom: 1px dashed #cccccc; padding-bottom: 10px;}
.patron-profile .nav-tabs {margin-bottom: 0px;}
.patron-profile .nav-tabs > li > a { border: none; padding:5px 0px; text-shadow:1px 1px 0px #ffffff; margin-right: 20px; color: #111111; font-size: 18px; border-radius: 0;}
.patron-profile .nav-tabs > li > a:hover {background-color: transparent;}
.patron-profile .nav-tabs > .active > a, .patron-profile .nav-tabs > .active > a:hover, .patron-profile .nav-tabs > .active > a:focus {background-color: transparent;
border:none; border-bottom: 3px solid #08e159; color: #08e159;}
.patron-profile .tab-milestones .price {margin-top: 10px; font-size: 18px; color: #f89406}
.patron-profile .tab-content .tab-milestones .ribbon-reached {
    background: #08e159;
    color: #ffffff;
    display: inline-block;
    padding: 6px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.crowdfund-create .table img {margin-right: 5px;}

.crowdfund-create h2.h2css a {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    left: 15px;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    top: 20px;
}
.header.navbar .notification-nav .dropdown.open .dropdown-toggle {
background: #222222;
}
[class^="icon-"], [class*=" icon-"] {background-image:none;}
.dropdown-menu>li>a {font-size: 12px;}
.dropdown-menu>li>a i {font-size: 16px;}
.header.navbar .notification-nav .dropdown .dropdown-toggle i,.header.navbar .notification-nav .dropdown.open .dropdown-toggle i {color: #ffffff; font-size: 16px;}
.header.navbar .notification-nav .dropdown .dropdown-toggle i.icon-user, .header.navbar .notification-nav .dropdown.open .dropdown-toggle i.icon-user {font-size: 14px;}
.header.navbar .notification-nav .dropdown-item-wrap{margin-bottom:8px;}
.header.navbar .notification-nav .dropdown-item-wrap ul,.header.navbar .notification-nav .dropdown-item-wrap ul li{list-style:none;text-align:left;padding:0;margin:0;}
.header.navbar .notification-nav .dropdown-item-wrap ul li{white-space:normal;font-size:11px;border-bottom:1px solid #e5e5e5;color:#333;display:block;font-weight:normal;line-height:18px;width:260px;}
.header.navbar .notification-nav .notification-btn .dropdown-item-wrap ul li {padding: 10px;}
.header.navbar .notification-nav .dropdown-item-wrap ul li a h4 {font-size: 14px}
.header.navbar .notification-nav .dropdown-item-wrap ul li:before,.header.navbar .notification-nav .dropdown-item-wrap ul li:after{display:table;content:"";line-height:0;}
.header.navbar .notification-nav .dropdown-item-wrap ul li:after{clear:both;}
.header.navbar .notification-nav .dropdown-item-wrap ul li .details{display:block;margin-left:58px;}
.header.navbar .notification-nav .dropdown-item-wrap ul li .details strong{color:#000;}
.header.navbar .notification-nav .dropdown-item-wrap ul li .thumbnail{float:left;background-color:#fff;padding:2px;width:44px;}
.header.navbar .notification-nav .dropdown-item-wrap ul li .thumbnail:hover{background-color:#fff;border:1px solid #89C347;}
.header.navbar .notification-nav .dropdown-item-wrap ul li .time{display:block;color:#999;}
.header.navbar .notification-nav .follow-btn,.header.navbar .notification-nav .following-btn{border-radius:2px;color:#ffffff;float:right;padding:1px 5px;width:58px;text-align:center;text-decoration:none;outline-style:none;}
.header.navbar .notification-nav .follow-btn{background-color:#008000; color: #ffffff}.header.navbar .notification-nav .follow-btn:before{content:" + ";}
.header.navbar .notification-nav .follow-btn:hover{background:#89C347;}
.header.navbar .notification-nav .following-btn{background-color:#ccc;}.header.navbar .notification-nav .following-btn:before{content:" - ";}
.header.navbar .notification-nav .following-btn:hover{background-color:#aaa;}
.footer{background-color:#1a1a1a;padding-top:30px;padding-bottom:50px;font-size:12px;}.footer a{color:#666;text-decoration:none;}.footer a:hover{color:#999;}
.footer .grid4{padding-left:70px;}.footer .grid4 ul{margin:0;padding:0;list-style:none;}
.footer .grid4 ul li{float:left;display:inline;width:22%;margin-right:3%;}.footer .grid4 ul li .sitemap-list .h6css{color:#d9d9d9;font-weight:normal;border-bottom:1px solid #333;margin-bottom:5px;height:30px;line-height:30px;}
.footer .grid4 ul li .sitemap-list li{float:none;display:block;line-height:24px; width: 100%;}.footer .grid4 ul li .sitemap-list li i{display:inline-block;font-size:20px;margin-right:5px;vertical-align:middle;}
.footer .grid4 ul li .sitemap-list .social a{line-height:32px;display:inline-block;vertical-align:middle;}
.footer .copyright{padding-top:70px;color:#666;}.footer .copyright .bbb{float:left;}
.footer .copyright p{margin-bottom:0;}
.category-tit,.menu-tit,.download-tit,.account-tit,.pricing-tit,.features-tit{width:100%;position:fixed;z-index:3;top:0;left:0;padding-top:60px;font-family:'Open Sans',sans-serif;color:#ffffff;background-color:#000000;}.category-tit strong,.menu-tit strong,.download-tit strong,.account-tit strong,.pricing-tit strong,.features-tit strong{font-size:30px;font-weight:600;}
.category-tit span,.menu-tit span,.download-tit span,.account-tit span,.pricing-tit span,.features-tit span{font-size:18px;}
.category-tit .bgc,.menu-tit .bgc,.download-tit .bgc,.account-tit .bgc,.pricing-tit .bgc,.features-tit .bgc{padding:0 20px;height:80px;line-height:80px;vertical-align:middle;}
.category-tit .bgc{background-color:#84ccc9;}
.download-tit .bgc{background-color:#b0d359;}
.account-tit .bgc{background-color:#333;}
.pricing-tit .bgc{background-color:#9ac935;text-transform:uppercase;}.pricing-tit .bgc>strong{font-weight:normal;}
.features-tit .bgc{background-color:#b0d359;text-transform:uppercase;list-style:none;}.features-tit .bgc>strong{font-weight:normal;margin-right:130px;display:inline-block;vertical-align:middle;}
.features-tit .bgc>.features-list{display:inline-block;margin:0;padding:0;list-style:none;vertical-align:middle;}
.features-tit .bgc>.features-list>li{float:left;display:inline;margin-right:30px;}
.features-tit .bgc>.features-list>li>a,.features-tit .bgc>.features-list>li span{border-radius:24px;text-align:center;display:block;padding:0 50px;height:48px;line-height:48px;color:#ffffff;border:1px solid #ffffff;font-size:18px;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);}
.features-tit .bgc>.features-list>li span.current{background-color:#ffffff;color:#8fc31f;text-shadow:none;box-shadow:0 0 20px 0 rgba(255, 255, 255, 0.5);}
.features-tit .bgc>.features-list>li a:hover{background-color:#ffffff;color:#8fc31f;text-shadow:none;box-shadow:0 0 15px 0 rgba(255, 255, 255, 0.3);}
.no-tit{background-color:#000000;width:100%;position:fixed;z-index:3;top:0;left:0;height:60px;overflow:hidden;}
.pb-arousel{border-bottom:5px solid #8fc31f;}.pb-arousel .carousel-indicators{top:auto;right:auto;left:0;bottom:90px;width:100%;text-align:center;}.pb-arousel .carousel-indicators li{width:8px;height:8px;display:inline-block;float:none;background-color:#000000;}
.pb-arousel .carousel-indicators li.active{background-color:#8fc31f;}
.pb-arousel .carousel-panel{text-align:center;position:relative;}
.pb-arousel .carousel-panel .description{position:absolute;z-index:2;font-family:'Open Sans',sans-serif;color:#ffffff;}.pb-arousel .carousel-panel .description .btn-sn{font-size:30px;font-weight:bold;text-align:center;border-top:1px solid #b6d86d;background-color:#8fc31f;display:inline-block;width:250px;height:49px;line-height:45px;color:#ffffff;text-decoration:none;}.pb-arousel .carousel-panel .description .btn-sn:hover{background-color:#7fad1c;border-top:1px solid #acd359;}
.pb-arousel .carousel-panel.panel-1>.description{width:360px;top:140px;right:260px;text-align:left;}.pb-arousel .carousel-panel.panel-1>.description .h1css{font-size:48px;line-height:100%;text-transform:uppercase;}.pb-arousel .carousel-panel.panel-1>.description .h1css>span{color:#8fc31f;}
.pb-arousel .carousel-panel.panel-1>.description .pcss{font-size:18px;line-height:120%;color:#f2f2f2;margin-bottom:20px;}
.pb-arousel .carousel-panel.panel-2>.description{width:100%;top:150px;left:0;}.pb-arousel .carousel-panel.panel-2>.description .h1css{font-size:40px;line-height:120%;}
.pb-arousel .carousel-panel.panel-2>.description .pcss{font-size:30px;line-height:150%;margin-bottom:30px;}
.pb-arousel .carousel-panel.panel-3>.description{width:100%;top:150px;left:0; }.pb-arousel .carousel-panel.panel-3>.description .h1css{font-size:40px;line-height:120%;}
.pb-arousel .carousel-panel.panel-3>.description .pcss{font-size:18px;line-height:150%;margin-bottom:30px;}
.pb-arousel .carousel-control{background-color:transparent;border:0;z-index:3; top:50%;}
.pb-arousel .count-panel{text-align:center;height:60px;line-height:60px;border-top:2px solid #303030;border-bottom:1px solid #252525;background-color:#1a1a1a;font-size:18px;color:#ffffff;text-transform:uppercase;}.pb-arousel .count-panel strong{font-family:'Open Sans',sans-serif;font-size:30px;color:#8fc31f;}
.pb-arousel .function-panel{height:130px;border-top:1px solid #000000;background-color:#1a1a1a; display: none;}
.pb-arousel .function-panel .fn{padding-left:80px;font-family:'Open Sans',sans-serif;position:relative;}.pb-arousel .function-panel .fn:before{font-family:'fonticon';font-size:46px;color:#ffffff;position:absolute;top:0;left:10px;}
.pb-arousel .function-panel .fn h3{color:#ffffff;font-size:30px;line-height:100%;margin-top:30px;margin-bottom:5px;}
.pb-arousel .function-panel .fn p{color:#bbbbbb;font-size:12px;line-height:120%;}
.pb-arousel .function-panel .fn01:before{content:"\f1a2";}
.pb-arousel .function-panel .fn02:before{content:"\e000";}
.pb-arousel .function-panel .fn03:before{content:"\f259";}
.pb-arousel .function-panel .fn04:before{content:"\e001";}
.pro-list{padding-bottom:80px;}.pro-list .row>.span12{padding-top:80px;}
h2.h2css {font-size: 42px; margin: 10px 0 5px;}
.album-block .frontcover img {
    border-radius: 100px;
    float: right;
    height: 100px;
    margin-right: 20px;
    width: 100px;
    margin-top: 25px;
}
.album-text-block {float: left; margin-top: 20px; margin-left: 20px}
.album-text-block a.tit {
    color: #8fc31f;
    font-size: 18px;
    font-weight: normal;
}
.album-text-block a.tit:hover {text-decoration: none;}
.album-text-block a.tit .label {font-size: 11px; padding: 1px 3px; float: left; margin-right: 2px; margin-top: 2px;}
.album-text-block .description {color: #999999; font-size: 12px;}

.row-fluid .list-block.span3 {width: 25%; margin: 0px;}
.row-fluid .list-block.span3.col5 {width: 20%;}

.pro-list .h2css{margin-top:30px;margin-bottom:15px;font-family:'Open Sans',sans-serif;font-weight:normal;font-size:30px;color:#333333;}.pro-list .h2css a{color:#666666;text-decoration:none;}.pro-list .h2css a:hover{color:#8fc31f;}
.pro-list .h2css .more{margin-right:10px;float:right;font-size:14px;color:#638c0b;text-decoration:none;}
.pro-list .list-block .pro{display:block;position:relative;}
.pro-list .list-block .pro .icon-week{position:absolute;top:-3px;right:10px;width:50px;height:59px;background:url(../images/siteoftheweek.png) no-repeat 0 0;z-index:1;display:block;}
.pro-list .list-block .pro .info{z-index:2;position:absolute;left:0;bottom:0;right:0px;padding:30px 10px 10px;display:block;background-image:-webkit-gradient(linear, top from(transparent), to(rgba(0, 0, 0, 0.6)));background-image:-webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:-moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:-ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:-o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));filter:progid:dximagetransform.microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);}
.pro-list .list-block .pro .info .tit{width:100%;color:#ffffff;display:block;white-space:nowrap;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;}
.pro-list .list-block .pro .info .subtit{width:100%;color:#cccccc;display:block;font-size:12px;font-style:normal;white-space:nowrap;height:14px;line-height:14px;overflow:hidden;text-overflow:ellipsis;}
.pro-list .list-block.span2 .pro .info{padding-left:5px;padding-right:5px;}
.pro-list ul.ul-list {list-style: none; margin: 0; padding: 0;}
.pro-list ul.ul-list li {float: left; display: inline; width: 15.6666%; margin-right: 1%; margin-bottom: 1%}
.pro-list ul.ul-list li .pro {display: block; position: relative;}
.pro-ifollow .col4 ul.ul-list > li {
    border: 1px solid #ffffff;
    width: 182px;
}
.pro-guide .col4 ul.ul-list > li .follow-panel {
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;text-align: center;
}
.pro-list .col ul.ul-list li .pro .info{font-family:Arial;z-index:2;position:absolute;left:0;bottom:0;padding:30px 5% 10px; width:90%;display:block;background-color:transparent;background-image:-webkit-gradient(linear, top from(transparent), to(rgba(0, 0, 0, 0.6)));background-image:-webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:-moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:-ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:-o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));background-image:linear-gradient(top, transparent, rgba(0, 0, 0, 0.6));filter:progid:dximagetransform.microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);}.pro-list .col ul.ul-list li .pro .info .tit{width:100%;color:#ffffff;display:block;white-space:nowrap;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;}
.pro-list .col ul.ul-list li .pro .info .tit {
    color: #ffffff;
    display: block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.pro-list .col ul.ul-list li .pro .info .subtit {
    color: #cccccc;
    display: block;
    font-size: 12px;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.sign-up-btn a {background-color: #5bb75b; border-radius: 5px;}
.sign-up-btn a:hover {opacity: 0.8; background-color: #5bb75b !important;}



.user-main>.cover-panel{min-height:160px;margin-bottom:-120px;text-align:center;}
.user-main>.usersite-wrap>.usersite-header-bgc{height:120px;background-color:#000000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.user-main>.usersite-wrap>.usersite-container{margin-top:-100px;min-height:100px;position:relative;z-index:2;}.user-main>.usersite-wrap>.usersite-container .usersite-header{padding:20px 0 0 230px;height:80px;overflow:hidden;}.user-main>.usersite-wrap>.usersite-container .usersite-header .tit{font-weight:normal;color:#ffffff;margin:0 0 5px;font-family:'Open Sans',sans-serif;font-size:30px;width:100%;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-main>.usersite-wrap>.usersite-container .usersite-header a{color:#8b8684;position:relative;padding-top:4px;padding-left:20px;text-decoration:none;}.user-main>.usersite-wrap>.usersite-container .usersite-header a:hover{color:#cccccc;}
.user-main>.usersite-wrap>.usersite-container .usersite-header a:before{position:absolute;left:0;top:0;content:"\f17b";font-family:'fonticon';font-size:16px;}
.user-main>.usersite-wrap>.usersite-container .usersite-content{background-image:url(../images/bg_vertical_divider.gif); background-repeat:repeat-y; background-position:center top; background-color: #ffffff;}.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel{float:left;margin-top:-80px;padding-right:30px;width:200px;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-avatar {padding-bottom:40px;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-avatar.user-image {padding-bottom:0px;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-avatar .pic{display:block;margin-bottom:10px;width:198px;height:198px;background-color:#eee;border:1px solid #ffffff;overflow:hidden;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar h1.tit {display: none;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-counter{padding-bottom:40px;}.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-counter .counter,.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-counter .divider{float:left;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-counter .counter em{font-size:30px;font-style:normal;font-weight:bold;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-counter .counter i{font-size:14px;font-style:normal;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-counter .divider{width:0;height:40px;border-left:1px solid #999;margin:5px 15px 0;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-infos{padding-bottom:30px;font-size:12px;color:#666;line-height:180%;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .vcard-panel .user-description{padding-bottom:30px;font-size:12px;color:#666;line-height:180%;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel{float:left;width:640px;padding-bottom:80px;}.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .playlist-panel,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .comments-panel{padding-top:10px;padding-bottom:20px;}.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .playlist-panel .h3css,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .comments-panel .h3css{font-family:'Open Sans',sans-serif;font-size:24px;font-weight:normal;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .playlist-panel .h3css{color:#000000;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .playlist-panel .content{padding-top:10px;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .comments-panel .h3css{color:#8d8d8d;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play{font-family:'Open Sans',sans-serif;margin-bottom:0;}.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .tc{text-align:center;vertical-align:middle;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .id{font-size:24px;font-weight:bold;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .title{display:block;}.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .title:hover{text-decoration:none;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .listen,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .download,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .like{font-size:11px;color:#999;text-decoration:none;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .datetime{position:relative;font-family:'Open Sans',sans-serif;font-size:12px;color:#999;padding-left:15px;}.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .datetime:before{position:absolute;font-family:'fonticon';content:"\e005";top:0;left:0;top:-2px;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .listen>i,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .download>i{width:26px;height:26px;font-size:28px;color:#8fc31f;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .like>i{width:26px;height:26px;font-size:28px;color:#ccc;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .listen>i:hover,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .download>i:hover{color:#a7e424;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .like.current>i,.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .table-play .like>i:hover{color:red;}
.user-main>.usersite-wrap>.usersite-container .usersite-content .main-panel .pages-panel .info{float:left;font-size:12px;margin-top:30px;}
.rightside-panel,.friendstab-content{padding:30px 10px;}.rightside-panel .ad-panel,.friendstab-content .ad-panel{margin-bottom:30px;background-color:#eee;}
.rightside-panel .related-panel,.friendstab-content .related-panel{font-family:'Open Sans',sans-serif;}.rightside-panel .fans-block .h4css,.friendstab-content .related-panel .h4css{font-weight:bold;color:#222222; text-align:center;padding:10px 0;margin-bottom:0; border-bottom: 2px solid #eeeeee;}
.rightside-panel .related-panel>ul,.friendstab-content .related-panel>ul{margin:0;padding:0;list-style:none;}
.rightside-panel .related-panel>ul>li,.friendstab-content .related-panel>ul>li{padding:15px 0 15px 60px;border-bottom:1px solid #eee;}.rightside-panel .related-panel>ul>li .pic,.friendstab-content .related-panel>ul>li .pic{float:left;margin-left:-60px;display:block;}
.rightside-panel .related-panel>ul>li .tit,.friendstab-content .related-panel>ul>li .tit{margin-bottom:0;font-family:arial;padding-bottom:2px;font-size:14px;display:block;width:100%;height:14px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;}
.rightside-panel .related-panel>ul>li .description,.friendstab-content .related-panel>ul>li .description,.rightside-panel .related-panel>ul>li .count,.friendstab-content .related-panel>ul>li .count{color:#999;font-size:12px;}
.rightside-panel .related-panel>ul>li .description,.friendstab-content .related-panel>ul>li .description{margin-bottom:5px;width:190px;height:14px;line-height:14px;overflow:hidden;}
.rightside-panel .related-panel>ul>li .count,.friendstab-content .related-panel>ul>li .count{position:relative;}
.rightside-panel .related-panel>ul>li .iplay,.friendstab-content .related-panel>ul>li .iplay{padding-left:14px;padding-right:10px;}.rightside-panel .related-panel>ul>li .iplay:before,.friendstab-content .related-panel>ul>li .iplay:before{font-family:'fonticon';font-size:9px;position:absolute;content:"\f184";left:0;}
.rightside-panel .related-panel>ul>li .iuser,.friendstab-content .related-panel>ul>li .iuser{padding-left:18px;}.rightside-panel .related-panel>ul>li .iuser:before,.friendstab-content .related-panel>ul>li .iuser:before{font-family:'fonticon';font-size:14px;position:absolute;content:"\e028";left:0;top:-2px;}
.my-player{margin-left:-340px;width:680px;border-radius:0;border:none;background-color:#000000;}.my-player .mp-header{background-color:#000000;padding:10px;border-bottom:1px solid #1b1b1b;}
.my-player .mp-content{background:url(../images/point.gif) repeat-y 340px top;overflow:hidden;}.my-player .mp-content .play-active-panel{padding:0 10px 9999px;margin-bottom:-9979px;background-color:#000000;float:left;width:320px;background-color:#000000;}.my-player .mp-content .play-active-panel .media-info{margin-top:20px;padding-left:110px;}.my-player .mp-content .play-active-panel .media-info .frontcover{float:left;display:block;margin-left:-110px;}
.my-player .mp-content .play-active-panel .media-info .tit{font-size:16px;font-weight:bold;color:#8fc31f;display:inline-block;margin-bottom:10px;}
.my-player .mp-content .play-active-panel .media-info .description{font-size:12px;color:#ffffff;margin-bottom:10px;line-height:120%;}
.my-player .mp-content .play-active-panel .media-info .datetime{position:relative;font-family:'Open Sans',sans-serif;font-size:12px;color:#999;padding-left:18px;}.my-player .mp-content .play-active-panel .media-info .datetime:before{position:absolute;font-family:'fonticon';content:"\e005";left:0;top:-2px;}
.my-player .mp-content .play-active-panel .video-panel{margin:20px auto 0;width:318px;height:238px;border:1px solid #1b1b1b;}
.my-player .mp-content .play-active-panel .function-panel{margin-top:20px;}.my-player .mp-content .play-active-panel .function-panel a{float:left;color:#4d4d4d;text-decoration:none;display:inline-block;width:106px;}.my-player .mp-content .play-active-panel .function-panel a i{padding-right:5px;}
.my-player .mp-content .play-active-panel .function-panel a:hover{color:#cccccc;}
.my-player .mp-content .ad-panel{background-color:#1b1b1b;float:left;width:300px;padding:20px 20px 9999px;margin-bottom:-9979px;}
.dr-panel{margin:60px auto 100px;border:1px solid #d2d2d2;border-radius:5px;}.dr-panel .download-panel{padding:30px 30px 30px 142px;}.dr-panel .download-panel .frontcover{float:left;display:block;margin-left:-112px;}
.dr-panel .download-panel .tit{font-size:16px;font-weight:bold;color:#8fc31f;display:inline-block;margin-bottom:10px;}
.dr-panel .download-panel .description{color:#666;margin-bottom:10px;line-height:120%;}
.dr-panel .download-panel .datetime{position:relative;font-family:'Open Sans',sans-serif;font-size:12px;color:#999;padding-left:18px;}.dr-panel .download-panel .datetime:before{position:absolute;font-family:'fonticon';content:"\e005";left:0;top:-2px;}
.dr-panel .download-panel .btn-download{margin:10px 15px 0 70px;}
.dr-panel .register-panel{font-family:'Open Sans',sans-serif;padding:30px 40px;border-top:1px solid #d2d2d2;background-color:#f4f9e9;}.dr-panel .register-panel .h2css{font-size:30px;font-weight:100;color:#638c0b;line-height:100%;margin-top:0;margin-bottom:15px;}.dr-panel .register-panel .h2css strong{font-weight:600;}
.dr-panel .register-panel .subinfo-01{color:#000000;font-weight:100;font-size:18px;margin-bottom:0;}
.dr-panel .register-panel .subinfo-02{color:#000000;font-weight:100;font-size:14px;margin-bottom:25px;}
.dr-panel .register-panel .step-panel .step{box-sizing:border-box; width:33%;float:left;margin:40px 0 50px;padding:0 10px 0 50px;position:relative;font-size:14px;font-weight:100;color:#000000;}
.dr-panel .register-panel .step-panel .step:before{font-family:'fonticon';font-size:32px;position:absolute;top:0px;left:0;}
.dr-panel .register-panel .step-panel .step01:before{content:"\f0ee";}
.dr-panel .register-panel .step-panel .step02:before{content:"\f040";}
.dr-panel .register-panel .step-panel .step03:before{content:"\f1a2";}
.dr-panel .podcast-player-panel{padding:0 0 45px;font-family:'Open Sans',sans-serif;}.dr-panel .podcast-player-panel .h2css{padding:0 25px;font-size:24px;color:#638c0b;font-weight:normal;}
.dr-panel .podcast-player-panel .h3css{padding:0 25px;line-height:38px;height:38px;overflow:hidden;color:#fff;font-weight:normal;font-size:18px;background-color:#638c0b;}
.dr-panel .podcast-player-panel .pcss{padding:0 25px 10px;line-height:160%;font-size:14px;color:#666;}
.dr-panel .podcast-player-panel .audioplayer-area{padding:10px 0 20px 20px;}.dr-panel .podcast-player-panel .audioplayer-area .iframe-box{float:left;margin-right:20px;padding-top:10px;}
.dr-panel .podcast-player-panel .audioplayer-area .function-box{float:left;}.dr-panel .podcast-player-panel .audioplayer-area .function-box .h4css{margin-top:0;font-weight:normal;color:#000;}
.dr-panel .podcast-player-panel .audioplayer-area .function-box .ul-skins{padding-bottom:10px;}.dr-panel .podcast-player-panel .audioplayer-area .function-box .ul-skins a{width:24px;height:24px;overflow:hidden;float:left;display:block;outline:none;text-indent:-9999em;}.dr-panel .podcast-player-panel .audioplayer-area .function-box .ul-skins a.current{position:relative;}.dr-panel .podcast-player-panel .audioplayer-area .function-box .ul-skins a.current:before{border-width:0px 4px 4px 0px;border-style:solid;border-color:#ffffff;width:5px;height:10px;left:50%;top:50%;margin-top:-9px;margin-left:-4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);position:absolute;content:"";}
.dr-panel .podcast-player-panel .audioplayer-area .function-box label{font-size:12px;color:#000;}
.dr-panel .podcast-player-panel .audioplayer-area .function-box input{width:390px;height:18px;line-height:18px;padding-top:2px;padding-bottom:2px;border-radius:0;box-shadow:inset 0 0 2px 1px rgba(0, 0, 0, 0.1);}
.sign-banner{position:relative;text-align:center; background-position: center top; background-color: #000000; background-image: url(../images/banner-signin.jpg?version=1); background-repeat: no-repeat; height: 316px;}
.sign-banner.banner-signup {background-image: url(../images/banner-signup.jpg?version=1);}
.sign-banner.banner-signup-02 {background-image: url(../images/banner-signup-02.jpg?version=1); background-color: #6b3a4d}
.sign-banner .slogan-group{float: right; margin: 5% 20px; text-align: left; background-color: rgba(0,0,0,0.3); padding: 10px;}.sign-banner .slogan-group .h2css{color:#ffffff;font-size:30px;font-weight:600;}
.sign-banner .slogan-group .h3css{color:#8fc31f;font-size:30px;font-weight:100;}.sign-banner .slogan-group .h3css.sup-02{color:#e7e1e3;color:rgba(255, 255, 255, 0.8);}
.subscriptions-panel .h4css{margin:20px 0;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;}
.subscriptions-panel .list-panel{margin:0;padding:0;list-style:none;}.subscriptions-panel .list-panel li{margin-bottom:40px;}
.subscriptions-panel .list-panel .pic{float:left;margin-left:10px;margin-right:20px;}
.subscriptions-panel .list-panel .pic img {width: 120px !important; height: 120px !important;}
.subscriptions-panel .list-panel .info-block{margin-top:-3px;float:left;width:660px;min-height:119px;padding-left:10px;border-bottom:1px solid #eee;line-height:120%;}
.subscriptions-panel .list-panel .info-block .tit{font-size:18px; display: inline-block; margin-bottom: 5px;}
.subscriptions-panel .list-panel .info-block .url{font-size:12px;color:#a3a3a3;position:relative;padding-left:18px;}.subscriptions-panel .list-panel .info-block .url:before{font-size:10px;position:absolute;font-family:'fonticon';content:"\f17b";left:0;}
.subscriptions-panel .list-panel .info-block .datetime{position:relative;font-size:12px;color:#999;padding-left:18px;padding-right:10px;}.subscriptions-panel .list-panel .info-block .datetime:before{position:absolute;font-family:'fonticon';content:"\e005";left:0;top:-2px;}
.subscriptions-panel .list-panel .info-block .btn-unsubs{margin-top:12px;padding-left:15px;padding-right:15px;color:#666;font-size:14px;}
.fp-panel{padding:0;margin:50px auto;}.fp-panel .description{padding-bottom:40px;border-bottom:1px solid #d2d2d2;text-align:center;font-family:'Open Sans',sans-serif;color:#000000;}.fp-panel .description .h2css{font-size:30px;font-weight:400;}
.fp-panel .description .h3css{font-size:18px;font-weight:400;}
.fp-panel .fp-form{padding-top:45px;}.fp-panel .fp-form .control-group{margin-bottom:15px;}.fp-panel .fp-form .control-group .control-label{width:100px;padding-left:160px;text-align:left;}
.fp-panel .fp-form .control-group .controls{margin-left:280px;}.fp-panel .fp-form .control-group .controls .ip-long{width:335px;}
.fp-panel .fp-form .control-group .controls .btn{margin-top:30px;}
.sign-area .login-link{margin-top:40px;margin-right:20px;color:#999; float: right;}
.sign-area .h2css{font-family:'Open Sans',sans-serif;font-size:30px;font-weight:100;margin:30px 0 40px;}
.sign-area .span1 span:before {
    border-bottom: 1px solid #cccccc;
    content: " ";
    height: 18px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.sign-area .span1 span {
    background: none repeat scroll 0 0 #ffffff;
    display: none;
    font-size: 28px;
    height: 28px;
    width: 50px;
}
.sign-area .signup-form{min-height:450px; margin-bottom: 50px;}
.sign-area .signup-form .control-group{margin-bottom:35px;}.sign-area .signup-form .control-group .suffix{font-size:24px;color:#8fc31f;vertical-align:bottom;margin-left:5px;}
.sign-area .signup-form .control-group .help-block{margin-top:10px;}
.sign-area .signup-form .control-group .carefully{color:#999;}
.sign-area .signup-form .control-group input{font-size:18px;height:32px;line-height:32px;}
.sign-area .signup-form .control-group .alert{margin:5px 0 0 0;}
.sign-area .signup-form .btn-create{font-size:24px;padding:15px 30px;}
.sign-area .signup-form .step02-panel{font-family:'Open Sans',sans-serif;background:url(../images/bg-signup-02.png) repeat-x left top;border-radius:10px;border:1px solid #e5e5e5;border-bottom-width:6px;}
.sign-area .signup-form .step02-panel>.step02-header{padding-left:150px;padding-top:40px;padding-bottom:30px;border-bottom:1px solid #e5e5e5;background:url(../images/download_box.png) no-repeat 37px center;}.sign-area .signup-form .step02-panel>.step02-header .h3tit{font-size:18px;font-weight:100;color:#000000;}
.sign-area .signup-form .step02-panel>.step02-header .h3css{font-size:30px;color:#000000;font-weight:600;margin:0;}
.sign-area .signup-form .step02-panel>.step02-main{padding-left:150px;}
.sign-area .signup-form .step02-panel>.step02-main .h3css{font-size:24px;font-weight:100;color:#000000;}
.sign-area .signup-form .step02-panel>.step02-main .radio-panel{margin-bottom:30px;}.sign-area .signup-form .step02-panel>.step02-main .radio-panel .radio{margin-left:20px;padding:10px 0;font-size:18px;font-weight:100;}.sign-area .signup-form .step02-panel>.step02-main .radio-panel .radio>.str01{color:#eb6100;}
.sign-area .signup-form .step02-panel>.step02-main .radio-panel .radio>.str02{color:#097c25;}
.sign-area .signup-form .step02-panel>.step02-main .btn-panel{margin-bottom:50px;}.sign-area .signup-form .step02-panel>.step02-main .btn-panel .btn-paypal{margin-left:35px;}
.myaccount-panel{margin-top:45px;margin-bottom:45px;border:1px solid #ccc;border-bottom:5px solid #e5e5e5;border-top-left-radius:5px;border-top-right-radius:5px;}.myaccount-panel .h4css{font-size:18px;font-weight:normal;color:#000000;height:39px;line-height:39px;border-bottom:2px solid #ccc;margin:0;padding:0 22px;background:url(../images/bg-account-tit.png) repeat-x left top;border-top-left-radius:5px;border-top-right-radius:5px;}
.myaccount-panel .form-horizontal{margin-bottom:0;}
.myaccount-panel .myaccount-form .ip-panel{padding:55px 40px;}.myaccount-panel .myaccount-form .ip-panel .divider{font-size:0;height:0;border-top:1px solid #cccccc;}
.myaccount-panel .myaccount-form .ip-panel .h5css{font-family:'Open Sans',sans-serif;font-weight:400;font-size:18px;color:#333;margin-top:20px;margin-bottom:30px;}
.myaccount-panel .myaccount-form .ip-panel .control-group{margin-bottom:30px;}.myaccount-panel .myaccount-form .ip-panel .control-group .control-label{text-align:left;width:110px;}
.myaccount-panel .myaccount-form .ip-panel .control-group .controls{margin-left:130px;}
.myaccount-panel .myaccount-form .btn-panel{text-align:right;padding:29px 38px 0;height:69px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f5f5f5;}.myaccount-panel .myaccount-form .btn-panel button{max-width:600;padding-left:40px;padding-right:40px;text-align:center;}
.myaccount-panel .myaccount-form .btn-panel button.btn-primary{padding-left:60px;padding-right:60px;}
.pricing-banner{overflow:hidden;position:relative;min-height:740px;background:url(../images/bg-pricing.jpg) no-repeat center 0;}.pricing-banner .hgroup{position:absolute;top:150px;width:100%;text-align:center;font-family:'Open Sans',sans-serif;color:#ffffff;}.pricing-banner .hgroup h1{font-size:40px;font-weight:600;text-shadow:0 0 5px rgba(0, 0, 0, 0.75);margin:10px 0 20px;}
.pricing-banner .hgroup h2{font-size:24px;font-weight:lighter;text-shadow:0 0 5px rgba(0, 0, 0, 0.75);}
.pricing-banner .pricing-panel-main{overflow:hidden;width:1170px;height:400px;margin-top:340px;}
.pricing-banner .pricing-panel-main .price-list{width:852px;margin:0 0 0 318px;}
.pricing-banner .pricing-panel-main .price-list .main{background:url(../images/price-list-mid-short1.png) repeat-y 0 0;}
.pricing-panel-main h1, .popular-list h1 {text-align: center; color: #333333; font-size: 36px; margin: 30px 0px 10px;}
.pricing-panel-main p.title, .popular-list p.title {color: #999999; font-size: 14px; text-align: center; margin-bottom: 40px;}
.pricing-panel-main p.title, .popular-list p.features-title {margin-bottom: 0px;}
.pricing-panel-main h3 {font-size: 24px; color: #8fc31f; margin-top: 30px;}
.pricing-panel-main p.text {color: #666666; font-size: 13px;}
.pricing-panel-main .span4 {text-align: center;}
.pricing-panel-main .span4 .img-border {padding: 0 20px 0 20px; margin: 0px 30px;}
.popular-banner {overflow:hidden; position:relative;min-height:500px;background:url(../images/pic01.jpg) no-repeat center #000000; font-family: 'open sans'; 
  }
.popular-banner .hgroup {
    bottom: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #ffffff;
}
.popular-banner .banner-title {
	color: #FFFFFF;
    left: 113px;
    margin: 0 auto;
    position: relative;
    top: 142px;
    width: 1170px;
}
.popular-banner h1 {
	font-size:46px;
    letter-spacing: -2px;
	margin:0;
}
.popular-banner h1 strong{
	font-weight:800;
}
.popular-banner h2 {
	margin:0;
	line-height: 24px;
	font-size:18px;
}
.popular-banner .sign-up-now .btn{
	background: none repeat scroll 0 0 #9AC935;
    box-shadow: 0 3px 0 #628518;
    color: #FFFFFF;
    font-size: 24px;
    height: 60px;
    line-height: 40px;
    margin-left: 122px;
    margin-top: 8px;
    width: 240px;
	text-shadow:none;
	font-weight:600;
}
.popular-banner .sign-up-now span{
    display: block;
    font-size: 14px;
    margin: -18px 0 0 -25px;
}

.popular-banner .hgroup ul {list-style-type: none;}
.popular-banner .hgroup ul li {font-size: 24px; text-align: center; float: left; margin: 0px 20px;}
.popular-banner .hgroup ul li span {font-size: 12px;}
.popular-banner .hgroup .podcasters, .popular-banner .hgroup .episodes, .popular-banner .hgroup .downloads {
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 24px;
	height: 100px;
	margin-left: -20px;
	width: 150px;
	margin-top: 15px;
	padding-left: 80px;
	padding-top: 10px;
	text-align: left;
	}
.popular-banner .hgroup .podcasters {background-image: url(../images/icons-02.png);}
.popular-banner .hgroup .episodes {background-image: url(../images/icons-01.png);}
.popular-banner .hgroup .downloads {background-image: url(../images/icons-03.png);}
.popular-banner .hgroup .container {
	height: 150px;
    position: relative;
    text-align: left;
    top: 36px;
}
.popular-banner .hgroup .container h1 {font-size: 28px; font-weight: normal;}
.popular-banner .hgroup .container h2 {font-size: 16px; font-weight: normal; line-height: normal;}
.popular-list {background-image: url(../images/pic02.jpg); background-repeat: no-repeat; margin: 50px 0px 0px; padding: 28px 0px; background-size: cover;}
.popular-list h1 {color: #ffffff;}
.popular-list p.title {color: #b7b7b7;}
.popular-panel-other ul {list-style: none; margin: 0px; padding-bottom: 30px;}
.popular-panel-other ul li {margin: 0px 40px;}
.popular-panel-other ul li.list { border-top: 1px solid #dddddd; color: #666666; padding: 10px 0px;}
.popular-panel-other .audio-list, .popular-panel-other .video-list {background-color: #ffffff; position: relative;}
.popular-panel-other li p { font-size: 16px; color: #979d89; font-style: italic}
.audio-list li.head, .video-list li.head {border-bottom: 1px solid #cccccc; position: relative; padding-bottom: 40px; padding-top: 30px; margin:0px 0px 40px;}
.audio-list li.head:after, .video-list li.head:after {    
    content: "";
    display: block;
    height: 112px;
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
    z-index: 999;
}

.invite-block h1 {font-size: 30px; color: #333333; margin: 30px 0px;}
.invite-block p.description {padding: 20px 30px; color: #ffffff; background: url(../images/right-top-pic.png) no-repeat scroll right top #9ac935;}
.inviate-banner {overflow:hidden; position:relative;min-height:316px; background:url(../images/banner-signin.jpg) no-repeat scroll center center / cover  #000000; font-family: 'open sans';
  }

.inviate-banner .hgroup {
    position: absolute;
    right: 10%;
    top: 100px;
}
.btn-invite {margin: 30px 0px;}
.btn-invite b {color: #666666; font-size: 30px; font-weight: normal; vertical-align: middle; margin-right: 8px;}
.input-group-addon {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}
.btn-invite .input-group {display: inline-block; margin: 30px 0px;}
.btn-invite .input-group .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin: -2px 0 0;
    padding: 6px 6px 5px;
    width: 400px;
}

.text-bottom {border-top: 1px solid #dddddd; color: #999999; font-size: 14px; padding: 30px 0px;}
.inviate-banner .hgroup h1 {font-size: 30px; color: #ffffff}
.inviate-banner .hgroup h2 {color: #8fc31f; font-size: 30px;}
.at300bs {display: none !important;}


.audio-list li.head:after {background-image: url(../images/audio-ribbon.png);}
.video-list li.head:after {background-image: url(../images/video-ribbon.png);}
.audio-list .head h2, .video-list .head h2 {text-align: center; color: #010300; margin-bottom: 0px; margin-right: 35px;}
.audio-list .head h2 span {color: #9ac935; margin-right: 8px; font-weight: bold;}
.video-list .head h2 span {color: #30c2ff; margin-right: 8px; font-weight: bold;}
.audio-list .head p, .video-list .head p {text-align: center; color: #979d89; margin-right: 35px;}
.audio-list .btn-sft, .video-list .btn-sft {padding: 10px; margin: 10px auto; display: block; text-align: center; color: #ffffff; font-size: 20px; margin-bottom: 20px;} 
.audio-list .btn-sft {background-color: #9ac935;}
.video-list .btn-sft {background-color: #30c2ff;}
.audio-list .price, .video-list .price {text-align: center;}
.audio-list .price ins b, .video-list .price ins b {font-size: 80px; font-weight: normal; } 
.audio-list .price ins, .video-list .price ins {
    display: inline-block;
    line-height: normal;
    position: relative;
    text-decoration: none;
    font-size: 20px;
    margin-left: 35px;
}
.audio-list .price ins span, .video-list .price ins span {
    font-size: 24px;
    left: -18px;
    position: absolute;
    top: 18px;
}
.audio-list .head img.icon, .video-list .head img.icon {
    bottom: -35px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
}

.price-list .top{width:852px;height:85px;overflow:hidden;}
.price-list .main>ul{margin:0;padding:0;list-style:none;}.price-list .main>ul>li{text-align:center;overflow:hidden;border-bottom:1px solid #e6e6e6;}.price-list .main>ul>li .col00,.price-list .main>ul>li .col01,.price-list .main>ul>li .col02,.price-list .main>ul>li .col03,.price-list .main>ul>li .col04,.price-list .main>ul>li .col05{float:left;display:inline;margin-left:1px;padding-bottom:999em;margin-bottom:-999em;}
.price-list .main>ul>li .col01,.price-list .main>ul>li .col02,.price-list .main>ul>li .col03,.price-list .main>ul>li .col04,.price-list .main>ul>li .col05{width:211px;}.price-list .main>ul>li .col01 .price,.price-list .main>ul>li .col02 .price,.price-list .main>ul>li .col03 .price,.price-list .main>ul>li .col04 .price,.price-list .main>ul>li .col05 .price{padding:40px 0 30px;}.price-list .main>ul>li .col01 .price>ins,.price-list .main>ul>li .col02 .price>ins,.price-list .main>ul>li .col03 .price>ins,.price-list .main>ul>li .col04 .price>ins,.price-list .main>ul>li .col05 .price>ins{font-family:'Open Sans',sans-serif;font-size:24px;color:#000000;text-decoration:none;}.price-list .main>ul>li .col01 .price>ins>b,.price-list .main>ul>li .col02 .price>ins>b,.price-list .main>ul>li .col03 .price>ins>b,.price-list .main>ul>li .col04 .price>ins>b,.price-list .main>ul>li .col05 .price>ins>b{font-size:40px;}
.price-list .main>ul>li .col01 .desc-01,.price-list .main>ul>li .col02 .desc-01,.price-list .main>ul>li .col03 .desc-01,.price-list .main>ul>li .col04 .desc-01,.price-list .main>ul>li .col05 .desc-01{font-family:'Open Sans',sans-serif;font-weight:lighter;font-size:14px;line-height:160%;color:#666;margin-bottom:20px;}
.price-list .main>ul>li .col01 .desc-02,.price-list .main>ul>li .col02 .desc-02,.price-list .main>ul>li .col03 .desc-02,.price-list .main>ul>li .col04 .desc-02,.price-list .main>ul>li .col05 .desc-02{height:60px;line-height:60px;display:inline-block;}.price-list .main>ul>li .col01 .desc-02>span,.price-list .main>ul>li .col02 .desc-02>span,.price-list .main>ul>li .col03 .desc-02>span,.price-list .main>ul>li .col04 .desc-02>span,.price-list .main>ul>li .col05 .desc-02>span{line-height:24px;vertical-align:middle;display:inline-block;color:#638c0b;font-weight:bold;}
.price-list .main>ul>li .col01 .btn-sft,.price-list .main>ul>li .col02 .btn-sft,.price-list .main>ul>li .col03 .btn-sft,.price-list .main>ul>li .col04 .btn-sft,.price-list .main>ul>li .col05 .btn-sft{margin:15px auto 35px;display:block;width:140px;height:40px;line-height:40px;background-color:#eb6100;color:#ffffff;font-size:14px;border-radius:4px;text-decoration:none;}.price-list .main>ul>li .col01 .btn-sft:hover,.price-list .main>ul>li .col02 .btn-sft:hover,.price-list .main>ul>li .col03 .btn-sft:hover,.price-list .main>ul>li .col04 .btn-sft:hover,.price-list .main>ul>li .col05 .btn-sft:hover{background-color:#dc5b00;}
.price-list .main>ul>li .col01 .btn-sft.margin,.price-list .main>ul>li .col02 .btn-sft.margin,.price-list .main>ul>li .col03 .btn-sft.margin,.price-list .main>ul>li .col04 .btn-sft.margin,.price-list .main>ul>li .col05 .btn-sft.margin{margin-top:20px;margin-bottom:20px;}
.price-list .main>ul .no-bor{border-bottom:0;}
.pricing-panel-other{width:1170px;padding-bottom:100px;}.pricing-panel-other .price-list{border-top:1px solid #e6e6e6;}.pricing-panel-other .price-list .main{background:url(../images/price-list-mid-long1.png) repeat-y 0 0;}.pricing-panel-other .price-list .main li .tit{margin-top:1px;height:48px;line-height:48px;background:url(../images/price-list-mid-tit1.png) repeat-y 0 0;}
.pricing-panel-other .price-list .main li .list-content{height:39px;line-height:39px;}
.pricing-panel-other .price-list .main li .col00{width:318px;}.pricing-panel-other .price-list .main li .col00 .h{font-weight:bold;color:#638c0b;}
.pricing-panel-other .price-list .main li .col00 .tl{text-align:left;display:block;padding-left:10px;}
.pricing-panel-other .description02{text-align:center;font-family:'Open Sans',sans-serif;font-weight:lighter;font-size:20px;color:#000000;padding:50px 0;}.pricing-panel-other .description02 strong{font-weight:400;}
.pricing-panel-other .description02 .btn-create{font-weight:400;}
.publishing-panel{font-family:'Open Sans',sans-serif;}.publishing-panel h1,.publishing-panel h2{font-size:40px;font-weight:lighter;color:#000000;margin-bottom:20px;}
.publishing-panel h3{font-size:20px;font-weight:400;line-height:140%;color:#000000;}
.publishing-panel p, .business-solution-panel p {font-size:18px;font-weight:lighter;color:#666;line-height:180%;}
.publishing-panel .pb01-block,.publishing-panel .pb02-block,.publishing-panel .pb03-block{border-bottom:1px solid #ebf4d7;}
.publishing-panel .pb01-block{text-align:center;padding:60px 0 100px;}.publishing-panel .pb01-block h1{margin-bottom:25px;}
.publishing-panel .pb01-block .img01{margin-bottom:105px;}
.publishing-panel .pb01-block p{margin-bottom:40px;}
.publishing-panel .pb01-block .ul-block{margin:0 0 0 -20px;padding:0;list-style:none;}
.publishing-panel .pb01-block .ul-block li{float:left;display:inline;width:310px;margin-left:20px;}
.publishing-panel .pb01-block .ul-block li .info{text-align:left;padding:5px;}
.publishing-panel .pb01-block .ul-block li h3{height:56px; text-align: left;}
.publishing-panel .pb01-block .ul-block li .info p{font-size:15px;margin-bottom:0;}
.publishing-panel .pb02-block{background-color:#fafcf5;}
.publishing-panel .pb02-block .container{padding:90px 20px 100px;background:url(../images/feature/publishing/5.jpg) no-repeat 480px 70px;}
.publishing-panel .pb03-block .container{padding:65px 20px 80px;background:url(../images/feature/publishing/6.jpg) no-repeat 100px 60px;}
.publishing-panel .pb03-block .container .span5{padding-top:90px;min-height:380px;}.publishing-panel .pb03-block .container .span5 .content{padding-left:30px;}
.publishing-panel .pb04-block{text-align:center;padding:50px 0 90px;}.publishing-panel .pb04-block h2{margin-bottom:40px;}
.publishing-panel .pb04-block .icons-list{padding:0px 0 25px;}
.publishing-panel .pb04-block .icons-list span{padding:10px; display: inline-block;}
.publishing-panel .pb04-block p{margin-bottom:60px;}
.publishing-panel .pb04-block .start-now{padding:70px 0;font-size:30px;font-weight:600;color:#000000;}.publishing-panel .pb04-block .start-now span{color:#41a458;font-weight:bold;}
.publishing-panel .pb04-block .start-now .btn-create{font-size:30px;padding:18px 35px;margin-left:20px;}
.business-solution-panel{font-family:'Open Sans',sans-serif;text-align:center;}
.business-solution-panel .hcss{font-size:40px;font-weight:600;color:#000000;}
.business-solution-panel h2{font-size:40px;font-weight:lighter;color:#000000;margin-bottom:25px;}

.business-solution-panel strong{color:#8fc31f;font-weight:600;}
.business-solution-panel .sp03-block,.business-solution-panel .sp05-block{background-color:#f8f8f8;}
.business-solution-panel .sp01-block{padding:50px 0 50px;background:url(../images/feature/business/bg-line.jpg) no-repeat center bottom;}.business-solution-panel .sp01-block h1{margin-bottom:20px;}
.business-solution-panel .sp02-block .container{padding:100px 0 110px;background:url(../images/feature/business/1.jpg) no-repeat 100px 110px;}.business-solution-panel .sp02-block .container h2,.business-solution-panel .sp02-block .container p{text-align:left;}
.business-solution-panel .sp02-block .container p{padding-right:15px;}
.business-solution-panel .sp03-block{padding-top:35px;}.business-solution-panel .sp03-block p{margin-bottom:50px;}
.business-solution-panel .sp04-block{padding:85px 0 55px;}.business-solution-panel .sp04-block ul{margin:0 0 0 -150px;padding:0;list-style:none;}.business-solution-panel .sp04-block ul li{margin-left:150px;margin-bottom:45px;float:left;display:inline;width:410px;}.business-solution-panel .sp04-block ul li .info{padding:0 6px;text-align:left;}.business-solution-panel .sp04-block ul li .info h3{font-size:24px;font-weight:400;color:#000000;margin-bottom:0px;}
.business-solution-panel .sp04-block ul li .info p{font-size:14px;min-height:120px;}
.business-solution-panel .sp05-block{padding:35px 0 60px;}.business-solution-panel .sp05-block .iconpd-code{color:#8fc31f;display:block;font-weight:400;font-size:90px;height:80px;}
.business-solution-panel .sp05-block .p01{color:#8fc31f;}
.business-solution-panel .sp06-block h2{margin:55px 0 50px;}
.business-solution-panel .sp06-block .container{padding-bottom:115px;background:url(../images/feature/business/8.jpg) no-repeat 100px 0;}.business-solution-panel .sp06-block .container .p01{min-height:275px;padding:25px 0 0 25px;text-align:left;}
.business-solution-panel .sp07-block{background-color:#f5f5f5;padding:50px 0 65px;}.business-solution-panel .sp07-block h2{margin-bottom:50px;}
.business-solution-panel .sp07-block ul{margin:0;padding:0;list-style:none;}
.business-solution-panel .sp07-block ul li{min-height:466px;margin:1%;float:left;display:inline;width:23%;box-sizing:border-box;border:1px solid #e6e6e6;background-color:#ffffff;border-radius:4px;}.business-solution-panel .sp07-block ul li h3{padding:8px 0;font-size:20px;font-weight:400;color:#000000;height:48px;line-height:120%;}
.business-solution-panel .sp07-block ul li p{padding:15px;font-size:13px;text-align:left;}
.business-solution-panel .sp08-block{padding:70px 0 80px;}.business-solution-panel .sp08-block em{font-style:normal;font-weight:600;color:#000000;}
.business-solution-panel .sp08-block .container .h2css{font-size:40px;font-weight:600;margin-bottom:10px;}
.business-solution-panel .sp08-block .container .p01{color:#8fc31f;margin-bottom:25px;}
.business-solution-panel .sp08-block .container .plans-panel{width:799px;margin:0 auto;}.business-solution-panel .sp08-block .container .plans-panel .top{width:799px;}
.business-solution-panel .sp08-block .container .plans-panel .bottom{width:799px;height:62px;overflow:hidden;}
.business-solution-panel .sp08-block .container .plans-panel .main{border-left:1px solid #eaeaea;}.business-solution-panel .sp08-block .container .plans-panel .main ul{margin:0;padding:0;list-style:none;}.business-solution-panel .sp08-block .container .plans-panel .main ul li{border-bottom:1px solid #eaeaea;overflow:hidden;}.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02{float:left;width:50%;border-right:1px solid #eaeaea; box-sizing:border-box; padding-bottom:9999em;margin-bottom:-9999em;}.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .price,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .price{padding:25px 0 20px;}.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .price>ins,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .price>ins{font-size:24px;color:#000000;text-decoration:none;}.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .price>ins>b,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .price>ins>b{font-size:40px;}
.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .desc-01,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .desc-01{font-weight:lighter;font-size:16px;line-height:160%;color:#000000;margin-bottom:15px;}
.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .desc-02,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .desc-02{padding:15px 0 50px;font-size:16px;line-height:200%;color:#666;}
.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .desc-03,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .desc-03{height:38px;line-height:38px;margin:4px;background-color:#f2f2f2;color:#5d831b;}
.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .desc-signup,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .desc-signup{display:inline-block;margin:25px 0 10px;font-size:18px;text-transform:uppercase;color:#dd4436;}.business-solution-panel .sp08-block .container .plans-panel .main ul li .col01 .desc-signup em,.business-solution-panel .sp08-block .container .plans-panel .main ul li .col02 .desc-signup em{color:#dd4436;}
.business-solution-panel .sp08-block .container .plans-panel .main ul .nobor{border-bottom:none;}
.business-solution-panel .sp08-block .container .desc-04{font-size:18px;margin-top:40px;color:#000000;}
.subscribing-panel{min-height:1080px;}.subscribing-panel .banner-block{position:relative;}.subscribing-panel .banner-block .words{position:absolute;top:60px;right:70px;font-family:'Open Sans',sans-serif;font-size:40px;font-weight:100;color:#000000;line-height:140%;}.subscribing-panel .banner-block .words strong{font-weight:600;}
.subscribing-panel .banner-block .words em{font-style:normal;background-color:#9bc937;color:#ffffff;font-weight:600;display:inline;}
.subscribing-panel .banner-block .words span{font-weight:400;}
.subscribing-panel .funciton-block{position:relative;width:918px;margin:-55px auto 0;font-family:'Open Sans',sans-serif;color:#ffffff;}.subscribing-panel .funciton-block ul{margin:0;padding:0;list-style:none;}.subscribing-panel .funciton-block ul li{text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);position:relative;float:left;display:inline;margin:0 3px 0;padding:30px 20px 20px 120px;width:160px;height:180px;}.subscribing-panel .funciton-block ul li h2{font-size:30px;margin-top:0;margin-bottom:15px;text-transform:uppercase;font-weight:400;}
.subscribing-panel .funciton-block ul li p{font-size:18px;line-height:120%;}
.subscribing-panel .funciton-block ul li:before{text-shadow:0 2px 0 rgba(0, 0, 0, 0.1);font-family:'fonticon';position:absolute;font-size:64px;color:#ffffff;top:60px;left:30px;}
.subscribing-panel .funciton-block ul li.explore{background-color:#f8b551;}.subscribing-panel .funciton-block ul li.explore:before{content:"\f1a2";}
.subscribing-panel .funciton-block ul li.subscribe{background-color:#80c269;}.subscribing-panel .funciton-block ul li.subscribe:before{content:"\f17b";}
.subscribing-panel .funciton-block ul li.play{background-color:#00a0e9;}.subscribing-panel .funciton-block ul li.play:before{content:"\e002";}
.subscribe-panel{font-family:'Open Sans',sans-serif;margin:10px auto 100px;border:1px solid #d2d2d2;border-radius:5px;overflow:hidden;}
.subscribe-panel .album-block{padding:30px 30px 30px 142px;border-bottom:1px solid #d2d2d2;}.subscribe-panel .album-block .frontcover{float:left;display:block;margin-left:-112px;}
.subscribe-panel .album-block .tit{font-size:16px;font-weight:bold;color:#8fc31f;display:inline-block;margin-bottom:10px;}
.subscribe-panel .album-block .description{color:#666;margin-bottom:10px;line-height:120%;}
.subscribe-panel .album-block .datetime{position:relative;font-family:'Open Sans',sans-serif;font-size:12px;color:#999;padding-left:18px;}.subscribe-panel .album-block .datetime:before{position:absolute;font-family:'fonticon';content:"\e005";left:0;top:-2px;}
.subscribe-panel .btns-block{padding:30px;border-bottom:1px solid #d2d2d2;font-size:12px;font-weight:lighter;line-height:120%;background-color:#f4f9e9;}.subscribe-panel .btns-block .btns-float{float:left;margin-right:70px;}.subscribe-panel .btns-block .btns-float.bf01{width:200px;}
.subscribe-panel .btns-block .btns-float.bf02{width:300px;}
.subscribe-panel .cpaddress-block{padding:15px 30px;background-color:#f4f9e9;}.subscribe-panel .cpaddress-block a{text-decoration:none;}
.subscribe-panel .cpaddress-block h5{margin-top:0;font-weight:400;color:#000000;}
.subscribe-panel .cpaddress-block .iconpd-rss{color:#000000;}
.premium-subscription{border-bottom-width:6px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}.premium-subscription .album-block .tit{margin-bottom:5px;}
.premium-subscription .album-block .category{display:block;color:#666;margin-bottom:5px;font-size:12px;}
.premium-subscription .album-block .description{color:#999;font-size:12px;}
.premium-subscription .btns-block{border-bottom:0;background-color:#f4f9e9;font-weight:normal;}.premium-subscription .btns-block.borbot{border-bottom:1px solid #d2d2d2;background-color:#f4f9e9;}.premium-subscription .btns-block.borbot .btns-float .line-outer{position:relative;height:140px;border-left:1px solid #d2d2d2;margin-top:-10px;}.premium-subscription .btns-block.borbot .btns-float .line-outer span{position:absolute;background-color:#f4f9e9;text-align:center;width:40px;height:40px;line-height:40px;padding-bottom:10px;top:20%;left:50%;margin-left:-20px;display:block;font-size:24px;font-weight:bold;}
.premium-subscription .btns-block.borbot .btns-float h5{margin-top:0;font-weight:400;color:#000000;}
.premium-subscription .btns-block.borbot .btns-float .iconpd-rss{font-size:14px;color:#000000;}
.premium-subscription .btns-block .payplanlist{margin:-30px 0 0;padding:0 0 50px;list-style:none;}.premium-subscription .btns-block .payplanlist li{padding:25px 130px 10px 0;border-bottom:1px solid #d6e3cb;position:relative;}.premium-subscription .btns-block .payplanlist li h3{color:#000000;font-size:24px;margin:0 0 5px;line-height:normal;}.premium-subscription .btns-block .payplanlist li h3 strong{display:inline-block;margin-left:8px;font-weight:normal;font-size:14px;color:#fff;overflow:hidden;padding:2px 10px;-webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px;border-radius:11px;}.premium-subscription .btns-block .payplanlist li h3 strong.recurring{background-color:#f39800;}
.premium-subscription .btns-block .payplanlist li h3 strong.seasonpass{background-color:#8fc31f;}
.premium-subscription .btns-block .payplanlist li h3 strong.seasonpassdate{background-color:#448aca;}
.premium-subscription .btns-block .payplanlist li p{color:#333;font-size:14px;}.premium-subscription .btns-block .payplanlist li p ins{text-decoration:none;font-weight:bold;color:#eb6100;font-size:18px;}
.premium-subscription .btns-block .payplanlist li .btn-pay{position:absolute;right:15px;bottom:15px;}
.premium-subscription .cpaddress-block{border-bottom:1px solid #d2d2d2; padding: 15px 30px;}
.premium-subscription .table-paylist{font-size:14px;background-color:#fff;}.premium-subscription .table-paylist td{line-height:36px;text-align:center;}
.premium-subscription .table-paylist .tc{text-align:center;}
.premium-subscription .table-paylist tbody .col01{font-weight:bold;}
.premium-subscription .table-paylist tbody .col02{width:140px;}
.premium-subscription .table-paylist tbody .col03{width:200px;}.premium-subscription .table-paylist tbody .col03 ins{font-weight:bold;color:#eb6100;font-size:22px;text-decoration:none;}
.premium-subscription .table-paylist tbody .col03 span{font-weight:bold;color:#097c25;font-size:18px;}
.premium-subscription .table-paylist tbody .col04{width:160px;}
.single-sidenav{margin:30px 0 0;width:270px;padding:0;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);}.single-sidenav>li>a{font-family:'Open Sans',sans-serif;font-weight:lighter;display:block;font-size:14px;margin:0 0 -1px;padding:8px 14px;border:1px solid #e5e5e5;color:#000000;}.single-sidenav>li>a:hover{background-color:#f5f5f5;}
.single-sidenav>li:first-child>a{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.single-sidenav>li:last-child>a{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
.single-sidenav>.active .icon-chevron-right{background-image:url(../images/glyphicons-halflings-white.png);opacity:1;}
.single-sidenav>.active>a{font-weight:400;position:relative;z-index:2;padding:9px 15px;border:0;text-shadow:0 1px 0 rgba(0, 0, 0, 0.15);-webkit-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.1),inset -1px 0 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.1),inset -1px 0 0 rgba(0, 0, 0, 0.1);box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.1),inset -1px 0 0 rgba(0, 0, 0, 0.1);background-color:#9ac935;}.single-sidenav>.active>a:hover{background-color:#9ac935;}.single-sidenav>.active>a:hover .icon-chevron-right{background-image:url(../images/glyphicons-halflings-white.png);opacity:1;}
.single-sidenav .icon-chevron-right{float:right;margin-top:2px;margin-right:-6px;opacity:.25;}
.single-sidenav a:hover .icon-chevron-right{opacity:.5;}
.single-sidenav.affix{top:140px;}
.single-sidenav.affix-bottom{position:absolute;top:auto;bottom:auto;}
.single-content{font-family:'Open Sans',sans-serif;color:#666;min-height:180px;padding-right:20px;padding-bottom:100px;}.single-content .banner-block{margin-bottom:10px;position:relative;}
.single-content .banner-block .h1css{position:absolute;bottom:22px;left:213px;color:#000000;font-weight:600;text-transform:uppercase;}
.single-content h4{padding-top:10px;padding-bottom:10px;color:#6a950e;}
.single-content h5{color:#222;}
.single-content strong{color:#222;}
.single-content p{line-height:180%;margin-bottom:20px;}
.single-content ol{margin-bottom:20px;}.single-content ol li{line-height:180%;}
.pay-success{margin:50px auto;width:740px;height:180px;padding:30px;}
.pay-success .p1{color:#333;margin-bottom:30px;font-size:16px;}
.sys-message-panel{overflow:hidden;height:24px;line-height:24px;padding:0 35px 0 10px;text-align:center;background-color:red;color:#ffffff;position:relative;}
.sys-message-panel a.closed{position:absolute;font-size:18px;font-weight:bold;display:block;width:12px;text-align:center;color:#c70000;top:0;right:20px;text-decoration:none;}
.sys-message-panel a.closed:hover{color:#8d0101;}
.set-password-dialog{overflow:hidden;}
.set-password-dialog .modal-header{background-color:#9ac935;padding:15px 15px;border-bottom:1px solid #79b102;}
.set-password-dialog .modal-header h3{font-size:18px;color:#fff;line-height:20px;}
.set-password-dialog .modal-header .close{margin-top:0;}
.set-password-dialog .modal-body .form-horizontal{margin:10px 0 20px;}
.set-password-dialog .modal-body .form-horizontal .btn{margin-top:10px;}
a.signin-facebook,a.signin-google{display:block;text-decoration:none;margin-bottom:20px;height:70px;border-radius:5px;line-height:70px;font-size:20px;color:#fff;position:relative;padding-left:60px;}
a.signin-facebook{background-color:#47629b;}
a.signin-google{background-color:#dc4a38;}
a.signin-facebook:before,a.signin-google:before{content:"";display:block;position:absolute;width:60px;height:70px;top:0;left:0;background-color:transparent;background-image:url(../images/facebook-32.png);background-repeat:no-repeat;background-position:center;}
a.signin-google:before{background-image:url(../images/google-plus-32.png);}
a.signin-facebook:hover,a.signin-google:hover{box-shadow:inset 0 10px 30px rgba(255, 255, 255, 0.3);}
.fb-list .h3css{margin-bottom:0;font-family:'Open Sans',sans-serif;font-weight:400;}
.fb-list span.text-success{display:block;margin-bottom:20px;}
.fb-list .ul{font-size:16px;}
.fb-list .ul li{line-height:180%;}
.guide-dialog.modal{width:800px;margin-left:-401px;margin-top:-45px;}
.guide-dialog .modal-header{text-align:center;padding:15px 40px;}
.guide-dialog .modal-header h3{margin:10px 0 15px;font-family:'Open Sans',sans-serif;font-weight:600;}
.guide-dialog .modal-header p{margin:0;line-height:160%;}
.guide-dialog .modal-footer{text-align:center;}
.following-block-h2css{margin-top:0;padding:10px 0;font-family:'Open Sans',sans-serif;font-weight:600;}
.following-block a.follow,.guide-dialog a.follow,.like-me-dialog a.follow, .following-block a.block-follower {padding-left:18px;position:relative;text-decoration:none;overflow:hidden;}
.following-block a.follow:before,.guide-dialog a.follow:before,.like-me-dialog a.follow:before{position:absolute;font-family:'fonticon';left:0;top:0;line-height:1;}
.following-block a.following-pill,.guide-dialog a.following-pill,.like-me-dialog a.following-pill{color:#999;}.following-block a.following-pill:before,.guide-dialog a.following-pill:before,.like-me-dialog a.following-pill:before{content:"\e605";}
.following-block a.follow-pill,.guide-dialog a.follow-pill,.like-me-dialog a.follow-pill{color:#8fc31f;}.following-block a.follow-pill:before,.guide-dialog a.follow-pill:before,.like-me-dialog a.follow-pill:before{content:"\e604";}
.following-panel{color:#333;padding:0 20px;margin-bottom:20px;background-color:#ffffff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.075);}.following-panel .fp-header{padding:10px 0 10px 46px;border-bottom:1px solid #f1f1f1;}.following-panel .fp-header .avatar{float:left;margin-left:-46px;}.following-panel .fp-header .avatar img{width:36px;height:36px;overflow:hidden;}
.following-panel .fp-header .podcast-name{margin:-2px 0 0;}.following-panel .fp-header .podcast-name a{color:#333;text-decoration:none;}
.following-panel .fp-body{padding:15px 0;}.following-panel .fp-body .h4css{font-size:30px;line-height:130%;margin-top:0;font-weight:normal;}.following-panel .fp-body .h4css a{color:#000;text-decoration:none;}.following-panel .fp-body .h4css a:hover{color:#8fc31f;}
.following-panel .fp-body .datetime{position:relative;font-family:'Open Sans',sans-serif;font-size:12px;color:#999;padding-left:15px;}.following-panel .fp-body .datetime:before{position:absolute;font-family:'fonticon';content:"\e005";left:0;top:-1px;}
.following-panel .fp-body .description{color:#454545;}
.following-panel .fp-body .post-player{margin-bottom:10px;}
.following-panel .fp-footer{width:100%;padding:15px 20px;border-top:1px solid #f1f1f1;background-color:#f9f9f9;margin-left:-20px;}.following-panel .fp-footer ul.ul{margin:0;padding:0;list-style:none;}.following-panel .fp-footer ul.ul li.li{display:inline;float:left;}
.following-panel .fp-footer .pull-left a.tool{padding-left:15px;margin-right:10px;font-size:10px;}
.following-panel .fp-footer .pull-right a.tool{padding-left:18px;margin-left:20px;}
.following-panel .fp-footer a.tool{position:relative;color:#999;text-decoration:none;}.following-panel .fp-footer a.tool:before{position:absolute;font-family:'fonticon';left:0;}
.following-panel .fp-footer a.tool:hover{color:#8fc31f;}
.following-panel .fp-footer a.repost:before{content:"\e606";}
.following-panel .fp-footer a.comments:before{content:"\e600";}
.following-panel .fp-footer a.download:before{content:"\f11a";}
.following-panel .fp-footer a.share:before{content:"\e000";}
.following-panel .fp-footer a.like:before{content:"\e601";}
.following-panel .fp-footer a.like.active{color:#999;}.following-panel .fp-footer a.like.active:before{color:red;}
.following-panel .fp-footer a.embeddable:before{content:"\e00d";}
.following-panel .fp-footer a.hits:before{content:"\f184";}
.following-panel .fp-footer .dropdown-menu>li>a{font-size:12px;}
.following-panel .fp-footer .dropdown-menu>li>a:hover,.following-panel .fp-footer .dropdown-menu>li>a:focus,.following-panel .fp-footer .dropdown-submenu:hover>a,.following-panel .fp-footer .dropdown-submenu:focus>a{background-image:none;background-color:#8fc31f;}
.following-panel .fp-footer .dropdown-menu:before{position:absolute;top:-7px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0, 0, 0, 0.2);content:'';}
.following-panel .fp-footer .dropdown-menu:after{position:absolute;top:-6px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #ffffff;border-left:6px solid transparent;content:'';}
.following-panel .fp-footer .share-toggle:before{left:40px;}
.following-panel .fp-footer .share-toggle:after{left:41px;}
.guide-dialog,.like-me-dialog{overflow:hidden;width:700px;margin-left:-350px;}.guide-dialog .close,.like-me-dialog .close{margin:10px 20px 0 0;}
.myepisode-panel{background-color:transparent;margin-bottom:0;box-shadow:none;padding-top:10px;}
.likeme-panel{padding:15px 20px;border-top:1px solid #f1f1f1;background-color:#f9f9f9;}.likeme-panel .h4css{margin:0 0 18px;padding:0 0 12px;font-size:20px;font-weight:normal;color:#444;border-bottom:1px solid #e0e0e0;}.likeme-panel .h4css .statistics{padding-left:15px;float:right;}.likeme-panel .h4css .statistics i{position:relative;color:#999;text-decoration:none;padding-left:18px;padding-right:10px;font-style:normal;font-size:12px;}.likeme-panel .h4css .statistics i:before{position:absolute;font-family:'fonticon';left:0;}
.likeme-panel .h4css .statistics i.like:before{content:"\e601";}
.likeme-panel .h4css .statistics i.hits:before{content:"\f184";}
.likeme-panel .like-list{margin:0;padding:0;list-style:none;}.likeme-panel .like-list li{float:left;display:inline;margin:0 6px 6px 0;}.likeme-panel .like-list li a{display:block;padding:1px;border:1px solid #e0e0e0;}
.likeme-panel .like-list li img{width:36px;height:36px;overflow:hidden;display:block;}
.f-sidebar{padding:0 0 30px;}
.f-sidebar .profile-block{background-color:#ffffff;margin-bottom:20px;overflow:hidden;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.075);}
.f-sidebar .profile-block .logo {margin: 15px; text-align: center;}
.f-sidebar .profile-block .content-block {padding: 0px 15px 20px; text-align: left;}
.f-sidebar .profile-block .user-vcard {position: relative;}
.f-sidebar .profile-block .user-vcard .avatar{float:left; margin:20px 10px 10px 20px;display:block;position:relative;}.f-sidebar .profile-block .user-vcard .avatar .edit{display:none;background-color:#000;color:#fff;background-color:rgba(0, 0, 0, 0.75);color:rgba(255, 255, 255, 0.75);text-align:center;position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px;font-size:12px;text-decoration:none;}.f-sidebar .profile-block .user-vcard .avatar .edit:hover{color:#fff;}
.f-sidebar .profile-block .user-vcard .avatar img {width: 50px;}
#system_message .item-count, .notification-btn .item-count {
    padding: 1px 6px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    margin-left: 3px;
    font-size: 11px;
    border: 1px solid #390000;
    background: #c41902 repeat-x left bottom;
    background-image: -ms-linear-gradient(top, #fd785a, #c41902);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd785a), to(#c41902));
    background-image: -webkit-linear-gradient(top, #fd785a, #c41902);
    background-image: -o-linear-gradient(top, #fd785a, #c41902);
    background-image: -moz-linear-gradient(top, #fd785a, #c41902);
    background-image: linear-gradient(top, #fd785a, #c41902);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.f-sidebar .related-panel ul li {min-height: 60px;}
.f-sidebar .profile-block .user-vcard .avatar-blocks {float: left; width: 230px; margin: 20px 10px 10px 0px}
.f-sidebar .profile-block .user-vcard .avatar-setting {position: absolute; right: 20px; top: 20px;} 
.f-sidebar .profile-block .user-vcard .avatar-setting a:hover {text-decoration: none;}
.f-sidebar .profile-block .user-vcard .avatar-setting i {font-size: 20px; color: #999999}
.f-sidebar .profile-block .user-vcard .name{margin-bottom:2px;font-size:18px;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;color:#8fc31f;}.f-sidebar .profile-block .user-vcard .name:hover{color:#638c0b;}
.f-sidebar .profile-block .user-vcard .profile-link{display:block;color:#999;font-size:12px;text-decoration:none;}
.f-sidebar .profile-block .user-data .divider{float:left;}
.f-sidebar .profile-block .user-data .counter a{padding: 10px 20px; border-top: 1px solid #eee; display:block; text-decoration:none; margin-bottom: 1px; background-color: #ffffff}
.f-sidebar .profile-block .user-data .counter a:hover {background-color: #f8f8f8}
.f-sidebar .profile-block .user-data .counter span{font-size:14px;font-style:normal;color:#638c0b;}
.f-sidebar .profile-block .user-data .counter span i, .f-sidebar .mylike-block ul li a i {margin-right: 8px;}
.f-sidebar .profile-block .user-data .counter a em{color:#999999; font-style: normal; float: right;}

.f-sidebar .profile-block .pub-podcast-button a{display:block;background-color:#8fc31f;color:#ffffff;text-align:center;height:48px;line-height:48px;font-size:20px;text-decoration:none;}.f-sidebar .profile-block .pub-podcast-button a:hover{background-color:#638c0b;}
.f-sidebar .mylike-block{background-color:#ffffff;margin-bottom:20px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.075);}.f-sidebar .mylike-block ul{margin:0;padding:0;list-style:none;}.f-sidebar .mylike-block ul li{border-bottom:1px solid #eee;line-height:48px;height:48px;overflow:hidden;}
.f-sidebar .mylike-block ul li em {float: right; font-style: normal; font-size: 14px; opacity: 0.8} 
.f-sidebar .mylike-block ul li a{background-color:#ffffff;display:block;padding:0 20px;text-decoration:none;color:#638c0b;}.f-sidebar .mylike-block ul li a:hover{opacity:0.6;}
.f-sidebar .fans-block{background-color:#ffffff;margin-bottom:20px;padding:5px 20px 10px 20px ;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.075);}.f-sidebar .fans-block ul li{padding-right:40px;}.f-sidebar .fans-block ul li a.plus{float:right;display:block;width:30px;height:60px;line-height:60px;position:relative;color:#999;text-decoration:none;margin-right:-40px;margin-top:-15px;padding:15px 0;}.f-sidebar .fans-block ul li a.plus:before{content:"\e604";position:absolute;font-family:'fonticon';font-size:24px;left:50%;margin-left:-10px;color:#8fc31f;}
.f-sidebar .fans-block.upgraded-block b {padding: 10px 30px; display: block;}
.f-sidebar .fans-block.upgraded-block i {color: #8fc31f; margin-right: 15px; font-weight: bold; font-size: 22px !important;}
.f-sidebar .fans-block.upgraded-block ul {margin: 0px; padding: 0px 0px 10px 0px; list-style-type: none;}
.f-sidebar .fans-block.upgraded-block ul li {margin: 0px 0px 10px 40px;}
.f-sidebar .fans-block .user-button {margin: 0px 30px 10px}
.f-sidebar .fans-block .user-button a {
    background-color: #8fc31f;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
.f-sidebar .fans-block .user-button a:hover {text-decoration: none; background-color: #63870b}
.f-sidebar .fans-block ul li a.plus:hover{background-color:#b1e541;}.f-sidebar .fans-block ul li a.plus:hover:before{color:#ffffff;}
.friends-block{background-color:#ffffff;padding:20px 20px;}
.friends-panel .nav-tabs{margin-bottom:15px;}
.friends-panel .nav-tabs li{text-align:center;}
.friends-panel .nav-tabs li a:hover,.friends-panel .nav-tabs li a:focus{color:#666;background-color:transparent;border-color:transparent;border-bottom-color:#666;}
.friends-panel .nav-tabs li.active a{outline:none;color:#8fc31f;border-color:transparent;border-bottom-color:#8fc31f;}
.friendstab-content{padding:0;}.friendstab-content .related-panel ul{width:750px;margin-left:-20px;}.friendstab-content .related-panel ul li{float:left;display:inline;width:177px;margin-left:20px;padding-top:8px;padding-bottom:8px;padding-left:65px;}
.friendstab-content .related-panel ul li .pic{margin-left:-65px;}.friendstab-content .related-panel ul li .pic img{width:60px !important; height: 60px !important;}
.friendstab-content .related-panel ul li a.follow{position:relative;font-family:Arial;outline:none;margin-top: 2px;}
.friendstab-content .related-panel ul li a.follow:before{position:absolute;font-family:'fonticon';}
.friendstab-content .related-panel ul li a.follow.f-pill{padding-left:20px;}
.friendstab-content .related-panel ul li a.follow.f-pill:before{content:"\e604";left:5px;}
.friends-panel .friendstab-content .related-panel ul li {min-height: 62px;}

.moreinfo-panel{margin-bottom:20px;border:1px solid #ddd;background-color:#eee;padding:8px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.005);color:#999;}.moreinfo-panel>a{color:#999;text-decoration:none;}.moreinfo-panel>a:hover{color:#8fc31f;}
.newinfo-notice{margin-left:30px;display:none;width:45px;padding:5px;text-align:center;font-weight:bold;border-radius:3px;text-decoration:none;line-height:120%;}.newinfo-notice.news{background:#8fc31f url("../images/arrow_up.png") no-repeat center 7px;padding-top:30px;padding-bottom:8px;}
.newinfo-notice.refresh{background:#8fc31f url("../images/arrow_refresh.png") no-repeat center 8px;padding-top:30px;padding-bottom:8px;}
.newinfo-notice.goon{background:#8fc31f url("../images/arrow_down.png") no-repeat center 30px;padding-bottom:30px;padding-top:8px;}
.newinfo-notice:link,.newinfo-notice:active,.newinfo-notice:visited{color:#ffffff;text-decoration:none;outline:none;}
.newinfo-notice:hover{color:#ffffff;background-color:#638c0b;text-decoration:none;}
.welcome-page{background-color:#fff;padding:15px 25px;margin-bottom:20px;}
.tag-head{padding:10px 0;}
.tag-list{margin-bottom:20px;}.tag-list .l-h3css{margin-top:0;font-size:20px;}
.tag-list .l-ul{margin:0;padding:0;list-style:none;}.tag-list .l-ul>li{float:left;display:inline;margin-right:5px;}.tag-list .l-ul>li span.label{cursor:pointer;padding:5px;font-size:1.4rem;font-size:14px;}
.tag-panel .tag-item{padding-bottom:15px;}.tag-panel .tag-item .i-header{border-bottom:1px solid #f0f0f0;margin-bottom:20px;}.tag-panel .tag-item .i-header .i-h4css{font-size:14px;font-weight:normal;color:#000;}
.tag-panel .tag-item .i-header a.btn{margin-top:10px;}
.tag-panel .tag-item .i-ul{margin:0;padding:0;list-style:none;}.tag-panel .tag-item .i-ul>li{float:left;display:inline;margin-right:22px;}.tag-panel .tag-item .i-ul>li .pic{margin-bottom:10px;position:relative;cursor:pointer;border:1px solid transparent;opacity:.5;}.tag-panel .tag-item .i-ul>li .pic img{width:118px;display:block;}
.tag-panel .tag-item .i-ul>li .pic .follow{position:absolute;overflow:hidden;right:5px;bottom:5px;opacity:0;color:#ffffff;display:block;width:28px;height:28px;overflow:hidden;border-radius:15px;padding:0;}.tag-panel .tag-item .i-ul>li .pic .follow:before{position:absolute;content:"";border-width:0px 4px 4px 0px;border-style:solid;border-color:transparent #ffffff #ffffff transparent;top:50%;left:50%;width:5px;height:12px;margin-top:-10px;overflow:hidden;margin-left:-4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);}
.tag-panel .tag-item .i-ul>li .pic.select{opacity:1;border-color:#8fc31f;}.tag-panel .tag-item .i-ul>li .pic.select .follow{opacity:1;}
.tag-panel .tag-item .i-ul>li.last{margin-right:0;}
.tag-panel .tag-item .i-ul>li .tit{font-size:12px;color:#868686;text-decoration:none;display:block;width:100%;height:18px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tag-panel .tag-item .i-ul>li .tit:hover{color:#8fc31f;}
.following-panel .notifications-block{margin-bottom:10px;overflow:hidden;padding:10px 0px;}
.following-panel .notifications-block .thumbnail{background-color:#FFFFFF;float:left;padding:2px;width:32px;}
.following-panel .notifications-block .details{display:block;margin-left:48px;margin-top:10px;}
.following-panel .notifications-block .time{color:#999999;margin-top:5px;}


.following-panel .notifications-block .fbtn {
    border-radius: 2px;
color: #FFFFFF;
    float: right;
    padding: 1px 5px;
 width:58px;
	font-size:12px;
 text-align:center
}
.following-panel .notifications-block .fbtn:hover{
	text-decoration:none;
}
.following-panel .notifications-block .follow-btn{    background: none repeat scroll 0 0 #008000;     }
.following-panel .notifications-block .follow-btn:hover {background:#89C347}
.following-panel .notifications-block .following-btn {background: none repeat scroll 0 0 #888888; }
.following-panel .notifications-block .follow-btn:before {content:" + ";}
.following-panel .notifications-block .following-btn:before {content:" - "}

.block-follower {
    background-position: left center;
    background-repeat: no-repeat;
    color: #888888;
    padding-left: 18px;
}
.block-follower:hover {color:#000000}

.podbeanappdownload {padding: 20px 0px;}
.podbean-app-block {padding: 15px 30px; background-image: url(../images/podbeanapp/bg-light.png); background-repeat: no-repeat; background-position: center left; overflow: hidden; background-color: #b8c7c8 !important;}
.podbean-app-block .img-block {
    float: right;
    width: 35%;
    margin-right: 10%
}
.download-block span {margin-top: 5px}
.download-block .btn a {color: #ffffff;}
.download-block span a {color: #51a351; font-weight: bold;}
.download-block .btn a:hover {text-decoration: none;}
.podbean-app-block .text-block {
    float: left;
    margin-top: 30px;
    width: 40%;    
    padding-left: 10%;
    font-size: 16px;
    font-weight: normal;
    
}
.podbean-app-block .download-block {margin: 20px 0px 5px;}
.podbean-app-block .download-block img {width: 130px; margin-top:3px;}
.related-panel h4.h4css {font-size: 16px;}

.downloadapp-block {
    background: #ffffff;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 20px;
}
.downloadapp-block h4.h4css {float: left;} 
.downloadapp-block .butns-group {float: left; margin-left: 10px; border:#ffffff;}

.podbean-app-block.homepage {margin-top:-20px; position: relative; border-bottom: 1px solid #cccccc; padding: 70px 30px 30px; background-color: #ffffff!important;}
.podbean-app-block.homepage h4 {font-size: 48px; color: #333333; font-weight: normal; line-height: 50px; margin-bottom: 40px;}
.podbean-app-block.homepage .text-block {
    font-size: 22px;
    line-height: 26px;
    margin-top: 10px; 
    font-weight: lighter;
}
.podbean-app-block.homepage .download-block {font-size: 16px; margin-top: 40px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar h1 {font-size: 30px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar.user-image img {width: 198px; height: 198px;}

.search-content {margin-top: 30px}
.search-content .span3 {width: 320px;}
.search-content .span9 {width: 820px;}

/*mobile */
.header .navbar-inner .visible-phone .nav > li {border-top: 1px solid #232323; padding: 0px;}
.header .navbar-inner .visible-phone .nav > li > a {padding: 10px 20px; font-weight: normal; margin: 0px;}
.nav-collapse .visible-phone .nav {margin: 0px;}
.header .visible-phone .navbar-search {margin: 0px;}
.visible-phone .btn-mobile {display: inline-block;border-radius: 50px; text-decoration: none; margin-bottom: 10px; background-color: #6cbb2c; padding: 10px 25px; color: #ffffff; border:none; font-size: 18px;}
.visible-phone .btn-mobile:hover {background-color:#7fad1c}
.visible-phone .carousel {border-top: 1px solid #dddddd; text-align: center; border-bottom: 1px solid #dddddd;}
.visible-phone .carousel-inner > .item > img {margin: 0px auto;}
.visible-phone h1 {font-size: 24px; margin: 20px 0px 10px; line-height: 1.2em}
.visible-phone.carousel.slide {text-align: center;}
.visible-phone .carousel-indicators {display: none;}
.visible-phone.footer {background-color: #ffffff; color: #a7a5a5; text-align: center; padding: 15px 10px 40px; font-size: 14px;}



.Platform {text-align: center;}
.Platform h2 {font-weight: normal;}
.Platform p {font-size: 18px; text-align: center; font-weight: lighter;}
.Platform .col6 {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    float: left;
    height: 130px;
    margin-left: -1px;
    margin-top: -1px;
    width: 50%;
}
.Platform .form-block {overflow: hidden;}
.plat01, .plat02, .plat03, .plat04 {background-repeat: no-repeat;
         background-position: center top;
         display: block;
         margin: 30px; min-height: 50px;
         background-size: auto 40px;
         padding-top: 50px;}
.plat01 {background-image: url(../images/mobiles/icon-save.png);}
.plat02 {background-image: url(../images/mobiles/icon-themes.png);}
.plat03 {background-image: url(../images/mobiles/icon-statics.png);}
.plat04 {background-image: url(../images/mobiles/icon-cart.png);}

/*jumbotron*/
.boot-v3 .container-fluid {padding-left:15px; padding-right: 15px;}
.boot-v3 .form-control {width: 100%; box-sizing:border-box; height: 34px; padding: 6px 12px;}
.boot-v3 .form-control.form-short {width: 120px;}
.boot-v3 .form-control.form-middle {width: 240px;}
.boot-v3 .form-control.form-long {width: 480px;}
.boot-v3 textarea.form-control {height: 102px;}
.boot-v3 .container-fluid .row {margin-left: -15px; margin-right: -15px;}
.boot-v3 .col1, .boot-v3 .col2, .boot-v3 .col3, .boot-v3 .col4, .boot-v3 .col5, .boot-v3 .col6, .boot-v3 .col7, .boot-v3 .col8, .boot-v3 .col9, .boot-v3 .col10, .boot-v3 .col11, .boot-v3 .col12{float: left; position: relative; padding-left: 15px; padding-right: 15px; box-sizing:border-box;}

.boot-v3 .col1 {width: 8.33333%}
.boot-v3 .col2 {width: 16.6667%}
.boot-v3 .col3 {width: 25%}
.boot-v3 .col4 {width: 33.3333%}
.boot-v3 .col5 {width: 41.6667%}
.boot-v3 .col6 {width: 50%}
.boot-v3 .col7 {width: 58.3333%}
.boot-v3 .col8 {width: 66.6667%}
.boot-v3 .col9 {width: 75%}
.boot-v3 .col10 {width: 83.3333%}
.boot-v3 .col11 {width: 91.6667%}
.boot-v3 .col12 {width: 100%}

.boot-v3 .col-offset1 {margin-left:8.33333%}
.boot-v3 .col-offset2 {margin-left:16.6667%}


.boot-v3 .btn-primary {background-color: #000000; background-image: none;}
.boot-v3 .btn-primary:hover {opacity: 0.9}
.boot-v3 .btn-normal {background-color: #ffffff; border:2px solid #000000; color: #000000; background-image: none;}
.boot-v3 .btn-normal:hover {opacity: 0.8}
.boot-v3 .btn-special {background-color: #8fc31f; border:none; background-image: none; color: #ffffff; text-shadow:none;}
.boot-v3 .btn-special:hover {opacity: 0.8}
.boot-v3 .btn-special2 {background-color: #08e159; border:none; background-image: none; color: #ffffff; text-shadow:none;}
.boot-v3 .btn-special2:hover {opacity: 0.8}
.boot-v3 .btn-groups {margin: 30px 0px;}
.boot-v3 .btn-white-em {background-color: transparent; border:2px solid #ffffff; background-image: none; color: #ffffff; text-shadow:none;}
.boot-v3 .btn-white {background-color: #ffffff; border:2px solid #ffffff; background-image: none; color: #222222; text-shadow:none;}
.boot-v3 .btn-white-em:hover, .boot-v3 .btn-white:hover {opacity: 0.8}

.pagination .yiiPager {margin-top: 20px;}

.jumbotron .col4, .jumbotron .col5, .jumbotron .col6, .jumbotron .col7, .jumbotron .col12 {padding: 0px;}
.jumbotron h1 {font-size: 4.3em; margin: 0 0 0.6em}
.jumbotron img {max-width: 100%;}
.jumbotron p {font-size: 18px; line-height: 1.4em}
.jumbotron .container {max-width: 100%; padding: 0px;}
.jumbotron.jumbotron-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
     -webkit-flex-direction: row; 
     -moz-flex-direction: row; 
   flex-direction: row;
    margin-top: 62px;
    background: url(../images/podbeanapp/banner-bg.jpg?version=2) no-repeat left top #5e6061;
    background-size: cover;
}
.jumbotron.jumbotron-banner [class^="col"] {
    height: 680px;
}
.jumbotron.jumbotron-banner .text-holder{float: left; color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column; 
     -moz-flex-direction: column; 
   flex-direction: column;
    justify-content: center;
    padding: 0px 4em
}
.jumbotron.jumbotron-banner .text-holder h1 {font-size: 7.5em;}
.jumbotron.jumbotron-banner .text-holder p {font-size: 1.4em; margin: 0px;}
.jumbotron.jumbotron-banner .text-holder p + p {margin: 0px 0px 1em}
.jumbotron.jumbotron-banner .text-holder .btn {max-width: 290px; font-size: 22px; padding: 12px;}

.jumbotron.jumbotron-banner .img-holder{float: right; position: relative;}
.jumbotron.jumbotron-banner .img-holder img {position: absolute; right: 0; max-width: 100%; top: 0px; z-index: 2}


.container-fluid > .row.jumbotron {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
   flex-direction: row;-moz-flex-direction: row;
}

.jumbotron .btn {border-radius: 100px;}
.jumbotron .jumbotron-discover {background: url(../images/podbeanapp/pic06.jpg) no-repeat left top #5e6061; background-size: cover;}
.jumbotron .jumbotron-listen {background: url(../images/podbeanapp/pic07.jpg) no-repeat center top transparent; background-size: cover;}
.jumbotron-personalize {background-color: #ff755d; text-align: right;}
.jumbotron-personalize .btn-success {background-color: transparent; background-image: none; border:2px solid #ffffff; padding: 2% 18%; margin-top: 50px; font-size: 18px; color: #ffffff; text-shadow:none;}
.jumbotron-personalize .btn-success:hover {background-color: #ffffff;color: #ff755d}
.jumbotron-personalize .col7 img {margin: -2% 10% 0; max-width: 80%}
.jumbotron .jumbotron-area01 { padding: 25% 35% 20% 12%; text-align: left;}
.jumbotron .jumbotron-area02 { color: #ffffff; padding: 20% 15% 30% 15%; text-align: center;}
.jumbotron .jumbotron-area03 { color: #ffffff; padding: 20% 20% 20% 5%; text-align: left;}


.prominent-b .input-prepend .add-on {padding: 10px;}
.prominent-b .input-prepend input[type="text"] {padding: 10px; font-size: 18px;}

/*crowdfund-create*/
.crowdfund-create {background-color: #f6f6f6; min-height: 560px; padding-bottom: 50px;} 
.crowdfund-create h2.h2css, .patron-profile h2.h2css, .landing-page h2.h2css {
    margin: 50px 0 30px;
    padding: 5px 0 20px;
    color: #333333;
    text-align: center;
    position: relative;
    font-weight: normal;
    background: url(../images/patron/title-bg.png) no-repeat center bottom
}
.crowdfund-create .blocks {
    background: #ffffff;
    box-shadow: 2px 2px 0 #eeeeee;
    margin: 10px 0;
    padding: 15px;
}
.crowdfund-create .blocks small {opacity: 0.6}
.crowdfund-create .total-bg {
    background: #ffffff;
    color: #08e159;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1)
}
.crowdfund-create .total-bg span {font-size: 44px; display: block;}

.crowdfund-create .blocks .date {margin-bottom: 5px; }
.crowdfund-create .blocks .content {font-size: 16px; font-weight: bold;}
.crowdfund-create .blocks .small {color: #888888}

.crowdfund-create .form-block {margin: 20px 0px;}
.crowdfund-create .form-block .top-block {
    background: none repeat scroll 0 0 #5bb75b;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    margin-bottom: -20px;
    padding: 5px 20px 8px;
}
.crowdfund-create .form-block h4 {color: #111111; font-size: 16px;}
.crowdfund-create .form-block .top-block h4 {color: #ffffff; margin-bottom: 3px;}
.crowdfund-create .form-block h4 .price {
    display: block;
    font-size: 26px;
    font-weight: bold;
    margin: 10px 0;
}
.crowdfund-create .form-block .col3 p {color:#666666; font-size: 14px;}
.crowdfund-create .form-block label.control-label {font-weight: bold;}
.crowdfund-create .form-block .help-block {font-size: 12px;}
.crowdfund-create .form-block .margin-tb {margin: 10px 0px 20px;}
.crowdfund-create .form-block .address-form {background-color: #ffffff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); padding: 20px; border-radius: 0px; margin: 10px 0px; position: relative;}
.crowdfund-create .close-btn {
    background: none repeat scroll 0 0 #eeeeee;
    cursor: pointer;
    font-family: icon;
    font-size: 30px;
    height: 26px;
    line-height: 26px;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 26px;
    display: none;
    color: #888888
}
.crowdfund-create .close-btn:hover {color: #444444}
.crowdfund-create .add-goal .close-btn {
    display: inline-block;
}
.hero-unit {margin: 20px 0px;}
.hero-unit h2 {margin: 0px 0px 10px;}
.hero-unit .btn {margin-bottom:5px;}
.hero-unit .form-control.form-long {height: 44px; margin-bottom: 5px; font-weight: bold;}
.hero-block {margin: 30px 0 0;}
.hero-block h3 {margin: 0px;}
.hero-block h3 span {color: orange}

.btn-tweet {background-color: #36aadf; background-image: none; color: #ffffff; text-shadow:none;}
.btn-tweet:hover, .btn-tweet:focus {background-color: #2d9fd3; color: #ffffff}

.btn-facebook {background-color: #496499; background-image: none; color: #ffffff; text-shadow:none;}
.btn-facebook:hover, .btn-facebook:focus {background-color: #405b90; color: #ffffff}

.app-btn-fixed-height {height: 55px;}
.app-btn-fixed-bottom {background-color: #27a154; z-index: 9999; padding: 18px 5px; position: fixed; left: 0; bottom: 0; width: 100%; text-align: center;}
.app-btn-fixed-bottom a {color: #ffffff !important; font-weight: normal !important; font-size: 14px !important} 


.remove-image-preview, .remove-video-preview {position: relative; float: left;}
.remove-image-preview .close, .remove-video-preview .close {margin: 5px;}
.image-preview-area img {display: block;}


.landing-page .page-banner {
    height: 680px;
    color: #ffffff;
    position: relative;
    font-size: 18px;
    overflow: hidden;
    z-index: 5;
    background: darkorange;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    margin-top: -5px;
    /*background: linear-gradient(to left top, #fb9e0f, #fba30f 10%, #fba10e 20%, #fa9a0f 27%, #f9990e 35%, #f9940d 50%, #f9900d 63%, #f8860d 93%, #f87c0d) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: linear-gradient(to left top, #f77d0c, #f8810d 10%, #f9880e 20%, #f98e0e 27%, #fba10e 35%, #fbad0f 50%, #fbb40f 63%, #fbbe0f 93%, #fbc50f) repeat scroll 0 0 rgba(0, 0, 0, 0);

}
.landing-page .page-banner h1 { margin: 0px 0px 20px;}
.landing-page .text-block {width: 360px; height: 300px; position: absolute; top: 0; bottom: 0; margin: auto 90px;}
.landing-page .text-block h1 span {
    background: none repeat scroll 0 0 #ffffff;
    color: orange;
    display: inline-block;
    padding: 0 5px;
    font-size: 24px;
}
.landing-page .img-block {background-image: url(../images/patron/patron-bg.png); background-repeat: no-repeat; background-position: top center; position: absolute; background-size: 320px; right: 110px;bottom: 0; width: 680px; height: 684px;}
.landing-page .img-block::before {
    background-image: url(../images/patron/seller.png?version=1);
    left: 40px;
    top:35%;
}
.landing-page .img-block::before, .landing-page .img-block::after {
    animation: 1s ease-in-out 0s alternate none connect-hover;
    content: "";
    height: 310px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    width: 236px;
}
.landing-page .img-block::after {
    background-image: url(../images/patron/buyer.png?version=1);
    right: 10px;
    top: 13%;
    z-index: -1;
}

.featured-wrap {background-color: #fcfcfc; overflow: hidden; padding-bottom: 80px;}
 .featured-wrap .featured-block {background-color: #ffffff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); overflow: hidden; padding: 20px; text-align: center;}
 .featured-wrap .featured-block h4 {margin-bottom:0px; font-size: 15px; white-space: nowrap; word-wrap:break-word; text-overflow:ellipsis; overflow: hidden;}
 ul.project-stats {margin: -16px 0px 0px; font-size: 12px;}
 ul.project-stats li {
    float: left;
    list-style-type: none;
    margin-right: 10px;
    text-align: left;
}
 .featured-wrap .featured-block > b {
    color: #888888;
    font-weight: normal;
    display: block;
    margin-bottom: 15px;
}
 ul.project-stats .project-stats-value {font-weight: bold; margin-top: 8px; line-height: 1;}
 ul.project-stats .project-stats-label {color: #888888;}
 .progress-striped .bar {background-color: #08e159}
 .featured-wrap .featured-block .description {height: 60px; overflow: hidden; margin-bottom: 20px;}



@keyframes connect-hover
{
from {background-size: 0%}
to {background-size: 100%}
}

@-moz-keyframes connect-hover /* Firefox */
{
from {background-size: 0%}
to {background-size: 100%;}
}

@-webkit-keyframes connect-hover /* Safari and Chrome */
{
from {background-size: 0%}
to {background-size: 100%}
}

@-o-keyframes connect-hover /* Opera */
{
from {background-size: 0%}
to {background-size: 100%}
}

.landing-page .features-block {
    margin: 60px 0;
    padding: 0px 20px 0px;
    text-align: center;
    border-left: 1px solid #eeeeee;
    color: #666666;
    font-size: 16px;
}
.landing-page .features-block p {line-height: 1.4;}
.landing-page .col4:first-child .features-block {border:none;}
.landing-page h3 {line-height: normal;padding-top: 100px; font-size: 18px; background-size: 110px; background-position: center top; background-repeat: no-repeat;}
.landing-page h3.pic-icon-01 {background-image: url(../images/patron/icon01.png);}
.landing-page h3.pic-icon-02 {background-image: url(../images/patron/icon02.png);}
.landing-page h3.pic-icon-03 {background-image: url(../images/patron/icon03.png);}

.crowdfunding-recommand-box { margin: 50px 0px;}
.crowdfunding-recommand-box .row-fluid {background-color: #ffffff; margin: 0px 0px 20px;}
.crowdfunding-recommand-box .text-inner {padding: 20px;}


@media only screen and (min-width:1600px){

    #wrap .header.navbar-fixed-top{max-width:1600px;left:50%;margin-left:-800px;} 
    .site-tit-panel{max-width:1600px;left:50%;margin-left:-800px;}

    }
@media only screen and (min-width:1200px){

    }
@media only screen and (max-width:1199px){
.search-content .span9 {width: 600px;}
.subscriptions-panel .list-panel .info-block {width: 440px}
.publishing-panel .pb02-block .container, .publishing-panel .pb03-block .container {background-size: 400px; padding: 60px 20px;}
.business-solution-panel .sp02-block .container {background-size: 350px auto;}
.business-solution-panel .sp04-block ul {margin-left: -100px;}
.business-solution-panel .sp04-block ul li {width: 340px; margin-left: 100px;}
.business-solution-panel .sp06-block .container {background-position: center bottom;}
.business-solution-panel .sp06-block h2 {margin: 55px 0 20px;}
.business-solution-panel .sp07-block ul li {min-height: 480px;}
.business-solution-panel .sp06-block .span4 {width: auto; margin: 0px;}

.jumbotron.jumbotron-banner [class^="col"] {height: 540px;}
.jumbotron.jumbotron-banner .text-holder h1 {font-size: 6em}

.landing-page .page-banner {height: 600px;}
.landing-page .img-block {width: 580px; background-size: 300px; height: 590px; right: 50px}
.landing-page .text-block {margin: auto 10px;}

}
@media only screen and (min-width:980px) and (max-width:1199px){

.usersite-content .span3 {width: 270px;}
.usersite-content .span9 {width: 640px;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {padding: 4px 6px; margin: 0 5px 0 0;}
.publishing-panel .pb01-block .ul-block li {width: 246px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar, .user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter {padding-bottom: 30px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-infos, .user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-description {padding-bottom: 10px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar.user-image {float: left; margin-right: 15px;}
.rightside-panel, .friendstab-content {padding: 5px 0 10px 13px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content {background-position: -240px top; border-radius: 5px 5px 0px 0px; padding: 5px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar h1.tit {display: block;}
.user-main > .usersite-wrap > .usersite-container .usersite-header {height: 40px;}
.user-main > .usersite-wrap > .usersite-container .usersite-header h1, .user-main > .usersite-wrap > .usersite-container .usersite-header p {display: none;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel {margin-top: 0; padding-right: 0px; width: auto;}

.single-sidenav {width: 220px;}
.pb-arousel .carousel-panel.panel-1 > .description {right: 150px; top: 100px;}
.podbean-app-block .text-block {padding-left: 5%;}

    }

@media only screen and (max-width:979px){
.container {padding-left: 15px; padding-right: 15px;}
.usersite-content .span9 {width: 724px}
.search-content .span9 {width: 724px;}
.usersite-content .span3 {display: none;}
.features-tit .bgc > strong {margin-right: 30px;}
.publishing-panel .pb01-block .ul-block {margin: 0px;}
.publishing-panel .pb01-block .ul-block li {width: 100%; margin-left: 0px;}
.publishing-panel .pb04-block {padding: 50px 0 60px}
.publishing-panel .pb04-block .start-now .btn-create {margin-top: 20px;}
.publishing-panel .pb04-block .start-now {padding: 30px 0px;}
.business-solution-panel .sp07-block ul li {min-height: 480px; width: 48%; }
.business-solution-panel .sp08-block .container .plans-panel, .business-solution-panel .sp08-block .container .plans-panel .top, .business-solution-panel .sp08-block .container .plans-panel .bottom {width: 600px;}
.features-tit .bgc > .features-list > li {margin-right: 10px;}
.features-tit .bgc > .features-list > li > a, .features-tit .bgc > .features-list > li span {height: 38px; line-height: 38px; padding: 0px 30px;}
.publishing-panel .pb01-block .ul-block li h3 {background-color: #3eb357; color: #ffffff; padding: 10px; height: auto;}
.user-infos {display: none;}
.publishing-panel .pb01-block .img01 {margin-bottom: 30px;}
.publishing-panel .pb03-block .container .span5 {padding-top: 10px;}
.publishing-panel .pb02-block .container {padding: 30px 20px 210px; background-position: center bottom;}
.business-solution-panel .sp02-block, .business-solution-panel .sp06-block {padding-bottom: 30px;}
.publishing-panel .pb02-block .container .span4, .business-solution-panel .sp02-block .container .span4 {width: auto;}
.business-solution-panel .sp04-block ul {margin-left: -50px;}
.business-solution-panel .sp04-block ul li {margin-left: 50px; width: 275px;}
.business-solution-panel .sp06-block .container {padding-bottom: 145px;}
.business-solution-panel .sp06-block .container .p01 {padding: 0px;}

.user-main > .usersite-wrap > .usersite-container .usersite-content .main-panel {width: 100%;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-counter {padding-bottom: 10px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-infos, .user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-description {padding-bottom: 10px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar h1.tit {display: block;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar.user-image {float: left; margin-right: 15px;}

.user-main > .usersite-wrap > .usersite-container .usersite-header {height: 50px;}
.user-main > .usersite-wrap > .usersite-header-bgc {height: 70px;}
.user-main > .usersite-wrap > .usersite-container .usersite-header h1, .user-main > .usersite-wrap > .usersite-container .usersite-header p {display: none;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel {margin-top: 0; padding-right: 0px; width: auto;}
.user-main > .usersite-wrap > .usersite-container .usersite-content {background-image: none; border-radius: 5px 5px 0px 0px; padding: 5px;}
.category-tit strong, .menu-tit strong, .download-tit strong, .account-tit strong, .pricing-tit strong, .features-tit strong {font-size: 24px;}
.category-tit .bgc, .menu-tit .bgc, .download-tit .bgc, .account-tit .bgc, .pricing-tit .bgc, .features-tit .bgc {height: 60px; line-height: 60px;}
.pdt140 {padding-top: 100px;} 
.pdt60 {padding-top: 55px;}
.single-content {padding-right: 0px;}
.single-content .banner-block .h1css {font-size: 32px; bottom: 5%; left: 28%; line-height: 34px;}
.single-sidenav {width: 170px;}
.category-tit, .menu-tit, .download-tit, .account-tit, .pricing-tit, .features-tit {padding-top: 55px;}
.header .navbar-inner {min-height: inherit;}
.navbar .btn, .navbar .btn-group {margin-top: 7px;}
.pb-arousel .carousel-panel img {max-width: 130%; margin-left: -20%;}
.pb-arousel .carousel-panel.panel-1 > .description {right: 100px; top: 100px;}
.podbean-app-block .text-block {padding-left: 5%; width: 45%;}

.navbar-inverse .btn-navbar {
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-x;
    border-color: transparent;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
}
.navbar .btn-navbar .icon-bar {width: 24px; height: 3px;}
.header.navbar .main-nav > li > .dropdown-menu {background-color: #ffffff; width: auto; padding: 0; margin: 0; overflow: hidden;}
.header.navbar .main-nav > li > .dropdown-menu li a {border-radius: 0; font-weight: normal;}

.podbean-app-block.homepage h4 {font-size: 42px; line-height: 46px; margin-bottom: 30px;}
.podbean-app-block.homepage .download-block {margin-top: 30px;}


.jumbotron.jumbotron-banner {margin-top: 55px;}
.jumbotron.jumbotron-banner [class^="col"] {height: 450px;}
.jumbotron h1 {font-size: 3em}
.jumbotron.jumbotron-banner .text-holder h1 {font-size: 4em;}


.boot-v3 .form-control.form-long {width: 100%}

.landing-page .text-block {margin:auto 0px;}
.landing-page .img-block {right: -100px;}


}
@media only screen and (min-width:768px) and (max-width:978px){

}

@media only screen and (max-width:767px){
.boot-v3 .col1, .boot-v3 .col2, .boot-v3 .col3, .boot-v3 .col4, .boot-v3 .col5, .boot-v3 .col6, .boot-v3 .col7, .boot-v3 .col8, .boot-v3 .col9, .boot-v3 .col10, .boot-v3 .col11, .boot-v3 .col12{width: 100%; padding: 0px;}
.boot-v3 .jumbotron-lis-block .col6 {width: 50%}  
.boot-v3 .jumbotron-lis-block .col4 {width: 33.3333%}

.boot-v3 .col-offset1, .boot-v3 .col-offset2 {margin-left:0}

.jumbotron .jumbotron-area02 {padding: 10% 15% 20%}
.jumbotron .jumbotron-area03 {padding: 3% 10% 15%; text-align: center;}

.pdt60 {padding-top: 51px;}
.sign-area .login-link {float: none;}
.sign-area .h2css {margin-top: 5px;}
.sign-area .span1 {position: relative;}
.sign-area .span1 img {display: none;}
.sign-area .span1 span {display: inline-block;}
.sign-area .signup-form {min-height: 0;}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {width: 100%;}

.patron-profile .container {padding: 0px;}
.patron-profile .container-fluid {padding-top: 0px;}
.patron-profile .show_block .show_counts .counts {font-size: 36px;}
.patron-profile .profile-left {text-align: center;}
.patron-profile .show_block .show_counts {box-sizing:border-box; float: left; width: 33.3333%; 
}
.patron-profile .area-02 {padding: 15px;}
.patron-profile .show_block .show_counts .progress {display: none;}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 5px 0px;}
.business-solution-panel .sp06-block .container {background-size: 400px auto; padding-bottom: 110px;}
.business-solution-panel .sp04-block ul, .business-solution-panel .sp04-block ul li {width: 100%; margin: 0;}
.publishing-panel .pb02-block, .publishing-panel .pb03-block {text-align: center;}
.business-solution-panel .sp02-block .container h2, .business-solution-panel .sp02-block .container p {text-align: center;}
.publishing-panel .pb03-block .container .span5 .content {padding: 0px;}
.publishing-panel .pb03-block .container, .business-solution-panel .sp02-block .container {background-position: center bottom; padding: 30px 20px 120px; background-size:300px ;}
.publishing-panel .pb03-block .container .span5 {width: auto; margin: 0px;}
.category-tit strong, .menu-tit strong, .download-tit strong, .account-tit strong, .pricing-tit strong, .features-tit strong {font-size: 18px;}
.category-tit .bgc, .menu-tit .bgc, .download-tit .bgc, .account-tit .bgc, .pricing-tit .bgc, .features-tit .bgc {height: 50px; line-height: 50px;}
.publishing-panel h1, .publishing-panel h2, .business-solution-panel .hcss, .business-solution-panel h2 {font-size: 30px; font-weight: normal;}
.publishing-panel .pb01-block {padding: 40px 0 60px}
.business-solution-panel .sp01-block {padding: 40px 0px;}
.publishing-panel .pb01-block h1 {margin-bottom: 15px;}
.sp07-block, .sp08-block {display: none;}
.usersite-content .span9, .search-content .span9 {width: 100%}
.subscriptions-panel .list-panel .pic {width: 16% !important; margin: 0 2% 0 0; height: auto !important;}
.features-tit .bgc > .features-list > li > a, .features-tit .bgc > .features-list > li span {font-size: 14px; padding: 0px 10px; height: 30px; line-height: 30px;}
.subscriptions-panel .list-panel .info-block .tit {font-size: 16px;}
.subscriptions-panel .list-panel li {margin-bottom: 15px;}
.subscriptions-panel .list-panel .info-block {
    padding: 0 1% 10px;
    width: 80%;
    min-height:10px;
}
.subscriptions-panel .list-panel .pic img {width: 100% !important; height: 100% !important;}
.single-content .banner-block .h1css {font-size: 24px; margin: 0; line-height: 26px;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin: 0px;}
.pb-arousel .carousel-control {display: none;}
.pb-arousel .carousel-panel img {max-width: 220%; margin-left: 0px;} 
.pb-arousel .carousel-panel.panel-1 > .description .h1css{margin-top: 120px; font-size: 26px;}
.pb-arousel .carousel-panel.panel-1 > .description .pcss {font-size: 16px; padding: 0px 10px;}
.pb-arousel .carousel-panel.panel-1 > .description {width: 100%; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.4); text-align: center;}
.pb-arousel .carousel-panel .description .btn-sn {border-radius: 150px; font-size: 18px; font-weight: normal; width: 150px; height: 36px; line-height: 36px;}
.pb-arousel .count-panel {height: 45px; line-height: 45px; font-size: 14px;}
.pb-arousel .count-panel span {font-size: 18px; border-bottom: 1px solid #3eb357}
.podbean-app-block .text-block, .podbean-app-block .img-block {width: 100%; padding: 0; text-align: center; margin: 0px 0px 20px;}
.podbean-app-block.homepage h4 {margin-bottom: 20px; font-size: 30px; line-height: 32px;}
.podbean-app-block.homepage .text-block {font-size: 18px;}
.podbean-app-block.homepage {padding: 20px;}
.pb-arousel,.pb-arousel .count-panel {border: none;}
.podbean-app-block.homepage .download-block {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom: 35px;
    font-size: 16px;
    margin-top: 40px;
    padding: 20px 0px 30px;
    position: absolute;
    width: 100%;
    left: 0;
}
.pb-arousel .carousel-indicators {display: none;}

.header.gradual .navbar-inner {background-image: none; background-color: #000000; background: #000000;}

.header .navbar-search input{width:92%;}

.brand img {width: 80px;}
.carousel.slide {margin-top: 30px;}



.pro-list ul.ul-list li {width: 24%;}
.row-fluid .list-block.span3 {float: left; width: 50%}
.row-fluid .list-block.span3.col5 {width: 33.3333%; }
.patron-profile .media-list .media .media-body .tab-content .col4 {width: 32.3333%; margin: 0px 1% 0 0;}


.jumbotron.jumbotron-banner [class^="col"] {width: 100%; padding: 0; height:auto;}
.container-fluid > .row.jumbotron {
    -webkit-flex-direction: column;
   flex-direction: column;
   -moz-flex-direction: column;
}
.jumbotron .jumbotron-area01 {padding: 5% 10% 70% 5%}
.container-fluid > .row.jumbotron .col7, .container-fluid > .row.jumbotron .col5 {width: 100%; padding: 0px;}
.jumbotron.jumbotron-banner .img-holder {height: 350px;}
.jumbotron.jumbotron-banner .img-holder img {width: 400px; right: 50%; margin-right: -200px; top: -50px;}
.jumbotron.jumbotron-banner {display: block; margin-top: 51px;}
.jumbotron.jumbotron-banner .text-holder {padding: 3% 8% 8%; position: inherit; min-height: 0; text-align: center;}
.jumbotron h1 {font-size: 2.4em}
.jumbotron.jumbotron-banner .text-holder h1 {font-size: 3em}
.jumbotron.jumbotron-banner .text-holder .btn {width: 180px; margin: 0px auto;}
.boot-v3 .container-fluid .row .row {margin: 0px;}

.hero-unit h2 {font-size: 22px;}
.crowdfund-create h2.h2css {font-size:22px; margin: 20px 0px;}
.patron-profile .tab-content {padding: 10px 0px;}
.boot-v3 .form-control.form-middle {width: 100%;}
.hero-block h3 {font-size: 18px;}

.landing-page .img-block, .landing-page .text-block {position: relative; text-align: center; width: 96%; padding:0px 2%; left: 0; right: 0; margin: 0px auto;}
.landing-page .page-banner {height: auto;}
.landing-page .features-block {border-top:1px solid #eeeeee; border-left: none; margin: 30px 0px;}
.landing-page .img-block {height: 380px; overflow: hidden;}
.landing-page .text-block {height: auto; margin-top: 30px;}
.landing-page .page-banner .container {padding: 0px;}
.landing-page .img-block::before{left: -50px;}
.landing-page .img-block::after {right: -50px; top: 32%}

.fp-panel .fp-form .control-group .control-label, input, textarea, .uneditable-input {width: 100%; box-sizing:border-box; height: auto; line-height: inherit; padding: 0px; display: inline-block !important;}
.fp-panel .fp-form .control-group .controls {margin: 0px;}

.sign-area .signup-form .step02-panel > .step02-main {padding: 0px 10px; text-align: center;}
.sign-area .signup-form .step02-panel > .step02-header {padding-left: 90px; background-size: 45px; padding-right: 10px;}
#appUpgrade .sign-area .signup-form .step02-panel > .step02-header {padding-left: 15px; background-image: none;}

.sign-area .signup-form .step02-panel>.step02-main .btn-panel{margin-bottom:50px;}.sign-area .signup-form .step02-panel>.step02-main .btn-panel .btn-paypal{display: block;margin:8px auto;}

.sign-area .signup-form .step02-panel > .step02-header .h3css {font-size: 20px }
.patron-profile .left-side-padding, .patron-profile .profile-right {padding-right: 0px;}
.tabreward-display {display: block}
.tab-reward-right {display: none;}
.tab-content > .active, .pill-content > .active {display: block !important;}

.crowdfund-create {min-height: 360px;} 
.prominent-b .input-prepend .add-on {padding: 10px;}
.prominent-b .input-prepend input[type="text"] {padding: 10px; font-size: 18px; height: auto !important;}
.crowdfund-create h2.h2css a {font-size: 12px; top: 5px;}

.badge-block .badge-code {height: 80px;}

}
@media only screen and (max-width:480px){
 
.jumbotron.jumbotron-banner {background-position: -30px top;} 
.hero-unit {padding: 30px;}
.patron-profile .media .logo {width: 60px; float: left;}
.business-solution-panel .sp06-block .container {padding-bottom: 130px; background-size: 300px auto;}
.publishing-panel .pb01-block {padding: 30px 0px 50px;}
.publishing-panel h1, .publishing-panel h2 {font-size: 22px; font-weight: bold;}
.publishing-panel h3 {font-size: 16px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar .pic {width: 90px; height: 90px;}
.user-main > .usersite-wrap > .usersite-container .usersite-content .vcard-panel .user-avatar.user-image img {width: 90px; height: 90px;}
.category-tit .bgc, .menu-tit .bgc, .download-tit .bgc, .account-tit .bgc, .pricing-tit .bgc, .features-tit .bgc {padding: 0px 10px;}
.features-tit .bgc > .features-list > li {margin-right: 5px;}
.features-tit .bgc > .features-list > li > a, .features-tit .bgc > .features-list > li span {border-radius: 0px; padding: 0px 5px; height: 30px; font-size: 12px; line-height: 30px;}
.features-tit .bgc > strong {margin-right: 5px;}

.jumbotron.jumbotron-banner .text-holder h1 {font-size: 2.2em; font-weight: bold;} 
 
 .jumbotron.jumbotron-banner .img-holder {height: 250px;}
.jumbotron.jumbotron-banner .img-holder img {width: 300px; margin-right: -150px; top: -50px;}


.crowdfund-create h2.h2css {font-size:20px; margin: 10px 0px 0px;}
.boot-v3 .form-control.form-short {width: 100%;}
.btn-tweet, .btn-facebook {width: 100%; box-sizing:border-box;}
.boot-v3 .hero-block .col3 {width: 25%; padding: 0 1%}
.boot-v3 .hero-block .col9 {width: 75%; padding: 0 1%}

.patron-profile .nav-tabs > li > a {font-size: 16px;}

.landing-page .img-block::before{left: -100px;}
.landing-page .img-block::after {right: -100px; top: 32%}

.dr-panel .register-panel .step-panel .step {width: 100%;}

.prominent-b .input-prepend .add-on {padding: 4px 6px;}
.prominent-b .input-prepend input[type="text"] {padding: 4px 6px; font-size: 14px;}

.crowdfund-create .form-block label.control-label h3 {font-size: 16px;}




.app-btn-fixed-bottom .imgs{ float:left}
.app-btn-fixed-bottom .text{ float:left; padding-left:10px; text-align:left; padding-top:5px;}
.app-btn-fixed-bottom .text p{ font-size: 12px;}
.app-btn-fixed-bottom .button{ float:right; margin-right:15px; padding-top:5px; border-radius:0px;} 
.app-btn-fixed-bottom .button .btn{ border-radius:0px; background-image: linear-gradient(to bottom, #8fc31f, #8fc31f); border-color:none; background-color:#8fc31f; padding:5px 10px;"}