﻿header.toptitle #h_rbox {position:absolute;top:15px;right:25px;z-index:1;height:35px;line-height:35px;}
header.toptitle #h_rbox a{display:inline-block;font-size:14px;color:#000000;margin:0 20px;cursor:pointer;letter-spacing:1px;}
header.toptitle #h_rbox a:hover{text-decoration:underline;}
header.toptitle #h_rbox a.mainbutton{background-color:#ff5a6d;color:#ffffff;font-weight:normal;text-align:center;text-decoration:none;margin:0;padding:0 15px;border-radius:6px;}
header.toptitle #h_rbox a.mainbutton:hover{background-color:#ff3643;}
header.toptitle #h_rbox a.mainbutton:active{background-color:#ff5a6d;}
main #indexmenubox{position:fixed;top:65px;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;text-align:left;padding:35px 0;transition:width 0.3s;background-color:#ffffff;border-right:3px solid #f4f4f4;}
main #indexmenubox *,main #indexmenubox *:before,main #indexmenubox *:after{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
main #indexmenu{padding:20px 0 50px 0;}
main #indexmenu ul{font-size:14px;margin:0;padding:0 0 0 18px;list-style-type:none;}
main #indexmenu ul li{display:block;font-size:inherit;margin:0;padding:0;list-style-type:none;}
main #indexmenu ul span{position:relative;z-index:1;display:block;margin:0;padding:5px 0 5px 10px;cursor:pointer;font-size:inherit;font-weight:bold;line-height:15px;}
main #indexmenu ul span i{display:inline-block;cursor:pointer;font-size:inherit;line-height:25px;color:inherit;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transition:transform 0.3s;}
main #indexmenu ul span:after{content:'';position:absolute;z-index:-3;top:0;bottom:0;right:0;display:block;height:100%;width:331px;background-color:transparent;transition:background-color 0.15s;}
main #indexmenu ul span:hover:after{background-color:#eeeeee;}
main #indexmenu ul span:active:after{background-color:#e0e0e0;}
main #indexmenu ul.fold > li{display:none;}
main #indexmenu ul.fold > span{}
main #indexmenu ul.fold > span i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
main #indexmenu ul.expand > li{display:block;}
main #indexmenu ul.expand > span{}
main #indexmenu ul.expand > span i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
main #indexmenu a{position:relative;z-index:1;display:block;margin:0;padding:5px 20px 5px 45px;font-size:14px;line-height:20px;}
main #indexmenu a:before{content:'•';position:absolute;top:5px;left:32px;color:#909090;font-size:15px;}
main #indexmenu a:after{content:'';position:absolute;z-index:-3;top:0;bottom:0;right:0;display:block;height:100%;width:331px;background-color:transparent;transition:background-color 0.15s;}
main #indexmenu a:hover:after{background-color:#eeeeee;}
main #indexmenu a:active:after{background-color:#e0e0e0;}
main #indexmenu a.active{color:#ff667b;}
main #indexmenu a.active:before{color:#ff667b;font-size:20px;}
main #indexmenubox::-webkit-scrollbar{width:13px;height:13px;}
main #indexmenubox::-webkit-scrollbar-track{background-color:#dfdfdf;}
main #indexmenubox::-webkit-scrollbar-thumb{background-color:#5f5f5f;}
main #indexmenubox::-webkit-scrollbar-thumb:hover{background-color:#363636;}
main button.menubutton{position:fixed;z-index:3;top:45vh;height:105px;line-height:85px;padding:10px 0;width:14px;font-size:16px;text-align:center;color: #5e5e5e;background-color: #f4f4f4;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:left 0.3s;}
main button.menubutton i{display:inline-block;font-size:18px;color:inherit;}
main button.menubutton i:before{margin:0;}
main button.menubutton:hover{color:#ffffff;background-color:#000000;}
main #contentbox{background-color:#ffffff;text-align:center;transition:margin-left 0.3s;}
main #contentbox #content{max-width:1200px;margin:0 auto;padding:50px 50px 200px 50px;text-align:left;}
main #contentbox #content *{word-break:normal;}
main #contentbox #content #content_title{padding-bottom:15px;margin-bottom:50px;border-bottom:solid 1px #e1e1e1;}
main #contentbox #content #content_title h1{font-size:38px;color:#000000;margin:0 0 10px 0;padding:0;line-height:45px;}
main #contentbox #content #content_title span{display:inline-block;font-size:13px;color:#858585;font-weight:normal;line-height:20px;}
main #contentbox #content h2{font-size:24px;margin:20px 0 5px 0;}
main #contentbox #content h3{font-size:21px;margin:20px 0 5px 0;}
main #contentbox #content h4{font-size:19px;margin:20px 0 5px 0;}
main #contentbox #content h5{font-size:17px;margin:20px 0 5px 0;}
main #contentbox #content div.remark{font-size:16px;margin-bottom:10px;padding-bottom:10px;}
main #contentbox #content div.remark span{display:inline-block;margin-right:20px;}
main #contentbox #content span{color:#8a8a8a;line-height:250%;}
main #contentbox #content p{font-size:17px;color: #000000;line-height:30px;white-space:pre-line;margin: 20px 0 5px 0;}
main #contentbox #content a{display:inline-block;color:#0005f8;margin:0 5px;text-decoration:none;}
main #contentbox #content a:hover{text-decoration:underline;}
main #contentbox #content a.mainbutton{height:30px;line-height:30px;font-size:16px;background-color:#000000;color:#ffffff;font-weight:normal;text-align:center;text-decoration:none;margin:0;padding:0 15px;border-radius:5px;}
main #contentbox #content a.mainbutton:hover{background-color:#000000;}
main #contentbox #content a.mainbutton:active{background-color:#707070;}
main #contentbox #content a.button{height:30px;line-height:30px;font-size:16px;background-color: #7a7a7a;color:#ffffff;font-weight:normal;text-align:center;text-decoration:none;margin:0;padding:0 15px;border-radius:5px;}
main #contentbox #content a.button:hover{background-color:#4d4d4d;}
main #contentbox #content a.button:active{background-color:#7a7a7a;}
main #contentbox #content p b,#article p strong{color:#000000;font-size:inherit;margin:0 5px;}
main #contentbox #content blockquote{color:#818181;line-height:23px;font-size:16px;padding:10px 20px;margin:20px 0;border-left:solid 6px #b8b8b8;background-color:#f5f5f5;}
main #contentbox #content blockquote *{color:inherit;}
main #contentbox #content blockquote p{line-height:inherit;font-size:inherit;margin:0;}
main #contentbox #content blockquote p:first-of-type{margin-top:0;}
main #contentbox #content blockquote p:last-of-type{margin-bottom:0;}
main #contentbox #content blockquote img{border:none;}
main #contentbox #content ul,
main #contentbox #content ol{padding-left:20px;margin-top:5px;}
main #contentbox #content ul li,
main #contentbox #content ol li{font-size:17px;line-height:25px;margin-bottom:10px;}
main #contentbox #content img{max-width: 100%;border:5px solid #cccccc;margin:15px 0;}
main #contentbox #content table{width:100%;font-size:17px;margin-top:10px;border-collapse:collapse;border-color:#e0e0e0;background-color:#ffffff;}
main #contentbox #content table thead tr{background-color:#f5f5f5;}
main #contentbox #content table tbody tr:hover{background-color:#f5f5f5;}
main #contentbox #content table thead tr td{font-weight:bold;text-align:center;}
main #contentbox #content table tr td {padding:10px;text-align:center;background-color:transparent;line-height:25px;white-space:pre-line;}
main #contentbox #content table tr td a{color:#0005f8;margin:0 5px;}
main #contentbox #content table tr td a:hover{text-decoration:underline;}

main #contentbox #content #prevandnextlink{margin:0 0 35px 0;font-size:16px;color:#000000;line-height:22px;}
main #contentbox #content #prevandnextlink a{display:inline-block;color:inherit;margin-bottom:10px;}
main #contentbox #content #prevandnextlink a:hover{text-decoration:underline;}
main #contentbox #content #bottominfo{margin-top:25px;font-size:16px;padding-top:20px;border-top:solid #e1e1e1 1px;line-height:22px;}

main #contentbox #content .copyright{font-size:16px;color:#6d6d6d;line-height:22px;border-left:5px solid #6d6d6d;padding:0 15px;margin:35px 0;}
main #contentbox #content .copyright b{color:#000000;}
main #contentbox #content .copyright a{color:#000000;font-weight:bold;margin:0 3px;}
main #contentbox #content .copyright a:hover{text-decoration:underline;}
main #contentbox #content .copyright a:active{color:#6f6f6f;text-decoration:none;}

/*左边菜单栏缩放效果 begin*/
main #indexmenu{width:331px;}
main #indexmenubox{width:331px;}
main button.menubutton{left:331px;}
main #contentbox{margin-left:331px;}
body main.nonemenu #indexmenubox{width:0;}
body main.nonemenu #contentbox{margin-left:0;}
body main.nonemenu button.menubutton{line-height:20px;width:20px;background-color:#000000;color:#ffffff;}
body main.nonemenu button.menubutton i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
body main.nonemenu button.menubutton{left:0;top:45vh;}
@media screen and (max-width:900px) {
    main #indexmenu{width:250px;}
    main #indexmenubox{width:250px;}
    main button.menubutton{left:250px;}
    main #contentbox{margin-left:250px;}
}
@media screen and (max-width:500px) {
    body main #contentbox{margin-left:0;}
    body main #contentbox #content{padding:35px;}
    main button.menubutton{color:#ffffff;background-color:#ff667b;}
}
/*左边菜单栏缩放效果 end*/

@media screen and (max-width:500px) {
    header.toptitle #h_rbox a.mainbutton{display:none;}
}
