/*全局設定
=======================================================================================================*/
body {
	margin:0px;
	padding:0px;
	text-align: center;
	background: url(../images/bg.jpg) repeat-x;
	font-family: "新細明體";
	font-size:13px;
	color:#939393;
	line-height:150%;
}
form{margin:0;padding:0;}
.clear { /* 此類應當放在 div 或 break 元素上，而且該元素應當是完全包含浮動的容器關閉之前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 a{
	color:#707070;
	text-decoration:none;
}
a:hover{
	color:#922832;
}

#container { 
	width: 982px;  
	margin: 10px auto 10px;  
	text-align: left; 
	height:auto;

}
/*頁數樣式
=============================================================================================*/
.PagerWrap{
	clear:both;
	padding:5px 10px;
	font-size:12px;
	color:#5f5f5f;
}
.PagerWrap a{
	font-size:11px;
	color:#5f5f5f;
	font-family:Verdana;
	padding:3px;
	text-decoration:none;
}
.PagerWrap a:hover{
	color:#a7e049;
	font-size:11px;
}
.PagerWrap span{
	border-right: 1px dotted #000; 
	padding-right:5px;
	margin-right:5px;
}

/*頁頭設定
=======================================================================================================*/
#header {
	height: 335px;
	width: 982px;
	margin: 0 auto; 
	text-align:left;
} 
#header h1 {
	margin: 0;
	padding: 5px 20px;
	font-size:13px;
	height:15px;
	text-align:right;
	font-weight: lighter;
}


/*首頁設定
=======================================================================================================*/
#mainContent_index { 
	margin: 0 188px 0 330px; 
} 
#mainContent_index p{text-indent:0em;}

.news a{
	color:#939393;
	text-decoration:none;
	background:url(../images/icon_point.gif) 5px 5px no-repeat;
	padding-left:15px;
}
.news a:hover{
	color:#4c8bc1;
	position:relative;
	top:1px;
	left:1px;
}
.news .data{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e4e4e4;
}
.news .title{
	border-bottom:1px solid #e4e4e4;
	height:26px;
	line-height:26px;
}

/*左側菜單設定
=======================================================================================================*/
#sidebar {
	float: left; 
	width: 202px; 
	height:auto;
}
.submenu{background: url(../images/lmenu_bg.gif) ;}
.submenu dt{
	text-align:left;
	background:url(../images/icon_lmenu.gif) 20px 10px no-repeat ;
	height:23px;
	margin:0 10px 0 10px;
	padding:7px 0 0 40px;
	border-bottom:1px solid #e6e6e6;
}
.submenu a{
	color:#707070;
	text-decoration:none;
}
.submenu a:hover{
	color:#922832;
	position:relative;
	top:1px;
	left:1px;
}
/*右側内容設定
=======================================================================================================*/
#mainContent { 
	margin: 0 0 0 202px; 
	padding:0 0px;
	color:#707070;
} 
/*---------地址栏位样式设定-----------*/
.r_title_bg{
	background:url(../images/address_bg.gif) no-repeat ;
	height:40px;
	padding-top:5px;
}
.r_title{
	color:#922832;
	font-size:15px;
	width:200px;
	float:left;
	padding-left:25px;
	padding-top:6px;
	font-weight:bold;
	display:none;
}

.address{
	width:300px;
	float:left;
	font-size:12px;
	color:#707070;
	text-align:left;
	padding:5px 20px 0px 25px;
}
.address a{
	color:#707070;
	text-decoration:none;
}
.address a:hover{
	text-decoration:underline;
}
.address span{
	font-size:10px;
 	font-family: Arial, Helvetica, sans-serif;
	margin:0 5px;
}
/*----------右側內容樣式設定---------------*/
.pageContent{
	padding:0 20px;
	font-size:13px;
	margin:0 0 10px 0;
}
/*.pageContent p{ text-indent:2em;}*/
/*.pageContent span{ color:#922832;font-weight:bold;font-size:15px;display:block;background:url(../images/icon_ipi.gif) left 0 no-repeat;}*/

/*------成功實績樣式設定--------*/
.successContent{
	padding:0 20px;
	font-size:13px;
	margin:0 0 10px 0;
}
/*.successContent p{ text-indent:2em;}*/
/*.successContent span{ color:#922832;font: bold 15px Arial,Tahoma;display:block;background:url(../images/icon_success.gif) left 0 no-repeat;}*/

/*-------聯絡我們樣式設定-----------*/
.contactus {border:6px solid #eaeaea;}
.contactus strong{color:red;font-size:18px;font-weight:lighter;}
.contactus input{border:0;border-bottom:1px solid #ccc;font-size:12px; color:#666;padding:2px; background:url(../images/arrow_01.gif) left no-repeat;padding-left:15px;}
.contactus textarea{border:1px solid #ccc;font-size:12px; color:#666;}

/*---------會員登錄樣式---------*/
.login{background:url(../images/login_bottom.jpg) bottom no-repeat;width:325px;margin:60px auto 20px;font-family:Arial;}
.login label{width:60px;float:left;margin:0px 0px 0 20px;font-size:12px;}
.login input{border:0;background:#efeeee;color:#666;padding:3px;}
.login a{color:#932832;font-weight:bold;font-family:Arial;font-size:12px;}
.login a:hover{color:#f84253;}

.reg span{color:red;}

/*-----------個人簡歷頁面----------------*/
.resume_menu{width:132px;}
.resume_menu span{display:block;padding-left:10px;}
/*頁腳設定
=======================================================================================================*/

#footer { 
	padding: 0 10px 0 20px; 
	border-top:0px solid #d9d9d9;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
	font:10px Verdana, Arial, Helvetica, sans-serif;
}
#footer a{color:#b2b2b2;}
#footer a:hover{color:#922832;text-decotion:none;}


/*主導航  add by spark 2013.06.10
=======================================================================================================*/
.menu {width:982px; padding-top:5px; background:url(../images/menu_bg.gif) repeat-x 0 0 #fff; height:251px; margin:0;}
.sf-menu {position:relative; z-index:100; height:37px; float:left;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute; top:-999em; width:150px;}
.sf-menu ul li { clear:both; margin:0; padding:0; width:100%; background:none;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative; zoom:1;}
.sf-menu a, .sf-menu .current a{line-height:17px;  padding:10px; font-size:14px; display:block; color:#333; font-family:微软雅黑,Arial,Helvetica,sans-serif; width:70px; text-align:center;}
.sf-menu li a:hover, .sf-menu li.current a:hover, .sf-menu li.current.sfHover a, .sf-menu li.sfHover a, .sf-menu li.sfHover a:hover{ color:#922832; background:url(../images/menu_li_over.gif) center top no-repeat; font-size:16px; font-weight:bold;}
.sf-menu li li{ border-bottom:1px solid #fff;}
.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.current li a, .sf-menu li.current.sfHover li a{display:block; width:auto; background:#e3e3e3; color:#333; font-weight:normal; font-size:13px; font-weight:normal; padding:5px 10px; line-height:20px; margin:0;}
.sf-menu li li a:hover, .sf-menu li.current li a:hover, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li a:hover, .sf-menu li.current.sfHover li a:hover{ background:#3981c5; font-weight:normal; font-size:13px;color:#fff; outline:0;}
.sf-menu a.sf-with-ul {padding-right:40px;min-width:1px;}
.sf-sub-indicator {position:absolute;display:block;right:15px; top:1em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator {top:1em; background-position: 0 -100px;}
.sf-menu li li .sf-sub-indicator { right:5px;}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px; top:37px; z-index:999; background:#fff; border:1px solid #ccc; padding:1px 1px 0 1px}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:150px; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:150px; top:0;}
.sf-menu ul .sf-sub-indicator { background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:0 0;}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, 
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:url(../images/shadow.png) no-repeat bottom right;padding:0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/*首頁輪播  add by spark 2016.10.17 */
.slider{ position:relative; margin:55px 26px 0px 19px;}
.mainslider{width:285px;height:170px; position:relative; list-style:none; padding:0;}
.mainslider li{width:100%; height:170px; position:relative;}
.mainslider li a{ width:100%; height:170px; display:block; overflow:hidden;}
.rslides_tabs{margin:0; padding:0; height:10px; position:absolute; left:50%; bottom:-30px;}
.rslides_tabs li{float:left; margin-left:5px; position:relative; right:50%;  list-style:none;}
.rslides_tabs a{cursor:pointer; display:block; width:10px; height:10px;  border-radius:50%; position:relative; overflow:hidden; text-indent:-999px; transition:all 0.5s ease 0s; background-color:#ccc;}
.rslides_tabs li.rslides_here a, .rslides_tabs li.rslides_here a:hover{background-color:#555;}
.rslides_tabs a:hover{ background-color:#922832;}