@charset "utf-8";

/* reset */
body, div, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0;}
a{
    color: #FC0505;
}

*{ margin:0; padding:0;}
.WRAPPER{ width:100%; height:auto; padding-bottom:20px; background:#005fc8 url('../images/plusbg.png') repeat top center;}
.LOGO{ width:100%; height:50px; background:#FFF; position:fixed; box-shadow: 4px 4px 3px rgba(27,120,222,0.3);}
.LOGO img{ width:125px; height:auto; padding-top:13px;}
.DETAIL{
    width: 780px;
    height: auto;
    margin: 0 auto;
    background-color: #f4f4f4;
    padding-bottom: 10px;
    font-family: "微軟正黑體";
    padding-top: 50px;
    font-size: 24px;
}
h5.EVENT_TITLE{ width:90%; height:60px; margin:0 auto; text-align: center; font-size:25px; color:#005ec5; line-height:60px; padding-bottom:15px;}
h5.EVENT_TITLE span{ color:#329ad5;}
h5.EVENT_TITLE_2{ text-align: left; font-size:20px; color:#005ec5; padding-left:40px; line-height:1.5;}
h5.SUB_TITLE{ width:100%; height:40px; text-align:center; font-size:20px; color:#FFF; line-height:40px; background-color:#e43026;}
.DETAIL ul, .DETAIL ol{ width:630px; height:auto; margin:0 auto; padding:0px 30px 10px 40px;}
.DETAIL li{ font-size:15px; line-height:1.7; color:#262626; text-align: justify;}
.DETAIL li span{ color:#FF0004;}
.DETAIL p{ font-size:15px; line-height:1.7; color:#262626; padding-left:60px; text-align:left;}
.DETAIL p b{ font-size:17px; color:#005ec5;}

.BGCOLOR_2{ background-color:#910582 !important;}
.BGCOLOR_3{ background-color:#329ad5 !important;}
.BGCOLOR_4{ background-color:#29b5a0 !important;}
.BGCOLOR_5{ background-color:#19769d !important;}
.BGCOLOR_6{ background-color:#ff44a9 !important;}
.XIATUI{ padding-bottom:10px;}
.Table{text-align: center;margin: auto;}


footer{ width:780px; height:40px; margin:0 auto; background-color:#f4f4f4; border-radius:0px 0px 15px 15px; font-size:14px; color:#595146; text-align:center; line-height:40px; border-top:1px solid #034ea2;}


@media screen and (max-width:768px){
	*{ margin:0; padding:0;}
	body, html{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.WRAPPER{ width:100%; height:auto; background:#005fc8 url(../images/plusbg.png) repeat top center; padding-bottom:20px;}
	.DETAIL{ width:100%; height:auto; margin:0 auto; background-color:#f4f4f4; padding-bottom:10px; font-family:"微軟正黑體";}
	h5.EVENT_TITLE{ width:90%; height:auto; padding:5% 5% 5% 5%; text-align: center; font-size:1.4em; color:#005ec5; line-height:1.35em;}
	h5.EVENT_TITLE_2{ width:90%; padding:0% 5%; text-align: left; font-size:1.2em; color:#005ec5; line-height:1.5em;}
	h5.SUB_TITLE{ width:96%; height: auto; text-align:center; font-size:1.25em; color:#FFF; line-height:1.2em; background-color:#e43026; padding:2% 2%;}
	.DETAIL ul, .DETAIL ol{ width:80%; height:auto; margin:0 auto; padding:0% 0% 0% 5%;}
	.DETAIL li{ font-size:15px; line-height:1.7; color:#262626; text-align: justify;}
	.DETAIL p{ width:90%; font-size:15px; line-height:1.7; color:#262626; padding-left:10%; text-align:left;}
	.DETAIL p b{ font-size:17px; color:#005ec5;}

	.BGCOLOR_2{ background-color:#910582 !important;}
	.BGCOLOR_3{ background-color:#329ad5 !important;}
	.BGCOLOR_4{ background-color:#29b5a0 !important;}
	.BGCOLOR_5{ background-color:#19769d !important;}


	footer{ width:90%; height: auto; padding:2% 5%; background-color:#f4f4f4; border-radius:0px 0px 15px 15px; font-size:0.8em; color:#595146; text-align: center; line-height:1.3em; border-top:1px solid #034ea2;}

}