@charset "utf-8";
/* CSS Document */

body,h1,div,ul,ol,li,table,tr,td,form{margin:0;padding:0;}
body{width:100%;font-family: "微軟正黑體",Verdana, Geneva, sans-serif;}
a{text-decoration:none;outline:none;}
li{list-style:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;}
.clear{clear:both;line-height:0;font-size:0px;display:block;}
.margin-t5{margin-top:5px;}.margin-t10{margin-top:10px;}.margin-t15{margin-top:15px;}.margin-t20{margin-top:20px;}.margin-t25{margin-top:25px;}.margin-t30{margin-top:30px;}.margin-t50{margin-top:50px;}
.margin-b5{margin-bottom:5px;}.margin-b10{margin-bottom:10px;}.margin-b15{margin-bottom:15px;}.margin-b20{margin-bottom:20px;}.margin-b25{margin-bottom:25px;}.margin-b30{margin-bottom:30px;}
.padding-t5{padding-top:5px;}.padding-t10{padding-top:10px;}.padding-t15{padding-top:15px;}.padding-t20{padding-top:20px;}.padding-t25{padding-top:25px;}.padding-t30{padding-top:30px;}
.padding-b5{padding-bottom:5px;}.padding-b10{padding-bottom:10px;}.padding-b15{padding-bottom:15px;}.padding-b20{padding-bottom:20px;}.padding-b25{padding-bottom:25px;}.padding-b30{padding-bottom:30px;}
.border-b01{border-bottom:1px solid #0052A5;}
.border-b02{border-bottom:1px solid #5B8B44;}
.border-b03{border-bottom:2px solid #556FB5;}
.centerTitle01{text-align:center;color:#7C74B8;font-size:2em;letter-spacing:1px;line-height:50px;}
.centerTitle02{text-align:center;color:rgba(0,135,204,1.00);font-size:24px;letter-spacing:5px;line-height:35px;}
.centerTitle03{text-align:center;color:#151515;font-size:24px;font-weight:900;letter-spacing:3px;}
.centerTitle03_2{text-align:center;color:#0052A5;font-size:1.2em;letter-spacing:0.2em;}
.centerTitle03_3{text-align:center;color:#5B8B44;font-size:1.2em;letter-spacing:0.2em;}
.centerTitle04{text-align:center;color:#151515;font-size:22px;font-weight:600;letter-spacing:2px;}
.centerTitle06{color:rgba(85,84,86,1.00);height:20px;text-align:center;font-size:15px;}
.txtAhrefStyle01 a, .txtAhrefStyle02 a{color:#0052A5;}.txtAhrefStyle01 a:hover{color:#00F;}
.txtAhrefStyle02 a:hover{color:#03F;}
.bottomLine01{border-bottom:1px solid rgba(0,135,204,1.00);}
#header{width:100%;height:50px;position:fixed;background-color:#445962;;top:0;opacity:0.85;z-index:99;}
#header .logo{width:200px;height:50px;float:left;}
#header .logo h1 a{width:200px;height:50px;background:url(../images/logo.png) no-repeat;display:block;text-indent:100%;overflow:hidden;white-space:nowrap;position:absolute;}
#header .link{width:460px;height:50px;float:right;}
#header .link ul li{width:100px;display:inline-block;text-align:center;margin-right:0;margin-left:0;}
#header .link ul li.more{width:110px;}
#header .link ul li.course{width:125px;}
#header .link ul li a{display:block;font-size:20px;font-weight:500;color:#fff;line-height:50px;text-align:center; background:transparent;transition:background 0.8s;}
#header .link ul li a:hover{background:#45456A;color:#FFFCA9;}
#header .link ul li ul.sub{width:100%;position:absolute;opacity:1;left:0;z-index:99;}
#header .link ul li ul.sub li{width:165px;background:#6969A1;display:none;margin:0 -2px 0 -1px;border-bottom:1px solid #FFF;}
#header .link ul li ul.sub li a{display:block;color:#FFF;font-size:18px;line-height:40px;}
#header .link ul li.more:hover li{display:inline-block;background:#2D2E49;}
#header .link ul li ul.sub li a:hover{color:#FFCD16;}
#mobile_menu_btn {
	/*display:none;*/
	width:46px;
	height:40px;
	background:#d8ecfb url(/edu_mobile/images/common/btn_quickMenu.png) center center no-repeat;
	background-size:36px 30px;
	margin:5px 5px 0 10px;
	border:1px solid #615029;
	border-radius:3px;
	float:left;
	cursor:pointer;
}
#mobile_menu_btn:hover {
	border:1px solid #EEE;
	-moz-box-shadow:3px 3px 2px #000;
	-webkit-box-shadow:3px 3px 2px #000;
	box-shadow:3px 3px 2px #000;
}

@font-face {
	font-family:'FontAwesome';
	src: url('../../../../css/fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../../../../css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../../../css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../../../css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../../../css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../../../css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-chevron-circle-up:before {
	content:"\f139";
}
.fa-chevron-circle-down:before {
	content:"\f13a";
}
#nav_menu_left {
	position:fixed;
	top:50px;
	left:0;
	bottom:0;
	z-index:6;
	width:20%;
	max-width:215px;
	display:none;
	background:none;
	overflow-y:auto;
}
#nav_menu_left ul{background-color:#333;}
#nav_menu_left ul li {
	width:100%;
	height:auto;
	text-align:center;
	font-size:1em;
	line-height:3em;
	border-bottom:1px solid #666;
}
#nav_menu_left ul li a {
	display:block;
	width:100%;
	height:calc(3em - 1px);
	color:#DEDEDE;
}
#nav_menu_left ul li:hover {
	background-color:#999;
}
#nav_menu_left ul li:hover a {
	color:#FFF;
}
#nav_menu_left ul.subMenu{display:none;background-color:#555;}
#nav_menu_left ul.subMenu li a{padding-left:20px;}
#nav_menu_left ul.subMenu li:hover{background-color:#777;}
@media screen and (max-width: 989px) {
	#header .link{display:none;}
	#mobile_menu_btn{display:block;}
	#nav_menu_left{width:30%;}
}
#ad_banner {
	max-width:990px;
	margin-right:auto;
	margin-left:auto;
	background-color:#EAEAEA;
}
#ad_banner .board {
	text-align:center;
	padding:10px;
}
#ad_banner .block {
	max-width:450px;
	margin:5px;
	text-align:center;
	display:inline-block;
}
.footerLine{border-bottom:5px solid #157DC6;}
#footer{width:100%;color:#333;text-align:center;font-size:0.8em;margin-bottom:30px;padding-right:5px;padding-left:5px;}
#footer a{color:#047FFF;font-size:14px;}
#footer a:hover{color:#007DFF;}


/* footer start. */
#footer-pc {
	width: 100%;
	background-color: #E9ECEF;
	margin-top: 10px;
}

#footer-pc .footer_container {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 30px 0;
	display: flex;
	flex-direction: row;
}
#footer-pc .footer_container .link_section {
	margin-top: 30px;
	width: fit-content;
	flex:1;
}
#footer-pc .footer_container .link_section a {
	color: #495057;
    font-size: 13px;
}
#footer-pc .footer_container .link_section a:hover{
	text-decoration: underline;
}
#footer-pc .footer_container .other_section {
	margin-top: 30px;
	flex: 1;
	margin-left: 20%;
}
#footer-pc .footer_container .other_section .social_media {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
#footer-pc .footer_container .other_section .social_media a svg path{
	transition: 0.1s ease;
}
#footer-pc .footer_container .other_section .social_media a:hover svg path{
	fill: #008172;
}

#footer-pc .footer_container .other_section .company_info {
	margin-top: 10px;
	color: #495057;
	display: flex;
	flex-direction: column;
	gap: 10px;
    font-size: 13px;
}
#footer-pc .footer_container .other_section .company_info p {
	margin: 0;
}
#footer-pc .link_section ul {
	display: flex;
	flex-direction: column;
	gap: 5;
}
#footer-pc .link_section ul li {
    list-style: none;
}

#footer-pc .link_section h3 {
	font-size: 16px;
	color: #0A65C2;
	font-weight: 600;
	margin-bottom: 14px;
}
#footer-pc .link_section a {
	color: #000000;
	line-height: 20px;
}

#footer-pc .info {
	font-size: 13px;
	color: #555555;
	float: left;
	text-align: right;
	margin-right: 7px;
}
#footer-pc .copyright {
	font-size:13px;
}
#footer-pc .info .browser_set {
	font-weight:bolder;
	color:#000000;
}
.footerLine {
	border-bottom:#157dc6 5px solid;
	margin-top:10px;
}
#footerNew {
	font-family:"新細明體";
	margin-top:23px;
	font-size:12px;
	text-align:center;
	line-height:20px;
	letter-spacing:0.5pt;
	color:#545454;
}
#footerNew a:link,#footerNew a:visited,#footerNew a:hover,#footerNew a:active {
	text-decoration:none;
	color:#047fff;
}
#footerNew .infoFooter {
	margin-top:12px;
}
/* footer end. */

@media (max-width: 768px) {
    #footer-m {
        width: 100%;
        background-color: #E9ECEF;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #footer-m .footer_container {
        width: 100%;
        padding: 10px 21.5px 30px 21.5px;
        display: flex;
        flex-direction: row;
        display: grid;
        grid-template-columns: repeat(4, 1fr); 
        gap: 10px; 
    }
    #footer-m .footer_container .link_section {
        margin-top: 20px;
        width: 20%;
        flex: 1 1 calc(25% - 20px);
        text-align: start;
        min-width: 120px;
    }
    #footer-m .link_section h3, 
    .other_section h3 {
        font-size: 15px;
        color: #0A65C2;
        font-weight: 1000 !important;
        margin: 10px 0;
    }
    #footer-m .footer_container .link_section a {
        color: #495057;
        text-decoration: none; 
        font-size: 12px; 
        line-height: 1.6; 
    }
    #footer-m .link_section ul {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    #footer-m .link_section ul li {
        list-style: none;
    }
    #footer-m .footer_container .link_section a {
        color: #495057;
    }
    #footer-m .footer_container .other_section {
        text-align: start;
        margin-top: 20px;
        flex: 1 1 calc(25% - 20px);
    }
    #footer-m .footer_container .other_section .company_info {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    #footer-m .company_info p {
        color: #495057;
        font-size: 12px;
        margin: 0;
    }
    #footer-m .social_media {
        justify-content: center;
        display: flex;
        gap: 10px;
    }
    #footer-m .footer_container .social_media a svg path{
        transition: 0.1s ease;
    }
    #footer-m .social_media a:hover svg path{
        fill: #008172;
    }
    #footer-m .copyright {
        padding: 15px 10px;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
    }

    @media screen and (max-width: 430px) {
        #footer-m .footer_container {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}