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

body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:18px;
}
a {text-decoration: none; color:#069;}
a img, a img:hover {border:none}
a:hover {color: #ef3123; text-decoration:underline;}
ul, ol, li {margin:0; padding:0; list-style:none;}
select  { font-size:12px;}
.hidden {display:none; height:0; width:0; padding:0; margin:0;}
.more a{color:#666; text-decoration:none;}
.more a:hover{color:#ef3123; text-decoration:none;}
.clear {clear:both;}
.pl15 { padding-left:15px;}
.pb10{ padding-bottom:10px;}
.pl5{ padding-left:5px;}
#container {
	margin:0 auto;
	padding:0;
	width:950px;
}
/* ### HEADER ### */
#header {height:48px}
#header .hd_top {height:45px; background:url(../images/hd_bg.jpg) left top repeat-x;}
#header .logo {width: 160px; height:45px; float:left;}
#header .slogan {width: 340px; height:45px; float:left;}
#header .links {
	width: auto;
	height:20px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 14px 10px 0 100px;
}
#header .links a {color: #FFFFFF; text-decoration:none}
#header .links a:hover {color: #FFFFFF; text-decoration:underline}
/* ############################## TOP HELLO!! ############################## */
#top_hello {width:930px; height:25px; padding:5px 10px 0 10px;float:left;}
.top_sm {color:#000; float:right;}
.top_member {color:#000; float:left;}
.top_member a { color:#000; text-decoration:none; margin-left:10px;}
.top_member a:hover { color:#069; text-decoration:underline;}
.top_search { float:left;padding-left:20px;}
.top_search input {font-size:12px; color:#c2c2c2; border: 1px solid #c2c2c2; margin-right:5px; float:left;}

/*麵包屑*/
#bread {text-align:right; font-size:11px; color:#666; clear:both; padding:5px 10px 5px 10px;}
#bread a {color:#666; margin:0 3px;}
#bread a:hover {color:#069; margin:0 3px; text-decoration:none;}

/*搜尋按鈕*/
.btn {
  display:inline-block;
  padding:3px 0 3px 0;
  border-width:0; overflow:visible;
  font:100%/1.2 Arial,Sans-serif;
  text-decoration:none; 
  color:#333 !important; margin:0;
}
* html button.btn {padding-bottom:1px;}
html:not([lang*=""]) button.btn {margin:0 -3px;}
.btn span {
  background:#e3e2e2; margin:0; padding:2px 0;
  border-left:1px solid #bbb; border-right:1px solid #aaa;
}
* html .btn span {padding:0;}
.btn span span {
  position:relative; padding:2px .4em 2px .4em; *padding:4px .4em 2px .4em!important;  padding:2px .4em 2px .4em\9; border-width:0;
  border-top:1px solid #bbb; border-bottom:1px solid #aaa;
}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
 /*cursor:pointer; */
  color:#000 !important; 
  text-decoration:underline !important;
}
.btn:active span {background-position:0 -400px;outline:none;}
.btn:focus, .btn:active {outline:none;}
#top_banner{
	width:950px;
	padding-bottom: 10px;
	text-align:center;
}
#menu_area {width:950px; height:80px;}

/* ############################## CONTENT ############################## */
#main_body { width:950px; padding-top:15px; /*float:left;*/ clear:both;}
#main_body #con_l {width:208px; padding:0 0px 0 2px; float:left; background: url(../images/con_l_bg.jpg) no-repeat; height:573px;}
#main_body #con_r {width:740px; padding:0 0px 0 0px; float:left;}
#con_l ul  { list-style:none;}
#con_l ul span img { margin-left:2px;}
#con_l li{ width:198px; line-height:24px;*margin-bottom:-2px;}
#con_l ul .on{ width:190px; background:url(../images/menu_bg_o.jpg) repeat-y; padding-left:8px; line-height:24px;}
#con_l ul li .tit{ color:#ffae00; font-size:13px; line-height:24px; font-weight:bold; padding-left:8px;}
#con_l ul li a {color:#666;width:198px; display:block; padding-left:8px;}
#con_l ul li a:hover { background:url(../images/menu_bg_o.jpg) top left repeat-y; width:198px;color:#333;}
#con_l ul li ol li{ line-height:18px;}
#con_l ul li ol li a:hover { background:url(../images/menu_bg_o.jpg) top left repeat-y; width:198px;color:#333; line-height:18px;}

/* ### FOOTER ### */
#newfooter {height:80px; padding-top:20px;}
*html #newfooter {padding-top:10px;}
*+html #newfooter {padding-top:10px;}
#newfooter {padding-top:/*\**/10px\9;}
#newfooter td {padding:0 !important;}
#newfooter a img, a img:hover {border:none;}
#newfooter .ft_top {color:#999999;}
#newfooter .ft_top a{color:#999999;}
#newfooter .ft_L2 {background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x; color:#999999; padding-top:5px;}
#newfooter .ft_L2 a{color:#999999;}
/**/
#nav_1 {width:950px; /*height:80px;*/}
#nav_1 .menu td{ color:#FFFFFF; font-size:12px; line-height:18px;}
#nav_1 .menu td span{ padding-left:10px; padding-right:10px;}
#nav_1 .menu td span a { color:#FFFFFF; }

#nav_1 .menu td span a:hover { color:#333; }

.apply_con { padding:0 15px;}
/**/

.boxfree .cap{ height:8px; background:url(../images/boxtop_r.jpg) right top no-repeat;}
.boxfree .middle{ 
	padding:0 10px; 
	border-left:1px #d9d9d9 solid; 
	border-right:1px #d9d9d9 solid; 
	margin:0 auto; 
	color:#666;
	background:url(../images/boxmiddle.jpg) left bottom no-repeat; 
	width:718px;
}
.boxfree .end{  background:url(../images/boxbottom.jpg) left top no-repeat; height:9px; width:740px;}
.middle .title { color:#333; font-size:15px; line-height:25px; font-weight:bold; padding-left:10px;}

.middle td { padding:2px 0 5px 0;color:#666;}
.middle td .red { color:#FF0000;}
.formtext{
	border:1px solid #ccc !important;
	font-size: 12px;
	padding: 1px;
}
.middle td .con_ps{ 
	color:#acacac; 
	font-size:11px; 
	font-size:/*\**/10px\9;
	line-height:30px;
}

/*ie6*/
*html .middle td .con_ps{ font-family:Arial, Helvetica, sans-serif;font-size:10px!important;}
/*ie7*/
*+html .middle td .con_ps{ font-size:10px!important;}
.middle table .tdb_line { border-bottom:#e2e2e2 1px solid;}
.red_ann_area{ margin-left:96px;padding-top:15px; padding-bottom:15px;}
.red_ann_top{ background:url(../images/red_ann_top.jpg) no-repeat; width:548px; height:5px;}
.red_ann_body{ 
	background:url(../images/red_ann_body.jpg) repeat-y; 
	width:528px; 
	padding:3px 10px; 
	font-size:12px; 
	font-weight:bold; color:#555;
	_margin-top:-10px;
}
.red_ann_bottom{ background:url(../images/red_ann_bottom.jpg) no-repeat; width:548px; height:5px; padding-bottom:10px;}

.ann_area{ margin-left:84px; padding-bottom:30px; padding-top:10px;}
.ann_top{ background:url(../images/ann_top.jpg) no-repeat; width:571px; height:8px;}
.ann_body{ 
	background:url(../images/ann_body.jpg) repeat-y; 
	width:551px; 
	padding:5px 10px 3px 15px; 
	_padding:10px 10px 3px 15px; 
	font-size:11px;
	font-size:/*\**/10px\9;
	color:#666; 
	line-height:18px;
	_margin-top:-10px;
}
/*ie6*/
*html .ann_body{ font-family:Arial, Helvetica, sans-serif;font-size:10px!important;}
/*ie7*/
*+html .ann_body{ font-size:10px!important;}
.ann_bottom{ background:url(../images/ann_bottom.jpg) no-repeat; width:571px; height:9px;}
.ann_body ol{margin:0 20px 10px 22px;*margin:0 20px 5px 22px;}
.ann_body ol li{list-style:decimal; line-height:16px; padding-top:5px;}
.f11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-size:/*\**/10px\9;
  
}
.alert_top{background:url(../images/alert_top.gif) no-repeat; width:317px; height:12px;}
.alert_body{background:url(../images/alert_body.gif) repeat-y; width:281px; padding:10px 18px; font-size:12px; line-height:18px;*margin-top:-3px;}
.alert_bottom{background:url(../images/alert_bottom.gif) no-repeat; width:317px; height:12px;}
.red_tit{ color:#ef3123; font-weight:bold;}
.b_tit{ color:#333;}
.alert_body .btn_area { padding-top:10px;}
.con_body { padding-top:4px; padding-bottom:5px;}
/**/
.middle .mail_id {background:url(../images/mail_id_bg.jpg) no-repeat; width:700px; height:32px; color:#333333; padding-left:17px; line-height:32px;}
.mail_id span { color:#ffae00; font-weight:bold;}
.middle #con_txt ul{ padding:5px 20px 10px 15px;} 
.middle #con_txt li{background:url(../images/y_arr.jpg) left 5px no-repeat; padding:3px 0 3px 13px; color:#333; font-size:12px;}







/**************************************************kevin ADD***************************************************/
.f11_2{font-family:Arial, Helvetica, sans-serif;font-size:11px; font-size:/*\**/10px\9;color: #000000;}
#con_l ul .on2{ width:190px; background:url(../images/menu_bg_o.jpg) repeat-y; padding-left:8px; line-height:18px;}
.setadr{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
}

/***********小馬**************/


.btn_off {
  display:inline-block; 
  padding:3px 0 3px 0;
  border-width:0; overflow:visible;
  font:100%/1.2 Arial,Sans-serif;
  text-decoration:none; 
  color:#969696 !important; 
  margin-right:3px;
}
.btn_off span {
  background:#e8e8e8; margin:0; padding:2px 0;
  border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;
}
* html .btn_off span {padding:0;}
.btn_off span span {
  position:relative; 
  padding:2px .4em 2px .4em; 
  *padding:4px .4em 2px .4em!important;
  padding:2px .4em 2px .4em\9;
  border-width:0;
  border-top:1px solid #bbb; 
  border-bottom:1px solid #aaa;
}
.h415 { height:415px;}



/**************************************************kevin ADD***************************************************/
.f11_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-size:/*\**/10px\9;
	color: #000000;
}
#con_l ul .on2{ width:190px; background:url(../images/menu_bg_o.jpg) repeat-y; padding-left:8px; line-height:18px;}

.setadr{ margin: 0 0 0 100px; *margin: 0 0 0 22px; }

.setadr td{
	padding: 5px 0 5px 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
	
}
.setadr .bhead{
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #dfdfdf;
	background-color: #ffffff;
	color: #333333;
	padding: 0 0 1px 5px;
}

.sharetable{ margin: 5px 0 5px 0; }
.sharetable td{
	padding: 5px 0 5px 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
}

.sharetable .bhead{
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #dfdfdf;
	background-color: #ffffff;
	color: #333333;
	padding: 0 0 1px 5px;
}



.nopr{
	border-right-style: none!important;
}

.share_area{ margin-left:20px; padding-bottom:10px;}
.share_top{
	width:665px;
	height:10px;
	background-image: url(../images/sharetop.gif);
	background-repeat: no-repeat;
}
.share_body{
	width:665px;
	color:#666;
	padding: 5px 0 0 0;
	background-image: url(../images/sharebody.gif);
	background-repeat: repeat-y;
}
.share_bottom{
	width:665px;
	height:9px;
	background-image: url(../images/sharebottom.gif);
	background-repeat: no-repeat;
}
.np{padding: 0px;}
.share_box{
	width: 670px;
	height:auto;
	margin: 15px auto 0 auto;
	background-image: url(../images/share_topline.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 25px 10px 10px 10px;
}

.share_box div{
	width: 670px;
	height:30px;
	text-align: right;
}




.yellow{color: #ffae00;}
.num{ display: block;}
.num td{ padding: 0 3px;}
.num a{
	color: #333333;
}
.num a:hover{ color: #ff6600;}
.num b{ color: #ff6600; font-weight: bold;}
.nobg{
	background-image: none!important;
}
.mt15{margin-top: 0px!important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.ml80{margin-left: 100px; *margin-left: 20px;}
.w270{ width:270px;}
.w180 { width:180px;}

/*pohang ADD*/
/* ### MAIN ### */
#main { float:left; width:640px;}
#sideBox { width:300px; float:right;}
#pageMain {float:right; width:775px;}
#pageSideBox { float:left; width:155px;}

/*### FreeBox ###*/
.freebox {}
.freebox .top { background:url(../images/freeBoxTbg.gif) right no-repeat; height:32px; clear:both; }/*標籤頭*/
.freebox .topW { background:url(../images/freeBoxTbg_w.gif) right no-repeat; height:5px; clear:both; }/*白頭*/
.freebox .mid { background:url(../images/freeBoxMbg.jpg) bottom repeat-x; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:10px;}
.freebox .mid2 { background:url(../images/freeBoxMbg.jpg) bottom repeat-x; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:5px 10px 0px 10px;}
.freebox .foot { background:url(../images/freeBoxBbg.gif) right repeat-x; height:10px; clear:both;}
*html .freebox .fixbug { margin-left:1px !important; margin-right:1px !important;}

.freeboxW {}
.freeboxW .top { background:url(../images/freeBoxTbg_w.gif) right no-repeat; height:5px; clear:both; }
.freeboxW .mid { background:#fff; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:10px;}
.freeboxW .foot { background:url(../images/freeBoxBbg-w.gif) right repeat-x; height:10px; clear:both;}


.ADcol.clear { clear:both;}
.ADcol .ad_100_75 { float:left; margin-right:10px;}
.ADcol { width:278px; font-size:12px; color:#333;}
.ADcol a {color:#666; }
.ADcol a:hover {color:#666; text-decoration:underline;}
.ADcol img{ border:none;}
.ADcol .title { color:#333333; font-weight:bold; margin-bottom:5px; clear:both;}
.ADcol .title a{ color:#333333;text-decoration:none; }
.ADcol .title a:hover{text-decoration: underline; }
.ADcol .txt { color:#666; line-height:18px;}

/* ### ACT BUTTON ###*/
.actbtn {background:url(../images/btn_right.gif) right top no-repeat; display:block; float:left; line-height:19px; height:19px; color:#333333; padding:0 5px 0 0;}
.actbtn em{ background:url(../images/btn_left.gif) left top no-repeat; width:5px; height:19px; float:left;}

/*quick*/
.mr5 { margin-right:5px;}
.mt5 { margin-top:5px;}
.mr15 { margin-right:15px;}
.ml15 { margin-left:15px;}
.ml12 { margin-left:12px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.W175 { width:175px;}
.fr { float:right;}
.h19 { height:19px;}
.hiline { color:#ff6600;}
.hiline a { color:#ff6600;}
.hiline a:hover{ color:#ff6600; text-decoration:underline;}

.assbox { width:175px; float:right; color:#666; margin-top:10px; padding-top:5px; background: url(../images/team_line.gif) repeat-x;}
.assbox a:hover{ color:#ff6600;}

.assinfo {width:100%;}
.assinfo .title { margin-bottom:10px; clear:both;}
.assinfo p{ clear:both; margin-bottom:10px; margin-top:0;}
.linebottom {background: url(../images/assline.gif) bottom no-repeat; padding-bottom:10px; margin-bottom:10px;}
.assinfo .step { clear:both; line-height:16px; margin-bottom:7px; width:100%; float:left;}
.assinfo .step .stxt{ width:560px; float:right;}
.assinfo .step .pic{ width:55px; float:left; margin-top:3px;}