@charset "utf-8";

/*2022_中興大學文學院 CSS Document */
* { margin:0; padding:0;}

@media only screen and (max-width: 995px) { 	
.mobile{display:block;}
.desktop{display:none;}	
	
}

@media (min-width: 996px) {
.mobile{display:none;}
.desktop{display:block;}


}


/*#nav_container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background: rgba(0,255,132,0.5)}*/
#nav_container{width:100%;padding:0.8em 0.5em;margin:0 ; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(255,255,255,0.8)}
#Mnav_container{width:100%;padding:0.8em 0.5em;margin: 0 ; display: flex;flex-wrap: wrap;justify-content: flex-start; background:rgba(255,0,255,0)}




@media only screen and (max-width: 1199px) {
	
#nav_container{width:100%;margin:0 auto;padding:0.8em 0.5em;margin:0 ; border-radius:0 ; }	
#Mnav_container{width:100%;margin:0 auto;padding:0.8em 0.5em;margin:0 ; }			

	
}

/*************************************************/



@media only screen and (max-width: 995px) { 

	
#nav_container{width:100%;margin:0 auto;padding:0.8em 0em;margin:0 ; border-radius:0 ;background:rgba(255,255,255,1) }	
#Mnav_container{width:100%;margin:0 auto;padding:0.8em 0em;margin:0 ; background:rgba(255,255,255,1) }		
/*	
.m_nav .logo{width:calc(100% - 0em);background:#ff6600;height:auto;  padding:1em 0.5em;zoom:1;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;}
.m_nav .logo:after {content:''; clear:both; display:block;}
.m_nav .logo img{width:100%;max-width: 100%;height: auto}	*/

	
}	


#BackTop{width:100%;height:auto;display:none;padding:0.5em 0em;background:rgba(49,30,62,1.00); position:fixed;top:0px;z-index: 9999999;box-shadow: 0 0 8px 3px rgba(0,0,0,0.4)}





/**/
.fl{float:left}
.fr{float:right;}

/**/

.header{width:100%;height:auto;top:0;position:relative; z-index:99999;background:url("../images/header_bg.jpg") repeat-x left top;box-shadow:3px 3px 3px rgba(0,0,0,0.2);}


.header .left{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:center;height: auto;padding:0.5em 0;}


.header .left .img1 {width: 397px}
.header .left .img2{display:none;}

.header .nav{width:100%;text-align: center; background: rgba(0,0,0,0);font:1.0625em "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}

.header .left .Ilanguage_block{width:calc(100% - 397px);padding:0px;text-align:right;}
.header .left .Ilanguage_block div{display:inline-block;border-radius:50px;color:#999999;/*background:#919191;*/padding:0.2em 1em;letter-spacing: 1px}
.header .left .Ilanguage_block a{color:#999999;font:0.875em "微軟正黑體";font-weight:300;}
.header .left .Ilanguage_block a:hover{color:#737373;}

.header .Ihref_block{width:240px;height: 100px; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;}
.header .Ihref_block .b01,.header .Ihref_block .b02{display:inline-block;font:0.9375em "微軟正黑體";font-weight:700;padding:2em 0}

.header .Ihref_block .b01 a{padding:0.5em 1.5em;margin-right:1px;color:#ffffff;background:#b70000;display:inline-block;}
.header .Ihref_block .b01 a:hover{background:#000000;}
.header .Ihref_block .b02 a{padding:0.5em 1.5em;margin-right:1px;color:#ffffff;background:#900000;display:inline-block;}
.header .Ihref_block .b02 a:hover{background:#000000;}

.header .navbar_nav{padding: 0;margin: 0;width:100%;text-align: center;}
.header .navbar_nav li{float: left; position:relative;display:block; padding:0 0em; text-align: center;}

.header .navbar_nav li a{text-decoration:none;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#ffffff;}
.header .navbar_nav li:hover a{color:rgba(255,255,255,1.00)}
.header .navbar_nav li.dropdown{display:block;line-height: 1.0625em;background:rgba(0,255,0,0);margin:0;}

.header .navbar_nav li.dropdown .title{display: inline-block; padding:0.7em 1em 0.78em 1em; /*background:url(../images/menu_line.svg) no-repeat right 0em;*/}


/*.header .navbar_nav li.dropdown .dropdown_menu{font:1em "微軟正黑體";font-weight:700;color:#000000;display:none;position:absolute;top:auto;background:#ff6600;width:auto;min-width:120px ; left:50%;transform: translate(-50%, 0);padding:0.5em 0;opacity:.9;border:#eeeeee 1px solid;filter:alpha (opacity=90);border-radius:7px;}*/
.header .navbar_nav li.dropdown .dropdown_menu{font:1.0625em "微軟正黑體";font-weight:700;color:#000000;/*display:none;*/position:absolute;top:90px;width:100%;right:0%;/*transform: translate(-50%, 0);*/border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#00aa00;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;}


.header .navbar_nav li.dropdown .dropdown_menu ul{padding:0;margin:0;}
.header .navbar_nav li.dropdown .dropdown_menu ul li{clear: both; width:100%;padding:0 1em 0.5em 1em;margin:0;display: block;color:#fff;}

.header .navbar_nav li.dropdown:hover .dropdown_menu{color:rgba(0,0,0,1.00);display:block;font:0.875em "微軟正黑體";font-weight:700;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#000;display:block;width:100%;display: block}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#b20000;}


/*new*/
/*>1700*/
.header .navbar_nav li.dropdown .line_menu{background:#0048ff;/*url("../images/menu_line.svg") no-repeat left top*//*width:1px;height:100px;padding:0 1px;*/}
/*.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:84px;width:900px;left:calc(8% + 360px + 0.5em);transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}
*/

.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:123px;width:1050px;left:calc(8% + 0px);transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}



.header .navbar_nav li.dropdown:hover .dropdown_menu01{color:rgba(0,0,0,1.00);display:block;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 a{color:#000;display:block;width:100%;display: block}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 a:hover{color:#b20000;}




/**/
.header .navbar_nav li.dropdown:hover { position: static;display:block; }
.header .navbar_nav li.dropdown:hover .dropdown_menu01{display:table;display:block;}
/*.header .navbar_nav li.dropdown:hover .dropdown_menu01>li { display: table-cell; }*/


/**/
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu01{width:100%;float: left;text-align: left; font:1.25em "微軟正黑體";font-weight:600;padding:1em 1em 0 1em;margin:0;}
/*.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu01 img{width: 100%;max-width: 100%;height: auto;}*/

.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02{width:calc(100% - 0px);float: left;margin:0;padding:1em; text-align: left;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list{width:calc((100%/4) - 1em);margin:0.2em 0.5em;font:1em "微軟正黑體";font-weight:600; }
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list a{font:1em "微軟正黑體";font-weight:600;  color:rgba(0,0,0,0.7); padding:0 0 0 1.7em; vertical-align:middle;background:url(../images/arrow01.svg)no-repeat left 0px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list a:hover{color:#870000;}

.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list01{width:calc((100%/2) - 1em);margin:0.2em 0.5em;font:1em "微軟正黑體";font-weight:600;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list01 a{font:1em "微軟正黑體";font-weight:600; color:rgba(0,0,0,0.7); padding:0 0 0 1.7em; vertical-align:middle;background:url(../images/arrow01.svg)no-repeat left 0px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list01 a:hover{color:#870000;}

/**/




/*menu_fixed*/
.header.on{background:#fff;height: auto; padding:0;box-shadow: 0 0 8px 3px rgba(0,0,0,0.4)}
.header.on .left .img1{display:none}
.header.on .left .img2{display:inline-block;}
.header.on .navbar_nav li a{color:#333}
.header.on .navbar_nav li:hover a{color:#4a007d}



/**/
#navToggle{display:none}
.m_nav{display:none}





@media only screen and (max-width: 995px) {
.header .left .Ilanguage_block{display: none;}
	
.m_nav .img2{width:100%;padding:0.5em 0.5em 0 0.5em}
.m_nav .img2 img{max-width: 100%;height: auto;}	
	
	
.m_nav{display:block}
.m_nav{position:fixed;top:0;width:70%;height:100%;background:#ffffff;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all ease .5s;/*-webkit-transition:all ease .5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0;*/left:0;transform:translateX(-150%);z-index:10000}
.m_nav.open{transform:translateX(0);padding:0 0em}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}

/*add*/
.m_nav_block{display:none;position:fixed;top:0;left:0;width:0;height:0;width:100%;height: 100%;background: rgba(0,0,0,0.3);/*background: rgba(255,0,4,0.7);overflow:hidden;*/z-index:0}
.m_nav_block .closecover{position:absolute;width:100vw !important;height:100vh !important;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0;top:0;z-index:1000}
/*add*/
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .dropdown span{color:#ff0000;}

.m_nav .ul{padding:0 0em;}	
	
.m_nav .ul li{padding:0;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0;transition:all .6s cubic-bezier(.77,0,.175,1) 0;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);color:#000000;}
.m_nav .ul li a{display:block;text-decoration:none;font:1.1em "微軟正黑體";font-weight: 600;width:100%;padding:0.7em 1.5em;color: #000000; border-bottom: 1px solid rgba(0,0,0,0.4);}
.m_nav .ul li a:not(:only-child){padding:1em 0.5em;/*color:#ff6600;text-decoration:none;background: #00aa00*/vertical-align:middle;background: url(../images/left_arrow.svg) no-repeat right 25px;border-right: 10px solid transparent;}
	
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block;}
.m_nav .ul li .dropdown_menu a{display:block;font:1em "微軟正黑體";font-weight: 600;color: #262626;background: #eaeaea;/*color:rgba(65,65,65,1.00);*/padding:0.5em 1.2em 0.5em 2em;box-sizing:border-box;}
.m_nav .ul li .dropdown_menu a:last-child{border:none}	
	
/**/
.m_nav  ul li a,.m_nav ul li a:visited{display:block;ppadding:0.7em 1.5em;background:#ffffff;color:#262626;text-decoration:none}
.m_nav  ul li a:hover,.m_nav ul li a:visited:hover{/*background:#b9b9b9;*/color:#000000;}
.m_nav  ul li a:not(:only-child):after,.m_nav ul li a:visited:not(:only-child):after{ padding-left:4px;}
	
	
/**/	
/*.m_nav ul li a:visited{padding:0;color:#000000;text-decoration:none;}
.m_nav ul li a:not(:only-child){font:1.1em "微軟正黑體";font-weight: 600;color:#000000; vertical-align:middle;background:url(../images/left_arrow.svg) no-repeat 7em 22px;}
.m_nav ul li ul li{clear: both; font:1em "微軟正黑體";font-weight: 600;height:auto;margin:0.7em 0 0 1.5em;color:#ff6600;vertical-align:middle;background:url(../images/left_sub_arrow.svg) no-repeat 0.5em 0.1em;}
.m_nav ul li ul li a{height:auto;color:#897272;vertical-align:middle;}
.m_nav ul li a:visited:hover:(:only-child){display:block;color:#ff6600; vertical-align:middle;;}	*/

	
	
/*language*/	
.m_nav .language_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: center;align-items: stretch;height: auto;padding: 0em 0.7em;background: #f6f6f6}
/*.m_nav .language_block a{display:inline-block;border-radius:30px;background: rgba(255,255,255,1.00);color:#0056cc;margin:0 0.2em;padding:0.5em 0.7em;font:1em "微軟正黑體";font-weight:700;}
.m_nav .language_block a:hover{color:#ffffff;background: rgba(0,0,0,0.5);font-weight:700;}*/
	
/*.m_nav .language_block div{width:calc(100%/3);}	*/
.m_nav .language_block .btn_text00{width:calc((100%/3) - 0.4em);margin:0 0.2em;font:0.8em "微軟正黑體";font-weight: 700;}
.m_nav .language_block .btn_text01{width:calc((100%/3) - 0.4em);margin:0 0.2em;font:0.8em "微軟正黑體";font-weight: 700;}
.m_nav .language_block .btn_text02{width:calc((100%/3) - 0.4em);margin:0 0.2em;font:0.8em "微軟正黑體";font-weight: 700;}	
.m_nav .language_block .btn_text03{width:calc((100%/2) - 0.4em);margin:0.2em;font:1em "微軟正黑體";font-weight: 700;}	
.m_nav .language_block .btn_text04{width:calc((100%/2) - 0.4em);margin:0.2em;font:1em "微軟正黑體";font-weight: 700;}
	
.m_nav .language_block .btn_text00 span a{width:100%;text-align: center; padding:0.5em;display:inline-block;background: #343434;color:#ffffff;border-radius: 5px;}
.m_nav .language_block .btn_text00 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #000000;color:#ffffff;border-radius: 5px;}		
.m_nav .language_block .btn_text01 span a{width:100%;text-align: center; padding:0.5em;display:inline-block;background: #343434;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text01 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #000000;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text02 span a{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #343434;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text02 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #000000;color:#ffffff;border-radius: 5px;}		

	
.m_nav .language_block .btn_text03 span a{width:100%;text-align: center;padding:0.5em;display:inline-block;color:#ffffff;background:#b70000;border-radius: 5px;margin:0.5em 0 0 0;}	
.m_nav .language_block .btn_text03 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;color:#ffffff;background:#b70000;border-radius: 5px;}	
.m_nav .language_block .btn_text04 span a{width:100%;text-align: center;padding:0.5em;display:inline-block;color:#ffffff;background:#900000;border-radius: 5px;margin:0.5em 0 0 0;}	
.m_nav .language_block .btn_text04 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;color:#ffffff;background:#900000;border-radius: 5px;}	
	

	
	
	
/*.m_nav .logo{padding:0.5em 1em;}*/
}




@media only screen and (max-width:995px) {

.header{width:100%;height:auto;position:fixed;top:0;left:0; z-index:999999;padding:0;/*background:rgba(255,255,255,1) url("../images/header_bg.jpg") repeat-x left bottom;*/box-shadow:3px 3px 3px rgba(0,0,0,0.2);}

.header .Ihref_block{display: none;}
	
.header .left{width:calc(100% - 65px);/*min-height: 84px;*/}
.header .left .img1{display:none;}	
.header .left .img2{display:inline-block;width:100%;}
.header .left .img2 img{max-width: 100%;height: auto;}	

	

	
.header #navToggle{height:auto;padding:0px 15px;margin:10px 0;/* margin-right:-15px;*/display:inline-block;float:left;/*background: #ff6600*/}
.header #navToggle span{position:relative;width:30px;height:3px;margin:32px 0 32px 0}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:3px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:rgba(0,0,0,0.7)}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#ffffff}
.header .nav{display:none}

}
@media screen and (min-width: 996px) and (max-width: 1299px) {
.header{width:100%;height:auto;padding:0 0em;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: flex-end}	

.header .left{width:100%;margin:0;}	

	
.header .left .Ilanguage_block{width:calc(100% - 397px);padding:0px;text-align:right;}
	

.header .Ihref_block{width:215px;height: auto; display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;}	
.header .Ihref_block .b01,.header .Ihref_block .b02{display:inline-block;font:0.9375em "微軟正黑體";font-weight:700;padding:0 0}	
	
.header .nav{width:100%; background: rgba(20,0,255,0);font:1.0625em "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0 0em; text-align: center;}	

	
.header .navbar_nav li.dropdown .title{display: inline-block; padding:0.7em 0.78em 0.78em 0.78em; /*background:url(../images/menu_line.svg) no-repeat right 0em;*/}

	
/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:123px;width:100%;left:calc(0em + 0px);transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}	

}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
.header{width:100%;height:auto;top:0em;padding:0 0em;position:relative; z-index:99999;}	


.header .left{width:100%;}	
	
	
.header .left .Ilanguage_block{width:calc(100% - 397px);padding:0px;text-align:right;}


.header .Ihref_block{width:215px;}	
	
.header .nav{width:100%; font:1.0625em "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0m; text-align: center;}	
/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:123px;width:1050px;left:calc(0em + 0px);transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;}
	
}
@media screen and (min-width: 1400px) and (max-width: 1699px) { 
.header{width:100%;height:auto;top:0em;position:relative; z-index:99999;}	

.header .left{width:100%;}	
		
.header .left .Ilanguage_block{width:calc(100% - 397px);padding:0px;text-align:right;}
	
.header .Ihref_block{width:215px;}	
	
.header .nav{width:100%; font:1.0625em "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0; text-align: center;}	
	
/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:123px;width:1050px;left:calc(4% + 0px);transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;}
	
}


@media only screen and (max-width:539px) {
.header .left .img2{width:100%; background: rgba(0,255,0,0) ;height: 65px;float: left;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-around;align-items: center;}	

.header .left .img2 img {max-width: 100%;}	
	
}







@media only screen and (max-width:412px) {
/*language*/	
.m_nav .language_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding:0em 0.2em;/* border-top: 1px solid rgba(255,255,255,0.5)*/}


.m_nav .logo{padding:0.5em 0.7em;width:100%;}	
}