body{
    min-width: 350px;
}/* 设置滚动条的样式 */
body::-webkit-scrollbar {
    display: none;
}

select,body{
    font-family: meiryo !important;
}
p{
    margin-bottom: 0;
}
/* 内容盒子 - bootstrap 栅格化盒子*/
.container{
    padding-bottom: 40px;
}
/*页面Title样式*/
.professionalWork-Title{
    margin: 20px auto;
    font-size: 18px !important;
    text-decoration: underline;
    color: rgb(0, 112, 192);
    cursor: pointer;
}
/*页面退出按钮样式*/
.differentiate{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.differentiate span{
    line-height: 20px;
    font-size: 13px;
}
.differentiate u{
    color: rgb(0, 112, 192);
    cursor: pointer;
}

/*内容盒子*/
#content-main {
    position: fixed;
    top:80px;
    bottom:0;
    right:0;
    left:0;
    background: #fff;
    overflow: auto; /* Enable scrollbars within main content section */
}

/*共同的消息弹窗的样式*/
#notification-message {
    background-color: #818285;
    color: #fff;
    position: fixed;
    width: 100%;
    min-height: 80px;
    right: 0;
    z-index: 100;
    bottom: 0;
    display: none; /* Hidden until invoked */
}
#notification-message-header {
    font-size: medium;
    color: #fff;
    margin-bottom: 10px;
}
#notification-message-body {
    padding: 10px;
    text-align: center;
    color: #fff;
}
#notification-message-close {
    background-image: url("../image/Close.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
#app_sure-contain2,#app_sure-contain4,#app_sure-contain3,#app_sure-contain1,#app_sure-contain{
    background-color: #818285;
    color: #fff;
    position: fixed;
    width: 100%;
    min-height: 80px;
    right: 0;
    z-index: 100;
    bottom: 0;
    display: none; /* Hidden until invoked */
}
#app_sure-message-text2,#app_sure-message-text4,#app_sure-message-text3,#app_sure-message-text1,#app_sure-message-text{
    color: #fff;
    margin-top: 5px;
    font-size: 18px;
}
#app_sure-message-header2,#app_sure-message-header4,#app_sure-message-header3,#app_sure-message-header1,#app_sure-message-header{
    display: inline-block;
    margin-left: 40px;
    margin-right: 200px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: underline;
}
#app_sure-message-body2,#app_sure-message-body4,#app_sure-message-body3,#app_sure-message-body1,#app_sure-message-body{
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
}

/*padding*/
.pa-0{padding: 0 !important}
.pa-1{padding: 5px !important}
.pa-2{padding: 10px !important}
.pa-3{padding: 15px !important}
.pa-4{padding: 20px !important}
.pa-5{padding: 25px !important}
.pa-6{padding: 30px !important}
.pa-7{padding: 35px !important}
.pa-8{padding: 40px !important}
.pa-9{padding: 45px !important}
.pa-10{padding: 50px !important}
.pa-11{padding: 55px !important}
.pa-12{padding: 60px !important}
.px-0{padding-left: 0 !important; padding-right: 0 !important}
.px-1{padding-left: 5px !important; padding-right: 5px !important}
.px-2{padding-left: 10px !important; padding-right: 10px !important}
.px-3{padding-left: 15px; padding-right: 15px !important}
.px-4{padding-left: 20px !important; padding-right: 20px !important}
.px-5{padding-left: 25px !important; padding-right: 25px !important}
.px-6{padding-left: 30px !important; padding-right: 30px !important}
.px-7{padding-left: 35px !important; padding-right: 35px !important}
.px-8{padding-left: 40px !important; padding-right: 40px !important}
.px-9{padding-left: 45px !important; padding-right: 45px !important}
.px-10{padding-left: 50px !important; padding-right: 50px !important}
.px-11{padding-left: 55px !important; padding-right: 55px !important}
.px-12{padding-left: 60px !important; padding-right: 60px !important}
.py-0{padding-top: 0 !important; padding-bottom: 0 !important}
.py-1{padding-top: 5px !important; padding-bottom: 5px !important}
.py-2{padding-top: 10px !important; padding-bottom: 10px !important}
.py-3{padding-top: 15px !important; padding-bottom: 15px !important}
.py-4{padding-top: 20px !important; padding-bottom: 20px !important}
.py-5{padding-top: 25px !important; padding-bottom: 25px !important}
.py-6{padding-top: 30px !important; padding-bottom: 30px !important}
.py-7{padding-top: 35px !important; padding-bottom: 35px !important}
.py-8{padding-top: 40px !important; padding-bottom: 40px !important}
.py-9{padding-top: 45px !important; padding-bottom: 45px !important}
.py-10{padding-top: 50px !important; padding-bottom: 50px !important}
.py-11{padding-top: 55px !important; padding-bottom: 55px !important}
.py-12{padding-top: 60px !important; padding-bottom: 60px !important}
.pt-0{padding-top: 0 !important}
.pt-1{padding-top: 5px !important}
.pt-2{padding-top: 10px !important}
.pt-3{padding-top: 15px !important}
.pt-4{padding-top: 20px !important}
.pt-5{padding-top: 25px !important}
.pt-6{padding-top: 30px !important}
.pt-7{padding-top: 35px !important}
.pt-8{padding-top: 40px !important}
.pt-9{padding-top: 45px !important}
.pt-10{padding-top: 50px !important}
.pt-11{padding-top: 55px !important}
.pt-12{padding-top: 60px !important}
.pb-0{padding-bottom: 0 !important}
.pb-1{padding-bottom: 5px !important}
.pb-2{padding-bottom: 10px !important}
.pb-3{padding-bottom: 15px !important}
.pb-4{padding-bottom: 20px !important}
.pb-5{padding-bottom: 25px !important}
.pb-6{padding-bottom: 30px !important}
.pb-7{padding-bottom: 35px !important}
.pb-8{padding-bottom: 40px !important}
.pb-9{padding-bottom: 45px !important}
.pb-10{padding-bottom: 50px !important}
.pb-11{padding-bottom: 55px !important}
.pb-12{padding-bottom: 60px !important}
.pl-0{padding-left: 0 !important;}
.pl-1{padding-left: 5px !important}
.pl-2{padding-left: 10px !important}
.pl-3{padding-left: 15px !important}
.pl-4{padding-left: 20px !important}
.pl-5{padding-left: 25px !important}
.pl-6{padding-left: 30px !important}
.pl-7{padding-left: 35px !important}
.pl-8{padding-left: 40px !important}
.pl-9{padding-left: 45px !important}
.pl-10{padding-left: 50px !important}
.pl-11{padding-left: 55px !important}
.pl-12{padding-left: 60px !important}
.pr-0{padding-right: 0 !important}
.pr-1{padding-right: 5px !important}
.pr-2{padding-right: 10px !important}
.pr-3{padding-right: 15px !important}
.pr-4{padding-right: 20px !important}
.pr-5{padding-right: 25px !important}
.pr-6{padding-right: 30px !important}
.pr-7{padding-right: 35px !important}
.pr-8{padding-right: 40px !important}
.pr-9{padding-right: 45px !important}
.pr-10{padding-right: 50px !important}
.pr-11{padding-right: 55px !important}
.pr-12{padding-right: 60px !important}

/*margin*/
.ma-0{margin: 0 !important}
.ma-1{margin: 5px !important}
.ma-2{margin: 10px !important}
.ma-3{margin: 15px !important}
.ma-4{margin: 20px !important}
.ma-5{margin: 25px !important}
.ma-6{margin: 30px !important}
.ma-7{margin: 35px !important}
.ma-8{margin: 40px !important}
.ma-9{margin: 45px !important}
.ma-10{margin: 50px !important}
.ma-11{margin: 55px !important}
.ma-12{margin: 60px !important}
.mx-0{margin-left: 0 !important; margin-right: 0 !important}
.mx-1{margin-left: 5px !important; margin-right: 5px !important}
.mx-2{margin-left: 10px !important; margin-right: 10px !important}
.mx-3{margin-left: 15px !important; margin-right: 15px !important}
.mx-4{margin-left: 20px !important; margin-right: 20px !important}
.mx-5{margin-left: 25px !important; margin-right: 25px !important}
.mx-6{margin-left: 30px !important; margin-right: 30px !important}
.mx-7{margin-left: 35px !important; margin-right: 35px !important}
.mx-8{margin-left: 40px !important; margin-right: 40px !important}
.mx-9{margin-left: 45px !important; margin-right: 45px !important}
.mx-10{margin-left: 50px !important; margin-right: 50px !important}
.mx-11{margin-left: 55px !important; margin-right: 55px !important}
.mx-12{margin-left: 60px !important; margin-right: 60px !important}
.my-0{margin-top: 0 !important; margin-bottom: 0 !important}
.my-1{margin-top: 5px !important; margin-bottom: 5px !important}
.my-2{margin-top: 10px !important; margin-bottom: 10px !important}
.my-3{margin-top: 15px !important; margin-bottom: 15px !important}
.my-4{margin-top: 20px !important; margin-bottom: 20px !important}
.my-5{margin-top: 25px !important; margin-bottom: 25px !important}
.my-6{margin-top: 30px !important; margin-bottom: 30px !important}
.my-7{margin-top: 35px !important; margin-bottom: 35px !important}
.my-8{margin-top: 40px !important; margin-bottom: 40px !important}
.my-9{margin-top: 45px !important; margin-bottom: 45px !important}
.my-10{margin-top: 50px !important; margin-bottom: 50px !important}
.my-11{margin-top: 55px !important; margin-bottom: 55px !important}
.my-12{margin-top: 60px !important; margin-bottom: 60px !important}
.mt-0{margin-top: 0 !important}
.mt-1{margin-top: 5px !important}
.mt-2{margin-top: 10px !important}
.mt-3{margin-top: 15px !important}
.mt-4{margin-top: 20px !important}
.mt-5{margin-top: 25px !important}
.mt-6{margin-top: 30px !important}
.mt-7{margin-top: 35px !important}
.mt-8{margin-top: 40px !important}
.mt-9{margin-top: 45px !important}
.mt-10{margin-top: 50px !important}
.mt-11{margin-top: 55px !important}
.mt-12{margin-top: 60px !important}
.mb-0{margin-bottom: 0 !important}
.mb-1{margin-bottom: 5px !important}
.mb-2{margin-bottom: 10px !important}
.mb-3{margin-bottom: 15px !important}
.mb-4{margin-bottom: 20px !important}
.mb-5{margin-bottom: 25px !important}
.mb-6{margin-bottom: 30px !important}
.mb-7{margin-bottom: 35px !important}
.mb-8{margin-bottom: 40px !important}
.mb-9{margin-bottom: 45px !important}
.mb-10{margin-bottom: 50px !important}
.mb-11{margin-bottom: 55px !important}
.mb-12{margin-bottom: 60px !important}
.ml-0{margin-left: 0 !important}
.ml-1{margin-left: 5px !important}
.ml-2{margin-left: 10px !important}
.ml-3{margin-left: 15px !important}
.ml-4{margin-left: 20px !important}
.ml-5{margin-left: 25px !important}
.ml-6{margin-left: 30px !important}
.ml-7{margin-left: 35px !important}
.ml-8{margin-left: 40px !important}
.ml-9{margin-left: 45px !important}
.ml-10{margin-left: 50px !important}
.ml-11{margin-left: 55px !important}
.ml-12{margin-left: 60px !important}
.mr-0{margin-right: 0 !important}
.mr-1{margin-right: 5px !important}
.mr-2{margin-right: 10px !important}
.mr-3{margin-right: 15px !important}
.mr-4{margin-right: 20px !important}
.mr-5{margin-right: 25px !important}
.mr-6{margin-right: 30px !important}
.mr-7{margin-right: 35px !important}
.mr-8{margin-right: 40px !important}
.mr-9{margin-right: 45px !important}
.mr-10{margin-right: 50px !important}
.mr-11{margin-right: 55px !important}
.mr-12{margin-right: 60px !important}