.member_center-box{
    width: 1920px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    min-height: calc(100vh - 100px);
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 35px 0;
}
.member_center-all-box{
    width: 1300px;
    max-width: 100%;
    display: block;
    margin: 0 auto;;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.member_center-process-box{
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.member_center-process-title-box{
    font-size: 14px;
    color: #555;
    background-color: #f3cd05;
    width: 80px;
    line-height: 80px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    letter-spacing: 0.1em;
    transition: all .3s linear;
    font-weight: bold;

}
.member_center-process-all-box{
    width: calc(100% - 80px * 2);
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}
.member_center-process{
    width: 65px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
.member_center-process-icon{
    text-align: center;
    display: block;
}
.member_center-process-icon span{
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 2px solid #888;
    color: #888;
    font-size: 12px;
    border-radius: 50%;
    display: inline-block;
}
.member_center-process-icon span>i{
    line-height: 21px;
}
.member_center-process-text{
    font-size: 14px;
    display: block;
    letter-spacing: 0.1em;
    color: #888;
    line-height: 40px;
    font-weight: bold;
}
.process-finish .member_center-process-icon span{
    color: #f3cd05;
    border-color: #f3cd05;
}
.process-finish .member_center-process-text{
    color: #f3cd05;
}
.member_center-info-box{
    width: 100%;
    display: block;
    background-color: #fff;
    margin-top: 35px;
    border-radius: 10px;
    overflow: hidden;
}
.member_center-info-menu-box{
    width: 100%;
    display: block;
    background-color: #eee;
}
.member_center-info-menu{
    width: calc(100% / 6);
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #555;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition: all .3s linear;
    font-weight: bold;
}
.member_center-info-menu.active,
.member_center-info-menu:hover{
    background-color: #fff;
    /* color: #f3cd05; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.member_center-info-box{
    background-color: #fff;
}
.member_center-logout{
    cursor: pointer;
    transition: all .3s linear;
}
.member_center-logout:hover{
    background-color: #e2d102;
    color: #000;
}


/*basic*/
.member_center-info-basic{
    display: none;
}
.member_center-info-basic.active{
    display: block;
}
.registered-form-twzipcode{
    margin-bottom: 10px;
}
.registered-form-twzipcode select{
    width: 370px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.1em;
    padding: 0 15px;
    color: #888;
    position: relative;
    font-size: 14px;
    font-family: "微軟正黑體","Microsoft JhengHei";
}
.registered-form-twzipcode select:nth-child(2){
    margin: 0 45px;
}
.registered-form-twzipcode input{
    width: 370px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.1em;
    padding: 0 15px;
    color: #888;
    position: relative;
    font-size: 14px;
    font-family: "微軟正黑體","Microsoft JhengHei";
}

.member_article-fancybox-title-input::-webkit-input-placeholder{
    font-family: "微軟正黑體";
    color: #888;
    letter-spacing: 0.1em;
}
.member_article-fancybox-title-input:-moz-placeholder{
    font-family: "微軟正黑體";
    color: #888;
    letter-spacing: 0.1em;
}
.member_article-fancybox-title-input::-moz-placeholder{
    font-family: "微軟正黑體";
    color: #888;
    letter-spacing: 0.1em;
}

/*file*/
.member_center-info-file{
    display: none;
}
.member_center-info-file.active{
    display: block;
}
.member_file-info-box{
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 35px 50px;
}
.member_file-url{
    width: 160px;
    line-height: 48px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #888;
    text-align: center;
    letter-spacing: 0.1em;
    background-color: #f5f5f5;
    border-radius: 10px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    margin-right: 20px;
    transition: all .3s linear;
    font-weight: bold;
}
.member_file-url:last-child{
    margin-right: 0px;
}
.member_file-info-all-box{
    box-sizing: border-box;
    padding-top: 35px;
}
.member_file-info-updata-box{
    width: 200px;
    height: 200px;
    vertical-align: middle;
    margin-right: 50px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px dashed #888;
    background-color: #fff;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .3s linear;
}
.member_file-info-bank-box{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    cursor: pointer;
}
.member_file-info-updata{
    cursor: pointer;
}
.member_file-info-updata span{
    font-size: 16px;
    color: #888;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
    margin: 15px 0;
    transition: all .3s linear;
}
.member_file-info-updata input{
    opacity: 0;
    pointer-events: none;
    height: 0;
}
.file-list-box{
    margin-top:50px; 
}
.member_file-info{
    width: 200px;
    height: 200px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
}
.member_file-info a{
    display: block;
    cursor: pointer;
}
.member_file-info-del{
    font-size: 36px;
    line-height: 24px;
    color: #555;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    transition: all .3s linear;
}

.member_file-info-del:hover{
    color: #f3cd05;
}
.member_file-info:nth-child(5n){
    margin-right: 0;
}
.member_file-info:nth-child(n + 6){
    margin-top: 50px;
}
.member_file-info-icon{
    width: 100%;
    height: 150px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    font-size: 50px;
    color: #888;
}
.member_file-info-text{
    font-size: 16px;
    color: #888;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 50px;
    background-color: #eee;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s linear;
}
.member_file-info-who{
    font-size: 14px;
    color: #888;
    position: absolute;
    bottom: 50px;
    right: 5px;

}
.consultant-updata .member_file-info-del{
    display: none;
}
.file-school-list {
    width: 300px;
    margin-bottom: 10px;
}


/*comment*/
.member_center-info-comment{
    display: none;
}
.member_center-info-comment.active{
    display: block;
}
.member_comment-info-box{
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 50px;
    text-align: center;
}
.member_comment-info{
    width: 360px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
    overflow: hidden;
    text-align: left;
}
.member_comment-info:nth-child(3n){
    margin-right: 0;
}
.member_comment-info:nth-child(n + 4){
    margin-top: 50px;
}
.member_comment-info-title{
    width: 100%;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #555;
    letter-spacing: 0.06em;
    background-color: #eee;
}
.member_comment-info-title span:nth-child(2){
    display: none;
}
.member_comment-info-text-box{
    box-sizing: border-box;
    padding: 15px 25px;
    padding-bottom: 0;
}
.member_comment-info-name{
    font-size: 20px;
    display: block;
    color: #000;
    letter-spacing: 0.06em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.member_comment-info-evaluation-box{
    margin-top: 10px;
}
.member_comment-info-evaluation-text{
    width: 60px;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.03em;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
}
.member_comment-info-evaluation-star{
    font-size: 14px;
    color: #f5a425;
    letter-spacing: 0.03em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    line-height: 36px;
}
.member_comment-info-evaluation-star i{
    width: 14px;
}
.member_comment-form-list-title{
    font-size: 14px;
    color: #555;
    letter-spacing: 0.06em;
    line-height: 36px;
    margin-top: 5px;
}
.member_comment-form-list-title i{
    margin-right: 5px;
}
.member_comment-form-list-textarea{
    width: 100%;
    height: 142px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    padding: 20px 15px;
    border-radius: 5px;
    color: #555;
    outline: none;
    resize: none;
    letter-spacing: 0.06em;
    font-family: "微軟正黑體";
}
.member_comment-btn-box{
    margin: 18px 0;
}
.member_comment-btn{
    width: 120px;
    font-size: 16px;
    color: #555;
    letter-spacing: 0.06em;
    display: block;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    background-color: #f5f5f5;
    line-height: 40px;
    cursor: pointer;
    transition: all .3s linear;
}
.member_comment-btn:nth-child(2){
    display: none;
}
.member_comment-finish{
    border-color: #f3cd05;
}
.member_comment-finish .member_comment-info-title span:nth-child(1){
    display: none;
}
.member_comment-finish .member_comment-info-title span:nth-child(2){
    display: block;
    color: #f3cd05;
}
.member_comment-finish .member_comment-btn:nth-child(1){
    display: none;
}
.member_comment-finish .member_comment-btn:nth-child(2){
    display: block;
}



/*article*/
.member_center-info-article{
    display: block;
}
.member_center-info-article.active{
    display: block;
}
.member_article-info-box{
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 50px 35px;
}

.member_article-class{
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    line-height: 48px;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    font-size: 16px;
    color: #888;
    letter-spacing: 0.1em;
    text-align: center;
    margin-right: 15px;
    transition: all .3s linear;
}
.member_article-class:nth-child(2){
    margin-right: 0;
}
.member_article-new-box{
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px dashed #d1d1d1;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 20px;
    cursor: pointer;
}
.member_article-new-box span{
    font-size: 18px;
    color: #555;
    letter-spacing: 0.1em;
    line-height: 48px;
    transition: all .3s linear;
}
.member_article-info{
    width: 100%;
    display: block;
    background-color: #eee;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 15px;
    margin-bottom: 20px;
}
.member_article-info:last-child{
    margin-bottom: 0;
}
.member_article-info-data{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
    line-height: 50px;
    margin-right: 44px;
    position: relative;
}
.member_article-info-data:after{
    content: '/';
    display: block;
    font-size: 14px;
    color: #ddd;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: -25px;
}
.member_article-info-title{
    width: calc(100% - 295px);
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.member_article-info-class{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
}
.member_article-info-editor{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
    line-height: 50px;
    position: relative;
    margin: 0 45px;
    cursor: pointer;
    transition: all .3s linear;
}
.member_article-info-hover span{
    position: absolute;
    top: 45px;
    left: -24px;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    line-height: 25px;
    width: 60px;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transition: all .3s linear;
}
.member_article-info-hover:before{
    content: '';
    width: 7px;
    height: 7px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 42px;
    left: 3px;
    border: 1px solid #d1d1d1;
    transform: rotateZ(45deg);
    pointer-events: none;
    opacity: 0;
    transition: all .3s linear;
}
.member_article-info-hover:after{
    content: '';    
    width: 9px;
    height: 2px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 45px;
    left: 3px;
    pointer-events: none;
    opacity: 0;
    transition: all .3s linear;
}
.member_article-info-del{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
    line-height: 50px;
    position: relative;
    cursor: pointer;
    transition: all .3s linear;
}
.member_article-info-hover:hover span,
.member_article-info-hover:hover:before,
.member_article-info-hover:hover:after{
    opacity: 1;
}


.member_article-fancybox-box{
    width: 1200px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    background-color: #f5f5f5;
    z-index: 999;
    box-sizing: border-box;
    padding: 30px 100px;
}
.member_article-fancybox-data{
    font-size: 14px;
    color: #555;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
.member_article-fancybox-title{
    font-size: 18px;
    color: #555;
    letter-spacing: 0.1em;
    line-height: 40px;
}
.member_article-fancybox-title-input{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    color: #888;
    letter-spacing: 0.1em;
    border-radius: 5px;
    height: 60px;
    border: 1px solid #d1d1d1;
    padding: 0 20px;
    background-color: #fff;
}
.member_article-fancybox-title-input::-webkit-input-placeholder{
    font-family: "微軟正黑體";
    color: #888;
    letter-spacing: 0.1em;
}
.member_article-fancybox-title-input:-moz-placeholder{
    font-family: "微軟正黑體";
    color: #888;
    letter-spacing: 0.1em;
}
.member_article-fancybox-title-input::-moz-placeholder{
    font-family: "微軟正黑體";
    color: #888;
    letter-spacing: 0.1em;
}
.member_article-fancybox-edit-box{
    margin-top: 15px;
}
.member_article-fancybox-edit{
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    color: #888;
    letter-spacing: 0.1em;
    border-radius: 5px;
    max-height: calc(80vh - 280px);
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}
.member_article-fancybox-btn-box{
    text-align: right;
    margin-top: 35px;
}
.member_article-fancybox-btn{
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    line-height: 48px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    font-size: 20px;
    color: #888;
    letter-spacing: 0.06em;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
    transition: all .3s linear;
}
.member_article-fancybox-btn:nth-child(2){
    background-color: #f3cd05;
    color: #fff;
    border-color: #f3cd05;
}
#index .member_article-fancybox-box{
    width: 750px;
    max-width: 95%;
    padding: 20px 30px;
    padding-top: 10px;
}


/* #member_center .contact-box{
    display: none;
}
#member_center .header-style1 .header-menu> li.header-advisory{
    display: none;
}
#member_center .header-style1 .header-menu> li.header-qa:after{
    display: none;
} */

#index .member_article-fancybox-edit-box{
    margin-top: 0;
}
#index .member_article-fancybox-edit{
    padding: 10px 15px;
    box-sizing: border-box;
    overflow: auto;
}
div.registered-form-text{
    line-height: 36px;
}
.UnableEdit{
    color: #ddd;
    cursor: not-allowed;
}
.member_article-info-hover.UnableEdit:hover span, 
.member_article-info-hover.UnableEdit:hover:before, 
.member_article-info-hover.UnableEdit:hover:after{
    opacity: 0;
}
.member_article-info-editor.UnableEdit:hover{
    color: #ddd;
}


.registered-form-select{
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    display: block;
    letter-spacing: 0.1em;
    padding: 0 15px;
    color: #888;
    position: relative;
    font-size: 14px;
    font-family: "微軟正黑體","Microsoft JhengHei";
    line-height: 36px;
}
.journal-add-btn-box{
    display: inline-block;
    vertical-align: bottom;
}
.journal-add-btn{
    font-size: 16px;
    line-height: 36px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #eee;
    cursor: pointer;
}
.journal-class-box{
    width: 350px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: 0.1em;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    padding: 15px 10px;
    margin-right: 75px;
    word-break: break-all;
    position: relative;
}
.journal-class-box:nth-child(3n){
    margin-right: 0;
}
.journal-class-box:nth-child(n + 4){
    margin-top: 20px;
}
.journal-class-text span:nth-child(1){
    width: 47px;
    display: inline-block;
    vertical-align: top;
}
.journal-class-text span:nth-child(2){
    width: calc(100% - 47px);
    display: inline-block;
    vertical-align: top;
}
.journal-class-close{
    position: absolute;
    color: #f3cd05;
    cursor: pointer;
    right: 0;
    top: -2px;
    font-size: 22px;
    line-height: 22px;
}
.journal-url-box{
    margin-bottom: 20px;
}
.journal-url-box .member_file-url.active{
    background-color: #f3cd05;
    color: #000;
}
.journal-info{
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    overflow: hidden;
}
.journal-info-school{
    width: 100%;
    display: block;
    line-height: 40px;
    background-color: #eee;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 20px;
    position: relative;
}
.journal-info-school>span{
    font-size: 14px;
    color: #555;
    letter-spacing: 0.01em;
    position: absolute;
    right: 0;
    top: 0;
}
.journal-info-class-box{
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-top: 1px solid #d1d1d1;
}
.journal-info-aircraft-box{
    width: calc((100% / 3) * 2);
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-top: 1px solid #d1d1d1;
}
.journal-info-week-box,
.journal-info-aircraft-box{
    border-left: 1px solid #d1d1d1;
}
.journal-info-class{
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px;
    height: 185px;
    max-height: 185px;
    overflow-y: auto;
}
.journal-info-aircraft-all-box{
    box-sizing: border-box;
    padding: 15px 10px;
}
.journal-info-class .journal-class-box:nth-child(n){
    width: calc(100% - 10px);
    margin: 0;
    margin-top: 10px;
}
.journal-info-aircraft{
    width: calc(100% / 4 - 9px);
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
}
.journal-info-aircraft:nth-child(4){
    margin-right: 0;
}
.journal-info-aircraft input{
    width: 100%;
    display: block;
    font-size: 14px;
    letter-spacing: 0.1em;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    padding: 15px 10px;
}
.journal-info-aircraft-list:nth-child(2){
    margin-top: 15px;
}
.journal-info-title{
    font-size: 16px;
    background-color: #eee;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #d1d1d1;
    position: relative;
}
.journal-info-class .mCSB_scrollTools{
    right: -5px;
}
.journal-info-class .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: rgba(0,0,0,0.2);
}
.journal-aircraft-btn{
    display: inline-block;
    box-sizing: border-box;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    background-color: #f3cd05;
    border: 1px solid #f3cd05;
    border-radius: 5px;
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    transition: all .3s linear;
}
#ui-datepicker-div.ui-widget.ui-widget-content{
    background-color: rgba(238, 238, 238, 1);
    z-index: 1000 !important;
}
.journal-info-aircraft .registered-form-text{
    height: 48px;
    padding-right: 30px;
}
.journal-info-aircraft .registered-form-select-box{
    margin-top: 0;
}


.registered-form-select-box select optgroup,
.registered-form-select-box select option{
    font-family: 微軟正黑體修正, 微軟正黑體;
}
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}

.member_journal .member_center-info-menu-box{
    margin-top: 35px;
}
.member_journal .member_center-info-box{
    margin-top: 0;
}



@media only screen and (max-width: 1300px){
    .member_center-all-box{
        width: 1200px;
    }
    .registered-form-twzipcode select,
    .registered-form-twzipcode input{
        width: 340px;
    }
    .registered-form-twzipcode select:nth-child(2){
        margin: 0 40px;
    }
    .member_file-info-updata-box,
    .member_file-info,
    .member_file-info-bank-box{
        width: 180px;
        height: 180px;
    }
    .member_file-info-icon{
        height: 130px;
    }
    .member_comment-info,
    .journal-class-box{
        width: 340px;
        margin-right: 40px;
    }
}
@media only screen and (max-width: 1200px){
    .member_center-all-box{
        width: 1000px;
    }
    .registered-form-twzipcode select,
    .registered-form-twzipcode input{
        width: 300px;
    }
    .registered-form-twzipcode select:nth-child(2){
        margin: 0 20px;
    }
    .member_file-info-updata-box,
    .member_file-info{
        margin-right: 25px;
        width: 160px;
        height: 160px;
    }
    .member_file-info-bank-box{
        width: 160px;
        height: 160px;
    }
    .member_file-info-icon{
        height: 120px;
    }
    .member_file-info-text{
        line-height: 40px;
    }
    .member_file-info:nth-child(n + 6){
        margin-top: 25px;
    }
    .member_comment-info{
        width: 280px;
        margin-right: 30px;
    }
    .member_article-fancybox-box{
        width: 95%;
    }
    .journal-class-box{
        width: 300px;
        margin-right: 20px;
    }
    .member_file-info-who{
        bottom: 40px;
        line-height: 14px;
    }
}
@media only screen and (max-width: 1000px){
    #member_center .header-style1 .header-menu> li.header-qa:after{
        display: block;
    }
    #member_center .header-style1 .header-menu> li.header-qa:before{
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #c35e58cc;
    }
    .member_center-all-box{
        width: 750px;
        overflow: inherit;
    }
    .registered-form-twzipcode select,
    .registered-form-twzipcode input{
        width: 220px;
    }
    .registered-form-twzipcode select:nth-child(2){
        margin: 0 15px;
    }
    .member_center-process-title-box{
        width: 100%;
        line-height: 60px;
    }
    .member_center-process-all-box{
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0;
    }
    .member_center-process{
        margin: 0 10px;
    }
    .member_center-process-text{
        line-height: inherit;
        margin-top: 5px;
    }
    .member_center-info-menu{
        width: calc(100% / 4);
    }
    .member_file-info-box{
        padding: 35px 20px;
    }
    .member_file-info-updata-box,
    .member_file-info{
        margin-right: 30px;
        width: 155px;
        height: 155px;
    }
    .member_file-info-bank-box{
        width: 155px;
        height: 155px;
    }
    .member_file-info-icon{
        height: 115px;
    }
    .member_file-info-text{
        line-height: 40px;
    }
    .member_file-info:nth-child(n){
        margin-right: 30px;
    }
    .member_file-info:nth-child(4n){
        margin-right: 0;
    }
    .member_file-info:nth-child(n + 5){
        margin-top: 20px;
    }
    .member_comment-info{
        width: 310px;
    }
    .member_comment-info:nth-child(n){
        margin-right: 30px;
    }
    .member_comment-info:nth-child(2n){
        margin-right: 0;
    }
    .member_comment-info:nth-child(n + 3){
        margin-top: 30px;
    }
    .member_center-logout{
        line-height: 40px;
    }
    .rwd-member_center-info-menu-box{
        width: 100%;
        height: 46px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        font-size: 20px;
        letter-spacing: 1px;
        text-align: center;
        display: block;
        line-height: 50px;
        position: relative;
        box-sizing: border-box;
        background-color: #eee;
        color: #555;
    }
    .rwd-member_center-info-menu-box:after {
        content: '';
        width: 0px;
        height: 0px;
        margin: 0 auto;
        border-right: 8px solid transparent;
        border-top: 10px solid #888;
        border-left: 8px solid transparent;
        display: block;
        position: absolute;
        bottom: calc(50% - 5px);
        right: 5%;
        box-sizing: border-box;
    }
    .member_center-info-menu-all-box{
        width: 100%;
        display: none;
        position: absolute;
        z-index: 1;
        border-top: 1px solid #ddd;
        box-shadow: 0 5px 5px rgba(0,0,0,0.3);
        background-color: #eee;
    }
    .member_center-info-menu{
        width: 100%;
    }
    .member_center-info-menu.active, 
    .member_center-info-menu:hover{
        border-radius: 0;
    }
    .member_center-info{
        position: relative;
        z-index: 0;
    }
    .journal-class-box{
        width: 220px;
        margin-right: 15px;
    }
    .journal-info-aircraft-box{
        width: 50%;
    }
    .journal-info-aircraft{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .journal-info-aircraft:last-child{
        margin-bottom: 0;
    }
    .journal-info-aircraft-list{
        width: calc(50% - 5px);
        margin-right: 10px;
        display: inline-block;
        vertical-align: top;
    }
    .journal-info-aircraft-list:nth-child(2){
        margin-right: 0;
        margin-top: 0;
    }
    .journal-info-aircraft-list:nth-child(2){
        margin-right: 0;
    }
    .journal-info-class-box{
        width: 50%;
    }
    div.registered-form-text{
        display: inline-block;
        width: initial;
    }
    .school-class-select-now.registered-form-text:after{
        right: 2px;
        line-height: 2;
    }
    .journal-info-class{
        height: 340px;
        max-height: 340px;
    }
}
@media only screen and (max-width: 750px){
    .member_center-all-box{
        width: 550px;
    }
    .registered-form-twzipcode{
        margin-bottom: 0;
    }
    .registered-form-twzipcode select,
    .registered-form-twzipcode input{
        width: 100%;
        margin-bottom: 10px;
    }
    .registered-form-twzipcode select:nth-child(2){
        margin: 0;
        margin-bottom: 10px;
    }
    .registered-form-twzipcode+.registered-form-input-box{
        margin-top: 0;
        margin-bottom: 10px;
    }
    .member_center-process{
        width: calc(100% / 4 - 20px);
        margin-bottom: 15px;
    }
    .member_center-process-all-box{
        padding-bottom: 5px;
    }

    .member_file-info-box {
        padding: 20px 20px;
    }
    .member_file-info-updata-box,
    .member_file-info{
        margin-right: 15px;
        width: 160px;
        height: 160px;
    }
    .member_file-info-bank-box{
        width: 160px;
        height: 160px;
    }
    .member_file-info-icon{
        height: 120px;
    }
    .member_file-info:nth-child(n){
        margin-right: 15px;
    }
    .member_file-info:nth-child(3n){
        margin-right: 0;
    }
    .member_file-info:nth-child(n + 4){
        margin-top: 15px;
    }
    .member_file-info-all-box{
        padding-top: 20px;
    }
    .member_file-url{
        margin-right: 15px;
    }
    .member_comment-info-box{
        padding: 25px 20px;
    }
    .member_comment-info{
        width: 100%;
    }
    .member_comment-info:nth-child(n){
        margin-right: 0;
        margin-top: 30px;
    }
    .member_comment-info:nth-child(1){
        margin-top: 0;
    }
    .member_article-info-box{
        padding: 30px 20px;
    }
    .member_article-fancybox-box{
        padding: 30px 40px;
    }
    .journal-class-box{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    div.registered-form-text{
        width: 100%;
    }
    #index .member_article-fancybox-box{
        width: 95%;
        padding: 10px 15px;
    }
    .journal-info-class-box{
        width: 100%;
    }
    .journal-info-aircraft-box{
        width: 100%;
    }
    .journal-info-class {
        height: 185px;
        max-height: 185px;
    }
}
@media only screen and (max-width: 550px){
    .member_center-box{
        padding: 20px 0;
    }
    .member_center-all-box{
        width: 400px;
    }
    .registered-form-twzipcode select{
        font-size: 12px;
        padding: 0px;
        height: 36px;
    }
    .registered-form-twzipcode input{
        font-size: 12px;
        padding: 0 5px;
        height: 36px;
    }
    .member_center-process-title-box{
        line-height: 40px;
    }
    .member_center-process-all-box{
        padding-top: 10px;
    }
    .member_center-process{
        width: calc(100% / 4 - 10px);
        margin: 0 5px;
        margin-bottom: 5px;
    }
    .member_center-process:nth-child(n + 5){
        margin-top: 10px;
    }
    .member_center-process-icon span{
        width: 20px;
        height: 20px;
    }
    .member_center-process-icon span>i{
        line-height: 16px;
    }
    .member_center-process-text{
        font-size: 12px;
        margin-top: 2px;
    }
    .rwd-member_center-info-menu-box{
        font-size: 16px;
        line-height: 40px;
        height: 40px;
        border: 1px solid #d1d1d1;
        border-radius: 5px;
    }
    .member_center-info-menu{
        line-height: 40px;
        font-size: 14px;
    }

    .member_file-url{
        width: 175px;
        line-height: 40px;
        margin-right: 10px;
    }
    .journal-url-box .member_file-url{
        width: calc((100% / 3) - 4px);
        margin-right: 6px;
    }
    .journal-url-box .member_file-url:last-child{
        margin-right: 0;
    }
    .member_file-info-updata-box,
    .member_file-info{
        margin-right: 10px;
        width: 175px;
        height: 175px;
    }
    .member_file-info-bank-box{
        width: 175px;
        height: 175px;
    }
    .member_file-info-icon{
        height: 145px;
    }
    .member_file-info-text{
        font-size: 14px;
        line-height: 30px;
    }
    .member_file-info:nth-child(n){
        margin-right: 10px;
    }
    .member_file-info:nth-child(2n){
        margin-right: 0;
    }
    .member_file-info:nth-child(n + 3){
        margin-top: 10px;
    }
    span.member_file-updata-text{
        font-size: 14px;
        margin: 5px 0;
    }
    .member_comment-info-title{
        font-size: 14px;
        line-height: 40px;
    }
    .member_comment-info-text-box{
        padding: 10px 15px;
    }
    .member_comment-info-name{
        font-size: 16px;
    }
    .member_comment-info-evaluation-text{
        width: 50px;
        font-size: 12px;
        line-height: 24px;
    }
    .member_comment-info-evaluation-star{
        font-size: 12px;
        line-height: 24px;
        margin-left: 10px;
    }
    .member_comment-form-list-title{
        font-size: 12px;
        line-height: 28px;
    }
    .member_comment-form-list-textarea{
        height: 80px;
        padding: 5px 10px;
    }
    .member_comment-btn-box{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .member_comment-btn{
        font-size: 14px;
        line-height: 30px;
        width: 100px;
    }
    .member_comment-info:nth-child(n + 2){
        margin-top: 15px;
    }
    .member_article-info-box{
        padding: 20px;
    }
    .member_article-class{
        font-size: 14px;
        line-height: 36px;
        margin-right: 10px;
        width: calc(50% - 5px);
    }
    .member_article-new-box{
        margin-top: 20px;
    }
    .member_article-new-box span{
        font-size: 16px;
        line-height: 36px;
    }
    .member_article-info{
        padding: 0 10px; 
        padding-bottom: 5px;
    }
    .member_article-info-data{
        font-size: 12px;
        line-height: 40px;
        margin-right: 24px;
    }
    .member_article-info-data:after{
        font-size: 12px;
        line-height: 40px;
        right: -15px;
    }
    .member_article-info-title {
        width: calc(100% - 98px);
        font-size: 12px;
        line-height: 40px;
    }
    .member_article-info-class{
        font-size: 12px;
        margin-left: calc(100% - 115px);
    }
    .member_article-info-editor{
        font-size: 12px;
        line-height: inherit;
        margin: 0 25px;
    }
    .member_article-info-del{
        font-size: 12px;
        line-height: inherit;
    }
    .member_article-info-hover span{
        top: -26px;
        font-size: 12px;
        line-height: 20px;
    }
    .member_article-info-hover:before{
        top: -10px;
        left: 0;
    }
    .member_article-info-hover:after{
        top: -6px;
        left: 0;
    }
    .member_article-fancybox-box{
        padding: 20px 30px;
    }
    .member_article-fancybox-data{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .member_article-fancybox-title{
        font-size: 16px;
        line-height: 34px;
    }
    .member_article-fancybox-title-input{
        font-size: 12px;
        height: 46px;
        padding: 0 10px;
    }
    .member_article-fancybox-edit{
        font-size: 12px;
        max-height: calc(80vh - 242px);
        height: 400px;
        min-height: 46px;
    }
    .member_article-fancybox-btn-box{
        margin-top: 15px;
    }
    .member_article-fancybox-btn{
        width: 100px;
        line-height: 36px;
        font-size: 16px;
        margin-left: 15px;
    }
    .member_center-logout{
        line-height: 26px;
    }
    div.registered-form-text{
        line-height: 36px;
    }
    .file-list-box{
        margin-top: 20px;
    }
    .journal-class-box{
        font-size: 12px;
        padding: 10px 5px;
    }
    .journal-class-text span:nth-child(1){
        width: 40px;
    }
    .journal-class-text span:nth-child(2) {
        width: calc(100% - 40px);
    }
    .journal-add-btn{
        font-size: 14px;
        line-height: 30px;
        padding: 0 10px;
    }
    .registered-form-select{
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        padding: 0 5px;
    }
    .journal-info-aircraft input{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding: 0 5px;
    }
    .journal-info-school{
        font-size: 16px;
        line-height: 30px;
    }
    .journal-info-title{
        font-size: 14px;
        line-height: 26px;
    }
    .journal-info-class{
        height: 150px;
        max-height: 150px;
    }
    .journal-aircraft-btn{
        font-size: 12px;
    }
    .member_file-info-del{
        font-size: 26px;
        line-height: 18px;
    }
    .member_file-info-who{
        bottom: 30px;
        line-height: 12px;
        font-size: 12px;
        transform: scale(0.9);
    }
    .journal-info-school>span{
        position: static;
        display: block;
        text-align: right;
    }
    .journal-aircraft-btn{
        margin-right: 0;
    }
    .journal-info-aircraft .registered-form-text{
        height: 30px;
        padding-right: 20px;
    }
    .member_journal .member_center-info-menu-box{
        margin: 20px 0;
    }
}
@media only screen and (max-width: 400px){
    .member_center-all-box{
        width: 300px;
    }
    .member_center-info-menu{
        font-size: 12px;
    }
    .member_file-url{
        width: 125px;
        line-height: 34px;
        font-size: 14px;
    }
    .member_file-info-updata-box,
    .member_file-info{
        width: 125px;
        height: 125px;
    }
    .member_file-info-bank-box{
        width: 125px;
        height: 125px;
    }
    .member_file-info-icon{
        height: 95px;
        font-size: 40px;
    }
    .member_file-info-text{
        font-size: 14px;
        line-height: 30px;
    }
    .member_article-info{
        padding: 5px 10px; 
    }
    .member_article-info-data{
        line-height: inherit;
    }
    .member_article-info-data:after{
        display: none;
    }
    .member_article-info-title {
        width: 100%;
        line-height: 40px;
    }
    .member_article-info-box {
        padding: 10px;
    }
    .member_article-info-hover span{
        width: 40px;
        left: -16px;
    }
    .member_article-fancybox-edit-box{
        margin-top: 10px;
    }
    .member_article-fancybox-box {
        padding: 10px 15px;
    }
    .member_article-fancybox-btn {
        width: 80px;
        line-height: 30px;
        font-size: 14px;
    }
}




.member_file-url:hover,
.member_article-class:hover{
    background-color: #f3cd05;
    color: #fff;
}
.member_file-info-updata-box:hover{
    border-color: #f3cd05;
}
.member_file-info-updata-box:hover .member_file-updata-plus{
    transform: scale(1.2);
}
.member_file-info-updata-box:hover .member_file-info-updata span,
.member_article-new-box:hover span{
    color: #f3cd05;
}
.member_file-info:hover .member_file-info-text{
    background-color: #f3cd05;
    color: #fff;
}
.member_comment-form-list-textarea:focus,
.member_article-fancybox-title-input:focus{
    background-color: #f1f1f1;
}
.member_comment-btn:hover{
    background-color: #777;
    color: #fff;
}
.member_article-fancybox-btn:hover{
    background-color: #777;
    color: #fff;
    border-color: #777;
}
.member_article-info-editor:hover,
.member_article-info-del:hover{
    color: #000;
}
.journal-aircraft-btn:hover{
    background-color: #e2d102;
}

@media only screen and (min-width: 1000px){
    .member_center-process,
    .member_center-info-box{
        opacity: 0;
    }
    .member_center-process-box.anima{
        animation: fade 1s ease 0s 1 both;
    }
    .member_center-process-box.anima .member_center-process{
        animation: fadeInRight 1s ease 0s 1 both;
    }
    .member_center-info-box.anima,
    .member_journal .member_center-info-menu-box.anima{
        animation: fadeInUp 1s ease 0s 1 both;
    }
}