body {font: 1em/1.2em Arial,Helvetica Neue,Helvetica,sans-serif;color:#000; overflow-x: hidden; background-color:#fff;background:url("../images/bg.png") top center repeat-y;} 

html {-webkit-font-smoothing: antialiased;}

a {color:#000; text-decoration: none;}

a:hover{text-decoration: none;}

input::-webkit-input-placeholder { padding-top: 8px;}



p { font-size:0.8em; line-height: 1.8em;}

h2 { font-size:1.2em;font-weight:bold;}

h3 { font-size:0.9em;font-weight:bold;}

h4 { font-size:0.8em;font-weight:bold;}

h5 { font-size:0.9em; line-height: 2em;}

.font-weight_bold {font-weight:bold;}

.blue{color:blue;}
.red{color:red;}
.cteb{    font-size: 1em;
    text-align: center;}

/*外層包圍*/

.pagewrap { width: 100%; margin:0 auto; }

.container { width:1000px;margin:0 auto; }

.ahead{
	float: left;

    line-height: 30px;
}
.headbord{
	    text-align: center;
    line-height: 30px;
    border: 1px solid;
}
.tit1{
	    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bolder;
    line-height: 35px;
}
.tit2{
	 margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bolder;
    font-size: 18px;
}
/*header*/

.header_bg {  width:1000px; margin:0 auto;}

.header_logo { width:90%; margin: 10px 5% 20px 5%;}

.menu_bg01 { position: relative; width:100%;  background-color:#a4d0e3;}

.menu_container01 {   width:945px;margin:0 auto; display:flex}

.menu01_01 { float:left; width:200px;margin:0px 0 0 2%;font-weight:600}

.menu01_02 { float:left; flex:1; margin:5px 3% 0 3%;}

.menu01_02 img{
	max-width: 300px;
}

.menu01_03 { float:right; width:80px; margin:8px 0 0 0; font-weight:600}

.menu01_04 { float:right; width:25%; margin:5px 0 0 0;flex: 1;}

.flex{
	display: flex;
    width: 100%;
    padding: 10px;
	align-items: center;
}

.menu01_text01 { width:98%; font: 1em/0em Arial,Helvetica Neue,Helvetica,sans-serif; letter-spacing:0em; color:#000; padding:4px 5px; border:1px solid #1e8ab8;  }

.menu01_text01:focus { outline:none; color:#000}



.menu_bg02 {position: relative; width:100%; height:38px; background-color:#1e8ab8;z-index:1000 }

.menu_container { width:1000px;margin:0 auto;  }



/* footer*/

footer{position:relative; float:left; width: 100%;  margin:0 auto 0 auto; background-color:#8ac2da}

.footer_bg { position:relative; width:1000px; margin:0 auto 0 auto; z-index:0; text-align:center }

.footer_contectin02 { float:left; width:100%; }

.footer_contect02 {float:left; width:100%; padding:15px 0 10px 0;}

.footer_contect02 a:hover{ color:#ed923a}

.footer_contect02 p { font-size:0.7em}



/*all*/

.section_bg { width: 1000px; margin:0 auto; }

.section_left01 { float:left; width:100%; background-color:#a5d0e3;} /* 包section_left02,section_center01 */

.section_left02 { float:left; width:20%}

.section_center01 { float:right; width:80%; background-color:#FFFFFF} /* 包section_center02,section_right */

.section_center02 { float:left; width:70%;}

.section_right { float:right; width:30%; background-color:#c9e3ee; min-height:1000px;}

.index_space { float:left; width:100%; height:200px}



/*index*/

.banner_pic { position:absolute; width:1000px; z-index:100}

.banner{ position:relative; width:100%; margin:0 0;z-index:0  }



/*index_left*/

.index_left_menu { float:left; width:86%; padding:12px 7%; border-bottom:1px solid #000;}

.index_left_menuin { float:left; width:100%; font-size:0.95em; font-weight:600;  transition:0.3s ease;transition-property:all; }

.index_left_menuin:hover { opacity:0.5}

.index_left_banner { float:left; width:86%; margin: 10% 7%; }



/*index_center*/

.index_center_title { float:left; width:100%; background-color:#bbdeec}

.index_center_titlein { float:left; width:92%; margin:2% 4%}

.index_center_title_icon { float:left; width:2.6%; margin: 2px 2% 0 0 }

.index_center_title_text01 { float:left; width:55%; font-size:1.2em; font-weight:600; color:#005982}

.index_center_title_text02 { float:right; width:40%; text-align:right;transition:0.3s ease;transition-property:all;  }

.index_center_title_text02:hover { opacity:0.5}



.index_center_contect { float:left; width:92%; padding:12px 4%;}



.index_center_contectin01 { float:left; width:100%; border-bottom:1px dotted #000; margin: 0 0 20px 0}

.index_center_contectin01_text01 { float:left; width:100%; margin: 0 0 10px 0 }

.index_center_contectin01_text02 { float:left; width:100%; margin: 0 0 10px 0; font-weight:600}

.index_center_contectin01_text03 { float:left; width:100%; margin: 0 0 15px 0 }



.index_center_contectin02 { float:left; width:100%; margin: 15px 0 20px 0}

.index_center_contectin02_pic01 { float:left; width:49%; margin: 0 0 0 0}

.index_center_contectin02_pic02 { float:right; width:49%; margin: 0 0 0 0}

.index_center_contectin02_contect { float:left; width:100%; margin: 0 0 0 0}



.index_center_contectin03 { float:left; width:100%; margin: 15px 0 20px 0}

.index_center_contectin03_pic01 { float:left; width:30%; margin: 0 0 0 0}

.index_center_contectin03_contect { float:right; width:65%; margin: 0 0 0 0}



.index_center_contectin04 { float:left; width:100%; margin: 15px 0 20px 0}

.index_center_contectin04_pic01 { float:left; width:30%; margin: 0 0 0 0}

.index_center_contectin04_contect { float:right; width:65%; margin: 0 0 0 0}





/*index_right*/

.index_right_title { float:left; width:86%; margin:5% 7%}

.index_right_title_icon { float:left; width:6%; margin: 2px 6% 0 0 }

.index_right_title_text01 { float:left; width:80%; font-size:1.2em; font-weight:600}

.index_right_con {float:left; width:86%; margin:0 7% 7% 7%; transition:0.3s ease;transition-property:all; }

.index_right_con:hover { opacity:0.5}

.index_right_con_pic { float:left; width:100%}

.index_right_con_text01 {float:left; width:100%; font-weight:600; text-align:center; margin:7px 0}

.index_right_con_text02 {float:left; width:100%; font-size:0.9em; text-align:center; }

.index_right_banner { float:left; width:86%; margin:2% 7%}



/*inner*/

.inner_banner_1920 { display: inline; float:left; width:1000px; z-index:100}

.inner_banner_500 { display: none; float:left; width:100%; z-index:100}

.inner_title { float:left; width:90%; margin:3.5% 5% 2% 5%; font-size:1.2em; font-weight:600 }

.inner_contect {float:left; width:90%; margin:0 5% 3.5% 5%;line-height:1.5em;font-size:0.9em}
.inner_contect .wid50{float:left;width:48%; margin-right:1%}
.inner_contect a {color:#09789A; text-decoration: underline;}

.inner_title_ul01 {list-style-type:decimal ; margin: 0 0 0 4%}

.inner_title_ul02 {list-style-type:upper-latin ; margin: 0 0 0 6%}

.inner_title_ul03 {list-style-type:upper-latin ; margin: 0 0 0 4%}

.inner_title_li01 { margin: 3% 3% 0 0; padding: 0 0 0 1.5%}
.nobottom .inner_title_li01 { margin: 0% 3% 0 0; padding: 0 0 0 1.5%}



.inner_center_title { float:left; width:100%; background-color:#bbdeec; margin: 2.5% 0 0 0}

.inner_center_titlein { float:left; width:92%; margin:2% 4%}

.inner_center_title_icon { float:left; width:2.6%; margin: 2px 2% 0 0 }

.inner_center_title_text01 { float:left; width:55%; font-size:1.2em; font-weight:600; color:#005982}



.pic_font_01 {float:left; width:90%; margin:-2% 5% 3.5% 5%; font-size:0.8em; text-align:center}



.inner_space { float:left; width:100%; height:100px}

.inner_space2 { float:left; width:100%; height:50px}

.inner_detail_title_01 { float:left; width:95%; margin:2.5% 2.5% 0% 2.5%}

.inner_detail_title_02 { float:left; width:90%; margin:2.5% 5% 0% 5%}



.inner_pic_con { display:inline; float:left; width:90%; margin:5% 5% 5% 5%;}



/*about us*/

.about_pic {float:left; width:100%; margin:1% 5% 3% 5%;}

.about_pic_a {float:left; width:30%; margin:0;}

.about_pic_b {float:left; width:52.2%; margin: 0 0 0 5%;}



.about_pic02{float:left; width:90%; margin:0 5% 0 5%;}

.about_pic02_in01 {float:left; width:49%; margin: 0 2% 0 0 ;}

.about_pic02_in02 {float:left; width:49%; margin: 0 0 0 0 ;}

.about_pic03{ display:inline; float:left; width:90%; margin:2% 5% 3.5% 5%;}

.about_pic03_in01 {float:left; width:47%; margin: 0 2% 2% 0 ;}

.about_pic03_in02 {float:left; width:47%; margin: 0 0 2% 0 ;}

.about_pic04{float:left; width:90%; margin:4% 5% 10% 5%;}

.subtitle{font-size:1.1em}
.subcontent{font-size:1em;padding-left:2em;margin-bottom:10px;}
/*news*/

.news_contect { float:left; width:90%; margin: 5% 5% 0 5% }

.news_contectin { float:left; width:100%; border-bottom:1px dotted #000; margin: 10px 0 0 0}

.news_contectin01_text01 { float:left; width:100%; margin: 0 0 10px 0 }

.news_contectin01_text02 { float:left; width:100%; margin: 0 0 10px 0; font-weight:600}

.news_contectin01_text03 { float:left; width:100%; margin: 0 0 15px 0 }
.news_contectin01_text03 b{font-weight:bold;}
.news_contectin01_text04 { float:left; width:100%; margin: 0 0 15px 0; text-align:right;transition:0.3s ease;transition-property:all;}

.news_contectin01_text04:hover { opacity:0.5}

.news_contectin01_pic01 { float:left; width:31%; margin: 0 2% 2% 0}





.news_d_contect { float:left; width:90%; margin: 3% 5% 0 5% }

.news_d_contectin { float:left; width:100%; margin: 10px 0 0 0}

.news_d_contectin01_pic01 { float:left; width:31%; margin: 2% 2% 0 0}





/*course*/

.course_title { float: left; width:90%; margin:2.5% 5% 2.5% 5%}

.course_title_in { float:left; width:100%; margin: 0 0 2.5% 0; transition:0.3s ease;transition-property:all;}

.course_title_in:hover { opacity:0.5}



.course_detail_title_all { float:left; width:90%; margin:2.5% 5% 0% 5%}

.course_detail_title_back {float:left; width:90%; margin:2.5% 5% 0% 5%; text-align:right}



.course_detail_title_pic { float:left; width:90%; margin:2.5% 5% 0% 5%}

.course_detail_title { float:left; width:90%; margin:3.5% 5% 3.5% 5%; font-size:1.2em; font-weight:600 }

.course_detail_contect { float:left; width:90%; margin:0 5%; padding: 0 0 4% 0 ; border-bottom:1px dotted #ccc; }

.course_detail_contect ul {  list-style-type: square; margin: 0 0 0 3.5%}

.course_detail_contect li { margin: 0 0 3% 0; padding: 0 0 0 1%; transition:0.3s ease;transition-property:all;}

.course_detail_contect li:hover { opacity:0.5}



.course_detail_btn_con {float:left; width:90%; margin:2.5% 5% 5% 5%}

.course_detail_btn { float:right; background: #8ac2da; padding:1% 2% 1.5% 2%; transition:0.3s ease;transition-property:all; margin: 0 0 0 1%; font-weight:600;  }

.course_detail_btn a {color:#000}

.course_detail_btn:hover { opacity: 0.5 ;cursor: pointer; }



.course_detail_btn02 { float:left; background: #005982; padding:1% 2% 1.5% 2%; transition:0.3s ease;transition-property:all; margin: 0 1% 0 0; font-weight:600;    margin-bottom: 5px;  }

.course_detail_btn02 a {color:#fff}

.course_detail_btn02:hover { opacity: 0.5 ;cursor: pointer; }



/*course status*/

.coursestatus_d_contect { float:left; width:97.5%; margin: 3% 0% 0 2.5% }

.coursestatus_d_contectin { float:left; width:100%; margin: 10px 0 0 0}

.coursestatus_d_contectin01_pic01 { float:left; width:31%; margin: 2% 2% 0 0}





/*graduation*/

.grad_con { float:left; width:90%; margin:2.5% 5% 0% 5%; padding: 2.5% 0 5% 0 ; border-bottom:1px dotted #000;}

.grad_con_pic01 { float:left; width:33%; margin: 0 0 0 0}

.grad_con_contect { float:right; width:65%; margin: 0 0 0 0}







/*contact us*/

.contact_contect {float:left; width:90%; margin:5% 5% 5% 5%;}

.contact_contect_map {float:left; width:90%; margin:0 5% 5% 5%;}









/*other*/

.colour_000 { color:#000}

.fw_600 { font-weight:600}



.top_space { margin:3.5% 5% 3.5% 5%;}





/********** MEDIA QUERIES ***********************/

/* for webkit only */

@media screen and (-webkit-min-device-pixel-ratio:0) {  



} 



/* for 980px or less */

@media screen and (max-width: 1000px) {a

.container { width:100%;margin:0 auto; }



/*header*/

.header_bg {  width:100%; margin:0 auto;}

.header_logo { width:95%; margin: 10px 2.5% 20px 2.5%;}

.menu_container01 {  position: relative; width:100%;margin:0 auto;flex-direction:column; }

 

.menu_container { width:100%;margin:0 auto;  }



/*all*/

.section_bg { width: 100%; margin:0 auto; }



/*index*/

.banner_pic { position:absolute; width:100%; }



/*all*/

.section_left02 { display:none}

.section_center01 { float:right; width:100%;} /* 包section_center02,section_right */



/* footer*/

.footer_bg { position:relative; width:100%; margin:0 auto 0 auto; z-index:0; text-align:center }



/*inner*/

.inner_banner_1920 { display: inline; float:left; width:100%; z-index:100}



}



/* for 768px or less */

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



/*header*/

.menu01_02 { display:none}

.menu01_01 { float:left; width:40%;margin:8px 0 0 2%;font-weight:600}



/*all*/

.index_space { float:left; width:100%; height:500px}





}



/* for 480px or less */

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



/*header*/

.menu_bg01 { position: relative; width:100%; background-color:#a4d0e3;}

.menu01_01 { float:left; width:100%;margin:8px 0 0 0;font-weight:600; text-align:center}

.menu01_03 { float:right; width:20%; margin:8px 3% 0 0; font-weight:600; text-align:right}

.menu01_04 { float:right; width:75%; margin:5px 0 0 0;}





.section_center02 { float:left; width:100%;}

.section_right { float:right; width:100%;min-height:1000px;}

.index_space { float:left; width:100%; height:50px}



/*inner*/

.inner_banner_1920 { display: none; }

.inner_banner_500 { display: inline; float:left; width:100%; z-index:100}





/*about us*/

.about_pic02_in01 {float:left; width:100%; margin: 0 0 3% 0 ;}

.about_pic02_in02 {float:left; width:100%; margin: 0 0 0 0 ;}

.about_pic03{ display:none; float:left; width:90%; margin:2% 5% 3.5% 5%;}



.about_pic04{float:left; width:90%; margin:4% 5% 10% 5%;}



/*index_center*/

.index_center_contectin02_pic01 { float:left; width:100%; margin: 0 0 5% 0}

.index_center_contectin02_pic02 { float:right; width:100%; margin: 0 0 0 0}

.index_center_contectin02_contect { float:left; width:100%; margin: 0 0 3% 0}



.index_center_contectin03_pic01 { float:left; width:50%; margin: 0 0 0 25%}

.index_center_contectin03_contect { float:right; width:100%; margin: 5% 0 0 0}



.index_center_contectin04 { float:left; width:100%; margin: 15px 0 20px 0}

.index_center_contectin04_pic01 { float:left; width:70%; margin: 0 0 0 15%}

.index_center_contectin04_contect { float:right; width:100%; margin: 5% 0 0 0}



/*graduation*/

.grad_con { float:left; width:90%; margin:2.5% 5% 0% 5%; padding: 2.5% 0 5% 0 ; border-bottom:1px dotted #000;}

.grad_con_pic01 { float:left; width:100%; margin: 0 0 0 0}

.grad_con_contect { float:right; width:100%; margin: 10px 0 0 0}





}



.bluetxt {

    font-family: "Arial", "Helvetica", "sans-serif";

    font-size: 13px;

    color: #000000;

}

.bluebloodtxt {

    font-family: "Arial", "Helvetica", "sans-serif";

    font-size: 13px;

    color: #012E89;

    vertical-align: middle;

}

.download{ width:100%;       margin-left: 20px; float: left;}
.download img{width:50px;height:60px;    float: left;}
.download a{height:60px;line-height:60px;     margin-left: 10px;   float: left;    display: block;cursor:pointer}
.imgs{margin-bottom:15px;}
.whites p{color:#fff;}
.tabs{border-right:1px solid #000;border-bottom:1px solid #000}
.tabs td{border-left:1px solid #000;border-top:1px solid #000;vertical-align: top;}
.tabs p{font-size:16px;text-align:center;}
.tabs p.jc{font-weight:bold}
.tabs span.jc{font-weight:bold}
.ttitle{font-size:22px;font-weight:bold;}
.tabs1{margin-top:20px;border: 1px solid;padding-top:10px;padding-bottom:10px;}
.tabs1 p{text-align:center;}
.wimg{width:100px;}
.ems .about_pic03_in01{height:190px;overflow:hidden;}
strong{font-weight:bold;}