/*----------------------------RWD---------------------*/
.news_t span{ display:none;}
.qa_t span{ display:none;}
#logo img{ display:none;}
.b {
	position: absolute;
	top: -10px;
	transition: .2s;
	cursor: pointer;
}
.b i {
	position: absolute;
	display: block;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	transition: .2s;
}
.b1 {
	width: 25px;
	top: 24px;
	left: 22px;
}
.b2 {
	width: 25px;
	top: 30px;
	left: 22px;
}
.b3 {
	width: 25px;
	top: 36px;
	left: 22px;
}
.b:hover {
	background: #c00;
}
.b1_on {
	top: 10px;
	left: 25px;
	width: 25px;
	transform: translateY(20px) rotate(45deg);
}
.b3_on {
	top: 50px;
	left: 25px;
	width: 25px;
	transform: translateY(-20px) rotate(-45deg);
}
.b2_on {
	left: 50px;
	width: 0;
}
#main_menu {
	background-color: #b2e2e7
}
#header .menu2 li a {
	padding: 5px 35px 5px 30px;
}
#header .menu2 .sub_sub a {
	padding: 5px 35px 5px 35px;
}
#header .menu2 .sub_sub2 a {
	padding: 5px 35px 5px 50px;
}
#header .menu2 .sub_sub3 a {
	padding: 5px 35px 5px 65px;
}
#header .menu2 .sub_sub4 a {
	padding: 5px 0px 5px 75px;
}
#menu_bth {cursor: pointer;
	height: 40px;
	background-color: #2dbccd
}

.menu_icon {
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_on.png);
	position: absolute;
	right: 10px;
	top: 2px
}


.menu2 {
	background-color: #b2e2e7;
	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 a {
    display: block;
    background: url(../images/icon001.png) no-repeat 15px 10px;
    color: #000;
    padding: 2px 5px 5px 25px;
    text-decoration: none;
}
.menu2 li a:hover{
	background-color:#ffffff;
}
.menu2 span {
	font-size: 30%;
}
.menu2 .sub_sub {
	display: none;
	background-color: #FFF;
}
.sub_menu2 {
	position: relative;
}
.menu2 .sub_sub a {
	font-size: 90%;
	background: url(../images/left_icon2.png) no-repeat 25px 12px;
	color: #666;
	padding: 5px 30px 5px 35px;
}
.menu2 .sub_sub a:hover{
	color:#ffcc41;
}
.menu2 .sub_sub2 {
	display: none;
	font-size: 95%;
}
.sub_menu3 {
	position: relative
}
.menu2 .sub_sub2 a {
	font-size: 84%;
	background: url(../images/left_icon3.png) no-repeat 38px 10px;
	color: #aaaaaa;
	padding-left: 50px;
	padding-right: 25px;
}
.menu2 .sub_sub2 a:hover{
	color:#ff7e3f;
}
.menu2 .sub_sub3 {
	display: none;
	background-color: #f7f7f7;
	font-size: 84%;
}
.menu2 .sub_sub3 a {
	background: url(../images/icon001.png) no-repeat 55px 11px;
	color: #a1a1a1;
	padding-left: 65px;
}
.menu2 .sub_sub3 a:hover{
	color:#2dbccd;
}
.menu2 .sub_sub4 {
	display: none;
	font-size: 84%;
}
.menu2 .sub_sub4 a {
	background: url(../images/icon03.png) no-repeat 65px 10px;
	color: #a1a1a1;
	padding-left: 75px;
}
.menu2 dl {
	border-top: 1px #ccc dotted;
	background: url(../images/icon001.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: 1011px) {
.header .menu2 {
	display: none !important
}
.left_menu .menu2 {
	display: block !important
}
}
 @media (max-width: 1010px) {

#wallpaper {
	display: block;
}

* {
	-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 {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #f2f4f3;
}
html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.rwd_img {
	max-width: 100% !important;
	vertical-align: middle;
	height:  auto !important;
}
.imgBox{
	height: auto;
    width: auto;
    box-shadow: none;
    background: none;
}
.imgBox1{
    height: auto;
    width: 100%;
    margin: 0;
    padding: 5px;
    background: none;
    box-shadow: none;
	margin: 0px 0px 10px 0px;
}
.imgBox1 img{
	max-width: 100% !important;
	vertical-align: middle;
	height:  auto !important;
	border: 1px #ffffff solid;
	outline: 10px solid #2dbccd;
}

#tour, #video{
	width:100%;
}
#tour li dl, #video li dl{ width:100%;}
#tour li dl dt, #video li dl dt{ 
	height: auto;
    width: auto;
    box-shadow: none;
    background: none;
}
#tour li img, #video li img{
    outline: 10px solid #2dbccd;
}
#tour li dl dd, #video li dl dd{ text-align: center; background: none; padding: 5px 0px;}

#header, .header{ 
	height: auto;
    width: 100%;
    background: none;
    background-color: #ffffff;
}

#left_menu, #weather, #nav{
	display:none;
}

.pp img {
	max-width: inherit !important;
	vertical-align: middle;
	height: inherit !important
}
.imgBox2{
    height: auto;
    width: 100%;
    margin: 0;
    padding: 5px;
    background: none;
    box-shadow: none;
	margin: 0px 0px 10px 0px;
}
.imgBox2 img {
	max-width: 100% !important;
	vertical-align: middle;
	height:  auto !important;
	border: 1px #ffffff solid;
	outline: 10px solid #2dbccd;
}

.imgBox3{ 
	width: 100%;
    height: auto;
    box-shadow: none;
    background: none;
}
.imgBox3 img{
	outline: 10px solid #2dbccd;
}

.video_imgBox2{ width:100%; height:auto;}
.video_imgBox2 iframe{ width:100%; height:100%;}
.media{	width:100% !important;}


.height_5{ height:5px !important}
.width_120{width: 120px !important}

.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 !important;}

.margin_bottom_10{ margin-bottom:10px}

.text_center tbody{ display:inline-block}
.padd_right{ padding-right:10px}
.padd_left{ padding-left:10px}

#menu_bth {
	display: block
}
.menu2 {
	width: 100%;
}
.eng_link{    
	background: #f2f4f3;
    text-align: left;
    border-radius: 8px;
    border: 1px solid #ccc;
	margin: 10px 0px 0px 0px !important;
	padding-left: 25px;
}
.eng_link a{background: none !important; padding: 5px !important;}

#menu, #top_link, #left, #main_bn, #footer_bg, .tab_bg{ display:none}

#page_bn{ background:#fff; padding:10px; margin:0 }
#logo { 
	position:static; 
	float: none;
    padding: 10px 0px 10px 10px;
	background:none;
	margin:0px 0px;
	width:100%;
	height:auto;
    /*width: 264px;
    height: 89px;
    background-image: url(../images/logo-.png);
    background-repeat: no-repeat;*/
}
#logo a{ height:100%;  display:block;}
#logo img{ display:block;}
#wallpaper{ background: #f2f4f3}
#wallpaper2, #all, #top, #con_top, #all_bg{ background:none }

#slideshow{ width:100% !important; height:auto;}
#cycle_main{ width:100%; border:0;}
.img_border{ border: 3px solid #2cbcce; width:100% !important; height:auto !important; vertical-align:middle;}
#cycle_nav{ bottom: -10px;}

.news, .qa{ float:none; padding-bottom: 20px; margin:0px auto;  padding-top: 20px; width:100%;}
.main{ float:none; padding-bottom: 20px; margin:0px auto;  padding-top: 20px; width:100%; padding: 20px 10px;}


.right{ width:100%; float:none;}
.bth, .Propaganda, .banner{ margin:10px auto;}

.news_t{ background:none; width:100%;}
.news_t span{     
	display: block;
    font-size: 110%;
    font-weight: bold;
    padding-left: 23px;
    padding-top: 15px;
    padding-bottom: 12px;
    background: #2cbcce;
    width: 120px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #ffffff;
}
.news_m{ background:none; background-color:#ffffff; border-right:3px #2cbcce solid; border-left:3px #2cbcce solid; border-top:3px #2cbcce solid; border-top-left-radius:5px; border-top-right-radius:5px; width:100%;}
.news_d{ background:none; background-color:#ffffff; border-bottom:3px #2cbcce solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; height:auto; width:100%;}
.news_m dt{ width:80%; height:auto;}
.news_m dd{ width:20%; height:auto;}


.qa_t{ background:none; width:100%;}
.qa_t span{ 
	display: block;
    font-size: 110%;
    font-weight: bold;
    padding-left: 23px;
    padding-top: 15px;
    padding-bottom: 12px;
    background: #3450a2;
    width: 165px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #ffffff;
}
.qa_m{ background:none; background-color:#ffffff; border-right:3px #3450a2 solid; border-left:3px #3450a2 solid; border-top:3px #3450a2 solid; border-top-left-radius:5px; border-top-right-radius:5px; width:100%;}
.qa_d{ background:none; background-color:#ffffff; border-bottom:3px #3450a2 solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; height:auto; width:100%;}


#main_title{     
	padding: 5px;
    margin: 10px 0;
    background-image: none;
    border-bottom: 3px #2dbccd solid;
	height: 90px;
}
#main_title01{
	width: 100%;
    padding-left: 10px;
	left:0px;
}
.main_bn{
    width: 100%;
    padding-top: 10px;
}


#con{ overflow: inherit}
#article{ width:100%; float:none; padding-left:15px;}
#gallery li dl{ width:100%; float:none;}
/*#content, #content p, #video li{ padding-left:15px;}*/
#content dl, #gallery{ width:100%;}
#content dl img{ outline: 10px solid #2dbccd;}
#gallery li dl dt{    
	width: 100%;
    background: none;
    box-shadow: none;
}
#gallery li dl dt img{
	border: 1px #fff solid;
    outline: 10px solid #2DBCCD;
}
#content dl dd, #gallery li dl dd{ width:100%; text-align: center; background: none; padding: 5px 0px;}
#content table{ width:100% !important; height:auto !important}


.ad-image{ left:0px !important; width:100% !important;}
.ad-gallery{ width:100% !important;}
#galleryBox{ height:auto !important;}
.ad-back{ left:-10px !important;}
.ad-forward{ right:-10px !important;}

#goback{
    background-color: #f2f4f3;
	padding-bottom:10px;
}

#footer{ height: auto; background:#f2f4f3; text-align:center; padding:0}
.footer_word{ width:100%; padding: 0px 10px;}
.footer_img{ padding:20px 0px; float:none; display:inline-block; vertical-align:middle;}


.place, .page_list{ width:auto; top:0px;}
#copyright{ padding:10px;}

/*---模擬表格---*/
.download_bg, .form_bg, .guest_bg, .latestevent_bg, .links_bg, .mail2_bg, .question_bg, .table_bg{ background:none; background-color:#2dbccd; border:1px solid #1b8d9b !important; border-radius:6px; height:auto;}
.download_title{ width:75%; padding-left:10px;}
.download_date{ width:25%;}
.download_word{ width:75%;}

.question_title, .question_word{ width:50%;}
.question_date4, .question_date{ width:25%}

.form_title,.guest_who{ width:100%; text-align:left; padding-left:15px;}
.form_word{ width:75%; text-align:left;}
.form_date{ width:25%;}

.links_title{ width:50%; padding-bottom:7px;}
.links_word, .links_word2{ width:50%; word-wrap:break-word;}

#latestevent{ margin-top:0px; width:100%;}
.guest_title, #download, #form{ width:100%;}
.guest_date{ width:15%;}
.guest_date2{ width:25%;}
.guest_word, .latestevent_word, .mail_word{ width:100%; display:inline-block; background:none; padding-left:15px;}
.guest_date3, .latestevent_word2, .latestevent_date2, .mail_date, .table_word{ width:100% !important; display:inline-block; text-align:left; padding-left:15px;}

.guest_word:before, .guest_date3:before, .latestevent_word:before, .latestevent_word2:before, .latestevent_date2:before, .mail_word:before, .mail_date:before, .table_word:before{	
	content: attr(data) " : ";
	font-weight: bold;
	width: 6.5em;
	color:#40a1ad;
}
#guest2, .guest_table, #mail, #mail2, #question, #table{ width:100%; margin-left:15px;}
#question3{ width: 100%; margin-left: 0px;}
#guest2 ul, #mail ul{ padding:0px; margin:0px;}
.guest2_title, .join_word3, .table7, .mail_title, .mail_title2, .question3_title, .apply_title, #apply_other,#apply2 li{ padding:5px; text-align:left; width:100%; height:auto !important; display:inline-block;}
.join_word3>div{ width:100% !important;}
.table4{ width:100%; padding-left:0px !important;}
#sitemap_list, .sitemap_table{ width:100%;}

#search li{ width:100%; padding: 5px 0px 5px 5px; margin-left:5px;}

/*---docs--*/
#letter{ background:none; padding:0px 10px; height: auto;}
#letter li, .table1, .table3{ width:100% !important;}
.enter_bn{ margin-left: 10px; margin-bottom: 10px;}

/*----轉寄--*/
#forward, .apply_table, #apply2{
	width:100%;
}
.apply_other_icon2{ display:inline-block; width:28%;}
.apply_other_txt{ display:inline-block; background:none;}
.table5{ width:100%;}


.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}


.gift{ width:auto; height:auto; background:none; }
.gift_word_title{ background:#eaf1e9; padding:5px;}

.search_table{    
	width: auto;
    margin: 5px 10px;
}

.imgBox2 dl dt, .imgBox2 dl dd{ width:100%}

.news_work th, .news_work td{ display:block; text-align:left}

#search{ background:none; padding:0}

.gift1 td, .gift1 th{ width:auto; display: block;}
.gift1 th {border-bottom:0 !important}
#gift_table{ width: auto; padding:0 }

.word_gray_s{ line-height:15px;}

#main_top{ background:none; padding: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+ */
}


}