/*----------------------------RWD---------------------*/
.nece{ padding-bottom:0 !important; font-size:95% !important}

.block{
	display: none;
}

ul {
	list-style: none;
}

.search_main * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.search_main {
	position: absolute;
	top: 50px;
	right: 20px;
	font-size: 95%;
}

.search_main #search  {font-family: 微軟正黑體;
	padding:0;
	background:none;
	height:auto;
	line-height:25px;
		margin: 0;

}


.search_main img {
	position: absolute;
}
.search_main .text {font-family: 微軟正黑體;font-size: 0.938em; line-height:normal;
	background: #DADADA;
	border-radius: 5px;
	width:204px;
	border: 0;
	padding: 2px 10px 2px 5px
}
.nav_search {
	background: #DADADA;
	border-radius: 5px;
	border: 1px solid #ccc;
	float: right
}
.nav_search .button {
	width: 25px;
	height: 25px;
	background: url(../images/nav_search_icon.png) center no-repeat;
	margin-top: 2px;
	border: 0px;
	margin-left: -30px;
	vertical-align: top
}
.search_word {font-family: 微軟正黑體;line-height:normal;
	color: #3c3c3c;
	margin: 0;
	letter-spacing: 1px;
}
.search_word a {
	color: #2158a1
}
.search_word a:hover {
	color: #fda22a
}
.top_menu {
	width: 100%;
	max-width: 996px;
	margin: auto;
	position: absolute;
	display: table;
	padding: 0;
	bottom: 0;
}
.top_menu li {
	background: url(../images/menu_line.png) right no-repeat;
	width: 12.5%;
	position: relative;
	display: table-cell;
	text-align: center
}
/* 設定母選單的連結樣式 */
.top_menu li a {
	font-family: 微軟正黑體 !important;
	color: #fff;
	display: block;
	font-size: 110%;
	font-weight: bold;
	line-height: 43px;
}
.top_menu li:last-child {
	background: none;
}
.top_menu li:hover {
	background: #f46c06;
}
.top_menu li:hover > ul {
	display: block; /* 滑鼠滑入母選單後，顯示子選單 */
}
nav > .top_menu > li {
	display: table-cell;/* 使一級選單排成一橫列 */
}

.b {
    cursor: pointer;
    width: 90px;
    height: 90px;
    background: #2158a1;
    position: absolute;
    right: 0;
    top: 0;
}

.b i {
    position: absolute;
    display: block;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    transition: .2s;
}

.b1 {
    width: 50px;
    top: 27px;
    left: 22px;
}

.b2 {
    width: 50px;
    top: 43px;
    left: 22px;
}

.b3 {
    width: 50px;
    top: 59px;
    left: 22px;
}

.b:hover {
    background: #c00;
}

.b1_on {
    top: 24px;
    left: 17px;
    width: 60px;
    transform: translateY(20px) rotate(45deg);
}

.b3_on {
    top: 62px;
    left: 17px;
    width: 60px;
    transform: translateY(-20px) rotate(-45deg);
}

.b2_on {
    left: 50px;
    width: 0;
}
#top .menu2 li a {
	padding: 5px 35px 5px 20px;
}
#top .menu2 .sub_sub a {
	padding: 5px 35px 5px 35px;
}
#top .menu2 .sub_sub2 a {
	padding: 5px 35px 5px 50px;
}
#top .menu2 .sub_sub3 a {
	padding: 5px 35px 5px 65px;
}
#top .menu2 .sub_sub4 a {
	padding: 5px 0px 5px 75px;
}
#menu_bth {
	cursor: pointer;
	height: 40px;
	background-color: #2158a1
}
.menu_icon {
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_on.png);
	position: absolute;
	right: 10px;
	top: 2px
}
.menu2 {
	background-color: #c5e0ff;
	padding: 10px 15px;
	margin: 0;
	list-style: none;
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.menu2 ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.menu2 li {
	border-bottom: 1px #fff dotted;
	font-size: 95%;
	position: relative;
	margin: 3px 0;
}

.menu2 li:last-child{
	border-bottom: 0;
}

.menu2 li a {
	display: block;
	background: url(../images/icon04.gif) no-repeat 5px 10px;
	color: #06C;
	padding: 5px 5px 5px 20px;
}
.menu2 span {
	font-size: 30%;
}
.menu2 .sub_sub {
	display: none;
	background-color: #2a6bc2;
}
.sub_menu2 {
	position: relative;
}
.menu2 .sub_sub a {
	font-size: 90%;
	background: url(../images/icon/icon02.gif) no-repeat 25px 12px;
	color: #fff;
	padding: 5px 5px 5px 35px;
}
.menu2 .sub_sub2 {
	display: none;
	font-size: 95%;
}
.sub_menu3 {
	position: relative
}
.menu2 .sub_sub2 a {
	font-size: 84%;
	background: url(../images/icon/icon04.gif) no-repeat 38px 10px;
	color: #fff;
	padding-left: 50px;
	padding-right: 5px;
}
.menu2 .sub_sub3 {
	display: none;
	font-size: 84%;
}
.menu2 .sub_sub3 a {
	background: url(../images/icon01.png) no-repeat 55px 11px;
	color: #FF9;
	padding-left: 65px;
}
.menu2 .sub_sub4 {
	display: none;
	font-size: 84%;
}
.menu2 .sub_sub4 a {
	background: url(../images/icon03.png) no-repeat 65px 12px;
	color: #a1a1a1;
	padding-left: 75px;
}
.menu2 dl {
	border-top: 1px #ccc dotted;
	background: url(../images/icon01.png) no-repeat 5px 13px;
	font-size: 95%;
}
.menu2 dl a {
	color: #313131;
	padding: 10px 0 10px 25px
}
.menu2 dt {
	background: url(../images/icon02.png) no-repeat 21px 11px;
	font-size: 84%;
	font-weight: 500
}
.menu2 dt a {
	color: #3c3c3c;
	padding: 5px 0 5px 35px
}
.menu2 dt a:hover {
	background-color: transparent;
	color: #f00
}
.menu2 {
	display: none;
}
#menu_bth {
	display: none
}
 @media (min-width: 991px) {
#top .menu2 {
	display: none !important
}
.left_menu .menu2 {
	display: block !important
}
}
 @media (max-width: 990px) {




	#con_top{
		width: 100%;
	}
   
	td[background*='cup.png']{
	background: none;
		}
	td[background*='pencil.png']{
			background: none;
		}
		

	

				img[src*='pic_6.png']{
					display: none;
				}

* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#fancybox-wrap, #fancybox-wrap * {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.rwd_img {
	max-width: 100% !important;
	vertical-align: middle;
	height: auto !important;
}
.top_menu {
	display: none
}
#top {
	height: auto
}
.block {
	display: block
}
.display_no {
	display: none !important
}
.in_block {
	display: inline-block;
	vertical-align: middle
}
.float_none {
	float: none !important
}
.width_100 {
	width: 100% !important;
}
.width_25 {
	width: 25% !important;
}
.width_900 {
	width: 900px !important;
}
.width_auto {
	width: auto !important;
}
.height_auto {
	height: auto !important;
}
.vertical_align {
	vertical-align: top;
	padding-top: 10px;
}
.word_purple {
	text-align: center;
	line-height: 25px;
	vertical-align: top;
	padding-top: 5px;
}
.text_center {
	text-align: center
}
.text_left {
	text-align: left;
}
.margin_bottom_10 {
	margin-bottom: 10px
}
.text_center tbody {
	display: inline-block
}
.padd_left_40 {
	padding-left: 40px
}
#menu_bth {
	display: inline-block;
}
.menu2 {
	width: 100%;
	top: 99%;
	position: absolute;
}
#menu, #top_link, #left, #main_bn, .mail_bn, .print_bn, .search_main,#fat_footer {
	display: none
}
#page_bn {
	background: #fff;
	padding: 10px;
	margin: 0
}
#logo {
	position: static
}
#logo a {
	display: block;
	padding-top: 0;
}
#logo img, #ShowBox img {
	max-width: 100% !important;
	height: auto !important;
	vertical-align: middle;
}

#showimg{
	padding-bottom: 50%;
}
#top {
	background: #fff
}
#all {
	background: #d8eafd
}
body, #wallpaper, #wallpaper2, #con_top, #main, #con, .bg_no {
	background: none
}
#main {
	width: 100%;
	float: none;
	padding: 0 10px 20px 10px;
}
#place, #good, .group {
	position: static;
	padding: 0;
	margin: 0;
}
#place {
	float: left
}
#good {
	float: right
}
#main_title {
	background: none;
	height: auto;
	padding: 5px 0;
	margin: 10px 0
}
.tt {
	border-radius: 10px;
	width: 100%;
	display: block;
	background: #f6a754;
	padding: 2px 5px;
	margin: 5px 0
}
.content_title {
	height: auto;
	background: none;
	padding: 0
}
#con {
	overflow: inherit
}
#place, .page_list {
	width: auto
}
#copyright {
	padding: 10px;
}
.table_xl, .table_l {
	width: 100%;
}
.word_wrap {
	white-space: pre-wrap;
	word-break: break-all;
}
.word_blue {
	padding: 5px;
	line-height: 20px
}
#main_word {
	word-wrap: break-word;
	word-break: break-all;
}
#main_word iframe {
	width: 100%;
	margin: 0 !important
}
/*----------------------------album---------------------*/
.album_title_word {
	height: auto;
	background: none;
	padding: 0;
	margin: 0
}
.album_word {
	padding: 0
}
#album ul li dl, #tour ul li dl {
	float: none;
	margin: auto
}
#album ul li dl dt, #tour ul li dl dt {
	margin: 0;
	padding: 5px;
	width: auto;
	height: auto;
	float: none
}
.imgBox, .imgBox2, #album, .imgBox3 {
	background: none;
	margin: 0;
	padding: 5px;
	width: auto;
	height: auto;
	float: none
}
.imgBox img, .imgBox2 img, .imgBox3 img {
	border: 5px solid #2158a1;
}
.img3 {
	padding: 0;
	border: 0;
}
#SlideBox, #albumBox {
	width: 100%;
	height: auto;
}
#ListBox {
	width: 100%;
	float: none;
}
#ListBox img {
	height: 40px;
}
#ListBox {
	overflow-x: auto;
	overflow-y: hidden;
}
#ListBox ul li {
	height: auto;
	padding-bottom: 5px;
	display: inline-block
}
#ShowBox {
	float: none;
	width: 100%;
}
/*----------------------------book---------------------*/

#book {
	width: 100%;
	text-align: center;
}
#book ul li dl {
	display: inline-block;
	float: none;
}
#book ul li dl dt {
	width: 100%;
	height: auto;
}
#book ul li dl dd {
	text-align: left
}
.book_title {
	background: none;
	height: auto;
	padding: 0
}
#book_img, #book_con {
	float: none;
	width: auto;
}
.book_word3, #tour {
	width: 100%;
	padding: 0
}
.book_word2 {
	width: auto;
	word-wrap: break-word;
	word-break: break-all;
}
.book_word3 * {
	background: none !important
}
.book_word1, .book_word2 {
	float: none;
	display: table-cell
}
#table li:nth-child(1), #form ul li:nth-child(1), .guest_table li:nth-child(1), #links ul li:nth-child(1), #online_sch03 ul li:nth-child(1), #question ul li:nth-child(1) {
	background: #2158a1 !important;
	margin: 0 !important;
	height: auto !important;
}
.table_tword, .form_tword, .links_word3, .question_wordt, .question_datet, .question_datet {
	color: #fff;
	padding: 10px 0;
}
#links ul li {
	margin: 0
}
.links_word3 {
	width: 47% !important
}
/*----------------------------guest---------------------*/

.guest_bg {
	padding: 0
}
.guest_word {
	background: none;
	padding: 0
}
.guest_title {
	width: auto !important;
	color: #fff;
	padding: 2px 10px 2px 5px;
	float: none;
}
.guest_who {
	color: #fff;
	float: none;
	padding: 2px 10px 2px 5px;
}
.guest_main, .guest_date3 {
	margin: 0 !important
}
.online_word01 {
	width: 100%;
	float: none;
}
#guest2 li {
	padding-left: 0
}
#form li:last-child, .guest_table li:last-child, #links ul li:last-child, #news ul li:last-child, .content_titleBottom, #online_sch03 ul li:last-child {
	display: none
}
#form ul li, #table ul li {
	margin: 0
}
.form_word img {
	margin: 1px;
}
.table1 {
	width: 50%;
}
.table7, .table2, .table4, .join_word3 {
	width: 100%;
}
#news {
	padding: 0
}
#news ul li {
	background: none;
	padding-left: 10px;
	margin: 0
}
.online_title03, .online_title, #online_title07, #question, #question_title, .video_title3 {
	background: none;
	padding: 0;
	margin: 0
}
#online_visit01 ul li, #online_psy01 ul li, #online_option, #online_sch02 ul li {
	margin: 0;
	padding-left: 0
}
.online_word02 {
	width: 100%;
	float: none;
	padding: 0
}
.online_word02 span {
	display: block
}
.txtbox {
	width: 100%;
	display: block
}
.input {
	width: 50%
}
.sch_tword1, .sch_tdate2, .sch_tdate3, .sch_tdate4 {
	width: 25%;
	color: #fff;
	padding: 10px 0;
}
.question_wordt, .question_datet, .question_datet, .question_word, .question_date {
	width: 33%;
}
#question4 {
	width: 80%;
	background: #2158a1 !important;
	margin: auto !important;
	height: auto !important;
	padding: 10px;
	color: #fff;
}
.li_qtype4 th, .li_qtype4 td {
	width: auto !important
}
#search {
	background: none;
	padding: 0;
	margin: auto
}
#search td {
	display: inline-block
}
.search3 ul li, .search3_word2 {
	margin: 0
}
.search3 {
	margin-bottom: 10px;
}
.search3 ul li ul {
	padding: 0
}
.search3_bg_no {
	background: #2158a1 !important;
	color: #fff;
	margin: 0 !important;
	height: auto !important;
}
.search3_bg_no a, .search3_tword {
	color: #fff;
}
.search3_tword {
	padding-top: 5px;
	background-position: 15px 13px;
}
.s_title, .s_title2 {
	width: auto;
	float: none;
	display: inline-block;
	text-align: left
}
.s_word, .s_word2 {
	width: auto;
	float: none;
	display: inline-block
}
.sitemap_title {
	background: none;
	height: auto;
	padding: 0
}
.sitemap_table, #sitemap_list {
	width: auto;
	background: none;
	height: auto;
	padding: 0;
	float: none;
	margin: 0
}
#sitemap_word {
	padding: 0
}
.sitemap_table ul li {
	margin: 0
}
.sub_content {
	text-align: center
}
.sub_content div {
	width: auto !important;
	height: auto !important;
	float: none !important;
	padding: 5px !important;
	display: inline-block !important
}
#video {
	width: auto;
	padding: 0
}
#video ul li dl {
	float: none;
	margin: auto
}
#video ul li dl dt {
	margin: 0;
	padding: 5px;
	width: auto;
	height: auto;
	float: none
}
.video_imgBox2, .video_main {
	width: auto;
	height: auto;
	float: none;
}
.video_imgBox2 {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	text-align: center
}
.video_imgBox2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_title {
	margin: 0
}
#video2 {
	padding: 0
}
.video_word2 img {
	max-width: 100% !important;
	height: auto !important;
	vertical-align: middle;
}
#content {
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
}


#content #container{ width:100% !important}

#content iframe {
	width: 100%;
}
.q_footer {
	display: none
}

.guest_table{ padding:0}
.gsc-search-button input{ width:auto !important; height:auto !important;}
/*----------------------------footer---------------------*/

#footer {
	height: auto;
	background: #2158a1;
	text-align: center;
	padding: 10px;
}
#goback {
	padding: 0
}
.footer_word {
	width: auto;
	float: none
}
.footer_img {
	float: none;
	text-align: center;
	display: inline-block;
	padding: 0;
	margin: 0
}
/*----------------------------rwd-table---------------------*/

.rwd-table {
	overflow: hidden;
}
.rwd-table {
	min-width: 100%;
}
.rwd-table .list_head {
	display: none;
}
.rwd-table dd {
	display: block;
}
.rwd-table td:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	width: 6.5em;
}
.rwd-table td {
	text-align: left;
	text-indent: 0 !important;
	display: block;
	width: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.rwd-table tr:nth-of-type(2n) {
	background: #fff;
}
/*----------------------------rwd-table(div)---------------------*/

.rwd-table {
	overflow: hidden;
}
.rwd-table {
	min-width: 100%;
}
.rwd-table .list_head {
	display: none;
}
.rwd-table dd {
	display: block;
}
.rwd-table div:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	width: 6.5em;
}
.rwd-table li, .rwd-table dd {
	text-align: left;
}
.rwd-table li, .rwd-table dd:before {
	font-weight: bold;
}
.rwd-table .list li {
	border-bottom: 1px solid #ccc;
}
.list_date {
	border: 1px solid #ccc;
}
.rwd-table li {
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
}
.rwd-table .list {
}
.rwd-table li div {
	display: block;
	width: 100%;
	text-align: left;
	float: none;
	padding: 3px 0;
}
.rwd-table .list_date a {
	display: inline
}
.rwd-table .list_word {
	background: none;
	padding: 5px;
}
.rwd-table .clean {
	display: none !important
}

.display_no{
	display: none;
}

.block{
	display: block;
}

.museum{
	width: 100%
}
.search_word{
	margin-top: 2em;
}
.search{
	height: auto;
	display: block;
	padding: 0;
	background: transparent;

}
.search table {
	background: #fff;
	border:2px solid #2158a1;
	padding: 10px 15px;
	border-radius: 10px;
}
.search table tr{
	padding: 10px;
    display: flex;
    border-bottom: 2px dotted #a8c5e2;
	align-items: center;
}

.search table tr:nth-last-of-type(1){
	border: 0;
}

.search table tr td:first-of-type{
	width: 20%;
	
}
.search table tr td:last-of-type{
	width: 80%;
	
}
.search_result strong{
	display: inline-block;
	margin-bottom: 5px;
}
.search_result a{
	display: inline-block;
}

#top{
	display: flex;
	align-items: center;
	position: relative;
	-webkit-box-shadow: 0px 5px 7px -2px rgba(0,0,0,0.24);
	box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.24);
	z-index: 99;
}
#top #logo{
	width: calc(100% - 90px);
	margin: 0;
	position: relative;
	z-index: 99;
}
#main_menu{
	position: absolute;
	right: 0;
	width: 100%;
}
#menu_bth{
height: 90px;
}
.menu_fixed{
position: relative !important;
animation: none;
-webkit-animation: none;
}
#main_title h2{
	font-size: 1.25em;
	padding: 6px 8px;
}

.group,
#place, .page_list{
	font-size:90%;
}
.group{
	margin: 8px 0;
}
.menu2,
#FontSizeArea{
	font-size: 115% !important;
}
.footer_all{
	font-size: 125% !important;
}

#con{
	min-height: auto;
}

}



@media (max-width: 767px) {
	.sh_mode{
		display: flex !important;
	}
	.gallery .owl-item img{
		max-width: 100% !important;
	}
	.search table tr{
		flex-wrap: wrap;
		padding: 10px 0;
	}
	.search table tr td:first-of-type,
	.search table tr td:last-of-type{
		width: 100%;
	}
}
@media (max-width: 576px) {
	#main_menu{
		height: 100%;
	}
	#menu_bth{
		height: 100%;
	}
	.b{
		height: 100%;
	}
	.b1{
		top: 18px;
	}
	.b2{
		top: 34px;
	}
	.b3{
		top: 49px;
	}
	.b1_on{
		top: 15px;
		width: 55px;
		left: 17px;
	}
	.b3_on{
		top: 53px;
		width: 55px;
		left: 17px;
	}
	
}

@media (max-width: 320px) {
	#logo a {
		height: 100px;
		display: block;
	}
}