@charset "utf-8";

@import url("reset.css");

@import url("loading.css");

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



html { height:100% }

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }

body, td, th { font-size:12px; font:12px/18px 'Dosis', '微軟正黑體', sans-serif; }

.iframe_ch { display:none }

.middle{ vertical-align:middle; }

.width100{ width:100%; }



.button1{ color:#525252; border:1px solid #525252; font-size:14px; padding:7px 25px; letter-spacing:1px; cursor:hand; cursor:pointer; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.button1:hover{ background:#525252; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }



.button2{ color:#025074; background:#fff; border:1px solid #025074; font-size:14px; padding:7px 25px; letter-spacing:1px; cursor:hand; cursor:pointer; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.button2:hover{ background:#025074; color:#fff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }



.pager{ width:100%; margin:50px auto; text-align:center; }



/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> Common <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



/*PageLoad*/

#wrapper { position:relative; opacity:0; overflow:hidden; /*background:url(../../images/bg.jpg) repeat;*/ -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; -ms-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; }

#wrapper.load { opacity:1; }

.overlay{ position:fixed; display:none; width:100%; height:100%; z-index:999; top:0; left:0; background-color: rgba(0,0,0, 0.5); transition: 0.5s;}



#wrapper{ width:100%; min-height:1000px; }

#header{ position:relative; width:100%; background:#FFF; padding:0 0 5px 0; overflow:hidden; z-index:99; }

#header .header_wrap{ position:relative; max-width:1200px; height:80px; margin:0 auto; background:url(../../images/header_logo.png) no-repeat; }

#header .header_line{ position:absolute; margin:0 0 5px 0; bottom:0; right:0; width:50%; height:39px; background:#00A1E9;  animation: 1s ease-out 0s 1 dropRight30X; }

#header .header_logo{ position:absolute; left:0; bottom:0; }

#header .search{ position:absolute; right:0; bottom:0; height:39px; line-height:39px; color:#47C3F9; font-size:15px; }

#header .search a{ color:#E6F7FF; font-size:15px; letter-spacing:1px; text-decoration:none; }

#header .search a:hover{ text-decoration:underline; }

#header .search span{ position:relative; }

#header .search span .submit{ position:absolute; top:2px; left:2px; cursor:pointer; cursor:hand; margin:0; padding:0; }

#header .search input{ border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#F2FBFF; padding:3px 5px 3px 25px; height:18px; color:#333; letter-spacing:1px; }

#menu{ width:100%; overflow:hidden; margin:30px 0 0 0; }

#menu .menu_wrap{ position:relative; max-width:1200px; height:50px; margin:0 auto; animation: 1s ease-out 0s 1 dropBottom20Y; }

#menu .menu_wrap ul{list-style:none;margin:0;padding:0;overflow:hidden;/* position:absolute; *//* left: 65px; */display: flex;justify-content: center;align-items: center;}

#menu .menu_wrap ul li{float:left;text-align:center;margin: 0 27px;padding:0 0 5px 0;color:#393939;font-size:15px;letter-spacing:1px;cursor:pointer;cursor:hand;}

#menu .menu_wrap ul li:hover{ border-bottom:4px solid #00a0e9;}

#menu .menu_wrap ul li span{ display:block; color:#B1B1B1; padding:3px 0; 

font-size: 9px;

-webkit-transform: scale(0.75);    /*12×0.75=9*/

-o-transform: scale(1);

}



#sitemap{ width:100%; overflow:hidden; background:#F5F5F5; padding:10px 0; }

#sitemap .sitemap_wrap{ width:1200px; margin:0 auto; font-size:14px; letter-spacing:1px; color:#8b8a8a; }

#sitemap .sitemap_wrap a{ color:#8b8a8a; }



#footer_map{  width:100%; text-align:center; padding:10px 0; background:#025074; overflow:hidden; color:#fff; }

#footer_map a{ color:#fff; text-decoration:none; }

#footer_map a:hover{ text-decoration:underline; }

#footer_map span{padding: 5px 15px;font-size:14px;letter-spacing:1px;}



#footer{ width:100%; margin:0 auto; letter-spacing:1px; background:#00415f; }

#footer .footer-wrapper{ /*background:url(../../images/footer_bg.png) no-repeat bottom left;*/ max-width:1200px; text-align:left; margin:0 auto; min-height:105px; overflow:hidden; }

#footer .footer-contain{ padding-left:50px;}

#footer .footer-contain-left{ padding-top:35px; float:left;}

#footer .footer-contain-right{ max-width:450px; padding-top:20px; float:right; color:#7dc5e6; margin-right:130px; line-height:23px; font-size:13px; letter-spacing:2px; }

#copyright{ width:100%; margin:0 auto; background:#00415f; }

#copyright .copyright-wrapper{ padding:8px 0; max-width:1200px; text-align:center; margin:0 auto; color:#007fba; letter-spacing:2px; font-size:13px; }

#copyright .copyright-wrapper a{ color:#007fba; text-decoration:none; }

#copyright .copyright-wrapper a:hover{ text-decoration:underline; }



/*共用內頁版型*/

#common_layout_area{ width:100%; overflow:hidden; background:#ffffff; }

#common_layout{ max-width:1200px; width:100%; overflow:hidden; margin:30px auto; display: flex; flex-wrap: wrap; /*let two column same height*/ }

#common_layout .common_layout_left{ max-width:335px; width:30%; float:left; border-right:1px solid #c3c3c3; flex-grow: 1; }

#common_layout .common_layout_right{ width:69%; float:left; box-sizing:border-box; padding:0 10px; flex-grow: 1; }

#common_layout .common_title{ font-size:24px; color:#444444; padding:10px 0 30px 0; border-bottom:1px dashed #b2b2b2; line-height:30px; }

#common_layout .common_content{font-size:15px;line-height:35px;letter-spacing:1px;min-height:200px;border-bottom:1px dashed #b2b2b2;padding: 10px 10px 100px 10px;}



.common_href{text-decoration: none; color: #025074;}

.footer_href{text-decoration: none; color: #FFFFFF;}



/*左邊子選單*/

#submenu{ width:100%; overflow:hidden; box-sizing:border-box; padding:0 20px; margin:0 0 50px 0; }

#submenu .bottom_line{ display:inline-block; width:100%; margin:5px 0; border-bottom:1px dashed #b2b2b2; }

#submenu div{ background:#00a0e9; color:#FFF; margin:0 0 0 0; font-size:15px; letter-spacing:1px; padding:10px 10px 10px 10px; cursor:hand; cursor:pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

#submenu div:hover{ background:#025074; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }



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

	#header .header_line{ display:none; }

	#menu .menu_wrap ul li{ margin:0 14px; }	

}

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

	#menu{ margin:15px 0 0 0;}

	#menu .menu_wrap{ height:0; }

	#menu .menu_wrap ul{ display:none; }

	#header .search{ display:none; }

	#footer_map{ display:none; }	

	

	#footer .footer-contain{ padding-left:20px; }

	#footer .footer-contain-left{ float:none; }

	#footer .footer-contain-right{ float:none; }

	#copyright .copyright-wrapper{ background:none; padding-left:20px; text-align:left; line-height:20px; }	

	

	#common_layout .common_layout_left{ display:none; }

	#common_layout .common_layout_right{ width:100%; }

	

}

@media screen and (min-width : 480px) {

	#header .header_logo{ /*display:none;*/ }

}

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

	#header .header_logo{ width:80%; }

	#header .header_wrap{ background:none; }

	#header .header_logo{ display:block; }

}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------->>> Index <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



#index_bTitle{ position:relative; /*border-bottom:1px solid #d1d1d1;*/ margin:0;}

#index_bTitle a{position:absolute;top: 30px;right:0;color:#023F98;font-size:13px;letter-spacing:1px;}

#index_bTitle .bTitle_wrap{max-width:1175px;overflow:hidden;padding: 30px 0;margin:0 auto;font-size: 35px;font-weight:bold;letter-spacing:1px;color: #00a040;}

#index_bTitle .bTitle_wrap span{ font-size:18px; font-weight:normal; color:#424242; }



#index_news_area{ width:100%; overflow:hidden; background:#f5f5f5; }

#index_news{max-width:1200px;width:100%;overflow:hidden;margin: 30px auto;}

#index_news .index_news_left{ max-width:840px; width:70%; float:left; animation: 1s ease-out 0s 1 transiLeft; }

#index_news .index_news_type{ position:relative; /*background:#ffffff;*/ min-height:40px; overflow:hidden; }



#index_news .index_news_type_btn{ float:left; height:40px; line-height:40px; padding:0 40px; margin:0 5px 0 0; color:#EFF5DB; background:#fff; letter-spacing:1px; font-size:16px; font-weight:bold; cursor:hand; cursor:pointer; }

#index_news .index_news_type_btn_on{ position:relative; float:left; height:40px; line-height:40px; padding:0 40px; margin:0 5px 0 0; background:#014099; color:#ffffff; letter-spacing:1px; font-size:16px; font-weight:bold; cursor:hand; cursor:pointer; }

#index_news .index_news_type_btn_on img{ position:absolute; bottom:2px; left:48%;}

#index_news .index_news_type_btn{ color:#585858; }

#index_news .index_news_type_btn:hover{ background:#014099; color:#ffffff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}

#index_news .index_news_line{ /*border-bottom:1px dotted #ffffff;*/ }

#index_news .index_news_list{ background:#ffffff; min-height:300px; }

#index_news .index_news_list ul{ list-style:none; margin:0; padding:10px 30px; }

#index_news .index_news_list ul li{ border-bottom:1px dotted #999999; padding:0 0 10px 0; max-height:65px; overflow:hidden; }

#index_news .index_news_list ul li span{ font-size:15px; color:#757575; display:inline-block; padding:10px 0; letter-spacing:1px;}

#index_news .index_news_list ul li a{ color:#2b2b2b; text-decoration:none; font-size:15px; letter-spacing:1px; line-height:30px; }

#index_news .index_news_list ul li a:hover{ text-decoration:underline;}



#index_news .index_news_right{ max-width:335px; width:30%; display:inline-block; text-align:right; margin:80px 0 0 0; animation: 1s ease-out 0s 1 transiRight; }

#index_news .index_news_right img{ max-width:290px; width:100%; margin-bottom:5px; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); }



/*Links*/

.abgne-news-scroll ul, .abgne-news-scroll ul li {margin: 0 0 10px 10px;padding: 0;list-style: none;}

.abgne-news-scroll { max-width: 350px; height: 450px; overflow: hidden; position: relative; }

.abgne-news-scroll ul { position: absolute; }

.abgne-news-scroll li { /*height: 80px;*/ padding: 5px 0 5px 0px; }



#index_course_area{ width:100%; overflow:hidden; background:#ffffff; }

#index_course{ max-width:1200px; width:100%; overflow:hidden; margin:30px auto; }

#index_course .course_items{ background:#F5F5F5; /*max-width:380px;*/ width:30%; margin:1%; overflow:hidden; }

#index_course .course_items_title{ width:100%; }

#index_course .course_items_title_left , 

#index_course .course_items_title_right{ 

	float:left; height:45px; line-height:45px; color:#fff; letter-spacing:1px;

}

#index_course .course_items_title_left{ width:80%; background:#00b07a; font-size:18px; }

#index_course .course_items_title_left img{ padding:5px 10px;}

#index_course .course_items_title_right{ width:20%; background:#f5f5f5; color:#424242; text-align:center; font-size:14px; cursor:pointer; cursor:hand; }

#index_course .course_items_title_right:hover{ background:#424242; color:#ffffff; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

#index_course .course_items_list{ clear:both; border-bottom:1px dotted #ababab; color:#444444; font-size:16px; letter-spacing:1px; margin:0 20px; padding:15px 10px;}

#index_course .course_items_list a{ color:#444444; text-decoration:none; }

#index_course .course_items_list a:hover{ text-decoration:underline; }





#index_activity_area{ width:100%; overflow:hidden; background:#ffffff; }

#index_activity{ max-width:1200px; width:100%; overflow:hidden; margin:30px auto; letter-spacing:1px; }

#index_activity .activity_items{ background:#fff; /*max-width:380px;*/ width:30%; margin:1%; overflow:hidden; font-size:15px; }

#index_activity .activity_items img{ /*max-width:360px;*/ width:99%; box-shadow:4px 4px 3px rgba(50%,20%,80%,0.2); box-sizing:border-box; cursor:hand; cursor:pointer; }

#index_activity .activity_items_date{ color:#8c8c8c; padding:5px 0; }

#index_activity .activity_items_title{ color:#333; padding:5px 0; border-bottom:1px dotted #b2b2b2; }

#index_activity .activity_items_title a{ color:#333; text-decoration:none; }

#index_activity .activity_items_title a:hover{ color:#00B07A; }

#index_activity .activity_items_content{ color:#333; padding:5px 0; font-size:13px; }



.photo_gallery_img{ width:100%; overflow:hidden;}





.photo_gallery_img img {

    -webkit-transition: all 1s ease; /* Safari and Chrome */

    -moz-transition: all 1s ease; /* Firefox */

    -o-transition: all 1s ease; /* IE 9 */

    -ms-transition: all 1s ease; /* Opera */

    transition: all 1s ease;

    max-width: 100%;

}



.photo_gallery:hover img {

    -webkit-transform:scale(1.05); /* Safari and Chrome */

    -moz-transform:scale(1.05); /* Firefox */

    -ms-transform:scale(1.05); /* IE 9 */

    -o-transform:scale(1.05); /* Opera */

     transform:scale(1.05);

}



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

	#index_news .index_news_left{ float:none; width:100%; max-width:none; }

	#index_news .index_news_right{ display:none; max-width:none; width:100%; margin:20px 0 0 0; }

	.abgne-news-scroll{ max-width:none; }

	.abgne-news-scroll ul{ position:inherit; width:100%; text-align:center;}

	.abgne-news-scroll ul li{ float:none; display:inline-block; text-align:center;}

	

	#index_news .index_news_type_btn , 

	#index_news .index_news_type_btn_on{ padding:0 10px; }

	

	#index_course .course_items, 

	#index_activity .activity_items{ width:47%; }

	

}

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

 #index_course .course_items{ width:98%; }

 #index_news{ margin:10px 0;}

 #index_bTitle .bTitle_wrap{ padding:30px 0 0 0;}

}



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

	#index_news .index_news_right{ /*display:block;*/ }

	#index_news .index_news_type_btn , 

	#index_news .index_news_type_btn_on{ width:100%; border-bottom:1px solid #CCC;}

	#index_news .index_news_type_btn{ background:#EBEBEB}

	#index_activity .activity_items{ width:98%; }

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------->>> News <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



#news_list{ width:100%; padding: 5px 0 5px 0; overflow:hidden; border-bottom:1px dashed #b2b2b2; }



.news_list_type{ float:left; /*max-width:30px;*/ padding:0 10px 0 10px; color:#50839a;  font-size:15px; }

.news_list_date{ float:left; max-width:100px; padding:0 10px 0 10px; letter-spacing:2px; font-size:15px; }

.news_list_type span{ border:1px solid #50839a; padding:3px 5px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }

.news_list_title{ float:left; width:60%; padding:0 10px 0 10px; line-height:32px; letter-spacing:1px; }

.news_list_title a{ color:#444444; text-decoration:none; }

.news_list_title a:hover{ color:#025074; }

.news_bg{ background:#f5f5f5; }



.news_detail_subtitle{ width:100%; padding:20px 0; border-bottom:1px dashed #b2b2b2; overflow:hidden; }



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

	.news_list_date{ display:none;}

	.news_list_title{ float:none; width:90%;}

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------->>> Activity <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



.items_adjust{ width:47% !important; }



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

	.items_adjust{ width:98% !important; }

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------->>> Contact <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



.contact{max-width:675px; overflow:hidden; margin:20px auto; line-height:40px; color:#2D2D2D; font-size:15px; letter-spacing:1px;}

.contact_info_area{ width:100%; overflow:hidden; line-height:25px; padding:5px 0; border-bottom:1px dashed #a7a7a4; }

.contact_info_title{ float:left; width:30%; color:#025074; }

.contact_info_title img{ padding:0 10px 0 5px; vertical-align:middle;}

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



#contact{ width:60%; }

#contact .ctitle{ font-size:14px; color:#025074; letter-spacing:1px; height:50px; min-width:60px; max-width:150px;}

#contact .input1{ max-width:560px; width:100%; height:28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #afd1df; padding-left:10px; color:#666; }

#contact .input2{ max-width:260px; width:100%; height:28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #afd1df; padding-left:10px; color:#666; }

#contact .textarea{ max-width:560px; width:98%; height:200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #afd1df; padding:10px; color:#666; }

#contact input:focus { 

    background-color:#f1fbff;

}



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

	#contact{ width:90%; }	

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> Course <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



#course tr:nth-child(odd) {

    background-color: #F5F5F5;

}



.member_form_bg3{  background:#00a040; font-size:16px; padding:0px 10px; color:#ffffff; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}

.member_form_bg4{ width:250px; background:#00a040; font-size:16px; padding:10px 10px; color:#ffffff; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

.member_form_bg5{  border-bottom:1px dashed #CCCCCC; padding-top:5px; padding-bottom:5px; font-size:15px; letter-spacing:1px;}

.member_form_bg6{  border-bottom:1px dashed #CCCCCC; padding:5px 10px; font-size:15px; letter-spacing:1px;}

.member_form_bg6 a{ color:#494949; text-decoration:none;}

.member_form_bg6 a:hover{ color:#00a0e9; }



.course{ max-width:none; overflow:hidden; margin:20px auto; line-height:40px; color:#2D2D2D; font-size:15px; letter-spacing:1px;}

.course_info_area{ width:100%; overflow:hidden; line-height:25px; padding:5px 0; border-bottom:1px dashed #a7a7a4; }

.course_info_title{ float:left; width:20%; min-width:150px; color:#025074; }

.course_info_title img{ padding:0 10px 0 5px; vertical-align:middle;}

.course_info_content{ float:left; width:80%; box-sizing:border-box; padding-left:30px; }

.course_info_content a{ color:#00a0e9; }



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

	.member_form_bg4{ width:150px;}

}





/*230609 yinchen*/

#contain{max-width:870px;width:100%;min-height:800px;/* border:1px solid #DFDFDF; */border-top:0;background:#FFF;padding:15px 10px;box-sizing: border-box;}



.course_title{padding: 5px 0 30px 0;font-size:24px;font-weight:bold;letter-spacing:1px;}

.course_title span{ font-size:12px; font-weight:normal; color:#929292; padding-left:50px;}

.course_stitle{display:inline-block;padding: 7px 0px 7px 15px;margin:15px 0;box-sizing: border-box;width: 100%;font-size:20px;font-weight:normal;letter-spacing:1px;background: #00a0e9;color:#FFF;}

.course_content{ padding: 0px 50px 10px 50px;overflow:hidden;}



#cinfo_table{ width:100%; overflow:hidden; }

#cinfo_table .cinfo_left{ width:50%; float:left; overflow:hidden; }

#cinfo_table .cinfo_right{ width:50%; float:left; overflow:hidden; }

#cinfo_table .cinfo_left2{ width:30%; }

#cinfo_table .cinfo_right2{ width:70%;}



.course_info_area{float:left; max-width:355px; padding:10px 0; margin-right:40px; font-size:15px;}

.course_info_left{float:left;max-width:80px;font-weight:bold;color:#575757;padding: 5px 0;}

.course_info_right{float:left;max-width:260px;padding: 5px 30px;box-sizing: border-box;color:#575757;line-height:22px;}

.course_info_title{font-weight:bold; color:#575757; font-size:15px;}

.course_info_content{ padding:30px 0; line-height:25px; letter-spacing:1px; border-bottom:1px solid #CCC; margin-bottom:30px;}



.course_info_area2{width:100%; overflow:hidden; clear:both; padding:10px 0;}

.course_info_left2{font-size:15px;}

.course_info_right2{font-size:15px; width:80%; max-width:none; padding:0 0 0 30px;}



#detail { padding-top:32px;}

#apply {position:absolute; /*background:url(../../images/apply_bt.png) no-repeat;*/ width:133px; height:43px; margin-left:500px; margin-top:-50px; line-height:20px; padding-top:2px; cursor:pointer; color:#555;}

#apply i{ font-style:normal; display:inline-block;}



#detail th{background:#00909A; color:#FFF; font-size:15px; letter-spacing:1px; height:30px;}

#detail td{ padding:10px 0; font-size:15px; border-bottom:1px #ccc solid; padding-left:20px; color:#555555;}

#detail .back:hover{ cursor:pointer; text-decoration:underline;}

#detail .input{ border: #d9d9d9 1px solid; width:250px; height:25px; line-height:25px; color:#555555; padding-left:5px;}

#detail a{ color:#555555; text-decoration:none;}

#detail a:hover{ color:#969696; }

#detail .submit{ border:0; background:none; font-size:15px; letter-spacing:1px; color:#555; outline:none; cursor:pointer; font-family:"微軟正黑體";}

#detail .submit:hover{ color:#969696; text-decoration:underline;}



.button4{background:#dd1431; color:#FFF; font-size:18px; letter-spacing:1px; width:150px; height:37px; line-height:37px; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer; cursor:hand;}

.button4:hover{ background:#fc687d; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}







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



	#contain{ min-height:inherit;}



	.course_table3{ display:none; }

	

	

	#cinfo_table .cinfo_left{ float:none; width:100%; }

	#cinfo_table .cinfo_right{ float:none; width:100%; }

	.course_info_area{ max-width:none; margin-right:0;}	

	

	.course_info_right{ max-width:none; padding:0 20px 0px 13px;}

	

	.course_title{ padding:50px 10px;}

	.course_content{ padding:0px 20px 10px 20px;}

	

	.course_stitle{ width:100%;}

	

	.footer_address{ margin-top:10px;}	



}



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



	.course_table1{ display:none; }

	.course_table2{ display:none; }	

	

	#detail td{ padding-left:0;}

	#detail .input{ width:95%;}

		

	cinfo_table{ width:105%}

	.course_info_right2{ width:80%;}

	.course_info_right{ padding:0 10px 0 10px;}

	

	#cinfo_table .cinfo_left2{ width:100%; }

	#cinfo_table .cinfo_right2{ width:100%; }

	

}







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

	.course_info_right2{ width:75%;}

	

}



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

	.course_info_right2{ width:100%;}

	#stu_info_div .input{ width:85%;}

	.text{ color:#555; font-size:12px; font-family:"微軟正黑體"; width:85%; height:100px; padding:5px; margin:5px 0 ; }

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* -------------------------------->> FAQ <<<------------------------------------------------------ --*/

/* ----------------------------------------------------------------------------------------------------------------*/



.question{ cursor:pointer; cursor:hand;}

.question_bg{background:#f1fbff;border:1px solid #afd1df;border-bottom:0;padding: 10px 0;}

.question_border{}

.question_padding10{padding:10px;}

.question_title{font-family:'微軟正黑體';color:#797979;font-weight:bold;font-size:15px;position:relative;padding: 0 40px 0 0;}

.question_content{color:#9A9A9A; padding:15px 15px 15px 0px; position:relative; font-size:15px; line-height:30px; letter-spacing:1px;}

.question_img{position:absolute;bottom: 0px;right: 15px;}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> Member <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



#member_area{width:100%; overflow:hidden; display: flex; flex-wrap: wrap;}

#member_area .member_declare{ font-size:13px; color:#333333; border-bottom:1px dotted #CCCCCC; letter-spacing:1px; padding:0 0 10px 0; margin:0 0 10px 0; }

#member_area .member_declare span{ font-size:14px;}

#member_area .member_left{ width:20%; float:left; flex-grow:1 }

#member_area .member_left img{display:block;margin: 0 auto;}

#member_area .member_right{ position:relative; width:75%; float:left; background:#f1fbff; padding:5px 20px 0 20px; box-sizing:border-box; flex-grow:1 }

#member_area .member_title{ padding:3px 5px; background:#025074; color:#fff; font-size:16px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; }

#member_area .member_name{ width:100%; padding:0 5px; color:#474a4b; letter-spacing:1px; text-align:left; font-size:18px; border-bottom:1px dotted #999; }

#member_area .member_content{ padding:15px 0; font-size:14px; letter-spacing:1px; color:#025074; line-height:25px; }

#member_area .member_content .title{ color:#78B800; }

#member_area .member_right .member_more{ position:absolute; bottom:5px; right:5px; padding:0px 8px; background:#025074; color:#FFF; cursor:hand; cursor:pointer; }

.member_type{border:1px solid #025074;color:#025074;padding:6px 10px;margin: 5px 5px;display: inline-block;cursor:pointer;cursor:hand;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}

.member_type:hover{ color:#ffffff; background:#025074; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }

#member_area .member_info{ clear:both; width:100%; overflow:hidden; border-top:1px solid #AFD1DF; color:#025074; padding:20px; }



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

	#member_area .member_left{ width:30%; }

	#member_area .member_right{ width:70%; }

}



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

	#member_area .member_left{float:none;text-align: center;margin: 0 auto;}

	#member_area .member_right{ width:100%; }

	#member_area .member_right .member_more{ position:inherit; padding:5px 8px;}

}



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

	#member_area .member_left img{/* display:inherit; */margin: 0 auto;}

	#member_area .member_left{ width:100%; text-align:center; }	

}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> Placeholder <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/





::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #AFAFAF;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #AFAFAF;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #AFAFAF;

}

:-moz-placeholder { /* Firefox 18- */

  color: #AFAFAF;



}





/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------->>> Bx-Slider <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



#banner .bx-wrapper .bx-prev , 

#banner .bx-wrapper .bx-next ,

#banner .bx-wrapper .bx-pager { opacity: 0; }



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

 #index_course .course_items{ width:98%; }

}

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

 #banner .bx-wrapper .bx-pager{ display:none; }	

	

/*

 #banner, #banner li {

	 max-height: 300px;

	 height: 300px;	

	 background-position: center;

 }



 #banner img {

 	display: none;

 }	

*/

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> DL Menu <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



@media screen and (min-width : 1024px) {	

	.dl-menuwrapper{ display:none; }

}

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

	.dl-menuwrapper button{ background:#00A0E9}

	.dl-menuwrapper button:hover,

	.dl-menuwrapper button.dl-active,

	.dl-menuwrapper ul {

		background: #49B8ED; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;

	}	

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> CSS Affect <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



@keyframes dropRight20X {

  0% {

    transform: translateX(-20%);

  }

  100% {

    transform: translateX(0);

  }

}



@keyframes dropLeft20X {

  0% {

    transform: translateX(20%);

  }

  100% {

    transform: translateX(0);

  }

}



@keyframes dropRight30X {

  0% {

    transform: translateX(-30%);

  }

  100% {

    transform: translateX(0);

  }

}



@keyframes dropBottom20Y {

  0% {

    transform: translateY(-20%);

  }

  100% {

    transform: translateY(0);

  }

}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(../../images/action_bg.png); z-index:100000000 }

.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(../../images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }



/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/



.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }

.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }

.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }

.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }

a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }

a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }

a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }

a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }

a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }

a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }

a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }

a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }

a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }

a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }

a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }

a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }