body {
	position: relative;
	min-height: 100vh;
	padding-bottom: 240px;
}

.wrapper{
	max-width: 1280px;
    padding-left: 30px;
    padding-right: 30px;
	margin:0px auto 0;}
header.header{
	width: 100%;
    padding: 37px 30px 0px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
	justify-content: space-between;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;}
.btn{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
    flex-direction:column;}
nav.nav,
.top_box01_tw,
.top_box01_en{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content:flex-end;
	margin-top: 27px;}
header.header h1{
	display:block;}
a.logo{
	font-weight:500;
	color:#fff;
	color: #004771;
	font-size:28px;
	display:block;}
a.logo img{
	margin-right:0.5em;
	margin-right: 0.5em;
    height: 100px;
    padding-bottom: 30px;
    width: auto;}
.footer{
	width:100%;
	position: absolute;
	bottom: 0;}
.edit{
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
	font-size:16px;
	line-height:1.8;
	color: #121212;
	overflow:hidden}
.edit img{
	max-width:100%;
	height:auto;}
.ad{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
	background:#f2f2f2}
/*首頁輪播*/
.ad .swiper-container {
  width: 100%;}
.ad .swiper-slide {}
.ad .swiper-wrapper{}
.ad_box01{
	width:100%;
	/*height: 100vh;
    max-height: 800px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
	justify-content: space-between;
	overflow: hidden;}
.ad_box01a{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	background-color:#060b13;
	background-image:url(../images/bg01.png);
	background-position:center bottom;
	background-size: cover;
	background-repeat:no-repeat;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
	-ms-flex-direction: column;
    flex-direction: column;
	overflow: hidden;}
.ad_box01b{
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;}
.ad_box01b p{
	display:block;
	width:100%;
	height:0;
	line-height:normal;
	padding-bottom:75%;
	padding-bottom:50%;
	padding-bottom:60.7%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}
.ad_box02{
	display:block;
	width: calc( 100% - 200px );
	margin-top: 50px;
	z-index: 1;
    text-shadow: 0 0 2px #1a1a1a;}
a.ad_box02a{
	display:block;
	color:#fff;}
a.ad_box02a h2{
	font-size:42px;
	font-weight:500;
	line-height:1.5;
	display:block;
	
	overflow: hidden;
	height: calc( 1em * 1.5 * 2);}
a.ad_box02a .ad_t01{
	letter-spacing: 1px;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 300;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.ad_box02b{
	margin-top:30px;}
.ad_box02b a{
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;}
.ad_box02b a span{
	display:inline-block;
	margin-left:0.5em;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.ad_box02:hover .ad_box02b a span{
	margin-left:1em;}
.top_box01_en{
	font-size:13px;
	margin-bottom:15px;}
.top_box01_tw{
	font-size:15px;
	margin-bottom:15px;}
.top_box01_tw a,
.top_box01_en a,
.lang_b01 a{
	display:inline-block;
	vertical-align:middle;
	margin:0px 0.5em;
	color:#FFFFFF;}
.top_box01_tw a span,
.top_box01_en a span{
	color:#00D2FF}
.top_box01_tw a:hover,
.top_box01_en a:hover{
	color:#00D2FF;
	text-decoration:underline;}
.lang_b01{
	display:block;
	color:#FFFFFF;
	margin-left:2em}
.top_box01_tw .lang_b01 a{
	font-size:16px;
	text-decoration:none;}
.top_box01_en .lang_b01 a{
	font-size:14px;
	text-decoration:none;}
.lang_b01 a.lang_b01y{
	color:rgba(255,255,255,0.5);
	text-decoration:none;}
nav.nav a,
nav.m_nav a{
	display:block;
	font-weight:500;
	color:#585858;
	padding:0px 0px 47px;
	position:relative;
	overflow:hidden}
nav.nav a.en{
	font-size:16px;
	margin-left: 20px;}
nav.nav a.tw{
	font-size:18px;
	margin-left:32px;}
nav.nav a:after,
nav.m_nav a:after{
	content:"";
	background: #165297;
	height:3px;
	width:100%;
	position:absolute;
	left:-100%;
	bottom:0;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
nav.nav a:hover,
nav.m_nav a:hover{
	color:#165297;}
nav.nav a:hover:after,
nav.m_nav a:hover:after{
	left:0%;}
.search{
	display:block;
	color:#FFFFFF;
	margin-left:32px;
	padding:0px 0px 15px;
	position:relative;}
.search .sear_b01{
	cursor:pointer;
    font-size: 20px;}

.sear_box01{
	display:none;
	box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
	text-align:center;
	width: 400px;
    padding: 25px;
	position:absolute;
	right:0px;
	top:25px;
	z-index:500;
	flex-direction:row;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	
	background: #1488CC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #2B32B2, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.sear_box01_on{
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;}
.sear_box01 p{
	-webkit-flex: 1;
	flex: 1;}
.sear_box01 p input[type="text"] {
	width:100%;
    height: 40px;
    padding: 5px 15px;
    border: none;
    background: #fff;
    font-family: inherit;
    font-size: 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
nav.nav .sear_box01 a,
nav.m_nav .sear_box01 a{
	margin:0px;
	color:#ffffff;
	display:block;
	padding:0px;
	font-size:19px;
	width:40px;
	text-align:center;}
nav.nav .sear_box01 a::after,
nav.m_nav .sear_box01 a::after {
	display:none;}
.bg01{
	width:100%;
	padding-bottom:20%;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100%;
	background-image:url(../images/37352614_xl.jpg)}
.bg02{
	width:100%;
	padding-bottom:118px;
	margin:-1px 0 0 0;
	background-color:#0f3045;
	background-position:right -250px bottom -125px;
	background-repeat:no-repeat;
	background-size:1000px;
	background-image:url(../images/bg03.svg)}
.index01{
	width:100%;
	padding:0px 60px;
	margin:0px auto;
	display: flex;
	flex-wrap: wrap;}
.in_t01{
	padding: 60px 0 40px;
	width:100%;
	line-height:1;}
.in_t01 h2{
	display:block;
	font-size:40px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#046ABE;
	position:relative;}
.in_t01 p{
	display: inline-block;
    font-size: 19px;
    padding: 5px;
    letter-spacing: .2em;
    line-height: 1;
    background: #046ABE;
    color: #fff;}
.in_news01{
	width:100%;
	margin:0px auto 20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.news_list{
	width:100%;
	margin:0px auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.index01a {
	text-align:right;
	padding-right: 5%;}
a.news_box01{
	width: calc(100% - 20px);
	margin:	10px;
	display: flex;
	align-items: center;}
.in_news01a{
	width:100%;
	margin-bottom:20px;
	height:0;
	line-height:normal;
	padding-bottom:64%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}
.in_news01b{
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;}
.in_news01b p{
	margin-bottom:15px;
	font-size:16px;}
.in_news01b span{
	display:inline-block;
	margin-right:1em;
	color:#04B6BD;
	text-decoration:underline;}
.in_news01b time{
	color:#999;}
.in_news01b h3{
	font-size:16px;
	font-weight:500;
	display:block;}
a.more_b01{
	color:#333;
    display: inline-block;
	text-align:center;
    width: 220px;
	font-size:20px;
	font-weight: 900;
    line-height: 60px;
    position: relative;
    z-index: 1;
    background: #f5f7f8;}
a.more_b01:after,
a.more_b01:before {
    position: absolute;
    width: 100%;
    height: 2px;
    content: '';
    bottom: 0;}
a.more_b01:after {
	right: 0;
    background: #ddd;}
a.more_b01:before {
	z-index: 1;
    left: 0;
    transition: transform .4s cubic-bezier(.19,1,.22,1);
    transform: scaleX(.18);
    transform-origin: left;
    background: #0C78A6;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.more_b01:hover:before{
    transform: scaleX(1);}
.section01,
.section02{
	margin:60px 0;}
.section01 {
	flex: 1;
}
.section02{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
	align-items: flex-start;
    justify-content: flex-end;
	width: 450px;
	padding: 30px;}
.section02a{
	width:100%;}
.section02b{
	width:50%;
	margin-top: 60px;
	background:rgba(3,41,71,0.075);
	padding:10%;
	position:relative;}
.section02b h2{
    letter-spacing: .15em;
	display:block;
	font-size:36px;
	font-weight:bold;
	color:#0C78A6;
	margin-bottom:10%;
	
	background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    display: inline-block;}
.section02a img{
	width:100%;
	height:auto;}
.in_t02{
	display:block;
	width:100%;
	font-size:14px;
	font-size:18px;
	line-height:2;}
.section02b .index01a{
	position:absolute;
	bottom:-30px;
	right:0%;
	padding-right: 10%;}
.in_t03{
	padding: 118px 0 82px;
	width:100%;
	line-height:1;}
.in_t03 h2{
	display:block;
	font-size:60px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#fff;
	position:relative;}
.in_t03 p{
	display: inline-block;
    font-size: 19px;
    padding: 5px;
    letter-spacing: .2em;
    line-height: 1;
    background: #fff;
    color: #0f3045;}
.in_t03 h2:after {
	opacity: .38;
    content: "";
    display: block;
    width: 250px;
    height: 1px;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: -120px;
    bottom: -40px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.in_faculty {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
a.faculty_box01{
	width:calc( 20% - 20px );
	margin:0px 10px 20px;
	position:relative;}
a.faculty_box02{
	width:calc( 33.3333% - 20px );
	margin:0px 10px 20px;
	position:relative;}
.faculty_box01a{
	width:100%;
	height:0;
	padding-bottom:69%;
	line-height:normal;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}
.faculty_box01b{
	color:#fff;
	padding:10%;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-direction: column;
	flex-direction:column;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
	justify-content: space-between;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.faculty_box01b h3{
	font-size: 18px;
	font-weight:500;
    letter-spacing: 2px;
    line-height: 1.2;}
.facu_b01 {
	display:block;
	width:100%;
	position:relative;
	z-index:1;
	line-height:1;
	font-size: 14px;
    font-weight: 900;
	padding-bottom:18px;}
.facu_b01:after,
.facu_b01:before {
    position: absolute;
    width: 100%;
    height: 2px;
    content: '';
    bottom: 0;}
.facu_b01:after {
	right: 0;
    background: #ffffff;}
.facu_b01:before {
	z-index: 1;
    left: 0;
    transition: transform .4s cubic-bezier(.19,1,.22,1);
    transform: scaleX(.18);
    transform-origin: left;
    background: #11AFF2;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.faculty_box01:hover .faculty_box01b,
a.faculty_box02:hover .faculty_box01b{
	background:rgba(15,48,69,0.75);}
a.faculty_box01:hover .facu_b01,
a.faculty_box02:hover .facu_b01{
	color:#11AFF2}
a.faculty_box01:hover .facu_b01:before,
a.faculty_box02:hover .facu_b01:before{
    transform: scaleX(1);}
footer.footer{
	height: 245px;
	color:rgba(255,255,255,0.6);
	width:100%;
	padding:50px 30px;
	background: #021f35;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/26395407_xl.jpg);
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: space-between;}
footer.footer a{
	color:rgba(255,255,255,0.8);}
footer.footer a:hover{
	color:rgba(255,255,255,1);}
img.DownLogo{
	width:auto;
	height:41px;}
.down_box02{
	text-align:right;
	line-height:1.7;
	font-size: 18px;}
.down_b01 a{
	display:inline-block;
	margin-left:0.5em;}
.social_b01{}
.down_t01 {	
	font-family:'Noto Sans TC',"微軟正黑體", cursive;
	margin-top:10px;
	font-size:16px;
	line-height: 1.7;}
footer.footer .social_b01 a{
	color:#fff;
	display:inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:14px;
	border:1px solid rgba(255,255,255,0.5);
	margin:10px 0.5em 0 0;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;}
footer.footer .social_b01 a:hover{
	background:#fff;
	color:#0f3045;}
#gotop{
	display:none;
	width:58px;
	height:58px;
	-webkit-border-radius: 58px;
	-moz-border-radius: 58px;
	border-radius: 58px;
	background:#5ee2ff;
	box-shadow: 0 5px 13px 0 rgba(0,0,0,0.16);
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	background-size:45px;
	background-image:url(../images/symbol/gotop.png);
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:100;}
.page_bg{
	width:100%;
	color:#fff;
	padding:60px 30px;
	min-height:450px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#021f35;/*80%背景透明-大圖*/
	background-size:cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:flex-end;
	justify-content: flex-start;}
.page_box01{
	width:100%;}
.page_box01 h2{
	font-size: 15px;
    font-weight: 400;
    display: block;
    margin-left: 2px;
    padding-bottom: 14px;
    letter-spacing: .3em;}
.page_box01 h1{
	font-size: 22px;
    font-weight: 600;
    line-height: 1;
	text-transform:uppercase;
    display: block;
    letter-spacing: .15em;}
.page_box01 h3{
	font-size: 40px;
    font-weight: 900;
    line-height: 1;
	text-transform:uppercase;
    display: block;
    letter-spacing: .15em;}
.page_box01 time{
	margin-top:30px;
	font-size: 14px;
	display:block;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .15em;
    opacity: .5;
    color: #fff;}
.page_b01{
	width:100%;
	margin-top:10px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;}
.page_b01 a{
	color:#ffffff;
	border: 1px solid rgba(255,255,255,.2);
    display: inline-block;
	margin:10px 10px 0 0;
	min-width: 220px;
	text-align:center;
	font-size:20px;
	font-weight: 900;
	line-height: 1.7;
    position: relative;
    padding: 12px 16px;
    z-index: 1;}

.page_b01 a:before {
    position: absolute;
    width: 100%;
    height: 2px;
    content: '';
    bottom: 0;}
.page_b01 a:before {
	z-index: 1;
    left: 0;
    transition: transform .4s cubic-bezier(.19,1,.22,1);
    transform: scaleX(.18);
    transform-origin: left;
    background: #0C78A6;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.page_b01 a:hover:before{
    transform: scaleX(1);}
.page_b01 a.page_b01y{
	background:#0C78A6}
main.main{
	width:100%;}
.sec_bg{
	padding:100px 0;
	background-color:#fff;}
main.main .sec_bg:nth-child(odd){
	background-color:rgba(3,41,71,.04)}
.h2{
	display:block;
	color:#046ABE;
	font-size:40px;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	font-weight:bold;}
.h3{
	display:block;
	color:#046ABE;
	font-size:40px;
	text-align:center;
	position:relative;
	/*padding-bottom:24px;*/
	margin-bottom:40px;}
.h3a{
	display:block;
	color:#046ABE;
	font-size:20px;
	text-align:center;
	position:relative;
	margin-bottom:40px;
    font-weight: 900;}
/*.h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 0.4em);
    width: 0.8em;
    height: 1px;
    background: linear-gradient(to right, #0098ba, #153c78, #0098ba);}*/
.cbp_tmtimeline > li .cbp_tmlabel {
	padding: 2em;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;}
.table01{
	margin-bottom:25px;}
.table02{
	display:table;
	width:100%;}
.table_box01,
.table_box02{
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.table_box01{
	background:#3594cb;
	color:#fff;
	font-weight:600}
.table_box02{
	border-bottom:1px dashed #d2d2d2;}
.flex01a,
.flex01b,
.flex01c{
	padding:10px;
	font-size:16px;}
.flex01d{}
.flex01a{
    -webkit-flex:3;
    -ms-flex:3;
    flex: 3;}
.flex01b{
	text-align:center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.flex01c{
	text-align:center;
	width:7em;}
.table01 h4{
	display:block;
	color:#145398;
	font-size:16px;
	margin:0px 0 5px;}
.table_box03 td{
	color:#fff;
    font-size: 14px;}
.table_box04 td{
    font-size: 14px;
	border-bottom: 1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;}
.people_box01{
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.people_box01a{
	width:170px;}
.people_box01b{
	padding-left:40px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.people_box01a img{
	width:100%;
	height:auto;}
.file_list,
.photo_list{
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
a.file_box01{
	display: block;
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
    width: 23%;
    padding: 2%;
    margin: 0px 1% 2%;
    background: #fafafa;
    border:1px solid rgba(0,0,0,0.05);}
.file_box01a{
	width:100%;
	text-align:center}
.file_box01a img{
	width:40%;
	height:auto;}
.file_box01 h4{
	display:block;
	text-align:center;
	margin-top: 35px;
	line-height:1.5;
	font-size:16px;}
.file_box01 span{
	display:block;
	text-align:center;
	margin-top:10px;
	color:#0C78A6;
	line-height:34px;
	font-size:34px;}
a.photo_box01{
	display:block;
	width:18%;
	padding:4px;
	margin:0px 1% 2%;
	border:1px solid #d2d2d2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
a.photo_box01 p{
	width:100%;
	height:0;
	line-height:normal;
	padding-bottom:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
a.photo_box01:hover{
	opacity:0.8}
.file_list01{
	margin-top:30px;}
.file_list01 h4{
	display:block;
	position:relative;
	font-weight:bold;
	font-size:18px;
	line-height:2.25;
	margin-top:30px;
	padding-bottom:10px;
	
	padding-left: 49px;
    letter-spacing: .05em;
    color: #032947;}
.file_list01 h4:after{
	position: absolute;
    top: 18px;
    left: 15px;
    width: 20px;
    height: 3px;
    content: '';
    background: #b28850;}
.file_list01 a{
	font-size:14px;
	font-size:18px;
	line-height:1.5;
	padding:20px 0;
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	border-bottom:1px solid #dddfe3;}
.file_list01 a:first-of-type{
	border-top:1px solid #dddfe3;}
.file_list01 a:hover{
    background: rgba(12, 120, 166,0.02)}
.file_list01 a p{
	font-family:'Noto Sans TC',"微軟正黑體", cursive;
	position:relative;
	padding:0px 20px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.file_list01 a time{
	display:block;
	padding:0px 20px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	position:relative;}
.file_list01 a p::before,
.file_list01 a time::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 24px;
    background: #dddfe3;
	right: 0;
    left: auto;}
.file_list01 a span{
	display:block;
	font-size:24px;
	padding:0px 20px;}
.annex_box01,
.annex_box01 li{
	list-style:none;
	margin:0px;
	padding:0px;}
.annex_box01 {
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
	display:table;
	font-size:15px;
	margin-top:30px;
	background:#fff;
	border:1px solid #e5e5e5;
	width:100%;}
.annex_box01 a{
	color:#00a4e4;
	display:block;}
.annex_box01 a:hover{
	color:#0C78A6;}
.annex_box01 li{
	display:table-row;}
.annex_box01 dd,
.annex_box01 dt{
	line-height:1.7;
	padding:15px;
	display:table-cell;}
.annex_box01 dt{
    padding-right: 47px;
    position: relative;}
.annex_box01 dt::after {
    width: 1px;
    height: 15px;
    content: '';
    background-color: #bababa;
    position: absolute;
    top: 27px;
    right: 24px;
    transform: translate(0,-50%);}
.annex_box01 dt.ann_ch{
	width:125px;}
.back_b01{
	margin-top:30px;
	text-align:center;}

.back_b01 a{
	position:relative;
	text-transform:uppercase;
	display:inline-block;
	width:100%;
	font-size:20px;
	max-width:450px;
	padding:13px 15px;
	line-height:1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.back_b01 a{
	background:#0C78A6;
	color:#fff;}
.back_b01 a:before {
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 50%;
	margin-top:-7.5px;
    right: 15px;}
.back_b01 a:hover{}
.contact{}
.cont_t01{
	width:100%;
	text-align:right;
	font-size:16px;
	line-height:1.8}
.required{
	color:#ae1022}
.contact_box01,
.contact_box01 li{
	list-style:none;
	padding:0;
	margin:0;}
.contact_box01{
    width: 100%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;}
.contact_box01 li{
	-webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
    max-width: calc(50% - 16px);
    margin-bottom: 20px;}
.contact_box01 li.contact_box01a{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;}
.contact_box01 li label{
    display: inline-block;
    padding: 10px 0;
    font-weight: bold;}
.contact select,
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea {
    width: 100%;
    padding: 18px;
	color: #121212;
	line-height:1.15;
    border: 1px solid #edeff2;
    border-radius: 0;
    background: #edeff2;
    -webkit-appearance: none;
    appearance: none;}
.cont_b01{
	margin-top:30px;
	text-align:center;}
.cont_b01 a{
	display: inline-block;
    width: 100%;
    max-width: calc(50% - 16px);
    font-size: 15px;
    background: #333333;
    color: #FFF;
    padding: 16px;
    line-height: 1;}
.cont_b01 a span{
	font-size:1.5em;
	display:inline-block;
	margin-right:0.5em;}
.cont_b01 a:hover{
	background:#0C78A6}
.program_pc{
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
	display:block;}
.program_mobile{
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
	display:none}
.cag_box01{
    line-height: 1;
    border-bottom: 2px solid #dee1e5;
	margin-bottom:50px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.cag_box01 a{
	font-weight:bold;
	position: relative;
    display: inline-block;
	max-width:100%;
    font-size: 15px;
	padding-left: 16px;
    padding-right: 16px;
    margin-left: 15px;
    padding-bottom: 16px;}
.cag_box01 a.cag_box01y{
	color:#0C78A6}
.cag_box01 a.cag_box01y:after{
	content:"";
	width:100%;
	height:2px;
	background:#0C78A6;
	position:absolute;
	left:0;
	bottom:-2px;}
.cag_box01 span{
	display:inline-block;
    font-weight: 600;
    color: #4392B5;
    margin-right: 15px;}


.sta_box01{
	width:100%;
	background:#fff;
	border:1px solid #e0e0e0;
	position:relative;
	padding:20px;
	margin-bottom:20px;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;}
.sta_box01a{
	width:20%;}
.sta_box01a img{
	width:100%;
	height:auto;}
.sta_box01a a{
	display:block;
	width:100%;
	height:0px;
	line-height:normal;
	padding-bottom:100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#fff;
	margin-bottom:10px;}
.sta_box01a h3{
	text-align:center;
	font-size:20px;}
.sta_box01b,
.sta_box01b li{
	list-style:none;
	padding:0px;
	margin:0px;}
.sta_box01b{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left:40px;}
.sta_box03,
.sta_box03 li{
	list-style:none;
	padding:0;
	margin:0;}
.sta_box03{
	width:100%;
	font-family: 'Noto Sans TC',"微軟正黑體", cursive;}
.sta_box03 li{
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	align-items:center;
	border-bottom:1px dotted #d2d2d2;}
.sta_box03 dd,
.sta_box03 dt{
	display:block;
	padding:5px;
	font-size: 16px;
	line-height: 1.5;}
.sta_box03 dd{
	width:130px;
	color:#0c78a6;
	font-weight:bold;}
.sta_box03 dt{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;}

.sta_box02 {
	width:100%; 
	height:500px; 
	border:0;
	margin-bottom:20px;}
.sta_b01{
    margin-top: 20px;
    text-align: right;}
a.peop_box01{
	display:block;
	width:23%;
	margin:0px 1% 2%;}
.peop_box01a{}
.peop_box01a img{
	width:100%;
	height:auto;}
.peop_box01b{
	font-family:'Noto Sans TC',"微軟正黑體", sans-serif;
	padding:10px 15px;
	background:#f2f2f2;
	font-size:16px;}
.peop_box01b p{
	margin:7px 0;}
.m_nav{
	display:none;}
.menu{
	font-size:24px;
	color:#fff;
	cursor:pointer;
	margin-left:16px;}
.mobile,
.mobile_on{
	display:none;}

.m_box01{
	width:100%;
	padding:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:flex-end;
	/*position:fixed;
	top:0;
	right:0;*/}
.m_box01 a.m_box01a{
	display:block;
	margin-left:0.5em;
	font-size:17px;
	background:#fff;
	color:#1488CC;
	line-height: 1;
    padding: 14px 20px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;}
.m_box01 a.m_box01b,
.m_close{
	cursor:pointer;
	display:block;
	margin-left:0.5em;
	font-size:17px;
	background:#fff;
	color:#1488CC;
	line-height: 1;
    padding: 14px 0;
	width:45px;
	text-align:center;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;}
.m_box01 a.m_box01a span{
	display:inline-block;
	margin-right:0.5em;}
.m_box01 a.m_box01a:hover,
.m_box01 a.m_box01b:hover{
	transform:scale(1.2);}
.m_box02{
	display:inline-block;}
.m_box02 a{
	color:#fff;
	line-height:1;
	font-size:21px;
	padding: 16px 20px;
	display:block;}
.table_box02 .flex01b span{
	display:none;}
.news .mobile_box {
	display: none;
}
.news .text {
	flex: 1;
}
.news .open {
	transition: all .3s;
	position: absolute;
    font-size: 22px;
    right: 25px;
    top: 7px;
}
.news .active .open {
	transform: rotate(180deg);
}
.news .mobile_box .top {
	color: #87d6dd;
	border-bottom: #87d6dd solid 2px;
	transition: all .5s;
	cursor: pointer;
}
.news .mobile_box .top:hover {
	background: rgb(233, 233, 233);
}

.news .mobile_box .top::before {
	transition: all .5s;
	content: "";
    width: 100%;
    height: 40px;
    bottom: -40px;
    left: 0;
    background: #87d6dd;
	position: absolute;
	z-index: -1;
	border-radius: 1px;
}

.news .mobile_box .top.active {
	border-bottom: #87d6dd solid 2px;
	transition: all .5s;
	cursor: pointer;
	color: #FFF;
}
.news .mobile_box .top.active:hover {
	background: #a4dde2;
}
.news .mobile_box .top.active::before {
	transition: all .5s;
	content: "";
    width: 100%;
    height: 40px;
    bottom: -2px;
    left: 0;
    background: #87d6dd;
	position: absolute;
	z-index: -1;
	border-radius: 1px;
}
.news .mobile_box {
	max-height: 40px;
	overflow: hidden;
}

.news .mobile_box .cata_box, .news .mobile_box .top {
	text-align: center;
    padding: 7px 10px;
	height: 40px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.news .mobile_box .cata_box {
	border-bottom: rgb(206, 206, 206) solid 1.5px;
}
.news .mobile_box .cata_box:hover {
	color: #87d6dd;
	background: rgb(247, 245, 245);
}
.news .mobile_box .cata_box.active {
	color: #87d6dd;
}
.news_box01 .time {
	color: #747474;
	width: 90px;
	font-size: 16px;
}
.news_box01 .text {
	flex: 1;
}
.in_news01 hr {
	width: 100%;
    margin: 5px 0;
}
.page-top {
	width: 100%;
	height: 300px;
	background-position: center;
	background-size: cover;
}
.news {
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 30px auto;
	padding: 0 30px;
}
.news .left {
	width: 200px;
}
.news .right {
	flex: 1;
}
.news .left .cata_box {
	color: #636363;
    font-size: 18px;
	margin: 10px 0;
	cursor: pointer;
}
.news .left .cata_box:hover {
	color:  rgb(255, 166, 63);
}
.news .left .cata_box p {
	position: relative;
}
.news .left .cata_box p:before{
	content: '';
	transition: all .3s;
	position: absolute;
	bottom: 0;
	width: 0px;
	height: 3px;
	background: rgb(255, 186, 108);
}
.news .left .cata_box p:hover:before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 2px;
	background: rgb(255, 186, 108);
}
.news .left .cata_box.cata_on {
	color:  rgb(250, 142, 19);
}
.news .left .cata_box.cata_on p:before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 2px;
	background: rgb(255, 147, 23);
}
.download {
	max-width: 800px;
	width: 100%;
	margin: 30px auto;
}
.download .tag > div {
	text-align: center;
	color: #fff;
	padding: 5px;
	background: #0089be;
}
.download .tag > div:nth-child(1) {
	border: #FFF solid 1.5px;
}
.download .tag > div:nth-child(2) {
	border: #FFF solid 1.5px;
	border-left: none;
}
.download .format {
	display: flex;
}
.download .format > div:nth-child(1) {
	flex: 1;
}
.download .format > div:nth-child(2) {
	width: 150px;
	text-align: center;
}
.download .item {
	transition: .3s all;
	padding: 7px;
}
.download .item:hover {
	background: #dadada;
}
.download .d_icon {
	font-size: 20px;
    background: #90d7e0;
    color: #fff;
    border-radius: 5px;
    width: 35px;
    padding: 3px;
    margin: 0 auto;
    cursor: pointer;
}
.download .d_icon:hover {
	background: #4b9aa5;
}
.download .d_icon:active {
	background: #61d9e9;
}
.login {
	max-width: 400px;
    display: flex;
    width: 100%;
	margin: 0 auto;
}
.login .left {
	width: 400px;
	display: flex;
	flex-direction: column;
	margin: 100px 0;
}
.login .left > div {
	text-align: right;
	margin: 15px;
}
.login .left > div input {
	width: 100%;
	border: none;
	border-bottom: #26b8c2 solid 1.5px;
	background: transparent;
}
.login .left > div input::placeholder {
	color: #999999;
}
.login .login-btn {
	width: 100%;
	align-self: center;
	display: flex;
	justify-content: space-around;
}
.login .login-btn div {
	width: 150px;
    background: #35a1ab;
    color: #fff;
    padding: 5px 10px;
	border-radius: 5px;
	text-align: center;
}
.login .login-btn a:hover {
	background: #5fced8;
}
.login .verify {
	text-align: right;
}
.login .verify input {
	width: 120px !important;
}
.news_ii {
	max-width: 1000px;
	width: calc( 100% - 40px );
	margin: 50px auto;
}
.route svg {
	margin: 0 10px;
}
.route, .route a {
	color: #a2a2a2;
	font-size: 14px;
	margin-bottom: 20px;
}
.route a:hover {
	color: #5fced8; 
}
.news_ii .title {
	font-size: 26px;
}
.news_ii .edit {
	margin: 30px 0;
}
.forget-btn a {
	color: #8b8b8b;
}
.forget-btn a:hover {
	color: #04B6BD;
}
.back {
	display: flex;
	justify-content: center;
}
.back .back-btn {
	width: 100px;
	border: #04B6BD 2.5px solid;
	border-radius: 5px;
	color: #04B6BD;
	padding: 5px 10px;
	text-align: center;
	background: #fff;
	margin: 30px 10px;
}
.back .back-btn:hover {
	color: #fff;
	background: #04B6BD;
}
.back .back-btn:active {
	color: #fff;
	background: #1ee6ec;
	border: #1ee6ec 2.5px solid;
}
.register {
	background-image: url(../images/pic/bg_register.jpg);
	background-size: cover;
	padding: 30px 0 150px;
}
.register .table {
	background: #fff;
    border-radius: 20px;
	border: #88c6e0 4px solid;
	max-width: 800px;
	width: calc( 100% - 40px );
	margin: 0 auto;
	padding: 20px 40px;
}
.register .table > div {
	margin: 20px 10px;
}
.register .table .title {
	display: inline-flex;
	justify-content: space-between;
	width: 100px;
	font-weight: bold;
}
.register .table .content {
	display: inline-block;
	width: 350px;
}
.register .table .content input {
	width: 100%;
	border: none;
	background: #f0f0f0;
	border-radius: 3px;
	text-indent: 10px;
}
.register #twzipcode select, .register #twzipcode input {
	border: none;
	background: #f0f0f0;
}
.register #twzipcode {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.register #twzipcode > *:nth-child(1){
	width: 30%;
	order: 2;
}
.register #twzipcode > *:nth-child(2){
	width: 30%;
	order: 3;
}
.register #twzipcode > *:nth-child(3){
	width: 30%;
	order: 1;
}
.register .btn-group {
	text-align: right;
}
.register .btn-group .send-btn {
	padding: 5px 10px;
    background: #88c6e0;
    color: #fff;
    border-radius: 5px;
}
.register .btn-group .send-btn:hover {
	background: #90d3f0;
}
.register .btn-group .send-btn:active {
	background: #2990bd;
}
.register .btn-group .back-btn {
	padding: 5px 10px;
    background: #636363;
    color: #fff;
	border-radius: 5px;
	margin-right: 10px;
}
.register .btn-group .back-btn:hover {
	background: #a3a3a3;
}
.register .btn-group .back-btn:active {
	background: #6b6b6b;
}
.register-title {
	margin: 10px 0;
}
.register-title > div {
	color: #88c6e0;
	margin: 10px 0;
	text-align: center;
	font-size: 22px;
}
.forget > div {
	display: flex;
	margin: 20px 0;
}
.forget .title {
	width: 100px;
}
.forget .content input {
	width: 100%;
}
.forget {
	max-width: 400px;
	width: calc( 100% - 40px );
	margin: 20px auto 150px;
	background: #fff;
    border-radius: 20px;
	border: #88c6e0 4px solid;
	padding: 20px;
}
.forget-title {
	text-align: center;
	font-size: 28px;
	margin: 100px 0 20px;
	color: #449ec5;
}
.forget .btn-group {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}
.forget .btn-group .l-btn, .forget .btn-group .r-btn {
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
}
.forget .btn-group .l-btn{
	background: rgb(97, 97, 97);
	color: #fff;
}
.forget .btn-group .l-btn:hover {
	background: rgb(126, 126, 126);
}
.forget .btn-group .l-btn:active {
	background: rgb(68, 68, 68);
}
.forget .btn-group .r-btn{
	background: #88c6e0;
	color: #fff;
}
.forget .btn-group .r-btn:hover {
	background: #99cfe5;
}
.forget .btn-group .r-btn:active {
	background: #38758f;
}
.forget .content input {
	width: 100%;
	border: none;
	background: #f0f0f0;
	border-radius: 3px;
	text-indent: 10px;
}
.member {
	max-width: 500px;
    width: calc( 100% - 40px );
    margin: 30px 20px 100px;
    border: #88c6e0 solid 2px;
    border-radius: 10px;
    padding: 10px 20px;
}
.btn01 {
	border: #3d819e solid 1.5px;
    padding: 6px 10px;
    border-radius: 5px;
    color: #3d819e;
	cursor: pointer;
	background: #fff;
}
.btn01:hover {
	background: #3d819e;
	color: #fff;
}
.btn01 svg {
	margin-right: 5px;
}
.member .table > div {
	color: #535353;
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.member .table .title {
	width: 100px;
}
.member .table .content {
	font-size: 18px;
	line-height: 25px;
}
.member1{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 25%;
}
.member2{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 25%;
}
.member input {
	border: #c0c0c0 solid 1.75px;
    border-radius: 5px;
}
.member #twzipcode select, .member #twzipcode input {
	color: #535353;
	border: #c0c0c0 solid 1.75px;
    border-radius: 5px;
}
.member #twzipcode {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.member #twzipcode > *:nth-child(1){
	width: 30%;
	order: 2;
}
.member #twzipcode > *:nth-child(2){
	width: 30%;
	order: 3;
}
.member #twzipcode > *:nth-child(3){
	width: 30%;
	order: 1;
}
.member .btn-group {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}
.member .btn-group .l-btn, .member .btn-group .r-btn {
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	user-select: none;
}
.member .btn-group .l-btn{
	background: rgb(97, 97, 97);
	color: #fff;
}
.member .btn-group .l-btn:hover {
	background: rgb(126, 126, 126);
}
.member .btn-group .l-btn:active {
	background: rgb(68, 68, 68);
}
.member .btn-group .r-btn{
	background: #88c6e0;
	color: #fff;
}
.member .btn-group .r-btn:hover {
	background: #99cfe5;
}
.member .btn-group .r-btn:active {
	background: #38758f;
}
.list {
	max-width: 800px;
	width: calc( 100% - 40px );
	margin: 20px auto;
}
.list .unit, .list .project, .list .course {
	text-align: center;
	margin: 10px 20px;
	width: calc( 33.3% - 40px );
	font-size: 18px;
}
.list .project select, .list .course select{
	outline: none;
	font-size: 16px;
	border: #b3b3b3 solid 1.5px;
	border-radius: 5px;
	width: 100%;
}
.list .project select:focus, .list .course select:focus {
	border: #38758f solid 1.5px;
}
.list .select_box01 {
	width: 100%;
	box-shadow: #9e9e9e 0 0 6px 0;
	border-radius: 10px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.list .select_box01 .title {
	color: #38758f;
	margin: 10px 0;
}
.list_title {
	text-align: center;
    margin: 15px 0;
    font-size: 26px;
    color: #59a8c9;
    font-weight: bold;
}
.list .student {
	margin: 30px 0;
	overflow-y: auto;
}
.list .student .format {
	display: flex;
	min-width: 450px;
}
.list .student .format > div {
	width: 20%;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
}
.list .student .tag {
	background: #38758f;
	color: #fff;
}
.list .student .item {
	border-bottom: rgb(150, 150, 150) solid 1.5px;
	position: relative;
}
.list .add {
	padding: 10px;
	border-radius: 10px;
	box-shadow: rgb(150, 150, 150)  0 0 6px 0;
}
.list .add .format {
	display: flex;
	flex-wrap: wrap;
}
.list .add .format > div {
	display: flex;
	align-items: baseline;
	width: calc( 50% - 40px );
	margin: 12px 20px;
	color: #5f5f5f;
}
.list .add .title {
	color: #5f5f5f;
	width: 90px;
	letter-spacing: 2px;
	margin-right: 10px;
}
.list .add select, .list .add input {
	border: none;
	border-bottom: #5f5f5f solid 1.5px;
	color: #5f5f5f;
}
.list .add select {
	width: calc( 33.3% - 3px );
}
.list .add input[type=text] {
	flex: 1;
}
.list .add input[type=radio] {
	margin-right: 3px;
}
.list .add_btn {
	transition: .3s all;
	border: #F44336 1.75px solid;
    color: #F44336;
    padding: 2px 10px;
	border-radius: 7px;
	background: #fff;
	cursor: pointer;
}
.list .add_btn:hover {
	background: #F44336;
	color: #fff;
}
.list .btn-group {
	justify-content: flex-end;
}

.guide {
	max-width: 1000px;
	width: calc( 100% - 60px );
    margin: 30px auto;
    box-shadow: #777777 0 0 3px 0;
    padding: 30px;
    border-radius: 5px;
}
.guide .guide_title {
	text-align: center;
    font-size: 26px;
    color: #4390d4;
    font-weight: bold;
}
.guide .box01{
	margin: 15px;
	font-size: 18px;
}
.guide .box02 {
	margin: 30px 15px;
	font-size: 18px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.guide .box02 > div {
	width: 30%;
	margin: 20px 1.65%;
}
.guide .box02 .tag {
	background: #ff8d00;
    color: #fff;
	text-align: center;
	padding: 8px;
}
.guide .box02 .tag:hover {
	background: #b66502;
}
.guide .box02 .item {
	text-align: center;
    padding: 8px;
    border-bottom: #c1c1c1 solid 1.5px;
}
.guide .box02 .item:hover {
	background: rgb(241, 241, 241);
}
.acc {
	color: transparent !important;
	position: absolute;
}
.acc:focus {
	color: rgb(19, 158, 250) !important;
}
.logo-bottom {
	width: 115px;
	margin-top: 40px;
}
.birth {
	width: calc( 100% - 100px );
}
.export_btn {
    margin: 30px 10px;
    width: 100px;
    border: #fa0606 2.5px solid;
    border-radius: 5px;
    color: #fa0606;
    padding: 5px 10px;
    text-align: center;
}
.export_btn:hover {
	color: #fff;
	background: #fa0606;
}
.burger {
	display: none;
	position: absolute;
	height: 25px;
	width: 30px;
	flex-direction: column;
	justify-content: space-between;
	right: 40px;
	top: 55px;
	cursor: pointer;
}
.burger .line {
	width: 100%;
	height: 3px;
	background-color: #3ca2b4;
}
.news .page {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.news .page span {
    margin: 0 10px;
    color: #39959e;
    cursor: pointer;
}
.list .del {
	color: red;
    position: absolute;
    top: 12px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    left: 5px;
}
.list .del:hover {
	font-size: 20px;
	color: rgb(255, 69, 69);
}
/*@media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none)*/
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
	.section02b h2 {
		background-image: none !important;}
	
	}
	
	@media only screen and (max-width: 1500px) {
		footer.footer {
			padding: 40px 30px;
		}
	a.logo img {
		margin-right:0;
		margin-bottom:37px;}
	header.header {
		-webkit-box-align: end;
		-ms-flex-align: flex-end;
		align-items: flex-end;
		padding: 37px 20px 0px 20px;}
	nav.nav a.en {
		margin-left: 15px;}
	nav.nav a.tw{
		margin-left: 23px;}
	a.faculty_box01 {
		width: calc( 33.33333% - 20px );}
	
	}
	@media only screen and (max-width: 1380px) {
	.section02b {
		padding:30px 5%;}
	
	}
	@media only screen and (max-width: 1340px) {
	header.header{
		width: 100%;}
	a.logo{
		font-size:23px;}
	a.faculty_box01{
		width:calc( 33.333% - 20px );}
	a.faculty_box02{
		width:calc( 33.333% - 20px );}
	
	
	}
	@media only screen and (max-width: 1280px) {
		.section02a {
			width: 100%;
		}
		.section02 {
			width: 100%;
		}
		.section01, .section02 {
			margin: 20px 0;
		}
	 .top_box01_tw, .top_box01_en{
		display:none}
	
	a.logo img {
		margin-bottom: 0px;}
	header.header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;}
	.m_nav{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		justify-content: flex-end;}
	.search {
		margin-left: 0px;
		padding: 0px;}
	.search .sear_b01 {
		font-size: 24px;}
	/*.lang_b01 {
		margin-right: 1em;
		margin-left: 0em;}*/
	.m_box02 .lang_b01 a{
		font-size: 18px;
		display:inline-block;
		margin: 0;}
	.m_box02 .lang_b01{
		border-top:1px solid rgba(255,255,255,0.25);
		margin-top:20px;
		text-align:center;
		margin-left:0;}
	.ad_box02 {
		width: calc( 100% - 50px );}
	a.ad_box02a h2{
		font-size:32px}
	.index01 {
		padding:0px 20px;}
	footer.footer{
		padding: 0px 20px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;}
	.down_box01,
	.down_box02{
		width:100%;}
	.down_box02 {
		text-align: left;}
	.down_b01 a {
		margin-left: 0em;
		margin-right: 0.5em;}
	.down_box01{
		margin-bottom: 15px;}
	.in_t01,
	.in_t03{
		padding: 60px 0 45px;}
	
	.index01a {
		padding-right: 0%;}
	.in_news01 {
		margin: 0px auto 20px;}
	.page_b01 a {
		font-size: 16px;}
	.sec_bg{
		padding: 60px 0;}
	.wrapper {
		padding-left: 20px;
		padding-right: 20px;}
	.flex01a, .flex01b, .flex01c {
		font-size: 14px;}
	.peop_box01b {
		font-size: 14px;}
	.index01 {
		position: relative;
	}
	.section01 {
		width: 100%;
		flex: unset;
	}
	
	}
	@media only screen and (max-width: 1024px) {
		.register-title > div{
			font-size: 20px;
		}
	a.faculty_box01 {
		width: calc( 50% - 20px );}
	a.faculty_box02 {
		width: calc( 50% - 20px );}
	.table_box01 .flex01b{
		display:none;}
	.table_box02 .flex01a,
	.table_box02 .flex01c{
		-webkit-flex: none;
		-ms-flex: initial;
		flex: none;
		width: 100%;}
	.table_box02 .flex01b {
		color: #656565;
		-webkit-flex: none;
		-ms-flex: initial;
		flex: none;
		width: 50%;}
	.flex01b,
	.flex01c{
		text-align:left}
	.flex01a, .flex01b, .flex01c {
		padding: 5px 10px;}
	.table_box01, .table_box02{
		padding:5px 0;}
	.table_box02 .flex01a,
	.table_box02 .flex01c{
		font-weight:bold;
		color: #3594cb;
		font-size: 18px;}
	.table_box02 .flex01b span{
		color:#89b2d5;
		display:inline;
		margin-right:0.5em}
	.flex01d{
		width: 100%;
		font-weight: bold;
		color: #333333;
		font-size: 16px;
		padding: 15px 10px 0px 10px;}
	
	.sta_box01{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;}
	.sta_box01a {
		width: 100%;
		text-align:center;}
	.sta_box01a img {
		width: 170px;}
	.sta_box01b {
		padding-left: 0px;
		margin-top:20px;
		border-top: 1px dotted #d2d2d2;}
	a.peop_box01 {
		width: 31.3333%;}
	.program_pc{
		display:none}
	.program_mobile{
		display:block}
	.file_list01 a {
		font-size: 14px;}
	.file_list01 a time {
		font-size: 14px;}
	.h2,
	.h3,
	.page_box01 h3{
		font-size: 32px;}
	.h3a {
		font-size: 16px;}
	.h2 {
		margin-bottom: 10px;}
	
	.page-top {
		height: 200px;
	}
	
	}
	@media only screen and (max-width: 925px) {
		.section01, .section02 {
			margin: 20px 0;
		}
	.ad_box01{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;}
	.ad_box01a {
		background-position: center;
		order: 2;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;	}
	.ad_box01b {
		order: 1;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;	}
	.ad_box02 {
		margin: 50px auto;
		width: calc( 100% - 50px );}
	a.ad_box02a h2 {
		font-size: 28px;
		text-overflow: ellipsis;
		white-space: nowrap;
		height: auto;}
	.section02{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 20px auto;}
	.section02b {
		width: 100%;}	
	.section02b {
		margin-top: 0px;}
	.section02b h2 {
		margin-bottom: 15px;}
	a.file_box01 {
		width: 31.33333%;}
	a.photo_box01 {
		width: 23%;}
	
	}
	
	@media only screen and (max-width: 769px) {
	/*.ad_box01{
		min-height: 550px;
		height: calc(60vh - 5px);}
	.ad_box02{
		width: calc(100% - 140px);}*/
	.burger {
		display: flex;
	}
	.scroll_stop {
		overflow: hidden;
	}
	.mobile{
		transition: .5s all;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 1000;
		display: none;		
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		background: #00000085;		
	}
	.mobile .left {
		transition: all .5s;
		flex-flow: column;
		align-items: center;
		height: 100vh;
		width: 200px;
		background: #5ab7ca;
		transform: translate(-200px);
	}
	.mobile .right {
		height: 100vh;
		flex: 1;
	}
	.mobile.display {
		display: flex;
	}
	.mobile.mobile_on {
		opacity: 1;
	}
	.mobile.mobile_on .left {
		transform: translate(0px);
	}
	.list .add .format > div {
		width: 100%;
	}
	.list .unit, .list .project, .list .course {
		width: calc( 50% - 40px );
	}
	.search{
		position: inherit;}
	.sear_box01{
		padding: 20px;
		width: 100%;
		top: auto;
		margin-top: 25px;}
	.in_t01 h2{
		font-size:6vw}
	.in_t01 p{
		font-size: 4vw;}
	.in_t02 {
		font-size: 16px;
		line-height:1.7;}
	.section02b h2 {
		font-size: 30px;}
	a.more_b01 {
		font-size: 16px;}
	.section02b .index01a {
		bottom: -40px;}
	.page_b01 a {
		display: block;
		width: 100%;}
	.page_bg {
		min-height: 350px;}
	.table_box02 .flex01b {
		width: 100%;}
	.sta_box03 li{
		padding: 5px 0;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;}
	.sta_box03 dd {
		width: 100%;}
	.sta_box03 dd {
		padding: 5px 5px 0px;}
	.sta_box03 dd, .sta_box03 dt {
		font-size: 14px;}
	a.file_box01 {
		width:48%;}
	a.photo_box01 {
		width: 31.3333%;}
	a.peop_box01 {
		width: 48%;}
	
		.news .mobile_box{
			transition: all .3s;
			display: block;
			width: 70%;
			margin: 10px auto;
		}
		.news .left {
			display: none;
		}
		.news .right {
			width: calc( 100% - 40px );
			margin: 20px;
			flex: unset !important;
		}
		.news {
			flex-wrap: wrap;
		}
		.guide .box02 > div {
			width: 48%;
		}
		.page-top {
			height: 150px;
		}
		.btn {
			display: none;
		}
	}
	@media only screen and (max-width: 599px) {
		.list .unit, .list .project, .list .course {
			width: calc( 100% - 40px );
		}
		.register-title > div {
			font-size: 18px;
		}
		.guide .box02 > div {
			width: 98%;
		}
	.search .sear_b01,
	.menu{
		font-size: 20px;}
	a.news_box01 {
		width: 100%;}
	a.faculty_box01 {
		width: 100%;
		margin: 0px 0px 20px;}
	a.faculty_box02 {
		width: 100%;
		margin: 0px 0px 20px;}
	a.file_box01 {
		width:100%;
		margin: 0px 0% 2%;}
	a.photo_box01 {
		width:48%;}
	a.peop_box01 {
		width: 100%;
		margin: 0px 0% 2%;}
	.cag_box01 span {
		display: block;
		width: 100%;
		margin-bottom: 10px;}
	.cag_box01 a {
		margin-left: 0px;
		margin-right: 15px;}
	.page-top {
		height: 120px;
	}
	.list .student .format > div {
		font-size: 16px;
	}
	}
	@media screen and (max-width: 400px) {
		body {
			padding-bottom: 275px;
		}
		footer.footer {
			height: 275px;
		}
		.list .add .format > div {
			display: flex;
			flex-wrap: wrap;
		}
		.down_b01 {
			width: 200px;
		}
	}