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

html { margin:0px; min-height:100%; }

body { width:100%; min-height:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; position:relative; background-color:#ffffff; font-size:16px; color:#333333; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input { padding:0px; margin:0px; vertical-align:top; }

.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

/* ---------------- font ---------------- */

#top .right_part .form_btn span,
#menu .menu_list li a span,
#left_menu ul li.lv1 span,
#left_menu .sub_menu li a span,
#banner .banner_text, 
#banner .banner_text .search_form .search_area input[type=text],
#banner .banner_text .search_form input[type=submit],
#main .intro_left .sub_title,
#main .intro_left .intro_title,
#main .intro_right,
#main .index_course .course_title span,
#main .index_course .course_gallery .course_item .course_info .course_name,
#main .index_course .course_gallery .course_item .course_info .course_intro,
#main .index_course .apply_btn span,
#main .advertisement .advertise_title,
#main .advertisement .advertise_sub_title,
#main .advertisement .advertise_red,
#main .advertisement .advertise_content,
#main .advertisement .advertise_btn span,
#main .right_side .about_us p,
#main .right_side .about_us td,
#main .right_side .course_list .course_item .course_content .course_name,
#main .right_side .course_list .course_item .course_content .course_desc,
#main .right_side .course_list .course_item .course_content .course_price,
#main .right_side .detail_title,
#main .right_side .detail_banner .info_area .title,
#main .right_side .detail_banner .info_area .fee .info_content,
#main .right_side .detail_banner .info_area .venue .info_content,
#main .right_side .detail_content .apply_btn span,
#main .right_side .detail_content .detail_word,
#main .right_side .detail_content .detail_sub_title span,
#main .right_side .news_item .news_content .news_topic,
#main .right_side .news_item .news_content .news_date,
#main .right_side .news_item .news_content .news_word,
#main .right_side .news_detail .news_content .news_word,
#footer .sitemap ul li a span,
#footer .copyright { font-family: 'Oxygen', "微軟正黑體", "Microsoft JhengHei", sans-serif;}

#main .right_side .about_us h2,
#main .right_side .about_us h3,
#main .right_side .about_us h4 { font-family: 'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1024px; background-color:#ffffff; position:relative; z-index:1000; overflow:hidden; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }
#wrap .container { width:1024px; margin:0px auto; position:relative; box-sizing:border-box; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }

#top { position: relative; }
#top .logo { position: absolute; left: 10px; top: 15px; z-index: 10; }
#top .logo.mobile { display: none; position: absolute; left: 10px; top: 15px; z-index: 10; }
#top .logo.mobile img { max-width:100%; }
#top .right_part { width: 280px; text-align: right; float: right; }
#top .right_part .toolbar { text-align: right; padding-top: 10px; margin: 8px -159px 13px 16px; }
#top .right_part .toolbar ul { font-size: 0; }
#top .right_part .toolbar ul li { display: inline-block; vertical-align: middle; margin-left: 8px; }

#top .right_part .toolbar ul li img { transition: all 0.5s ease; }					 
#top .right_part .toolbar ul li img:hover { opacity: 0.7; }
#top .right_part .toolbar ul li span { font-size: 14px; color: #000000; }
#top .right_part .toolbar ul li i { transition: all 0.5s ease; font-size: 18px; color: #666666; }
#top .right_part .toolbar ul li.lang { margin-left: 0; }
#top .right_part .toolbar ul li.lang span { transition: all 0.5s ease; border-right: 1px solid #000000; padding-left: 6px; padding-right: 6px; }
#top .right_part .toolbar ul li i:hover,
#top .right_part .toolbar ul li.lang span:hover,
#top .right_part .toolbar ul li.active span { color: #e70000; }
#top .right_part .form_btn { float: right; width: 216px; height: 31px; background-image: url(../img/form_bg.png); box-sizing: border-box; padding-left: 20px; text-align: center; background-position: center; background-repeat: no-repeat; }
#top .right_part .form_btn img { display: inline-block; vertical-align: middle; margin-right: 10px; }
#top .right_part .form_btn span { font-size: 14px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; display: inline-block; vertical-align: middle; line-height: 31px; }

#top .mobile_btn_area { position: absolute; right: 20px; top: 0; width: 50px; height: 100%; display: none; }
#top .mobile_btn_area .mobile_btn { vertical-align: middle; display:inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 24px; background-color: #be0000; }
#top .mobile_btn_area .mobile_btn i { color: #ffffff; line-height: 40px; }
#top .mobile_btn_area:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

#menu { width: 100%; height: 40px; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: -40px; }
#menu .menu_list { text-align: right; position: relative; z-index: 100; }
#menu .menu_list li { display: inline-block; vertical-align: middle; font-size: 0; padding-left: 4px; padding-right: 17px; background-image: url(../img/menu_border.png); background-position: right center; background-repeat: no-repeat; }
#menu .menu_list li:last-child { background-image: none; padding-left: 11px; padding-right: 12px; }
#menu .menu_list li a span { transition: all 0.5s ease; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 40px; font-family: 'Oxygen', sans-serif; }
#menu .menu_list li a span:hover { color: #e70000; }

#mobile_menu { position:fixed; top:0; left:0; z-index:1; visibility:hidden; width:280px; height:100%; background-color:#be0000; transition:all 0.3s ease; overflow:hidden; box-sizing:border-box; }
#mobile_menu .menu_list { padding-top: 6px; padding-bottom: 6px; }
#mobile_menu li.lv1 { padding-left: 15px; padding-right: 15px; padding-top: 6px; padding-bottom: 6px; }
#mobile_menu li.lv1 .mobile_title { position: relative; }
#mobile_menu li.lv1 .mobile_title i { transition: all 0.5s ease; color: #ffffff; position: absolute; right: 0; top: 7px; font-size: 20px; }
#mobile_menu li.lv1 .mobile_title.active i { transform: rotate(-180deg); }
#mobile_menu li.lv1 .mobile_title span { font-size: 20px; color: #ffffff; font-weight: bold; }
#mobile_menu ul.lv2 { padding-top: 3px; padding-bottom: 3px; display: none; }
#mobile_menu ul.lv2.active { display: block; }
#mobile_menu li.lv2 { padding-left: 10px; padding-top: 3px; padding-bottom: 3px; position: relative; }
#mobile_menu li.lv2 span { color: #ffffff; font-size: 15px; font-weight: bold; }
#mobile_menu li.lv2 i { position: absolute; left: 2px; top: 9px; font-size: 12px; color: #ffffff; }
#mobile_menu .tool { font-size: 0; }
#mobile_menu .lang { font-size: 0; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; }
#mobile_menu .tool a { width: 25%; display: inline-block; vertical-align: middle; text-align: center; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; }
#mobile_menu .lang a { width: 33.3%; display: inline-block; vertical-align: middle; text-align: center; }
#mobile_menu .lang a span,
#mobile_menu .lang a i { font-size: 20px; font-weight: bold; color: #ffffff; }


.openResponsive, 
.openResponsive body { height:100%; }
.openResponsive #wrap { height:100%; transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { visibility:visible; transition:all 0s ease; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }

#left_menu { width: 216px; float: left; padding-top: 30px; }
#left_menu ul li.lv1 { width: 216px; margin-bottom: 5px; box-sizing: border-box; border: 1px solid #e9e9e9; padding: 5px 8px; background: rgb(253,253,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 50%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(246,246,246,1) 50%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(246,246,246,1) 50%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ }
#left_menu.about_us ul li.lv1 { width: 195px; } 
#left_menu ul li.lv1 span { transition: all 0.5s ease; font-size: 14px; line-height: 15px; color: #000000; font-family: 'Oxygen', sans-serif; font-weight: bold; }
#left_menu ul li.lv1:hover span,
#left_menu ul li.lv1.active span { color: #993333; }

#left_menu .sub_menu { padding-bottom: 5px; display:none; }
#left_menu .sub_menu li { box-sizing: border-box; padding-left: 15px; position: relative; padding-top: 3px; padding-bottom: 3px; }
#left_menu .sub_menu li i { display: none; transition: all 0.5s ease; position: absolute; left: 6px; top: 4px; font-size: 13px; color: #ea0b1e; }
#left_menu .sub_menu li:hover i { display: block; }
#left_menu .sub_menu li a { cursor: pointer; display: block; }
#left_menu .sub_menu li a span { transition: all 0.5s ease; font-size: 13px; font-weight: bold; color: #666666; font-family: 'Oxygen', sans-serif; }
#left_menu .sub_menu li:hover a span { color: #ea0b1e }

#banner { position: relative; z-index: -10; background-color: #fdfbfb00;margin-top: 77px; }
#banner.news { background-image:url(../img/news_banner.png); background-repeat: no-repeat; background-position: center; }
#banner.career { background-image:url(../img/career_banner.png); background-repeat: no-repeat; background-position: center; }
#banner.course { background-image:url(../img/course_banner.png); background-repeat: no-repeat; background-position: center;margin-top: 75px; }

#banner .banner_show { position: relative; font-size: 0;margin-top: -38px; }
#banner .banner_show .banner { display: none; }
#banner .banner_show .banner.active { display: block; } 
#banner .banner_show .banner img { max-width: 100%; max-height: 100%; }

#banner .banner_text { position: absolute; width: 100%; z-index: 10; left: 0; bottom: 0; background-color: rgba(190,0,0,0.7); font-size: 23px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; }  
#banner.course .banner_text:before { content: ''; width: 815px; height: 100%; position: absolute; right: 0; top: 0; background-image: url(../img/search_bg.png); background-position: center; background-repeat: no-repeat;  }
#banner .banner_text .search_form { font-size: 0; position: absolute; width: 310px; right: 0; top: -1px; height: 100%; }
#banner .banner_text .search_form .search_area { position: relative; width: 234px; height: 31px; display: inline-block; vertical-align: middle; }
#banner .banner_text .search_form .search_area input[type=text] { width: 234px; height: 31px; background-color: #ffffff; border-style: none; color: #52504e; font-size: 12px; font-weight: bold; font-family: 'Oxygen', sans-serif; box-sizing: border-box; padding-left: 40px; padding-right: 10px; }
#banner .banner_text .search_form .search_area i { position: absolute; left: 15px; top: 7px; font-size: 17px; color: #959595; }
#banner .banner_text .search_form input[type=submit] { display: inline-block; vertical-align: middle; width: 71px; height: 31px; line-height: 31px; text-align: center; border-style: none; background-color: #a81d1d; font-size: 12px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; cursor: pointer; }

#main { }
#main .index_intro { background-color: #be0000; padding-top: 20px; padding-bottom: 20px; font-size: 0; }
#main .intro_left { width: 210px; margin-left: 10px; display: inline-block; vertical-align: top; text-align: right; }
#main .intro_left .sub_title { font-size: 22px; line-height: 28px; font-weight: 300; font-family: 'Oxygen', sans-serif; color: #ffffff; padding-top: 15px; }
#main .intro_left .intro_title { font-size: 36px; line-height: 28px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; }
#main .intro_right { width: 690px; margin-left: 30px; display: inline-block; vertical-align: top; text-align: justify; font-size: 13px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; }

#main .index_course { padding-top: 10px; }
#main .index_course .course_title { text-align: center; position: relative; padding-bottom: 18px; }
#main .index_course .course_title span { font-size: 30px; line-height: 60px; font-family: 'Oxygen', sans-serif; color: #333333; }
#main .index_course .course_title i { font-size: 28px; position: absolute; left: 50%; bottom: 5px; margin-left: -9px; }
#main .index_course .course_gallery { width: 100%; margin-bottom: 30px; }
#main .index_course .course_gallery .course_item { height: 261px; }
#main .index_course .course_gallery .course_item .course_info { transition: all 0.5s ease; width: 100%; height: 90px; box-sizing: border-box; padding: 15px 10px; background-color: #ffffff; }
#main .index_course .course_gallery .course_item:hover .course_info { background-color: #d9d9d9; }
#main .index_course .course_gallery .course_item .course_info .course_name { font-size: 16px; font-weight: bold; font-family: 'Oxygen', sans-serif; line-height: 24px; color: #333333; }
#main .index_course .course_gallery .course_item .course_info .course_intro { font-size: 14px; font-family: 'Oxygen', sans-serif; color: #333333; }
#main .index_course .course_gallery .owl-prev { cursor: pointer; width: 19px; height: 34px; background-image: url(../img/index_prev.png); background-position: center; background-repeat: no-repeat; position: absolute; left: -40px; top: 50%; margin-top: -17px; }
#main .index_course .course_gallery .owl-next { cursor: pointer; width: 19px; height: 34px; background-image: url(../img/index_next.png); background-position: center; background-repeat: no-repeat; position: absolute; right: -40px; top: 50%; margin-top: -17px; }
#main .index_course .apply_btn { transition: all 0.5s ease; width: 223px; height: 42px; margin: 0 auto 20px auto; box-sizing: border-box; border: 1px solid #9c9c9c; border-radius: 21px; text-align: center; line-height: 40px; }
#main .index_course .apply_btn span { transition: all 0.5s ease; display: inline-block; vertical-align: middle; font-size: 22px; color: #cc0000; font-family: 'Oxygen', sans-serif; margin-right: 10px; }
#main .index_course .apply_btn i { transition: all 0.5s ease; font-size: 20px; color: #666666; display: inline-block; vertical-align: middle; }
#main .index_course .apply_btn:hover { background-color: #cc0000; }
#main .index_course .apply_btn:hover span,
#main .index_course .apply_btn:hover i { color: #ffffff; }

#main .advertisement { padding-top: 33px; padding-bottom: 40px; background-image:url(../img/career_footer.png); background-position: center; background-repeat: no-repeat; }
#main.index .advertisement { background-image:url(../img/index_footer.png); }
#main .advertisement .advertise_title { font-size: 36px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; text-align: center; }
#main.index .advertisement .advertise_title { padding-bottom: 15px; padding-top: 47px; }
#main .advertisement .advertise_sub_title { font-size: 25px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; text-align: center; padding-top: 25px; }
#main .advertisement .advertise_red { font-size: 26px; color: #ff3333; font-family: 'Oxygen', sans-serif; text-align: center; padding-bottom: 5px; }
#main .advertisement .advertise_content { font-size: 16px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; text-align: center; padding: 0 15px; }
#main.career .advertisement .advertise_content:last-child { padding: 0 90px; }
#main .advertisement .advertise_btn { transition: all 0.5s ease; margin: 50px auto 0 auto; width: 223px; height: 42px; box-sizing: border-box; border: 1px solid #ffffff; border-radius: 21px; text-align: center; }
#main .advertisement .advertise_btn:hover { background-color: #ffffff; }
#main .advertisement .advertise_btn span { transition: all 0.5s ease; font-size: 22px; font-family: 'Oxygen', sans-serif; color: #ffffff; line-height: 40px; }
#main .advertisement .advertise_btn:hover span { color: #000000; }

#main .career_list { padding-top: 20px; width: 1010px; margin: 0 auto; }
#main .career_list .career_item { margin-bottom: 20px; }
#main .career_list .career_item .career_title { font-size: 17px; color: #ffffff; font-weight: bold; box-sizing: border-box; padding-left: 30px; background-image: url(../img/career_title_bg.png); background-position: center; background-repeat: no-repeat; padding-top: 4px; padding-bottom: 4px; }
#main .career_list .career_item .career_content { width: 988px; margin: 0 auto; background-color: #eaeae9; box-sizing: border-box; border: 1px solid #cccccc; padding: 15px 20px; }
#main .career_list .career_item .career_content .career_left { width: 720px; display: inline-block; vertical-align: top; border-right: 1px solid #244374; }
#main .career_list .career_item .career_content .career_left li.lv1 { margin-bottom: 25px; }
#main .career_list .career_item .career_content .career_left li.lv1:last-child { margin-bottom: 15px; }
#main .career_list .career_item .career_content .career_left .sub_title { font-size: 15px; font-weight: bold; color: #113677; padding-bottom: 3px; }
#main .career_list .career_item .career_content .career_left ul.lv2 { padding-left: 18px; list-style-type: disc; }
#main .career_list .career_item .career_content .career_left li.lv2 { font-size: 14px; line-height: 20px; color: #666666; padding-left: 0; text-indent: 0; }
#main .career_list .career_item .career_content .career_right { position: relative; width: 200px; display: inline-block; vertical-align: top; }
#main .career_list .career_item .career_content .career_btn { transition: all 0.5s ease; width: 139px; height: 31px; box-sizing: border-box; border: 1px solid #7f2126; border-radius: 3px; background-color: #7f2126; position: absolute; top: 20px; left: 40px; text-align: center; }
#main .career_list .career_item .career_content .career_btn span { transition: all 0.5s ease; color: #ffffff; display: inline-block; vertical-align: middle; margin-left: 6px; font-size: 14px; font-weight: bold; line-height: 29px; }
#main .career_list .career_item .career_content .career_btn i { transition: all 0.5s ease; color: #ffffff; display: inline-block; vertical-align: middle; }
#main .career_list .career_item .career_content .career_btn:hover { background-color: #ffffff; }
#main .career_list .career_item .career_content .career_btn:hover span { color: #7f2126; }
#main .career_list .career_item .career_content .career_btn:hover i { color: #7f2126; }

#main .right_side { width: 760px; float: right; padding-top: 30px; padding-bottom: 40px; min-height: 300px}
#main .right_side.about_us { width: 800px; }
#main .right_side .about_us h2{ line-height:36px; font-size:30px; color:#ea0b1e; margin-bottom: 15px; font-family: 'Lato', sans-serif; border-bottom: 1px solid #333333; padding-bottom: 3px; padding-left: 0px; }
#main .right_side .about_us h3{ line-height:21px; font-size:20px; color:#333333; padding-bottom: 5px; font-family: 'Lato', sans-serif; padding-left: 5px; padding-right: 5px; }
#main .right_side .about_us h4 { font-size:18px; font-weight:bold; color:#ea0b1e; font-family: 'Lato', sans-serif; padding-left: 5px; padding-right: 5px; }
#main .right_side .about_us p{ font-size:14px; text-align:justify; font-weight: bold; font-family: 'Oxygen', sans-serif; line-height: 20px;  padding-left: 5px; padding-right: 5px; }
#main .right_side .about_us em { color: #999999; font-size: 15px; padding-top: 5px; }
#main .right_side .about_us table{ margin: 10px 5px 30px 5px; border-collapse: collapse; border:0px; border: 1px dotted #cccccc;}
#main .right_side .about_us td{ border: 1px solid black; font-size:16px; color: #333333; padding:4px 10px; font-weight: bold; border:0px; font-family: 'Oxygen', sans-serif; }
#main .right_side .about_us td:nth-child(1){ width:100%; vertical-align:top;  }
#main .right_side .about_us ul{ list-style-type: disc; margin-left:20px;}
#main .right_side .about_us ul li { line-height: 24px; font-size: 15px; color: #333333; }
#main .right_side .about_us img{ max-width:150px; border:1px solid #333333; }
#main .right_side .coming_soon{text-align: center; font-size: 22px; padding-top:15px; font-weight: bold;}
#main .right_side .course_list .course_item { transition: all 0.5s ease; width: 245px; height: 243px; float: left; background-color:#999999; margin-right: 12px; margin-bottom: 25px; }
#main .right_side .course_list .course_item:nth-child(3n) { margin-right: 0; }
#main .right_side .course_list .course_item:hover { box-shadow: 0 0 10px #666666; }
#main .right_side .course_list .course_item .course_photo{ background-position:center; background-repeat:no-repeat; background-size:contain;}
#main .right_side .course_list .course_item .course_photo img { max-width: 100%; max-height: 100%; }
#main .right_side .course_list .course_item .course_content { width: 245px; height: 74px; box-sizing: border-box; padding: 7px 10px; }
#main .right_side .course_list .course_item .course_content .course_info { width: 225px; height: 101px; box-sizing: border-box; border-bottom: 1px solid #ffffff; overflow: hidden; }
#main .right_side .course_list .course_item .course_content .course_name { font-size: 16px; line-height: 20px; font-family: 'Oxygen', sans-serif; font-weight: bold; color: #ffffff; }
#main .right_side .course_list .course_item .course_content .course_desc { font-size: 14px; font-family: 'Oxygen', sans-serif; font-weight: bold; color: #ffffff; }
#main .right_side .course_list .course_item .course_content .course_price { font-size: 17px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; padding-left: 2px; padding-top: 6px; }

#main .right_side .detail_title { font-size: 24px; font-weight: bold; color: #000000; font-family: 'Oxygen', sans-serif; border-bottom: 1px solid #e70000; padding-bottom: 5px; }
#main .right_side .detail_banner { width: 758px; height: 240px; font-size: 0; margin-top: 20px; }
#main .right_side .detail_banner .photo_area { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: cover;}

#main .right_side .detail_banner .photo_area img { max-width: 100%; max-height: 100%; }
#main .right_side .detail_banner .info_area { width: 291px; height: 240px; display: inline-block; vertical-align: middle; background-color: #52504e; box-sizing: border-box; padding: 30px 12px; }
#main .right_side .detail_banner .info_area .title { font-size: 16px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #ffffff; border-left: 3px solid #e70000; padding-left: 7px; }
#main .right_side .detail_banner .info_area .fee { margin-bottom: 30px; }
#main .right_side .detail_banner .info_area .fee .info_content { font-size: 18px; font-weight: bold; color: #ffffff; font-family: 'Oxygen', sans-serif; padding-left: 10px; padding-top: 4px; }
#main .right_side .detail_banner .info_area .venue .info_content { font-size: 13px; font-weight: bold; color: #ffffff; font-family: 'Oxygen', sans-serif; padding-left: 10px; padding-top: 4px; }
#main .right_side .detail_content .apply_btn { transition: all 0.5s ease; width: 223px; height: 42px; margin: 20px auto; box-sizing: border-box; border: 1px solid #9c9c9c; border-radius: 21px; text-align: center; line-height: 40px; }
#main .right_side .detail_content .apply_btn span { transition: all 0.5s ease; display: inline-block; vertical-align: middle; font-size: 22px; color: #cc0000; font-family: 'Oxygen', sans-serif; margin-right: 10px; }
#main .right_side .detail_content .apply_btn i { transition: all 0.5s ease; font-size: 20px; color: #666666; display: inline-block; vertical-align: middle; }
#main .right_side .detail_content .apply_btn:hover { background-color: #cc0000; }
#main .right_side .detail_content .apply_btn:hover span,
#main .right_side .detail_content .apply_btn:hover i { color: #ffffff; }
#main .right_side .detail_content .detail_word { font-size: 15px; color: #333333; font-family: 'Oxygen', sans-serif; }
#main .right_side .detail_content > ul { margin-top: 20px; margin-bottom: 30px; padding-left: 20px; }
#main .right_side .detail_content > ul li { font-size: 15px; line-height: 24px; color: #e70000; list-style-type: disc; }
#main .right_side .detail_content > ul li span { color: #333333; }
#main .right_side .detail_content .detail_sub_title { border-bottom: 1px solid #e70000; padding-bottom: 5px; margin-bottom: 15px; }
#main .right_side .detail_content .detail_sub_title span { font-size: 19px; font-weight: bold; font-family: 'Oxygen', sans-serif; color: #000000; }
#main .right_side .detail_content .detail_sub_title i { color: #ff0000; margin-left: 5px; }
#main .right_side .detail_content img { max-width: 100%; max-height: 100%; margin: 10px auto; }

#main .right_side .news_item { transition: all 0.5s ease; box-sizing: border-box; padding: 11px 14px; border: 1px solid #ffad99; margin-bottom: 18px; overflow:auto;}
#main .right_side .news_item:hover { box-shadow: 0 0 10px #666666; }
#main .right_side .news_item .news_photo { display: inline-block; vertical-align: middle;}
#main .right_side .news_item .news_photo img { max-width: 100%; max-height: 100%; }
#main .right_side .news_item .news_content { width: calc(100% - 245px); margin-left: 15px; display: inline-block; vertical-align: middle; }
#main .right_side .news_item .news_content .news_topic { font-size: 20px; font-weight: bold; color: #000066; font-family: 'Oxygen', sans-serif; padding-bottom: 7px; }
#main .right_side .news_item .news_content .news_date{ font-size: 14px; font-weight: bold; color: #333333; font-family: 'Oxygen', sans-serif; padding-bottom: 7px; }
#main .right_side .news_item .news_content .news_word{ font-size: 14px; font-weight: bold; color: #000000; font-family: 'Oxygen', sans-serif; text-align: justify; }
#main .right_side .news_detail { padding: 35px 30px; margin-bottom: 20px; }
#main .right_side .news_detail .news_photo{background-image:url('../img/news_photo.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}
#main .right_side .news_detail .news_title { font-size: 20px; font-weight: bold; color: #000066; padding-bottom: 6px; border-bottom: 1px solid #999999; padding-left: 3px; }
#main .right_side .news_detail .news_content { padding: 10px 5px; text-align: center; }
/*#main .right_side .news_detail .news_content a{width: 760px;height: 171px; display: block;}*/
#main .right_side .news_detail .news_content .news_date { font-size: 20px; color: #990000; padding-bottom: 10px; text-align: left; }
#main .right_side .news_detail .news_content .news_word { margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #000000; font-family: 'Oxygen', sans-serif; text-align: justify; }
#main .right_side .news_detail .news_content img { max-width: 100%; max-height: 100%; margin: 0 auto; }

#footer { }
#footer .footer_brand { text-align: center; border-bottom: 1px solid #666666; font-size: 0; padding-bottom: 10px; padding-top: 10px; }
#footer .footer_brand .brand_item { transition: all 0.5s ease; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 15px; margin-right: 15px; padding: 2px; }
#footer .footer_brand .brand_item:hover { box-shadow:  0 0 10px #999999; }
#footer .footer_brand .brand_item img { max-width: 100%; max-height: 100%; }
#footer .footer_area { padding-top: 15px; padding-bottom: 20px; }
#footer .sitemap { font-size: 0; width: 775px; float: left; }
#footer .sitemap ul li { display: inline-block; vertical-align: middle; }
#footer .sitemap ul li a span { transition: all 0.5s ease; font-size: 14px; font-weight: bold; font-family: 'Oxygen', sans-serif; line-height: 11px; color: #000000; padding-left: 8px; padding-right: 8px; border-right: 1px solid #be0000; }
#footer .sitemap ul li a span:hover { color: #be0000; }
#footer .sitemap ul li:last-child a span { border-right: none; }
#footer .copyright { width: 225px; float: right; font-size: 14px; font-family: 'Oxygen', sans-serif; color: #000000; line-height: 11px; }
/*-------------------------------------------------------------------------------------*/
/* INDEX */


/*-------------------------------------------------------------------------------------*/
/* DOWNLOAD */
/*
#main .download_list { padding-top: 20px; width: 1010px; margin: 0 auto; }
#main .download_list .download_item { margin-bottom: 20px; }
#main .download_list .download_item .download_title { height:31px; font-size: 17px; color: #ffffff; font-weight: bold; box-sizing: border-box; padding-left: 30px; background-image: url(../img/career_title_bg.png); background-position: center; background-repeat: no-repeat; padding-top: 4px; padding-bottom: 4px; }
#main .download_list .download_item .download_content { width: 988px; margin: 0 auto; background-color: #eaeae9; box-sizing: border-box; border: 1px solid #cccccc; padding: 5px 20px; }
#main .download_list .download_item .download_content .download_left { width: 720px; display: inline-block; vertical-align: top; border-right: 1px solid #244374; }
/*#main .download_list .download_item .download_content .download_left li.lv1 { margin-bottom: 25px; }
#main .download_list .download_item .download_content .download_left li.lv1:last-child { margin-bottom: 15px; }*/
/*#main .download_list .download_item .download_content .download_left .sub_title { font-size: 15px; font-weight: bold; color: #113677; padding: 5px 0; }
#main .download_list .download_item .download_content .download_left ul.lv2 { padding-left: 18px; list-style-type: disc; }
#main .download_list .download_item .download_content .download_left li.lv2 { font-size: 14px; line-height: 20px; color: #666666; padding-left: 0; text-indent: 0; }
#main .download_list .download_item .download_content .download_right { position: relative; width: 200px; display: inline-block; vertical-align: top; }
#main .download_list .download_item .download_content .download_btn { transition: all 0.5s ease; width: 139px; height: 31px; box-sizing: border-box; border: 1px solid #7f2126; border-radius: 3px; background-color: #7f2126; position: absolute; left: 40px; text-align: center; }
#main .download_list .download_item .download_content .download_btn span { transition: all 0.5s ease; color: #ffffff; display: inline-block; vertical-align: middle; margin-left: 6px; font-size: 14px; font-weight: bold; line-height: 29px; }
#main .download_list .download_item .download_content .download_btn i { transition: all 0.5s ease; color: #ffffff; display: inline-block; vertical-align: middle; }
#main .download_list .download_item .download_content .download_btn:hover { background-color: #ffffff; }
#main .download_list .download_item .download_content .download_btn:hover span { color: #7f2126; }
#main .download_list .download_item .download_content .download_btn:hover i { color: #7f2126; }*/
/*.download_content { width:100%; padding-top:35px; padding-bottom:64px; }*/

#main .download_list { padding-top: 20px; width: 1010px; margin: 0 auto; }
#main .download_list .download_item { width:100%; min-height:40px; padding:0 78px 0 20px; background:#fefefe; background:-moz-linear-gradient(top, #fefefe 0%, #5d85bd 100%); background:-webkit-linear-gradient(top, #fefefe 0%,#5d85bd 100%); background:linear-gradient(to bottom, #fefefe 0%,#5d85bd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e0f7f6',GradientType=0 ); border-radius:10px; box-shadow:0 0 5px 2px #c1d5f1; margin-bottom:13px; box-sizing:border-box; position:relative; }
#main .download_list .download_item:before { position:absolute; left:21px; top:7px; width:27px; height:27px; content:""; background:url(../img/download_icon.html) no-repeat left top; }
#main .download_list .download_title { width:100%; font-size:0; text-align:left; }
#main .download_list .download_title:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:40px; }
#main .download_list .download_title p { width:calc(100% - 40px); padding:10px 0 10px 15px; display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:18px; color:#244373; font-weight:bold; }
#main .download_list .download_title i { font-size:18px; transition: all 0.5s ease; color: #244373; display: inline; vertical-align: middle; }
#main .download_list .download_btn { position:absolute; right:30px; top:50%; margin-top:-11px; }
#main .download_list .download_btn a { display:block; width:22px; height:22px; }
#main .download_list .download_btn i { font-size:18px; transition: all 0.5s ease; color: #244373; display: inline; vertical-align: middle; }

/*-------------------------------------------------------------------------------------*/
/* APPLY */
#main .apply_list { padding-top: 20px; width: 1010px; margin: 0 auto; }
#main .apply_list .apply_item { margin-bottom: 20px; }
#main .apply_list .apply_item .apply_title { height:31px;font-size: 17px; color: #ffffff; font-weight: bold; box-sizing: border-box; padding-left: 30px; background-image: url(../img/career_title_bg.png); background-position: center; background-repeat: no-repeat; padding-top: 4px; padding-bottom: 4px; }
#main .apply_list .apply_item .apply_content { width: 988px; margin: 0 auto; background-color: #eaeae9; box-sizing: border-box; border: 1px solid #cccccc; padding: 15px 20px; }
#main .apply_list .table{display: table; width:100%;}
#main .apply_list .tr{display: table-row;}
#main .apply_list .td{display: table-cell; vertical-align: top;}
#main .apply_list .tr .td:first-child{text-align: right; padding-right: 12px;width:145px;}
#main .apply_list .tr .td:nth-child(3){text-align: right; padding-right: 12px;width: 185px}
/*#main .apply_list .tr .td{width:220px;}*/

#main .apply_list .td {padding-bottom: 15px;padding-right: 5px;}
#main .apply_list .one_row {padding-bottom: 15px;}
#main .apply_list .one_row p{width: 150px;display: inline-block;}
#main .apply_list .long_text p {width: 400px;} 
#main .apply_list .long_text input[name="exp"]{width: 914px}
#main .apply_list label{vertical-align: top;}
#main .apply_list input[type="text"]{padding: 2px 2px;width: 267px; border-radius: 3px; border: 1px solid #c7c3c3;}
#main .apply_list .address p{text-align: right; padding-right: 12px;width:145px;}
#main .apply_list .address input[type="text"]{width: 763px; padding: 2px}
#main .apply_list .tr #gender_td {width: 100px !important; }
#main .apply_list .tr #age_td input{width: 100px;}
#main .apply_list input[type="checkbox"]{vertical-align: middle;}
#main .apply_list input[name="other"]{width:150px;}
#main .apply_list .btn {text-align: center; padding-top:30px; padding-bottom: 10px;}
#main .apply_list .btn input{width: 100px; height: 30px; border-radius: 3px;}
#main .apply_list .btn input[type="submit"]{ border: 1px solid #244373;background:#244373; color: #fff;}
#main .apply_list .btn input[type="reset"]{ border: 1px solid #5d85bd;background:#5d85bd; color: #fff;}
#main .apply_list .btn input:hover{opacity: 0.6}
#main .apply_list select {padding:2px;border-radius: 3px; border: 1px solid #c7c3c3;}
#main .apply_list h3{color: #b52f2d; padding-top: 10px; padding-bottom: 15px;}
#main .apply_list input[name="course_code"]{width: 150px;}
#main .apply_list input[name="course_name"]{width: 765px
.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}