/********************START 404 **********************/

.nopage1,

.nopage2{

    font-family: '微軟正黑體';

    width: 100%;

    padding: 50px 15px;

    max-width: 690px;

    margin: 0 auto;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;    

}

.nopage1 .pic{

    max-width: 560px;

    margin: 0 auto 30px;

}

.nopage2 .pic{

    max-width: 657px;

    margin: 0 auto 30px;

}

.nopage1 .pic img,

.nopage2 .pic img{

    max-width: 100%;

    max-height: 100%;

    height: auto !important;

}

.nopage2 .title{

    font-size: 25px;

    color: #777777;

    font-weight: bold;

    margin-bottom: 15px;

}

.nopage1 .txt,

.nopage2 .txt{

    font-size: 16px;

    color: #777777;

    line-height: 1.6;

}

.nopage1 .txt{

        padding-left: 15%;

}

.nopage2 .txt{

    text-align: center;

}

.nopage1 .btn-box a.gohome,

.nopage2 .btn-box a.gohome{

    display: inline-block;

    text-decoration: none;

    font-size: 16px;

    color: #929292;

    border: 1px solid #929292;

    text-align: center;

    padding: 4px 47px;

    margin-top: 20px;

    -webkit-border-radius: 3px;

       -moz-border-radius: 3px;

            border-radius: 3px;

}

.nopage1 .btn-box a.gohome:hover,

.nopage2 .btn-box a.gohome:hover {

    color: #FFF;

    background: #929292;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    transition: all 200ms linear;

}

.nopage1 .backhome,
.nopage2 .backhome{
	background: #d90000;
    color: #fff;
    padding: 6px 38px;
    border-radius: 5px;
}
.nopage1 .backhome:hover,
.nopage2 .backhome:hover{
	background: #ff3434;
}

@media screen and (max-width: 600px) {

    .nopage1 .pic{

        margin-bottom: 10px;

    }

    .nopage1 .txt{

        padding-left: 15px;

        text-align: center;

    }

}

/**********************END 404 **********************/