@charset "utf-8";
/* CSS Document */

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul,{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/

a {color: #fff; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
 *:focus{outline:none;}

img {margin:0; padding:0; border:none;}
#head {width:960px; height:350px; margin:0 auto; padding:0;}
#head h1 { height:70px;background:url(images/sun_h1.jpg) no-repeat}
#head h2 { height:280px;}

#head h1, #head h2, #head h3 {width:960px; margin:0; padding:0; text-indent:-9999px; left:0;}
#content {width:960px; margin:0 auto; padding:0; background:url(images/00_cbg.gif) repeat-y;  text-align:left;}
#content .box a {display:block ;width:100% ;height:100%;}
#content .side {
	float:left;
	width:250px;
	_width:245px;
	text-align:center;
}

#content .side img { margin-top:10px}
#content .note {
	margin:10px 20px;
	padding:10px 20px;
	background-color:#EBEBEB;
	font-size:0.8em;
	line-height:1.6em;
	color:#666666;
}
#content .note li, #content .note ol ,#content .note strong{font-family:Arial,新細明體 !important;}

#content .note ol {margin:5px 0 10px 30px; padding:0; list-style:decimal;}
#content .note strong {font-weight:bold;}
#content .note li strong {color:#fc0421;}
#content .note li {margin:3px 0; padding:0;}
#content .note p {display:block; text-indent:-25px; padding:0px 0px 0px 25px; margin:0px;}
#content .note a:link, #content .note a:visited { color:#bc630a; text-decoration: underline}
#content .note a:hover, #content .note a:active { text-decoration:none}
#content .warning {width:710px; height:110px; margin:0; padding:0; overflow:hidden; text-indent:-2000px;background:url(images/warn.gif) no-repeat;}
#content .warning a {display:block ;width:100% ;height:100% ;}


/* -----------------------------最小寬度960px---------------------------- */

@media only screen and (min-width:960px) {
#content .main {
	width:700px;
    margin:0 0 0 250px;
	_margin:0 0 0 246px;
	padding:0;
	background:#FFFFFF;
}
#content .box {
	width:700px; margin:0 auto; padding:0; 
	white-space:nowrap; overflow:hidden; position:relative;}	
#content .box p{text-indent:-9999px;}
#content .box strong, #content .ct0{display:none;}
}


/* -----------------------------手機版型---------------------------- */

@media screen and (max-width:959px) {
*{box-sizing:border-box; }	

html,body{-webkit-text-size-adjust:none;}

#content {min-width:320px; margin: 0 auto; background-color:#fd8060;}
#head{
	height:auto;
	margin:0 auto;
	border:none;
	width:100%;
	padding-bottom:62.5%;		
	background-size:cover;
	background-position:center center;
	text-indent:-9999px;
}

h1, h2, h3 {display:none;}

#content {width:100%; height:100%; margin:0 auto;}
#content .box{width:100%; margin:0 auto;}
#content .m1{margin:10px 20px 20px 25px; padding:0 0 0 9px; text-indent:-18px; display:block; 
	         font-size:13px; line-height:20px;font-family:Arial,"新細明體"}	
#content .m1_1{color:#eff89f;}	
#content .st1{font-size:16px; color:#0317B1;margin:0px 0px 10px 0;}
#content .st2 a{width:100%;  border-radius:10px; margin:8px 0px 10px 0; padding:1px 1px; font-size:20px; line-height:35px; 
                color:#fff;  background-color:#154998; border:1px solid #154998; text-decoration:none;text-align:center;}					   					   
#content .st2 a:hover{background-color:#ff663f; border:1px solid #ff663f; color:#fff;}
#content .box ul{margin:0 20px 20px 25px;  display:block; font-size:13px; line-height:20px; }
#content .box li{list-style: none;text-indent:-13px; }
	
#content .box  p1 {display:block;margin:10px 0 20px -10px ;}
.box li, .box ul, p, .box  p1{font-family:Arial,"新細明體" ;font:13px}
.st1, .st2, .title{font-family:Arial,"微軟正黑體";font:15px;}	

.activity {padding: 20px 35px;}
.activity-box p.title {margin: 0; color: #fff; padding: 5px 12px;display: inline-block; /*width:100%*/;
	                   background: #b3060b; border-radius:15px;}
.activity-box ul{ margin: 10px 0 0 0;}
.activity-box li {list-style-type: disc; margin: 10px 0 5px 0; color:#000000;}
	
/*注意事項*/
#content .note {width:100%; margin:0 auto; padding:15px 20px;}
#content .warning {display:none;}

/*按紐列*/
.menu-btn {margin-top:0px;}	

/*內文輪播伸縮圖*/
.tab-pane{position:relative; margin: 0 auto;}
.share_main{width:100%; margin:10px 0 0 0;}
		
/*內文圖片伸縮*/
.location, .location2{
height:auto; margin:0 auto; border:none; width:100%; padding-bottom:73%; background-size:cover; background-position:center center;}	
}


/*201908 串接新版左側MENU而做的修改*/
#content {
	background: none;
	background-color: #589c54;
}
#NAV, .pushy {
	font-family: verdana, "微軟正黑體" !important;
}
#NAV ul {
	margin: 10px 0 0 !important;
	font-size: 14px !important;
	font-weight: Verdana, "微軟正黑體" !important;
}
#NAV li {
	padding: 0 10px !important;
}
#NAV li a {
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	text-align: left;
}
.main-con {
    padding:20px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-box {
    clear: both;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0 9px;
    width: 100%;
}
.menu-box:hover {
	background: #458442;
}
.menu-box a {
    width: 100%;
    display: table;
	padding: 15px 10px !important;
	border-bottom: 1px solid rgba(210, 227, 203, 0.2) !important;
}
.menu-pic {
    width: 25px;
    display: table-cell;
    vertical-align: middle;
}
.menu-box img {
    width: 100%;
}
.menu-title {
    text-align: left;
    color:#ffffff;
    text-shadow: #ffffff 0em 0em 0em;
    font-size: 14px;
    line-height: 22px;
    display: table-cell;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 8px;
    vertical-align: top;
}
.menu-title span {
    color:#fff100;
    text-shadow: #fff100 0em 0em 0em;
}

	/*手機menu設定*/
	.pushy-index {
		font-size: 13px;
		color: #ffffff;
		text-align: right;
	}
	
	.pushy .pushy-index a {
		padding: 5px 10px 10px 10px;
		font-size: 13px;
		border: 0;
		font-family: Verdana,'微軟正黑體';
	}
	
	.icon-blankicon:after {
		content: "\e932";
		width: 13px;
		height: 13px;
		font-size: 11px;
		margin-left: 5px;
	}


	.pushy, .block-menu {
		background:#589c54 !important;
	}
	.main-bigtitle, .main-bigtitle span {
		color: #458442 !important;
	}
	.menu-btn {
		background:#458442 !important;
	}
	.pushy a:hover {
		background:#1f561c !important;
	}
	.main-but a, .main-smalltitle a {
		background:#458442 !important;
		box-shadow: 0px 2px 0px #1f561c !important;
	}
	.main-but a:hover, .main-smalltitle a:hover {
		background:#589c54 !important;
		box-shadow: 0px 2px 0px #458442 !important;
	}
	
@media screen and (max-width: 768px) {
	.menu-box {padding: 0;}
	.menu-pic {display: none;}
	.menu-title {padding: 0;}
}
#NAV li {margin: 0 !important;}