@charset "utf-8";

/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal;}
ol,ul,li,dl,dt,dd{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}

/*fb*/
#fb{ position:absolute; width:400px; height:25px; top:10px; left:400px; z-index:100;}

/*general set*/
body{color:#575757;font-family:"微軟正黑體", Arial, Helvetica,;font-size:13px;background:url(../images/body_bg.gif) repeat-x;}
table{font-size:inherit;font:100%;}
a{text-decoration:none;color:#333;outline:0;}
a:hover{text-decoration:underline;}
input{color:#666;vertical-align:baseline;}
.fix{clear:both;visibility:hidden;*height:0;*overflow:hidden;}

/*frame_set*/
#container{width:950px;margin:0 auto;position:relative;background:#FFF;border-left:#ccc solid 1px;border-right:#ccc solid 1px;border-bottom:#ccc solid 1px;display:block;clear:both;}
.c{float:left;width:660px;margin-left:9px;_margin-left:5px/*ie6*/;display:block;}
.r{float:right;width:260px;margin-right:9px;_margin-right:5px/*ie6*/;padding:15px 0;display:block;}
.r_title{position:relative;text-align:center;display:block;margin:0 auto 10px auto;}
.c_header{float:left;width:660px;padding:15px 0;display:block;}
.c_content{float:left;width:660px;display:block;}
.more,.more a{position:absolute;float:right;width:50px;font-size:15px;color:#666;display:block;right:5px;top:0; }
.border{border:#ccc solid 1px;}
.border_r{border-right:#ccc solid 1px;}
.border_b{border-bottom:#ccc solid 1px;}
.table{float:left;margin-bottom:15px;}

/*button*/
.button {
	display:inline-block;
	zoom:1;/* zoom and *display = ie7 hack for display:inline-block */
	*display:inline;
	vertical-align:baseline;
	margin:0;/*按鈕間距*/
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font:13px/100% Arial, Helvetica, sans-serif;
	padding:3px 7px 5px 7px;
	padding:8px 10px 6px 10px\9;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius:.3em;  /* for Safari and Chrome */
	-moz-border-radius:.3em; /* for Firefox 3.5+ */ 
	border-radius:.3em;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
	-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);
	box-shadow:0 2px 4px rgba(0,0,0,.2);
}
.button:hover { text-decoration:none;}
.button:active { position:relative; top:1px;}
* html .button { padding:5px 0px 0px 0px;}
*:first-child+html .button { padding:5px 0px 0px 0px;}
.white {
	color:#555;
	letter-spacing:1px;
	border:solid 1px #cbcbcb;
	border-right:solid 2px #8f8f8f;
	border-bottom:solid 2px #8f8f8f;
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e3e3));
	background:-moz-linear-gradient(top, #fff, #e3e3e3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
}
.white:hover {
	color:#000;
	background:#ededed;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3d3d3));
	background:-moz-linear-gradient(top, #fff, #d3d3d3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3');
}
.white:active {
	color:#777;
	background:-webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#fff));
	background:-moz-linear-gradient(top,  #e3e3e3,  #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#ffffff');
}
.gold {
	color:#675314;
	border:solid 1px #f4d04d;
	border-right:solid 2px #c9a00a;
	border-bottom:solid 2px #c9a00a;
	background:#fffdee;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f9d966),color-stop(1, #fffdee));
	background:-moz-linear-gradient(center bottom,#f9d966 0%,#fffdee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdee', endColorstr='#f9d966');
}
.gold:hover {
	background:#fffdee;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f6c81e),color-stop(1, #fffdee));
	background:-moz-linear-gradient(center bottom,#f6c81e 0%,#fffdee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdee', endColorstr='#f6c81e');
}
.gold:active {
	background:#fffdee;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f9d966),color-stop(1, #fffdee));
	background:-moz-linear-gradient(center bottom,#f9d966 0%,#fffdee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdee', endColorstr='#f9d966');
}
.pink {
	color:#8c004f;
	border:solid 1px #f671a4;
	border-right:solid 2px #d43b75;
	border-bottom:solid 2px #d43b75;
	background:#fff4f8;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #fdbed8),color-stop(1, #fff4f8));
	background:-moz-linear-gradient(center bottom,#fdbed8 0%,#fff4f8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f8', endColorstr='#fdbed8');
}
.pink:hover {
	background:#fff4f8;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f7a0c4),color-stop(1, #fff4f8));
	background:-moz-linear-gradient(center bottom,#f7a0c4 0%,#fff4f8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f8', endColorstr='#f7a0c4');
}
.pink:active {
	background:#fff4f8;
	background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #fdbed8),color-stop(1, #fff4f8));
	background:-moz-linear-gradient(center bottom,#fdbed8 0%,#fff4f8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f8', endColorstr='#fdbed8');
}

/*page_set*/
#page{
  float:left;
  width:660px;
  height:38px;
  padding-bottom:15px;
  
 }
.btn_contral{
  width:348px;
  _width:330px;
  margin:0 auto;
  padding-top:10px ;
}
.selcetoption{
  float:left;

}
.btn_prev a{
  display:block;
  float:left;
  color:#FFF;
  text-decoration:none;
  line-height:19px;
  text-align:center;
/*text-indent:15px;*/
  width:63px;
  height:19px;
  margin-right:10px;
  _margin-right:5px;
  background-image:url(../images/arrow_btn.gif);
  background-position:0 0;
  background-repeat:no-repeat;
}
.btn_prev a:hover{
  color:#FFF;
  text-decoration:none;
  background-image:url(../images/arrow_btn.gif);
  background-position:0 -19px;
  background-repeat:no-repeat;
}
.btn_next a{
  display:block;
  float:left;
  color:#FFF;
  text-decoration:none;
  line-height:19px;
  text-align:center;
/*text-indent:10px;*/
  width:63px;
  height:19px;
  margin-left:10px;
  _margin-left:5px;
  background-image:url(../images/arrow_btn.gif);
  background-position:-63px 0;
  background-repeat:no-repeat;
}
.btn_next a:hover{
  color:#FFF;
  text-decoration:none;
  background-image:url(../images/arrow_btn.gif);
  background-position:-63px -19px;
  background-repeat:no-repeat;
}

/*c_header*/
.comp_logo{float:left;width:127px;height:46px;margin-right:10px;border:0px;display:block;overflow:hidden;}
.comp_name{float:left;width:523px;font-size:24px;font-weight:400;text-decoration:none;border:0px;margin:5px 0;display:block;overflow:hidden;}
.comp_online{float:right;width:300px;height:22px;background:url(../images/icon_conline.gif) no-repeat 198px 0;border:0px;display:block;text-indent:-50000px;overflow:hidden;}
.comp_title{float:left;width:660px;height:64px;border:0px;display:block;overflow:hidden;}
.comp_sp_logo{float:left;width:660px;border:0px;display:block;}
.comp_sp_logo li{float:left;list-style:none;width:660px;border:0px;margin-bottom:10px;display:block;}

/*nav*/
.nav_box{float:left;position:relative;width:660px;display:block;margin-top:25px;}
.nav{float:left;width:638px;height:30px;background:url(../images/nav_bg.gif) repeat-x;display:block;padding:0 11px;}
.nav li{float:left;width:153px;height:30px;font-size:16px;font-weight:400;text-decoration:none;text-align:center;margin:0 3px;display:block;}
.nav li a{float:left;width:153px;height:26px;font-size:16px;font-weight:400;text-decoration:none;text-align:center;padding-top:4px;display:block;cursor:pointer;}
.nav li a:hover{float:left;width:153px;height:26px;font-size:16px;font-weight:400;text-decoration:none;text-align:center;background:url(../images/nav_hover.gif) no-repeat;padding-top:4px;display:block;cursor:pointer;}
.nav li.select{float:left;width:153px;height:26px;font-size:16px;font-weight:400;color:#FFF;text-decoration:none;text-align:center;background:url(../images/nav_select.gif) no-repeat;padding-top:4px;display:block;cursor:default;}

/*comp_pic*/
.comp_pic_c{float:left;width:660px;height:auto;display:block;margin-top:25px;text-align:center;vertical-align:middle;overflow:hidden;}
.comp_pic_r{width:260px;height:auto;display:block;margin-bottom:10px;text-align:center;overflow:hidden;}
.comp_pic_r2{width:260px;height:170px;display:block;margin-bottom:3px;text-align:center;overflow:hidden;}
.comp_pic_r2t{width:260px;height:15px;display:block;margin-bottom:10px;text-align:center;font-size:12px;overflow:hidden;}

/*charm_area*/
.charm{width:260px;background:#d7d7d7;display:block;padding:10px 0;margin-bottom:10px;}
.vcr{width:244px;background:#FFF;margin:10px auto 0 auto;display:block;}
.vcr ul{width:244px;display:block;}
.vcr ol{width:244px;height:183px;display:block;overflow:hidden;}
.vcr li{float:left;width:91px;height:24px;background:url(../images/icon_film.gif) 5px 10px no-repeat;padding:1px 5px 8px 26px;line-height:30px;display:block;overflow:hidden;}

.award{width:244px;background:#FFF;margin:0 auto;padding-top:10px;display:block;}
.award h2{width:244px;text-align:center;margin:0 auto;display:block;}
.award ul{width:244px;padding:10px 0;border-bottom:#999 1px dotted;display:block;}
.award ul p{width:145px;height:117px;border:#ae7e29 4px solid;margin:0 auto;text-align:center;display:block;overflow:hidden;}
.award ol{width:236px;height:20px;margin:5px auto 0 auto;padding-bottom:10px;display:block;overflow:hidden;}
.aw_title{float:left;width:160px;height:20px;font-size:18px;font-weight:400;color:#ae7e29;text-align:center;line-height:20px;display:block;overflow:hidden;}
.aw_icon{float:left;width:76px;height:20px;display:block;overflow:hidden;}
.award li{width:225px;height:28px;font-size:13px;font-weight:400;margin:0 auto;padding:10px 0;display:block;overflow:hidden;}

/*fast_area*/
.fast{width:260px;background:#d7d7d7;display:block;padding:10px 0;margin-bottom:10px;}
.fastj{width:244px;background:#FFF;margin:0 auto;display:block;}
.fastj ul{width:244px;padding:5px 0;display:block;}
.fastj li{width:221px;height:18px;font-size:15px;font-weight:400;background:url(../images/dot01.gif) 5px 7px no-repeat;margin:10px auto;padding-left:15px;display:block;overflow:hidden;}

/*other_area*/
.other{width:260px;background:#d7d7d7;display:block;padding:10px 0;margin-bottom:10px;}
.otherj{width:244px;background:#FFF;margin:0 auto;display:block;}
.otherj ul{width:244px;padding:5px 0;display:block;}
.otherj li{float:left;width:102px;height:18px;font-size:15px;font-weight:400;background:url(../images/dot01.gif) 5px 7px no-repeat;margin:8px 5px 8px 0;padding-left:15px;display:block;overflow:hidden;}

/*comp_info*/
.comp_info{float:left;width:303px;padding:10px;display:block;}
.comp_info h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.comp_info ul{float:left;width:303px;display:block;}
.comp_info li{width:303px;display:block;clear:both;}
.comp_info b{font-size:15px;font-weight:400;margin:8px 0;line-height:24px;display:block;}
.comp_info b.fl{float:left;width:80px;display:block;}
.comp_info b.fr{float:left;width:223px;word-wrap:break-word;table-layout:fixed;display:block;}

/*contact*/
.contact{float:right;width:303px;padding:10px;display:block;}
.contact h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.contact ul{float:left;width:303px;display:block;}
.contact li{width:303px;display:block;clear:both;}
.contact b{font-size:15px;font-weight:400;margin:8px 0;line-height:24px;display:block;}
.contact b.fl{float:left;width:80px;display:block;}
.contact b.fr{float:left;width:223px;word-wrap:break-word;table-layout:fixed;display:block;}
.contact b.fr a{color:#369;}
.contact b.fr a:hover{color:#e40077;text-decoration:none;}
.contact b.fr img{vertical-align:middle;}

/*feature*/
.feature{position:relative;float:left;width:640px;padding:0 10px 5px 10px;_padding-bottom:10px;display:block;clear:both;}
.feature ul{width:640px;display:block;}
.feature li{width:640px;display:block;clear:both;}
.feature b{font-size:15px;font-weight:400;line-height:24px;display:block;}
.feature b.fl{float:left;width:100px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.feature b.fr{float:left;width:540px;display:block;}
.feature b.fr img{float:left;margin:0 15px 10px 0;display:block;}

/*marquee*/
.marquee{float:left;width:640px;padding:7px 10px;margin-bottom:15px;background:#999;display:block;clear:both;}
.marquee ul{width:640px;display:block;}
.marquee li{width:640px;font-size:15px;font-weight:400;color:#fff;display:block;clear:both;}

/*benefit1*/
.benefit1{float:left;width:303px;padding:10px;display:block;}
.benefit1 h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.benefit1 ul{float:left;width:303px;display:block;}
.benefit1 li{width:303px;display:block;clear:both;}
.benefit1 b{font-size:15px;font-weight:400;margin-top:8px;line-height:24px;display:block;}
.benefit1 b.fm{float:left;width:303px;margin:4px 0 8px 0;display:block;}
.benefit1 b.fl{float:left;width:151px;margin:4px 0 8px 0;display:block;}
.benefit1 b.fr{float:left;width:152px;margin:4px 0 8px 0;display:block;}
.benefit1 b img{vertical-align:middle;}

/*benefit2*/
.benefit2{float:right;width:303px;padding:10px;display:block;}
.benefit2 h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.benefit2 ul{float:left;width:303px;display:block;}
.benefit2 li{width:303px;display:block;clear:both;}
.benefit2 b{font-size:15px;font-weight:400;margin-top:8px;line-height:24px;display:block;}
.benefit2 b.fm{float:left;width:303px;margin:4px 0 8px 0;display:block;}
.benefit2 b.fl{float:left;width:151px;margin:4px 0 8px 0;display:block;}
.benefit2 b.fr{float:left;width:152px;margin:4px 0 8px 0;display:block;}
.benefit2 b img{vertical-align:middle;}

/*benefit3*/
.benefit3{float:left;width:638px;border:#ccc solid 1px;padding:10px;margin-bottom:15px;display:block;}
.benefit3 h2{float:left;width:638px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.benefit3 ul{float:left;width:638px;display:block;}
.benefit3 li{width:622px;font-size:15px;font-weight:400;margin:8px;line-height:24px;word-wrap:break-word;table-layout:fixed;overflow:hidden;display:block;clear:both;}

/*about*/
.about{float:left;width:303px;padding:10px;display:block;}
.about h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.about ul{float:left;width:303px;display:block;}
.about li{width:303px;display:block;clear:both;}
.about b{font-size:15px;font-weight:400;margin:8px 0;line-height:24px;display:block;}
.about b.fl{float:left;width:80px;display:block;}
.about b.fr{float:left;width:223px;display:block;text-align:justify;word-wrap:break-word;table-layout:fixed;overflow:hidden;}

/*service*/
.service{float:right;width:303px;padding:10px;display:block;}
.service h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.service ul{float:left;width:303px;display:block;}
.service li{width:303px;font-size:15px;font-weight:400;margin-top:8px;line-height:24px;word-wrap:break-word;table-layout:fixed;overflow:hidden;display:block;clear:both;}

/*about_all*/
.about_all{float:left;width:638px;border:#ccc solid 1px;padding:10px;margin-bottom:15px;display:block;}
.about_all h2{float:left;width:638px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.about_all ul{float:left;width:638px;display:block;}
.about_all li{width:638px;display:block;clear:both;}
.about_all b{font-size:15px;font-weight:400;margin-top:8px;line-height:24px;display:block;}
.about_all b.fl{float:left;width:80px;margin:8px 0;display:block;}
.about_all b.fr{float:left;width:238px;margin:8px 0;display:block;}
.about_all b.fr2{float:left;width:558px;margin:8px 0;display:block;text-align:justify;word-wrap:break-word;table-layout:fixed;overflow:hidden;}
.about_all b.fr3{float:left;width:558px;margin:8px 0;display:block;text-align:left;word-wrap:break-word;table-layout:fixed;overflow:hidden;}

/*service_all*/
.service_all{float:left;width:638px;border:#ccc solid 1px;padding:10px;margin-bottom:15px;display:block;}
.service_all h2{float:left;width:638px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.service_all ul{float:left;width:638px;display:block;}
.service_all li{width:638px;display:block;clear:both;}
.service_all b{font-size:15px;font-weight:400;margin-top:8px;line-height:24px;display:block;}
.service_all b.fl{float:left;width:80px;margin:8px 0;display:block;}
.service_all b.fr{float:left;width:558px;margin:8px 0;display:block;text-align:justify;word-wrap:break-word;table-layout:fixed;overflow:hidden;}

/*job_title*/
.job_name{float:left;width:460px;font-size:22px;font-weight:700;color:#e40077;text-decoration:none;vertical-align:middle;border:0px;margin-bottom:10px;display:block;overflow:hidden;}
.job_need{float:left;width:460px;font-size:16px;font-weight:700;text-decoration:none;vertical-align:middle;border:0px;margin-bottom:15px;display:block;overflow:hidden;}
.t_button{float:right;width:190px;text-align:right;margin-bottom:15px;display:block;}
.m_button{float:left;width:640px;padding:10px;margin-bottom:15px;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;text-align:center;display:block;clear:both;}
.select_bar{float:left;width:460px;height:20px;font-size:15px;font-weight:400;text-decoration:none;border:0px;padding:6px 0 14px 0;margin-bottom:15px;display:block;overflow:hidden;}


/*job_info*/
.job_info{float:left;width:638px;border:#ccc solid 1px;padding:10px;margin-bottom:15px;display:block;position:relative;}
.job_info h2{float:left;width:638px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.job_info ul{float:left;width:638px;display:block;}
.job_info li{width:638px;display:block;clear:both;}
.job_info b{font-size:15px;font-weight:400;margin-top:8px;line-height:24px;display:block;}
.job_info b.fl{float:left;width:80px;margin:8px 0;display:block;}
.job_info b.fr{float:left;width:238px;margin:8px 0;display:block;}
.job_info b.fr2{float:left;width:558px;margin:8px 0;display:block;word-wrap:break-word;table-layout:fixed;overflow:hidden;}
.job_info b.fr2 a{color:#369;}
.job_info b.fr2 a:hover{color:#e40077;text-decoration:none;}
.job_info b.fr2 span{color:#da671b;}

/*requirement*/
.requirement{float:left;width:303px;padding:10px;display:block;}
.requirement h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.requirement ul{float:left;width:303px;display:block;}
.requirement li{width:303px;display:block;clear:both;}
.requirement b{font-size:15px;font-weight:400;margin:8px 0;line-height:24px;display:block;}
.requirement b.fl{float:left;width:80px;display:block;}
.requirement b.fr{float:left;width:223px;display:block;}
.requirement b.fr a{color:#369;}
.requirement b.fr a:hover{color:#e40077;text-decoration:none;}
.requirement b.fr img{vertical-align:middle;}
.requirement span.langu_l{float:left;width:60px;margin:0;display:block;}
.requirement span.langu_r{float:left;width:163px;margin:0;display:block;}

/*professional*/
.professional{float:left;width:303px;padding:10px;display:block;}
.professional h2{float:left;width:303px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.professional ul{float:left;width:303px;display:block;}
.professional li{width:303px;display:block;clear:both;}
.professional b{font-size:15px;font-weight:400;margin:8px 0;line-height:24px;display:block;}
.professional b.fl{float:left;width:80px;display:block;}
.professional b.fr{float:left;width:223px;display:block;}
.professional b.fr a{color:#369;}
.professional b.fr a:hover{color:#e40077;text-decoration:none;}
.professional b.fr img{vertical-align:middle;}

/*otherreqmt*/
.otherreqmt{float:left;width:638px;border:#ccc solid 1px;padding:10px;margin-bottom:15px;display:block;}
.otherreqmt h2{float:left;width:638px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.otherreqmt ul{float:left;width:638px;display:block;}
.otherreqmt li{width:622px;font-size:15px;font-weight:400;margin:8px;line-height:24px;word-wrap:break-word;table-layout:fixed;overflow:hidden;display:block;clear:both;}

/*form*/
.form_l{float:left;width:325px;font-size:15px;font-weight:400;line-height:25px;display:block;}
.form_l a{color:#369;}
.form_l a:hover{color:#e40077;text-decoration:none;}
.form_r{float:right;width:325px;font-size:15px;font-weight:400;line-height:25px;display:block;}
.form_r a{color:#369;}
.form_r a:hover{color:#e40077;text-decoration:none;}
.form_t{width:315px;background:url(../images/arrow01.gif) 0 17px no-repeat;text-align:left;padding:10px 0 10px 10px;display:block;}
.form_i{width:305px;font-size:15px;font-weight:400;line-height:20px;text-align:left;padding:10px;display:block;}
.form_i b{color:#e40077;}

/*howtodo*/
.howtodo{float:left;width:638px;border:#ccc solid 1px;padding:10px;margin:15px 0;display:block;}
.howtodo h2{float:left;width:638px;height:20px;font-size:20px;font-weight:700;color:#000;line-height:20px;display:block;}
.howtodo ul{float:left;width:638px;display:block;}
.howtodo li{width:638px;display:block;clear:both;}
.howtodo b{font-size:15px;font-weight:400;margin-top:8px;line-height:24px;display:block;}
.howtodo b.fl{float:left;width:80px;margin:8px 0;display:block;}
.howtodo b.fr{float:left;width:238px;margin:8px 0;display:block;}
.howtodo b.fr2{float:left;width:558px;margin:8px 0;display:block;text-align:justify;word-wrap:break-word;table-layout:fixed;overflow:hidden;}
.howtodo b.fr2 a{color:#369;}
.howtodo b.fr2 a:hover{color:#e40077;text-decoration:none;}

/*warning*/
.warning{float:left;width:638px;background:#eeeeee;border:#ccc solid 1px;padding:10px;margin-bottom:15px;display:block;}
.warning h2{float:left;width:638px;height:20px;font-size:16px;font-weight:700;color:#000;line-height:20px;display:block;}
.warning ul{float:left;width:638px;display:block;}
.warning li{width:622px;font-size:15px;font-weight:400;margin:8px;line-height:24px;word-wrap:break-word;table-layout:fixed;display:block;clear:both;}

/*top_ranking*/
.top_ranking{float:left;width:660px;background:#d7d7d7;display:block;padding:10px 0;margin-bottom:10px;}
.top_ranking_title{width:660px;height:20px;text-align:center;display:block;margin-bottom:10px;}
.top_ranking_title h2{float:left;width:212px;margin-left:220px;_margin-left:110px;display:block;}
.top_ranking_title span,.top_ranking_title span a{float:right;width:50px;font-size:15px;color:#666;margin-right:10px;_margin-right:5px;display:block;}
.ranking{width:638px;background:#FFF;margin:0 auto;display:block;}
.ranking ul{width:638px;padding:5px 0;display:block;}
.ranking li{float:left;width:297px;_width:294px;height:20px;font-size:15px;font-weight:400;background:url(../images/dot01.gif) 5px 7px no-repeat;margin:8px 3px 8px 3px;padding-left:15px;display:block;overflow:hidden;}
.ranking li b{color:#e40077;font-weight:400;}

/*joblist_a*/
.joblist_al{float:left;width:323px;border:#ccc solid 1px;margin-bottom:15px;display:block;}
.joblist_ar{float:right;width:323px;border:#ccc solid 1px;margin-bottom:15px;display:block;}
.joblist_ac{width:322px;display:block;}
.joblist_ac dt{float:left;width:313px;background:#ccc;padding:5px;display:block;}
.joblist_ac h2{float:left;width:313px;height:24px;font-size:18px;font-weight:700;color:#000;line-height:24px;padding:10px 5px 0 5px;display:block;overflow:hidden;}
.joblist_ac h2 a{color:#000;overflow:hidden;}
.joblist_ac h2 a:hover{color:#e40077;overflow:hidden;}
.joblist_ac ul{float:left;width:303px;padding:0 10px;display:block;}
.joblist_ac li{float:left;width:303px;display:block;clear:both;}
.joblist_ac li.ft{float:left;width:303px;border-top:#ccc dotted 1px;margin-top:5px;display:block;clear:both;}
.joblist_ac b{font-size:15px;font-weight:400;margin:8px 0;line-height:24px;display:block;}
.joblist_ac b.fl{float:left;width:80px;display:block;}
.joblist_ac b.fr{float:left;width:223px;display:block;}
.joblist_ac b.fr2{float:left;width:120px;display:block;}
.joblist_ac b.fr a{color:#369;}
.joblist_ac b.fr a:hover{color:#e40077;text-decoration:none;}

/*joblist_b*/
.joblist_bc{float:left;width:658px;border:#ccc solid 1px;margin-bottom:15px;display:block;}
.joblist_bc dt{float:left;width:15px;height:142px;background:#ccc;padding:5px;display:block;}
.joblist_bc h2{float:left;width:418px;height:24px;font-size:18px;font-weight:700;color:#000;line-height:24px;padding:10px 5px 0 5px;display:block;overflow:hidden;}
.joblist_bc h2 a{color:#000;overflow:hidden;}
.joblist_bc h2 a:hover{color:#e40077;overflow:hidden;}
.joblist_bc ul{float:left;width:608px;padding:0 10px;display:block;}
.joblist_bc li{float:left;width:608px;display:block;clear:both;}
.joblist_bc li.ft{float:left;width:608px;border-top:#ccc dotted 1px;margin-top:5px;padding:10px 0 5px 0;display:block;clear:both;}
.joblist_bc b{font-size:15px;font-weight:400;margin:3px 0;line-height:24px;display:block;}
.joblist_bc b.fl{float:left;width:80px;display:block;}
.joblist_bc b.fl2{float:left;width:80px;padding:2px 0;display:block;}
.joblist_bc b.fl3{float:left;width:65px;display:block;}
.joblist_bc b.fr{float:left;width:528px;display:block;}
.joblist_bc b.fr2{float:left;width:120px;padding:2px 0;display:block;}
.joblist_bc b.fr3{float:left;width:150px;display:block;}
.joblist_bc b.fr4{float:left;width:124px;display:block;}
.joblist_bc b.fr5{float:left;width:435px;display:block;}
.joblist_bc b.fr a{color:#369;}
.joblist_bc b.fr a:hover{color:#e40077;text-decoration:none;}

/*AP_special*/
#AP_spinfo{ width:406px;position:absolute;visibility:hidden;top:22px;left:90px;cursor:default;z-index:100;text-align:center;display:block; }
.spinfo_cube{ border:3px solid #ed81a2;background:#ffecf5;margin-top:15px;display:inline-table;}
.spinfo_arrow{ width:20px;height:15px;position:absolute;z-index:100;background:url(../images/pop_up.gif) no-repeat;left:30px;top:0;}

/*comp_weblink*/
#comp_web{width:170px;position:absolute;visibility:hidden;padding:15px 0 0 0;top:15px;left:323px;cursor:pointer;z-index:700;display:block;}
#comp_web ul{list-style:none;border-style:solid;border-width:1px;border-color:#d4d4d4;width:170px;}
#comp_web ul li{list-style:none;width:170px;background-color:#EFEFEF;border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:#d4d4d4;text-align:center;cursor:pointer;}
#comp_web ul li a{list-style:none;width:166px;font-size:15px;color:#666;text-decoration:none;padding: 6px 2px 5px 2px;cursor: pointer;display:block;}
#comp_web ul li a:hover{list-style:none; width:166px;font-size:15px; color:#666;text-decoration:none;padding: 6px 2px 5px 2px;background-color:#CECECE;cursor:pointer;display:block; }

/* 從 job_refer.css 搬過來 */
#header {background: url(../images/index/index_bg.gif) no-repeat;height: 93px;width: 950px;margin:0 auto 8px auto;}
/*header*/
#header .sky {float:right;width: 580px;position: relative;}
#header .sky, #header .sky li {float: right;list-style: none;}
#header .skybar {float:right;height: 65px;width: 420px;margin: 13px 13px 0 0;_margin: 13px 7px 0 0;}

/*熱門tags(雙眼廣告)*/
.hottags_d {height: 60px;width:46%;_width:45%;float:left;margin: 15px 10px 5px 10px;_margin: 15px 10px 5px 5px;color:#EF4A5D;position:relative;}
.hottags_d a {color: #666;}
.hottags_d a span{font-weight: bold;color:#EF4A5D;}
.hottags_d img {float: left;margin-right: 8px;}
.hottags_d li {width: 74%;float: left;margin: 0 0 5px 0;height: 20px;}