@charset "utf-8";

/* CSS Document */


/*【default】*/


/*---------------------------------------------------header---------------------------------------*/


/*----------------------------banner--------------------------------*/

/* #banner {
    background: url(../img/banner2.jpg) no-repeat center;
    background-size: cover;
    height: 600px;
} */


/* 	#banner .mask{
		background-color: rgba(0,0,0,0.7);
	} */


/*---------------------------------------------------main-----------------------------------------*/

main {
    width: 100%;
    /* background: url(../img/inside_main_bg.png); */
    min-height: 200px;
    padding: 6% 0;
    float: left;
}


/*---------------------inside_title(標題)---------------------------*/

#inside_title {
    display: table;
    margin: 0 auto 4% auto;
    padding-bottom: 15px;
    border-bottom: 2px solid #34495E;
}


/*--------------------------content---------------------------------*/

#content {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

#content img {
    max-width: 100%;
    margin: 0 auto;
    display: inline;
}

/*--------------------btn----------------------*/
	#btn_list{
		margin-top: 5%;
	}
	#btn_list .list{
		width: 16%;
		float: left;
		padding: 5px 3%;
		margin: 0 5%;
		background-color: transparent;
		border: 1px solid #34495E;
		text-align: center;
		transition:  all 0.3s ease ;
	}
    #btn_list a.disabled{
        visibility: hidden;
    }
	#btn_list a:nth-child(2) .list{
		background-color: #34495E;
		border: 1px solid #34495E;
		color: #fff;
		transition:  all 0.3s ease ;
	}
	#btn_list .list:hover,#btn_list a:nth-child(2) .list:hover{
		background-color: #34495E;
		border: 1px double #34495E;
		color: #fff;
	}
	#content #btn_list p {
	    margin: 0;
	}

/*---------------------------------------------------footer---------------------------------------*/

footer {
    top: 0;
    background-color: #888;
    clear: both;
}

footer p {
    color: #fff;
}

footer p a {
    color: #fff;
}


/*熒幕尺寸【小於】1441時頁面顯示---平板*/

@media (max-width: 1440px) {
    /*---------------------------------------------------header---------------------------------------*/
    /*----------------------------banner--------------------------------*/
    /* #banner {
        height: 500px;
    } */
}


/*熒幕尺寸【小於】1025時頁面顯示---平板*/

@media (max-width: 1024px) {
    /*---------------------------------------------------header---------------------------------------*/
    /*----------------------------banner--------------------------------*/
    /* #banner {
        height: 350px;
    } */
    /*----------------------------logo----------------------------------*/
    #logo {
        width: 70vw;
        margin-left: auto;
        margin-right: auto;
    }
    /*---------------------------------------------------main-----------------------------------------*/
    main {
        padding: 8% 0;
    }
    /*---------------------inside_title(標題)---------------------------*/
    #inside_title {
        margin: 0 auto 6% auto;
    }
    /*--------------------------content---------------------------------*/
    #content {
        width: 80%;
    }
/*--------------------btn----------------------*/
    #btn_list{
        margin-top: 7%;
    }
}


/*熒幕尺寸【小於】769時頁面顯示---平板*/
@media (max-width: 768px) {
	/*--------------------btn----------------------*/
	#btn_list .list {
		width: 20%;
		margin: 0 3%;
	}
}

/*熒幕尺寸【小於】481時頁面顯示---手機*/

@media (max-width: 480px) {
    /*---------------------------------------------------header---------------------------------------*/
    /*----------------------------banner--------------------------------*/
/*     #banner {
        height: 250px;
    } */
    /*----------------------------logo----------------------------------*/
    #logo {
        width: 80vw;
        margin: 20px auto 13px;
    }
    /*---------------------------------------------------main-----------------------------------------*/
    main {
        padding: 10% 0;
    }
    /*---------------------inside_title(標題)---------------------------*/
    #inside_title {
        margin: 0 auto 8% auto;
    }
/*--------------------btn----------------------*/
    #btn_list{
        margin-top: 9%;
    }
    #btn_list .list {
		width: 31%;
		padding: 0;
		margin: 0 0.8%;
    }
}