﻿/*主页：纸边有厚度https://www.marchanddetrucs.com/*/


body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #000;
    width: 100%;
    height: 100%;
    background: #251309 url(../Content/图片/拼接长竖条.jpeg)  center top;
}
/*在博客更多显示，以及显示博文内容时，标题h1太大，字号改小。h1:link是h1标题超链接*/
h1, h1:link {    
    font-size: 25px;
}

/*在Blog Archives中显示中，由于Bootstrap中h1(后面的h1 .h1处)设定了margin-top: 20px，与上面总有一段空白，若想消除，则清零。*/
/*h1{   
margin-top:0;   清除Bootstrap中h1(后面的h1 .h1处)设定了margin-top

}*/

/*Parts.Blogs.RecentBlogPosts中的li显示的标题，如果不设离左边太远*/
/*ul {
    /*padding-left:10px;
}*/
.header_logon {
    background: rgba(255,255,255, 0.5); /*linear-gradient(to left,#fbfbfb,transparent);*/ /*颜色渐变*/
    border-radius: 10%;
    padding-left: 10px;
    padding-right: 10px;
}

/*设置Parts.Blogs.RecentBlogPosts中使用的标题下的下划线*/
.blog-header {
/*    background-color: rgba(255,255,255,0.2); 半透明效果*/
/*    border: 2px solid red;
*/    margin-top: 0; /*h4默认margin-top为10px,为了对齐，清除*/
    margin-bottom: 0;
    padding: 7px 5px 25px 5px; /*padding-bottom不知为何用25px,用和top一样的不行*/
    border-bottom: 2px solid #8a4949;
}
/*左栏背景，测试用*/
.bgLeft {
    padding: 10px,10px,20px,0;
}
.homePageBgCenter {
    font-size: x-large;
    color: white;
    /*background-color: rgba(255,255,255,0.7);*/ /*半透明效果*/
    /*padding: 10px;*/
    /*color: white*/
    /*注意避免与Layout-url-Users-Account.cshmtl中设定冲突，那里背景白色，用白色字体显示不出来*/
    /*        background: blue;*/
}
/*.bgRight {
    background-color: rgba(255,255,255,0.7);*/ /*半透明效果*/
/*    background: url('../Content/图片/recentBlogPost.png') no-repeat;
*/    /*    color: white;
*/
/*}*/


.bgLeftContent {
    background: blue;

    /*border: 1px solid green;*/
}

/*左侧博客背景，用于RecenteBlogPosts.cshtml*/
.paperBlog {
    background: #fbfbfb;
    padding: 20px; /*控制文字内容*/
    margin-bottom: 30px;    /*与下面其他内容隔开距离，露出背景*/
}


/*中栏顶部*/
.bgCenterContentHeader {
    background: url('../Content/图片/bgCenterContentHeader.png') no-repeat; /*图片574*96 */
}

.bgCenterContentKong {
    background: url('../Content/图片/bgCenterContentKong.png') no-repeat;
    text-align: center;
    height: 145px; /*由于显示文字只有一行，不像表格，必须设定图片高度，否则只显示一行的背景。*/
    padding-top: 47px;
    font-size: 16px;
    color: white;
    /*border: 1px solid red;*/
}

.bgCenterContentTop {
    background: url(../Content/图片/bgCenterContentTop.png); /*图片575*32*/
    /*border: 1px dashed red;*/
}

/*中栏分块内容区*/
.bgCenterContent {
    background: #fbfbfb;
    padding:20px;  /*控制文字内容*/
    /*border: 2px dashed blue;*/
}

/*只是加了个白色背景，与bgCenterContent重复，在widge用样式时不能有大写字母，它会变为bg-Center-Content*/
.bgleftabout {
    background: #fbfbfb;
    padding: 20px; /*控制文字内容*/
    /*border: 2px dashed blue;*/
}


/*中栏分块内容区底部*/
.bgCenterContentFooter {
    background: url(../Content/图片/bgCenterContentFooter.png); /*图片575*32*/
    height: 32px;
    margin-bottom: 3px;
}

.bgLeftContent {
    background: #eee;
    padding: 5px;
}

/*右栏背景*/
.bgRight {
        padding: 10px,0,0,10px;
}
.bgBlogRight  .bgBlogLeft {
     padding: 10px,0,0,10px;
}
.asideSecond {  /*只在文字这一块显示背景，因为.bgRight已经把和左边的距离隔离开了*/
    /*background-color: rgba(255,255,255,0.7);*/ /*半透明效果*/
}

.navbar {
    background: linear-gradient(to right,#fbfbfb,transparent); /*颜色渐变*/
}

.user-display-TouMing { /*//登录对话框*/
    background-color: rgba(255,255,255,0.7); /*半透明效果*/
}


.fixed-bottom {
    margin:20px,0,0,0;
}

.widgets-shuoming { /*widgets中自己定义的css类，AsideSecond中网站说明这个wiedget,在Css classes位置定义*/
    color: black;
    background: url('../Content/图片/中国风.jpg') no-repeat;
}
.widget-gonggaoneirong { /*公告的内容*/
    color: black;   /*rgba(242, 240, 240, 0.95);*/
    line-height: 130%;
    letter-spacing:2px;
        padding: 20px; /*控制文字内容*/
}

.jingzhi { /*显示最新净值*/
    color: rgba(242, 240, 240, 0.95);
    padding: 50px; /*控制文字内容*/
}
.option-a {
    color: red;
    background-color: rgba(255,255,255,0.7); /*半透明效果*/
}

.option-b {
    color: green;
    background-color: rgba(255,255,255,0.7); /*半透明效果*/
}

.columntitle { /*栏目名称 注意：开始用columnTitle，在widget中使用时，自动变为column.Title*/
    color: black;
    font-size: 18px;
    padding-left: 2em;
    letter-spacing: 2px;
    margin-bottom:5px;   /*与下面的距离*/
    background: linear-gradient(to right,#fbfbfb,transparent); /*颜色渐变*/
    /*    background: url('../Content/图片/航海泛黄纸.jpg') no-repeat;*/
    /*background-color: rgba(255,255,255,0.2);*/ /*半透明效果*/
}


#containerbt {
/*    background-color: rgba(255,255,255,0.1);
*/}


a:link {
    /*    color: black;
*/
}
.jingzhiquxian {
    color: black;
    background: linear-gradient(to right,#fbfbfb,transparent); /*颜色渐变*/
}

.gongantupian {
    background: url('../Content/图片/公安图.jpg') no-repeat;

}

/*手机还是电脑端显示*/
@media only screen and (min-width: 768px) {
    .pc {
        display: block;
    }

    .mobilephone {
        display: none;
    }
}


@media only screen and (max-width: 768px) {
    .mobilephone {
        display: block;
    }
    .pc {
        display: none;
    }
}

