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

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:none; -webkit-text-size-adjust:none; background-color:#e35498; font-size:100%; font-family:Arial, Helvetica, sans-serif; color:#ffffff; }

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

img { border:none; }

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

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

input  { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.tc { font-family:"Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif !important; }

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

/* ---------------- 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 */

#warp { width:100%; position:relative; z-index:1; }

#top { width:100%; background-color:#ffffff; }
#top .top_area { width:1000px; height:112px; margin:0px auto; background-color:#ffffff; }
#top .top_area .logo { float:left; padding-top:28px; padding-left:17px; }
#top .top_area .logo a { display:block; width:298px; height:78px; background:url(../img/logo.jpg) no-repeat left top; }
#top .top_area .search_area { margin-left:-48px; }
#top .top_area .fb { position:absolute; text-align:right; display:inline-block; margin-top:-29px; margin-left:20px;  }
#top .top_area .fb a { display:block; width:30px; height:30px; background:url(../img/fb_icon.png) no-repeat left top; }
#top .top_area .menu_area { float:right; padding-top:21px; xpadding-top:57px; padding-right:5px; }
#top .top_area .menu_area ul.menu_list { text-align:right; }
#top .top_area .menu_area ul.menu_list li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px -2px 0px 18px; *margin:0px 0px 0px 20px; height:24px; }
#top .top_area .menu_area ul.menu_list li a.lv1 { display:block; height:24px; background:url(../img/menu_btn.jpg) no-repeat; }
#top .top_area .menu_area ul.menu_list li a.lv1 span { display:block; width:100%; height:100%; background:url(../img/menu_btn.jpg) no-repeat; }
#top .top_area .menu_area ul.menu_list li a.lv1.onPage span { display:none !important; }

li#menu_1 a.lv1 { width:73px; background-position:0 -24px !important; }
li#menu_2 a.lv1 { width:128px; background-position:-96px -24px !important; }
li#menu_3 a.lv1 { width:93px; background-position:-242px -24px !important; }
li#menu_4 a.lv1 { width:111px; background-position:-357px -24px !important; }
li#menu_5 a.lv1 { width:142px; background-position:-486px -24px !important; }

li#menu_1 a.lv1 span { background-position:0 0 !important; }
li#menu_2 a.lv1 span { background-position:-96px 0 !important; }
li#menu_3 a.lv1 span { background-position:-242px 0 !important; }
li#menu_4 a.lv1 span { background-position:-357px 0 !important; }
li#menu_5 a.lv1 span { background-position:-486px 0 !important; }

#banner { width:100%; background:url(../img/banner_bg.jpg) repeat-x center top; } 
#banner .banner_show { width:100%; height:486px; background:url(../img/banner_bg.jpg) repeat-x center top; }
#banner .banner_show .bnr_img { width:100%; height:486px; display:none; }
#banner .banner_show .bnr_img.active { display:block; }

#main { width:100%; background:url(../img/inner_bg.jpg) no-repeat center top; position:relative; z-index:1; }
#main .content { width:1000px; margin:0px auto; padding-top:29px; color:#ffffff; font-size:16px; }
#main .content .page_title { width:698px; height:83px; padding-left:14px; margin-left:17px; border-bottom:1px dashed #ffffff; }
#main .content .page_title span { display:block; width:100%; height:69px; background:url(../img/title.png) no-repeat; }
#main .content p { text-align:justify; }
#main .content b { font-weight:bold; }
#main .content strong { color:#00ccff; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; }
#main .content ul { }
#main .content ul li { padding-left:18px; }
#main .content ol { list-style:decimal; padding-left:24px; }
#main .content ol li { }
#main .content a { color:#ffffff; }
#main .content a:hover { text-decoration:underline; }

#about_us_title span { background-position:0 -60px !important; }
#services_title span { background-position:0 -140px !important; }
#job_listing_title span { background-position:0 -220px !important; }
#contact_us_title span { background-position:0 -300px !important; }

#footer { width:1000px; margin:0px auto; padding:14px 0px; color:#ffffff; font-size:11px; }
#footer .copyright { float:left; padding-left:17px; }
#footer .designby { float:right; padding-right:17px; }
#footer .designby a { color:#ffffff; }
#footer .designby a:hover { text-decoration:underline; }



.search_area { width:995px; margin:0 auto; text-align:right; padding-right:5px; padding-top:25px; }
.textbox { 
    background: #ffffff; 
    height:22px; 
    width: 270px; 
    border-radius: 2em; 
    border: 2px #d4d4d6 solid;
    color: #666666; 
    padding-left: 1.5em; 
    outline: none; 
    box-shadow: 0 0px 4px 2px hsl(0, 0%, 80%)
} 

#button { 
   text-indent: -99999px; 
   width: 30px; 
   height: 24px; 
   border-radius: 0 2em 2em 0; 
   display: inline-block;
   background: #f4f8fb url(../img/searchbox_bg.png) 8px 6px no-repeat;
   position:absolute;
   margin-left:-32px;
   margin-top:2px;
   outline: none; 
   border: none;
   cursor:pointer;
}



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

#index_type { }
#index_type #warp { }
#index_type #main { background:none !important; margin-top:-111px; }

#index_content { text-align:center; padding-top:48px; }
#index_content .index_box { }
#index_content .index_box .box_title { width:100%; height:17px; background:url(../img/title.png) no-repeat; }
#index_content .index_box .box_content { height:210px; padding:12px 0px; color:#ffffff; font-size:13px; line-height:18px; text-align:justify; }

.index_about_box { float:left; width:440px; padding-left:54px; }
.index_about_box .box_title { background-position:0 0 !important; }

.index_job_box { float:right; width:405px; padding-right:75px; }
.index_job_box .box_title { background-position:0 -30px !important; }
.index_job_box .box_content { padding-left:7px !important; }
.index_job_box .index_job { width:323px; padding:0px 60px 18px 15px; background:url(../img/list_row.png) no-repeat left 5px; position:relative; line-height:18px; }
.index_job_box .index_job span { color:#ffffff; font-size:13px; }
.index_job_box .index_job p { color:#66ffff; font-size:15px; }
.index_job_box .index_job a.detail { display:block; width:55px; height:20px; background:url(../img/detail_btn.jpg) no-repeat 0 -30px; position:absolute; right:0px; top:11px; }
.index_job_box .index_job a.detail span { display:block; width:100%; height:100%; background:url(../img/detail_btn.jpg) no-repeat 0 0; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

#about_us_type #warp { background:url(../img/about_us_bg.jpg) no-repeat center 112px; }

.about_us_content { min-height:613px; line-height:22px; }

.about_us_info_box { padding:40px 28px 0px 28px; }
.about_us_info_box .about_us_sub_title { width:100%; height:30px; background:url(../img/title.png) no-repeat; }
.about_us_info_box .about_us_info { padding:12px; }
.about_us_info_box .about_us_info ul li { background:url(../img/txt_list_style.png) no-repeat 4px 7px; }

#about_us_box_1 { width:508px; }
#about_us_box_1 .about_us_sub_title { background-position:0 -380px !important; }
#about_us_box_1 .about_us_info p.en { width:687px; }
#about_us_box_1 .about_us_info p.tc { }

#about_us_box_2 { width:923px; }
#about_us_box_2 .about_us_sub_title { background-position:0 -420px !important; }

#about_us_box_3 { width:508px; }
#about_us_box_3 .about_us_sub_title { background-position:0 -500px !important; }

/*-------------------------------------------------------------------------------------*/
/* SERVICES */

#services_type #warp { background:url(../img/services_bg.jpg) no-repeat center 312px; }

.services_content { width:680px; min-height:733px; padding:40px 0px 0px 42px; line-height:25px; }
.services_content ul li { background:url(../img/txt_list_style_2.png) no-repeat 4px 8px; }

/*-------------------------------------------------------------------------------------*/
/* JOB LISTING */

#job_listing_type #warp { }
#job_listing_type .page_title { border-bottom:none !important; }

.job_listing_content { line-height:22px; font-size:15px !important; }
.job_cate_search { width:629px; text-align:center; }
.job_cate_search select { width:200px; height:23px; margin:0 5px; }

.job_listing_list { width:629px; min-height:600px; padding:20px 0px 0px 36px; }
.job_listing_detail { width:662px; min-height:400px; padding:20px 0px 50px 36px; }
.job_listing_detail font { font-size:18px; }

.multipage { width:629px; text-align:center; }
.multipage a { display:inline-block; padding:0 5px; }
.multipage a.onpage { color:#66ffff !important; font-weight:bold; }

.job { padding:0px 0px 20px 15px; background:url(../img/list_row.png) no-repeat left 7px; position:relative; }
.job font { display:block; color:#66ffff; font-weight:bold; }
.job a.detail { display:block; width:55px; height:20px; background:url(../img/detail_btn.jpg) no-repeat 0 -30px; position:absolute; right:0px; top:11px; }
.job a.detail span { display:block; width:100%; height:100%; background:url(../img/detail_btn.jpg) no-repeat 0 0; }
.job .job_desc { padding-top:6px; padding-bottom:30px; border-top:1px dashed #ffffff; margin:18px 0px 0px -4px; }
.job .job_desc .job_desc_tit { height:19px; margin-bottom:12px; background:url(../img/title.png) no-repeat 0 -460px; }
.job .job_desc .job_desc_tit2 { height:19px; margin-bottom:12px; background:url(../img/title.png) no-repeat 0 -540px; }
.job .job_desc ul li { background:url(../img/job_list_style.png) no-repeat 6px 9px; }
.job .job_app_btn { padding-left:10px; }
.job .job_app_btn a.applyBtn { display:block; width:125px; height:29px; background:url(../img/apply_btn.jpg) no-repeat 0 -40px; }
.job .job_app_btn a.applyBtn span { display:block; width:100%; height:100%; background:url(../img/apply_btn.jpg) no-repeat 0 0 !important; }
.job .job_app_table { border-top:1px dashed #ffffff; padding-top:20px; display:none; }

.back_to_index { width:698px; padding-bottom:50px; text-align:right; }
.back_to_index a.backToJobList { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:142px; height:22px; background:url(../img/back_to_index_btn.jpg) no-repeat 0 -30px; }
.back_to_index a.backToJobList span { display:block; width:100%; height:100%; background:url(../img/back_to_index_btn.jpg) no-repeat 0 0 !important; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

#contact_us_type #warp { background:url(../img/contact_us_bg.jpg) no-repeat center 112px; }

.contact_us_content { min-height:527px; padding:40px 0px 0px 40px; line-height:25px; }
.contact_us_content .contact_us_row { padding-bottom:25px; }
.contact_us_content .contact_us_row p { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:450px; }
.contact_us_content .contact_us_row p:first-child { width:140px; padding-left:36px; background:url(../img/contact_us_icon.png) no-repeat; }

.address_row p:first-child { background-position:0 3px !important; }
.tel_row p:first-child { background-position:0 -77px !important; }
.fax_row p:first-child { background-position:0 -157px !important; }
.email_row p:first-child { background-position:0 -237px !important; }