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

html, body { margin:0px; }

body { width:100%; height:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#ffffff; color:#000000; font-size:17px; font-family:'Oxygen', "微軟正黑體", "Microsoft JhengHei", 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; }

/*option[disabled] { display:none; }*/

button,
input[type=button], 
input[type=submit], 
input[type=reset] { -webkit-appearance:none; }

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

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

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

#wrap { width:100%; min-width:1024px; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%; max-width:1024px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#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 { border-bottom:1px solid #cccccc; }
#top .logo_area { padding:13px 0 12px 10px; }
#top .logo_area .logo { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:99px; padding:0 8px; }
#top .logo_area .logo_hksb { width:275px; }

#top .lang_area { position:absolute; right:8px; top:21px; }
#top .lang_area ul { font-size:0; }
#top .lang_area ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:18px; padding:0 7px; border-left:1px solid #87cc00; }
#top .lang_area ul li:first-child { border-left:none; }
#top .lang_area ul li a { vertical-align:text-bottom; font-size:15px; color:#241d5f; font-weight:bold; line-height:18px; }
#top .lang_area ul li a:hover { }

#top .login_area { position:absolute; right:10px; bottom:15px; font-size:0; }
#top .login_area .login_btn { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:0 2px; }
#top .login_area .login_btn a { display:block; width:192px; height:38px; border-radius:6px; box-sizing:border-box; text-align:center; line-height:38px; font-size:18px; color:#3C0D5D;; font-weight:bold; font-family:'Lato', "微軟正黑體", "Microsoft JhengHei", sans-serif; }
#top .login_area #button-color{color:#3C0D5D;}
#top .login_area .login_btn a.employer { background-color:#88D7DB; }
#top .login_area .login_btn a.employee { background-color:#B6D67C; }
#top .login_area .login_btn a img { vertical-align:middle; padding-right:3px; margin-bottom:4px; }

#top .mobile_btn { position:absolute; right:15px; top:50%; display:none; margin-top:-20px; }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:#787577; box-sizing:border-box; text-align:center; text-transform:uppercase; font-weight:700; font-size:20px; color:#ffffff; line-height:40px; }
#top .mobile_btn a i { margin-right:6px; }
#top .mobile_btn a:hover { text-decoration:none; }

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
   
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    #changepw{width: 450px;}

#menu { background-color:#88d7db; }
#menu .menu_area { width:100%; }
#menu .menu_area ul.menu_list { font-size:0; text-align: center; }
#menu .menu_area ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top;     padding: 0 19px; border-left: 1px solid #ffffff;}
#menu .menu_area ul.menu_list > li > a.lv1 { xdisplay:block; height:33px; xpadding:0 10px; background-color:#88d7db; font-size:17px; color:#3C0D5D; font-weight:bold; line-height:33px; transition:all 0.2s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i { padding-left:6px; vertical-align:middle; font-weight:normal; }
#menu .menu_area ul.menu_list > li > a.lv1:hover { }

#menu .menu_area ul.dropdown_menu {    z-index: 1000; position:absolute;  top:33px; width:200px; padding-top:4px; background-color:#88D7DB; box-sizing:border-box; text-align:left; }
#menu .menu_area ul.dropdown_menu > li { display:block; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:6px 10px; background-color:transparent; box-sizing:border-box; position:relative; font-size:16px; color:#3C0D5D; font-weight:bold; transition:all 0.3s ease; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:16px; top:11px; }
#menu .menu_area ul.dropdown_menu > li > a.lv2:hover { background-color:#B6D67C; }

#menu .menu_area ul.menu_list > li:last-child > ul.dropdown_menu { left:auto; right:0; }
#menu .menu_area .fallback { display:none; }

#mobile_menu { position:fixed; top:0; left:0; z-index:1; visibility:hidden; width:280px; height:100%; padding-bottom:72px; background-color:#dbdbdb; transition:all 0.5s ease; overflow:hidden; box-sizing:border-box; transform:translate3d(-280px, 0, 0); -webkit-transform:translate3d(-280px, 0, 0); -moz-transform:translate3d(-280px, 0, 0); display:none; }


#banner { position:relative; }
#banner .banner_alpha { padding:0 !important; font-size:0; }
#banner .banner_alpha img { width:100%; }
#banner .banner_show { position:absolute; left:0; top:0; width:100%; height:100%; }
#banner .banner_show .banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; text-align:center; }
#banner .banner_show .banner img { max-width:1024px; }
#banner .banner_show .owl-controls { position:absolute; left:0; bottom:24px; width:100%; }
#banner .banner_show .owl-nav { width:100%; max-width:1024px; margin:0px auto; position:relative; }
#banner .banner_show .owl-prev, 
#banner .banner_show .owl-next { position:absolute; bottom:0; width:46px; height:46px; background-image:url(../img/banner_row.png); background-repeat:no-repeat; font-size:0; }
#banner .banner_show .owl-prev { left:-100px; background-position:left top; }
#banner .banner_show .owl-next { right:-100px; background-position:right top; }

#main { border-top:2px solid #ffffff; background:url(../img/main_shadow.png) repeat-x center top; }
#main .title_area { padding:20px 5px 6px 5px; border-bottom:1px solid #bce0ee; text-align:left; }
#main .title_area h1 { font-size:200%; color:#241d5f; font-weight:bold; }
#main .title_area img { vertical-align:middle; padding-right:12px; }
#main .title_area .text_center { text-align:center; }

#main .multipage { padding:0 12px; font-size:0; text-align:right; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20px; height:20px; margin:0 3px; text-align:center; line-height:20px; font-size:13px; color:#000000; font-family:'Lato'; transition:all 0.2s ease; }
#main .multipage a.row { width:24px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#336699; color:#ffffff; }

#footer { border-top:36px solid #ffffff; background-color:#009ed8; position:relative; }
#footer:after { content:""; position:absolute; left:0; top:-36px; width:50%; height:36px; background-color:#009ed8; }
#footer .sitemap { position:absolute; left:0; top:-36px; z-index:1; min-width:684px; height:36px; padding-top:12px; padding-right:10px; background-color:#009ed8; box-sizing:border-box; }
#footer .sitemap:after { content:""; position:absolute; right:-36px; bottom:0; width:0; height:0; border-style:solid; border-width:36px 0 0 36px; border-color:transparent transparent transparent #009ed8; }
#footer .sitemap ul { font-size:0; text-align:left; }
#footer .sitemap ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-left:5px; font-size:14px; color:#ffffff; font-weight:bold; }
#footer .sitemap ul li:before { content:"/"; padding-right:5px; }
#footer .sitemap ul li:first-child:before { content:""; padding-right:0; }
#footer .sitemap ul li a { color:#ffffff; }
#footer .sitemap ul li a:hover { }

#footer .copyright { padding:8px 12px 12px 12px; }
#footer .copyright p { float:right; width:50%; text-align:right; font-size:15px; color:#ffffff; font-weight:bold; }
#footer .copyright p:first-child { float:left; text-align:left; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; }
.openResponsive #wrap { 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; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_news_area { width:100%; padding:11px 0; }
.index_news_area .news_list { min-height:100px; }

.index_section { width:100%; padding:20px 0 24px 0; }
.index_section .section_list { margin:0 -13px; }
.index_section .section_item { float:left; width:350px; padding:0 13px; box-sizing:border-box; }
.index_section .section { width:100%; }
.index_section .section_title { padding:0 50px 8px 12px; border-bottom:1px solid #bce0ee; position:relative; text-align:left; }
.index_section .section_title h2 { font-size:27px; color:#241d5f; font-weight:bold; }
.index_section .section_title img { position:absolute; right:12px; bottom:8px; }
.index_section .section_info { padding:0 12px; }
.index_section .section_content { padding:12px 0; }
.index_section .section_content h3 { font-size:21px; color:#241d5f; font-weight:bold; }
.index_section .section_content p { font-size:14px; color:#333333; font-weight:bold; text-align:justify; }
.index_section .section_btn { padding-top:4px; }
.index_section .section_btn a { display:block; width:128px; height:34px; background-color:#ffffff; border:1px solid #0080bf; box-sizing:border-box; text-align:center; line-height:32px; font-size:17px; color:#0080bf; font-weight:bold; transition:all 0.2s ease; }
.index_section .section_btn a:hover { background-color:#0080bf; color:#ffffff; }

/*-------------------------------------------------------------------------------------*/
/* NEWS */

.news_content { padding-bottom:10px; }

.news_list { min-height:722px; padding:28px 0; margin:0 -7px; box-sizing:border-box; }
.news_list .news_item { float:left; width:346px; padding:9px 7px; box-sizing:border-box; }
.news_list .news { width:100%; position:relative; display:block; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.news_list .news img { width:100%; }
.news_list .news p { position:absolute; left:0; bottom:0; width:100%; padding:8px 10px; background-color:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66000000', endColorstr='#66000000'); box-sizing:border-box; font-size:17px; color:#ffffff; font-weight:bold; text-align:center; }

.news_detail { padding:28px 5px 36px 5px; }
.news_detail .news_detail_header { padding:0 6px 6px 6px; border-bottom:1px dotted #241d5f; }
.news_detail .news_detail_title { font-size:27px; color:#000000; font-weight:bold; }
.news_detail .news_detail_date { padding-top:4px; font-size:18px; color:#009ed8; font-weight:bold; }
.news_detail .news_detail_info { padding:0 6px; }
.news_detail .news_detail_desc { padding:12px 0; font-size:100%; color:#241d5f; }
.news_detail .news_detail_photo { padding:8px 0; }
.news_detail .news_detail_photo img { max-width:100%; }

/*-------------------------------------------------------------------------------------*/
/* JOB SEEKERS INTRODUCE THEMSELVES */

.employee_content { padding:0 20px 0 5px; }
.employee_content .employee_cate { float:left; width:140px; padding:22px 0; }
.employee_content .employee_cate ul { }
.employee_content .employee_cate ul li { display:block; padding:6px 0 6px 10px; position:relative; box-sizing:border-box; }
.employee_content .employee_cate ul li:before { position:absolute; left:0; top:11px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 7px; border-color:transparent transparent transparent #34a5d0; }
.employee_content .employee_cate ul li a { font-size:100%; color:#241d5f; }
.employee_content .employee_cate ul li.active a,
.employee_content .employee_cate ul li a:hover { color:#0099cc; }

.employee_content .employee_detail { float:right; width:836px; }
.employee_content .employee_intro_section { padding:22px 0; box-sizing:border-box; }
.employee_content .employee_intro_title { width:100%; padding:3px 20px; background:#029ec6; background:-moz-linear-gradient(left, #029ec6 0%, #336699 100%); background:-webkit-linear-gradient(left, #029ec6 0%,#336699 100%); background:linear-gradient(to right, #029ec6 0%,#336699 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); border-radius:7px; box-sizing:border-box; font-size:22px; color:#ffffff; font-weight:bold; }
.employee_content .employee_intro { padding:12px 20px 0 20px; box-sizing:border-box; font-size:100%; color:#333333; font-weight:bold; line-height:25px; text-align:justify; }
.employee_content .employee_intro a,
.employee_content .employee_intro span { color:#0099cc; }
.employee_content .employee_intro ul { list-style:disc; padding-left:20px; }
.employee_content .employee_intro ul li { }

.employee_content .employee_step { display:table; padding-bottom:26px; margin:0 auto; }
.employee_content .employee_step .step_item { display:table-cell; vertical-align:top; }
.employee_content .employee_step .step { width:100%; padding:0 38px; box-sizing:border-box; text-align:center; }
.employee_content .employee_step .step_img { width:100%; height:92px; }
.employee_content .employee_step .step_img img { max-width:100%; max-height:100%; }
.employee_content .employee_step .step_info { padding-top:8px; position:relative; font-size:17px; color:#333333; font-weight:bold; }
.employee_content .employee_step .step_info:before { position:absolute; left:-38px; top:14px; content:""; width:20px; height:10px; margin-left:-10px; background:url(../img/employee_step_row.png) no-repeat left top; }
.employee_content .employee_step .step_item:first-child .step_info:before { display:none; }

.employee_content .employee_search_area { width:100%; padding:0 92px; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background:linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); border:1px solid #cccccc; position:relative; border-radius:7px; box-sizing:border-box; text-align:center; font-size:0; }
.employee_content .employee_search_title { position:absolute; left:0; top:0; width:88px; height:100%; text-align:right; }
.employee_content .employee_search_title:after {content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.employee_content .employee_search_title p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:19px; color:#000000; font-weight:bold; line-height:29px; }
.employee_content .employee_search_title img { vertical-align:top; padding-right:6px; }

.employee_content .employee_search { padding:6px 0; font-size:0; text-align:left; }
.employee_content .employee_search .field { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:216px; padding:4px 8px; box-sizing:border-box; }
.employee_content .employee_search .field label { float:left; display:block; width:36px; font-size:14px; color:#000000; line-height:24px; }
.employee_content .employee_search .field label.hidden { display:none; }
.employee_content .employee_search .field.width {width:80px;}
.employee_content .employee_search .field input[type=text],
.employee_content .employee_search .field select { display:block; height:24px; border:1px solid #666666; background-color:#ffffff; box-sizing:border-box; }
.employee_content .employee_search .field select { width:100%; }
.employee_content .employee_search .field input[type=text] { width:164px; }

.employee_content .employee_search_btn { position:absolute; right:0; top:0; width:86px; height:100%; text-align:left; }
.employee_content .employee_search_btn:after {content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.employee_content .employee_search_btn button { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:70px; height:24px; background-color:#34a5d0; margin:0; padding:0; border:none; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:24px; cursor:pointer; }
.employee_content .employee_search_btn_all button { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:70px; height:24px; background-color:#34a5d0; margin:0; padding:0; border:none; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:24px; cursor:pointer; }
.employee_content .employee_search_btn button i { vertical-align:top; font-size:16px; }

.employee_content .employee_list_area { padding-bottom:20px; overflow-y:hidden; overflow-x:auto; }
/*
.employee_content .employee_list { display:table; width:100%; padding:26px 0; }
.employee_content .employee { display:table-row; background-color:#f4f4f4; }
.employee_content .employee:nth-child(odd) { background-color:#f4f4f4; }
.employee_content .employee:nth-child(even) { background-color:#e7e7e7; }
.employee_content .employee.employee_header { background-color:#336699; }
.employee_content .employee_header .employee_cell { height:32px; font-size:17px; color:#ffffff; font-weight:bold; }
.employee_content .employee_cell { display:table-cell; width:110px; height:72px; padding:6px 10px; vertical-align:middle; border-bottom:1px solid #ffffff; box-sizing:border-box; text-align:center; font-size:14px; color:#000000; }

.employee_content .employee .employee_title { display:none; }
.employee_content .employee .employee_info { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:100%; box-sizing:border-box; }
.employee_content .employee .employee_info ol { list-style:decimal; padding-left:20px; text-align:left; }
.employee_content .employee .employee_info ol li { }
.employee_content .employee .employee_salary .employee_info { padding:0 10px; text-align:left; }
.employee_content .employee .employee_extent { width:auto; }
.employee_content .employee .employee_select { width:50px; padding:0; }
.employee_content .employee .employee_select label { display:none; }
*/

.employee_content .employee_list_area table { width:100%; padding:26px 0; }
.employee_content .employee_list_area table td { background-color:#f4f4f4; width:110px; height:72px; padding:0 4px; vertical-align:middle; border-bottom:1px solid #ffffff; box-sizing:border-box; text-align:center; font-size:90%; color:#000000; }
.employee_content .employee_list_area table tr:nth-child(odd) td { background-color:#f4f4f4; }
.employee_content .employee_list_area table tr:nth-child(even) td { background-color:#e7e7e7; }
.employee_content .employee_list_area table tr:first-child td { background-color:#336699; height:32px; font-size:17px; color:#ffffff; font-weight:bold; }

.employee_content .employee_list_area table td .employee_title { display:none; }
.employee_content .employee_list_area table td .employee_info { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:100%; box-sizing:border-box; }
.employee_content .employee_list_area table td .employee_info ol { list-style:decimal; padding-left:20px; text-align:left; }
.employee_content .employee_list_area table td .employee_info ol li { }
.employee_content .employee_list_area table td.employee_salary .employee_info { padding:0 10px; text-align:left; }
.employee_content .employee_list_area table td.employee_extent { /*width:auto; */}
.employee_content .employee_list_area table td.employee_select { width:50px; padding:0; }
.employee_content .employee_list_area table td.employee_type { width:25px;  }
.employee_content .employee_list_area table td.employee_salary { width: 180px; }
.employee_content .employee_list_area table td.employee_detailinfo {  width: 50px; padding:0; }
.employee_content .employee_list_area table td.employee_select label { display:none; }

.employee_content .employee_submit { padding-bottom:20px; }
.employee_content .employee_submit a { display:block; width:164px; height:32px; background-color:#029ec6; border-radius:7px; margin:0 auto; font-size:16px; color:#ffffff; text-align:center; line-height:32px; }
.employee_content .employee_submit a:hover { }

.employee_content .employee_form_area { padding-bottom:20px; }
.employee_content .employee_form_topic { padding-bottom:10px; }
.employee_content .employee_form { width:100%; }
.employee_content .employee_form .form_section { border-top:1px dashed #000000; }
.employee_content .employee_form .form_section:first-child { border-top:none; }

.employee_content .employee_form .form_info { padding:10px 0; }
.employee_content .employee_form .form_tips { width:100%; padding:8px; border:1px solid #000000; box-sizing:border-box; }
.employee_content .employee_form .form_tips ol { list-style:decimal; padding-left:20px; }
.employee_content .employee_form .form_tips ol li { }

.employee_content .employee_form .form_row { padding:10px 0; }
.employee_content .employee_form .form_row .title { }
.employee_content .employee_form .form_row .field { }

.employee_content .employee_form .form_btn { text-align:center; }
.employee_content .employee_form .form_btn button,
.employee_content .employee_form .form_btn input[type=button], 
.employee_content .employee_form .form_btn input[type=submit], 
.employee_content .employee_form .form_btn input[type=reset] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:84px; height:32px; padding:0; background-color:#029ec6; border:0; margin:0; border-radius:7px; font-size:16px; color:#ffffff; text-align:center; line-height:32px; }
.employee_content .employee_form .form_btn button:hover,
.employee_content .employee_form .form_btn input[type=button]:hover, 
.employee_content .employee_form .form_btn input[type=submit]:hover, 
.employee_content .employee_form .form_btn input[type=reset]:hover { }
.employee_content form .field_desc{font-size:13px;}



/*-------------------------------------------------------------------------------------*/
/* SERVICE SALES */

.service_content { padding:0 5px; box-sizing:border-box; }
.service_content .service_intro_section { padding:22px 0; box-sizing:border-box; }
.service_content .service_intro_title { width:100%; padding:3px 20px; background:#029ec6; background:-moz-linear-gradient(left, #029ec6 0%, #336699 100%); background:-webkit-linear-gradient(left, #029ec6 0%,#336699 100%); background:linear-gradient(to right, #029ec6 0%,#336699 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); border-radius:7px; box-sizing:border-box; font-size:22px; color:#ffffff; font-weight:bold; }
.service_content .service_intro { padding:12px 20px 0 20px; box-sizing:border-box; font-size:100%; color:#333333; font-weight:bold; line-height:25px; text-align:justify; }
.service_content .service_intro a,
.service_content .service_intro span { color:#0099cc; }
.service_content .service_intro ul { list-style:disc; padding-left:20px; }
.service_content .service_intro ul li { }

.service_content .service_search { width:100%; height:40px; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background:linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); border:1px solid #cccccc; border-radius:7px; box-sizing:border-box; text-align:center; font-size:0; }
.service_content .service_search:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.service_content .service_search .field { display:inline-block; zoom:1; *display:inline; vertical-align:middle; padding:0 6px; box-sizing:border-box; font-size:19px; color:#000000; font-weight:bold; }
.service_content .service_search .field select { width:242px; height:24px; border:1px solid #666666; background-color:#ffffff; box-sizing:border-box; }
.service_content .service_search .field button { margin:0; padding:0; border:none; background-color:transparent; font-size:22px; color:#009ed8; cursor:pointer; }
.service_content .service_search .hidden { display:none; }

.service_content .service_list_area { width:100%; padding:10px 0; }
.service_content .service_list { padding-bottom:10px; }
.service_content .service_item { width:100%; padding:6px 0; }
.service_content .service { width:100%; padding:20px 18px 12px 16px; background-color:#e5f5f9; border-radius:7px; overflow:hidden; position:relative; box-sizing:border-box; }
.service_content .service:before { position:absolute; left:0; top:0; content:""; width:100%; height:10px; background:#029ec6; background:-moz-linear-gradient(left, #029ec6 0%, #336699 100%); background:-webkit-linear-gradient(left, #029ec6 0%,#336699 100%); background:linear-gradient(to right, #029ec6 0%,#336699 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); }
.service_content .service_row { display:table; font-size:95%; color:#000000; font-weight:bold; }
.service_content .service_cell { display:table-cell; vertical-align:top; padding:8px 0; }
.service_content .service_title { padding-right:28px; font-size:100%; color:#009ed8; font-weight:bold; white-space:nowrap; }
.service_content .service_info { position:relative; text-align:justify; }
.service_content .service_info:before { position:absolute; left:-18px; top:8px; content:"："; font-size:16px; }
.service_content .service_provider { display:block; width:100%; padding:0; font-size:0; text-align:left; }
.service_content .service_provider .provider_info { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:260px; padding:8px 26px 8px 0; box-sizing:border-box; font-size:16px; }
.service_content .service_provider .provider_info:last-child { width:auto; }
.service_content .service_photo_list {     margin: 0 -8px 20px; font-size:0; text-align:left; }
.service_content .service_photo_list .service_photo_item {    margin-bottom: 10px; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:253px; padding:0 8px 16px 8px; box-sizing:border-box; }
.service_content .service_photo_list .service_photo { width:100%; position:relative; font-size:0; }
.service_content .service_photo_list .service_photo > img { width:100%; display:block; }
.service_content .service_photo_list .service_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; }
.service_content .service_photo_list .service_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.service_content .service_photo_list .service_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.service_content .service_btn { }
.service_content .service_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:69px; height:69px; margin-right:10px; border-radius:100%; text-align:center; }
.service_content .service_btn a:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.service_content .service_btn a p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:17px; color:#ffffff; line-height:23px; }
.service_content .service_btn a.recording { background-color:#ff9900; }
.service_content .service_btn a.video { background-color:#e5005c; }

/*-------------------------------------------------------------------------------------*/
/* VACANCIES */

.job_content { padding:0 5px; box-sizing:border-box; }
.job_content .job_intro { padding:22px 20px; font-size:100%; color:#333333; font-weight:bold; line-height:25px; text-align:justify; }
.job_content .job_search_area { width:100%; padding-left:180px; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); background:linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); border:1px solid #cccccc; position:relative; border-radius:7px; box-sizing:border-box; text-align:center; font-size:0; }
.job_content .job_search_title { position:absolute; left:0; top:0; width:160px; height:100%; text-align:right; }
.job_content .job_search_title:after {content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.job_content .job_search_title p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:19px; color:#000000; font-weight:bold; line-height:29px; }
.job_content .job_search_title img { vertical-align:top; padding-right:6px; }

.job_content .job_search { padding:6px 0; font-size:0; text-align:left; }
.job_content .job_search .field { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:236px; padding:4px 8px; box-sizing:border-box; }
.job_content .job_search .field.new { width:130px; }
.job_content .job_search .field label { float:left; display:block; width:36px; font-size:14px; color:#000000; line-height:24px; }
.job_content .job_search .field label.hidden { display:none; }
.job_content .job_search .field input[type=text],
.job_content .job_search .field select { display:block; height:24px; border:1px solid #666666; background-color:#ffffff; box-sizing:border-box; }
.job_content .job_search .field select { width:100%; }
.job_content .job_search .field input[type=text] { width:184px; }
.job_content .job_search .field button { display:block; width:110px; height:24px; background-color:#34a5d0; margin:0; padding:0; border:none; box-sizing:border-box; font-size:14px; color:#ffffff; line-height:24px; cursor:pointer; }
.job_content .job_search .field button i { vertical-align:top; font-size:16px; }

.job_content .job_list_area { padding-bottom:20px; overflow-y:hidden; overflow-x:auto; }
/*
.job_content .job_list { display:table; width:100%; padding:26px 0; }
.job_content .job { display:table-row; background-color:#f4f4f4; }
.job_content .job:nth-child(odd) { background-color:#f4f4f4; }
.job_content .job:nth-child(even) { background-color:#e7e7e7; }
.job_content .job.job_header { background-color:#336699; }
.job_content .job_header .job_cell { height:32px; font-size:17px; color:#ffffff; font-weight:bold; }

.job_content .job .job_cell { display:table-cell; width:150px; height:72px; padding:6px 10px; vertical-align:middle; border-bottom:1px solid #ffffff; box-sizing:border-box; text-align:center; font-size:16px; color:#000000; }
.job_content .job .job_title { display:none; }
.job_content .job .job_info { display:block; }
.job_content .job .job_btn { width:114px; padding:0; }
.job_content .job .job_btn a { display:block; width:84px; height:32px; background-color:#029ec6; border-radius:7px; font-size:16px; color:#ffffff; text-align:center; line-height:32px; }
.job_content .job .job_btn a:hover { }
*/
.job_content .job_list_area table { width:100%; padding:26px 0; }
.job_content .job_list_area table td { background-color:#f4f4f4; width:150px; height:72px; padding:0 4px; vertical-align:middle; border-bottom:1px solid #ffffff; box-sizing:border-box; text-align:center; font-size:95%; color:#000000; }
.job_content .job_list_area table td.salary{width:160px;}
.job_content .job_list_area table tr:nth-child(odd) td { background-color:#f4f4f4; }
.job_content .job_list_area table tr:nth-child(even) td { background-color:#e7e7e7; }
.job_content .job_list_area table tr:first-child td { background-color:#336699; height:32px; font-size:17px; color:#ffffff; font-weight:bold; }
.job_content .job_list_area table td .job_title { display:none; }
.job_content .job_list_area table td .job_info { display:block; }
.job_content .job_list_area table td.job_btn { width:114px;     padding-left: 10px; }
.job_content .job_list_area table td.job_btn button { cursor:pointer ; display:block; width:84px; height:32px; background-color:#029ec6; border-radius:7px; font-size:16px; color:#ffffff; text-align:center;  }
.job_content .job_intro .job_detail .job_btn button { cursor:pointer ; display:block; width:100%; height:32px; background-color:#029ec6; border-radius:7px; font-size:16px; color:#ffffff; text-align:center;  }
.job_content .job_list_area table td.job_btn a:hover { }
.job_content .job_intro .job_detail .job_btn{    display: inline-block;
	margin-top:10px;
    width: 84px;
    height: 32px;
    background-color: #029ec6;
    border-radius: 7px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 32px;}

.job_content .job_intro .job_detail .job_btn_employee{display: inline-block;
    width: 164px;
    height: 32px;
    background-color: #029ec6;
    border-radius: 7px;
    margin: 0 auto;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 32px;}
.job_content .job_intro .job_detail .left{   width:150px; }
.job_content .job_intro .job_detail .job_btn_employee a, 
.job_content .job_intro .job_detail .right a,
.job_content .job_intro .job_detail .job_btn a{color:#ffffff;}
 .job_content .job_intro .job_detail .right{    display: inline-block; margin-left:20px; }
}
.job_content .job_intro .job_detail .job_btn a{color:#ffffff;}
 .job_content .job_intro .job_detail .job_info{    display: inline-block;
   }
.job_content .job_intro .job_detail .job_title{
	    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 120px;
    padding-right: 10px;
    margin-right: 4px;
    line-height: 30px;
    position: relative;
}
.job_content .job_intro .job_detail .job_row{padding-top: 13px;}
/*-------------------------------------------------------------------------------------*/
/* LOGIN */

.login_content { min-height:600px; padding:30px 0; box-sizing:border-box; }
.login_content .login_box,.login_content .login_box_employer { width:100%; max-width:500px; margin:0 auto; padding:20px 20px 12px 20px; background-color:#e5f5f9; border-radius:7px; overflow:hidden; position:relative; box-sizing:border-box; }
.login_content .login_box:before { position:absolute; left:0; top:0; content:""; width:100%; height:10px; background:#b6d67c; background:-moz-linear-gradient(left, #b6d67c 0%, #8ba759 100%); background:-webkit-linear-gradient(left, #b6d67c 0%,#8ba759 100%); background:linear-gradient(to right, #b6d67c 0%,#8ba759 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); }
.login_content .login_box_employer:before { position:absolute; left:0; top:0; content:""; width:100%; height:10px; background:#029ec6; background:-moz-linear-gradient(left, #029ec6 0%, #336699 100%); background:-webkit-linear-gradient(left, #029ec6 0%,#336699 100%); background:linear-gradient(to right, #029ec6 0%,#336699 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); }

.login_content .login_form { padding:10px 20px; }
.login_content .login_form .form_row { padding:10px 0 10px 60px; position:relative; }
.login_content .login_form .form_row .title { position:absolute; left:0; top:10px; font-size:16px; color:#000000; line-height:24px; }
.login_content .login_form .form_row .field { width:100%; }
.login_content .login_form .form_row .field input[type=text],
.login_content .login_form .form_row .field input[type=password] { display:block; width:100%; height:24px; padding:0 5px; border:1px solid #666666; background-color:#ffffff; box-sizing:border-box; }
.login_content .login_form .form_btn { padding-top:20px; }
.login_content .login_form .form_btn_employer { padding-top:20px;     display: inline-block;}
.login_content .login_form .form_btn_employer.register{padding-left:10px;}

.login_content .login_form .form_btn button,
.login_content .login_form .form_btn input[type=button], 
.login_content .login_form .form_btn input[type=submit], 
.login_content .login_form .form_btn input[type=reset] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:84px; height:32px; padding:0; background-color:#8ba759; border:0; margin:0; border-radius:7px; font-size:16px; color:#ffffff; text-align:center; line-height:32px; }

.login_content .login_form .form_btn_employer button,
.login_content .login_form .form_btn_employer input[type=button], 
.login_content .login_form .form_btn_employer input[type=submit], 
.login_content .login_form .form_btn_employer input[type=reset] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:84px; height:32px; padding:0; background-color:#029ec6; border:0; margin:0; border-radius:7px; font-size:16px; color:#ffffff; text-align:center; line-height:32px; }

.login_content .login_form .form_btn_employer input[type=button].register{width:120px;}

.login_content .login_form .form_btn button:hover,
.login_content .login_form .form_btn input[type=button]:hover, 
.login_content .login_form .form_btn input[type=submit]:hover, 
.login_content .login_form .form_btn input[type=reset]:hover { }

.login_content .login_form .form_btn_employer button:hover,
.login_content .login_form .form_btn_employer input[type=button]:hover, 
.login_content .login_form .form_btn_employer input[type=submit]:hover, 
.login_content .login_form .form_btn_employer input[type=reset]:hover { }

/*-------------------------------------------------------------------------------------*/
/* EDITOR */

.editor_content { padding:20px 5px; position:relative; box-sizing:border-box; }
.editor_content .common_title { width:100%; padding:3px 20px; background:#029ec6; background:-moz-linear-gradient(left, #029ec6 0%, #336699 100%); background:-webkit-linear-gradient(left, #029ec6 0%,#336699 100%); background:linear-gradient(to right, #029ec6 0%,#336699 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ec6', endColorstr='#336699',GradientType=1 ); border-radius:7px; box-sizing:border-box; font-size:133%; color:#ffffff; font-weight:bold; }
.editor_content img { max-width:100%; }

/* Tag default values */
.editor_content ul, 
.editor_content ol { display:block; margin-top:1em 0; padding-left:40px; }
.editor_content ul { list-style-type:disc; }
.editor_content ol { list-style-type:decimal; }
.editor_content h1 { margin:0.67em 0; }
.editor_content h2 { margin:0.83em 0; }
.editor_content h3 { margin:1em 0; }
.editor_content h4 { margin:1.33em 0; }
.editor_content h5 { margin:1.67em 0; }
.editor_content h6 { margin:2.33em 0; }
.editor_content p { margin:1em 0; }