@charset "utf-8";
.home_content {
    padding: 20px;
}
.bg-home {
    padding: 0;
}
.form label{
	width: 100%;
    text-align: left;
}
.form input[type="text"] {
    width: 100%;
}
.form textarea {
    width: 100%;
    vertical-align: text-top;
}
div.red_font {
    padding-left: 0;
    margin-top: -2px;
}
.ver_text {
    margin-left: 0;
}
.update_ver{
	margin:5px 5px 0 0;
}
.upload {
    width: 100%;
}
.h_search{
	width: 100%;
	margin-bottom: 10px;
}
.search_area select{
    margin: 0;
	width: 100%;
}
.search_area .col-sm-3,.search_area .col-sm-2{
	margin:10px 0
}
.click_on {
    width: 100%;
    text-align: right;
}
.tab_content ul li {
    width: 46%;
    padding-right: 0;
}
.select_area .date_input {
    margin-bottom: 20px;
}
.r_menu{
	display: none;
}

/*頁籤資訊*/
.tab-handler {
    	width: 100%;
	}
	.tab-wrapper .tab-content {
		position: relative;
		top:-20px
	}
	.tab-handler{
	  padding: 0;
	}
	.tab-radio:checked + .tab-handler{
	  padding: 0 20px;
	}
	.tab-wrapper{
	  background-color: transparent;
      height: auto;
	}
	.tab-wrapper input[type=radio]:not(old):checked + label{
		background:#b3a46b;
		border-bottom:none
	}
	.tab-wrapper input[type=radio]:not(old) + label {
		background: #f7f3ea;
    	border-bottom: 2px solid #d3c5a5;
	}
	.tab-handler {
		height: 45px;
		line-height: 45px;
		font-size: 18px;
	}
	.tab-radio:checked + .tab-handler + .tab-content {
		background: white;
		display: inline-block;
	}
	.tab-content ul li a {
		padding-right: 20px;
	}
/*end 頁籤資訊*/

.top-link .fontsize{
	display: none!important;
}

.education_list li .period,.education_list li .job{
    width: 100%;
}
.education_name{
	margin-top:20px
}
.h_content p {
    font-size: 20px;
}
.annex_title, .information .annex_title a, .annex a{
    font-size: 18px;
}
	.logo{
		position: fixed;
		background: #fff;
		display: block;
		width: 100%;
		z-index: 1;
		top: 0;
		left: 0;
		margin: 0;
		padding: 10px;
	}
	.top-link{
		margin-top:103px
	}

	header{
		position: relative;
	}
	main{
		margin-top:0
	}
.search > form > input[type="text"] {
    float: left;
}
.search > form > input[type="submit"] {
     position: relative; 
}
/***大事記***/
.year_blcok{
	display: none;
}
.year_bdr {
    width: 100%;
    border-left: 2px solid #c4c4c4;
    display: inline-block;
    margin-left: 0px;
    padding: 30px 0px;
    box-sizing: border-box;
}
.year_arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8.6px 5px 0;
    border-color: transparent #959595 transparent transparent;
    display: inline-block;
    padding-left: 12px;
    transform: translateX(-10px);
    float: left;
    margin: 10px 0px;
}
.year_arrow::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d5c2a7;
    display: inline-block;
    content: "";
    float: left;
    margin-left: -8px;
    margin-top: -5px;
    /* margin: 5px; */
}
.year_block_dc {
    border: 1px solid #959595;
    padding: 10px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: -20px;
    width: 100%;
}
.year_block_dc img {
    width: inherit;
	max-width: 100%;
}
.tab_addhi >.tab-content {
    padding: 10px 0px;
}
.tab_addhi >a {
    width: 100%;
}
/***1030聽說故事**/
.st_ctry_bd{
	width: 100%;
}
@media screen and (max-width: 550px) {
	.information img{
		width: 100%;
		margin-bottom: 10px;
   		margin-right: 0;
	}
	.information div {
		padding-bottom: 5px;
	}
	.pagination>li>a, .pagination>li>span{
		padding: 6px 24px;
	}
	.pagination>li {
		display: inline-block;
	}
	.pagination > span{
		display: block;
	}
	.bg-home {
/*		padding: 30px 0 0 0;*/
	}
	.tab_title li{
		width: 100%;
	}
	.tab_content ul li {
		width: 100%;
		display: block;
/*    	line-height: 10px;*/
		float: initial;
	}
	.pic_list.text_list li img {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		display: block;
		float: initial;
	}
}

@media screen and (max-width: 480px) {
	.news > article:first-of-type img {
		height:inherit!important;
		width: 100%!important;
		margin: 0 auto;
	}
}

@media screen and (max-width: 400px) {
	.top-link {
		margin-top: 90px;
	}
}

@media screen and (max-width: 350px) {
	.top-link {
		margin-top: 70px;
	}
}