@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: #FF0004;
}

*{ margin:0; padding:0;}
.Dest{display:block}
.Mobile{display:none}
.Top{position: fixed;top: 48px;right: 10px; z-index: 10;}
.Top a{ display: block;background: url(../images/top.png) no-repeat; width: 35px;height: 54px; text-indent: -9999px; margin-top: 20%;}

.gobtnbg{width: 100%; height: 40px; margin:1% auto; background: #f4f4f4;}

.RightBar{
	width: calc(222/1920*100%);
    height: auto;
    position: fixed;
    top: 0;
    right: 1%;
    border-radius: 50%;
    margin-top: calc(570/1920*100%);
    z-index: 999999999999999;}
.RightQABar{
    width: calc(222/1920*100%);
    height: auto;
    position: fixed;
    top: 0;
    right: 1%;
    margin-top: calc(570/1920*100%);
    z-index: 999999999999999;
}
.RightBar a.Dest{width:138px;height:138px;text-indent:-9999px;background:url(../images/BtnGo.png)}


.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;}
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;}
.LINGSHI_BOX{display: block;text-align: center; margin-bottom: 5%;}
.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;}

/*三顆按鈕*/
.btnbox{     
	width: 82%;
    margin: -1% auto 0 auto;
    background-color: #fff;
    padding: 1% 0;}
.btnbox img{ 
	width: 32%;
	height: auto;
    margin: 0.5% auto;
}

@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:5%; 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;}
	img{width: 100%;height: auto;}
	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;}
	.Table{width: 90%;}
	

.RightBar{display:none}
.RightBar{top:inherit;bottom:0;left:0;right:0;margin:inherit;display:inherit;width:inherit}
	.Dest{display:none}
	.Mobile{display:block}
	
/*三顆按鈕*/
.btnbox{     
    width: 95%;
    margin: -1.5% auto 0 auto;
    background-color: #fff;
    padding: 2%;
}
.btnbox img{ 
	width: 32%;
	height: auto;
    margin: 0.5% auto;
}

	
}