/*----------------------------------------------------------------------------------------- 
General Set 基本元素設定
----------------------------------------------------------------------------------------- */

body {
	font-family: Tahoma, Verdana, Arial, "新細明體";
	font-size: 13px;
	color: #333333;
	line-height: 150%;
}


*,body,html{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border: 0px;
}

a { noFocusLine:expression(this.onFocus=this.blur()); -moz-outline-style:none;}
focus { -moz-outline-style: none;}
a, a:visited {
    color:#215da9;
    text-decoration:none;
}
a:hover { text-decoration:none; color: #746d64;}

img a:hover{border-bottom: dotted 0px;text-decoration: none;}



/*----------------------------------------------------------------------------------------- 
Quick Set 快速單字設定

----------------------------------------------------------------------------------------- */
.clear { clear:both; }
.clearboth{clear: both;}
.clearright { clear:right; }
.clearleft { clear:left; }
.br { clear:both; }
.brr { clear:right; }
.brl { clear:left; }

.right { float:right; }
.left  { float:left; }
.center { text-align:center; margin: 0 auto;}

.full { width:100%; }
.w99  { width:99%; }
.w50  { width:50%; }
.w49  { width:49%; }
.w33  { width:33%; }

.none { display:none;}
.block { display:block; }

.hide{ width: 0px; height: 0px; font-size: 0px; text-indent: -9999px; position: absolute;}

.nbg { background:transparent;}
.nbd { border: none; }
.bdb {border: 1px solid #000000;}
.bdw {border: 1px solid #ffffff;}

.curp{ cursor: pointer; }
.curc{ cursor: crosshair; }
.curm{ cursor: move; }
.curn{ cursor: not-allowed; }
.curh{ cursor: help; }
.curw{ cursor: wait; }

.ofa{ overflow: auto; }
.ofh{ overflow: hidden; }
.ofxa{ overflow-x: auto; }
.ofxh{ overflow-x: hidden; }
.ofya{ overflow-y: auto; }
.ofyh{ overflow-y: hidden; }

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.tjustify { text-align: justify; }

.tbaseline{vertical-align: baseline;}
.tsub{vertical-align: sub;}
.tsuper{vertical-align: super;}
.ttop{vertical-align: top; padding-left:15px;}
.tmiddle{vertical-align: middle;}
.tbottom{vertical-align: bottom;}
.tttop{vertical-align: text-top; }
.ttbottom{vertical-align: text-bottom;}

.toverh {overflow:hidden;}
.tovere {text-overflow:ellipsis;}

.pd5 {padding: 5px;}
.pd10 {padding: 10px;}

.pr10{ padding-right: 10px;}
.pb10{ padding-bottom: 10px;}

.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg20 {margin: 20px;}

.mt3{ margin-top: 3px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt35{ margin-top: 35px;}
.mt40{ margin-top: 40px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}

.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml77{ margin-left: 77px;}
.ml88{ margin-left: 88px;}
.ml101{ margin-left: 101px;}

.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}

.specText{ text-decoration: line-through;}


.txt16{ font-size: 16px;}
.txt12{ font-size: 12px;}

.w100{ width: 100px;}
.w450{ width: 450px;}
.w540{ width: 540px;}

.bLine{
	padding: 5px 0px;
	margin: 5px 0px;
	border-bottom: 1px dotted #cccccc;
}

.font11{ font-size: 11px; -webkit-text-size-adjust:none;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}

.fbold{ font-weight: bold;}

.atxt a{ color: #681a7b;}
.atxt a:hover{ color: #746d64;}




/*----------------------------------------------------------------------------------------- 
hacker
----------------------------------------------------------------------------------------- */

/* Clear Fix */

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */



/*----------------------------------------------------------------------------------------- 
MainFrame 頁面寬度及位置配置
----------------------------------------------------------------------------------------- */

#Container{
	width: 960px;
	height: 600px;
	margin: 0px auto;
	position: relative;
}

#Header{
	position: relative;
	width: 960px;
	height: 160px;
}

#Wrapper{
	width: 960px;
	position: relative;
	margin-top: 15px;
}

#MainContent{
	position: relative;
	width: 670px;
	float: left;
	margin-top: 7px;
}

#ToolBar{
	position: relative;
	width: 240px;
	float: right;
	margin-top: 4px;
}


/*----------------------------------------------------------------------------------------- 
Header
----------------------------------------------------------------------------------------- */

.submu{
	width: 960px;
	height: 23px;
	text-align: right;
}

#Nav a{ height: 48px; margin-top: 9px; display: block; float: left; text-indent: -9999px; color: #ffffff;}
#Nav a.Nav01{ width: 153px; background: url("../images/navi_01s.gif") no-repeat;}
#Nav a.Nav01:hover{ width: 153px; background: url("../images/navi_01.gif") no-repeat;}
#Nav .Nav01_target{ height: 48px; margin-top: 9px; width: 153px; background: url("../images/navi_01.gif") no-repeat; display: block; float: left; text-indent: -9999px; color: #ffffff;}

#Nav a.Nav02{ width: 180px; background: url("../images/navi_02s.gif") no-repeat;}
#Nav a.Nav02:hover{ width: 180px; background: url("../images/navi_02.gif") no-repeat;}
#Nav .Nav02_target{ width: 180px; height: 48px; margin-top: 9px; background: url("../images/navi_02.gif") no-repeat; display: block; float: left; text-indent: -9999px; color: #ffffff;}

#Nav a.Nav03{ width: 165px; background: url("../images/navi_03s.gif") no-repeat;}
#Nav a.Nav03:hover{ width: 165px; background: url("../images/navi_03.gif") no-repeat;}
#Nav .Nav03_target{ width: 165px; height: 48px; margin-top: 9px; background: url("../images/navi_03.gif") no-repeat; display: block; float: left; text-indent: -9999px; color: #ffffff;}

#Nav a.Nav04{ width: 105px; background: url("../images/navi_04s.gif") no-repeat;}
#Nav a.Nav04:hover{ width: 105px; background: url("../images/navi_04.gif") no-repeat;}
#Nav .Nav04_target{ width: 105px; height: 48px; margin-top: 9px; background: url("../images/navi_04.gif") no-repeat; display: block; float: left; text-indent: -9999px; color: #ffffff;}

#Nav a.Nav05{ width: 135px; background: url("../images/navi_05s.gif") no-repeat;}
#Nav a.Nav05:hover{ width: 135px; background: url("../images/navi_05.gif") no-repeat;}
#Nav .Nav05_target{ width: 135px; height: 48px; margin-top: 9px; background: url("../images/navi_05.gif") no-repeat; display: block; float: left; text-indent: -9999px; color: #ffffff;}

#Nav a.Nav06{ width: 105px; background: url("../images/navi_06s.gif") no-repeat;}
#Nav a.Nav06:hover{ width: 105px; background: url("../images/navi_06.gif") no-repeat;}
#Nav .Nav06_target{ width: 105px; height: 48px; margin-top: 9px; background: url("../images/navi_06.gif") no-repeat; display: block; float: left; text-indent: -9999px; color: #ffffff;}


/*----------------------------------------------------------------------------------------- 
common
----------------------------------------------------------------------------------------- */

.Wtop{ background: url("../images/Wrapper_top.gif") no-repeat;}
.Wcont{ background: url("../images/Wrapper_cont.gif") repeat-y #ff0000;}
.Wbtm{ background: url("../images/Wrapper_btm.gif") no-repeat; height: 74px;}

#ToolBar table td{ border: 0px; }

#FloatMark{ width: 200px; height: 160px; position: relative; top: 10px; text-align:center;} 



/*----------------------------------------------------------------------------------------- 
index
----------------------------------------------------------------------------------------- */

.kv1{ width: 619px; position: absolute; top: -3px; left: 4px;}
.funcBox{ width: 619px; margin: 0px 0px 30px 40px; padding-top: 430px;}
.openBox{ width: 599px; padding: 10px; background: #f0f0f0; border-top: 1px solid #e2e2e2; colo: #222222; }
.openBox ul{ padding-left: 20px;}
.openBox ul li{ margin-bottom: 4px; list-style-type: decimal; font-size: 11px; -webkit-text-size-adjust:none;}
.kvd1{ width: 658px; margin-left: 4px;}








/*----------------------------------------------------------------------------------------- 
case_list
----------------------------------------------------------------------------------------- */

.case_list .listContBox{ width: 625px; background-color: #ffffff; margin: 20px 0px 20px 35px;}
.case_list .case_img a img{ width: 73px; height: 73px; padding: 1px; border: 1px solid #999999; margin: 5px;}
.case_list .case_img a:hover img{ border: 1px solid #8c22a3;}
.case_list .alistCont{ width: 280px; height: 88px; overflow: hidden;}
.case_list .case_cont{ margin: 25px 5px;}
.case_list .alistCont h2{ width: 180px; font-size: 12px; color: #87229f;}
.case_list .alistCont p{ color: #666666;}




/*----------------------------------------------------------------------------------------- 
 * -searchad
 * +index
 *  ----------------------------------------------------------------------------------------- */

.mov{
    width: 314px;
    height: 234px;
    position: absolute;
    top: 26px;
    left: 299px;
}


/*----------------------------------------------------------------------------------------- 
agent
----------------------------------------------------------------------------------------- */

.agent .listContBox{ width: 625px; margin: 20px 0px 20px 45px;}
.agent .case_img{ width: 140px;}
.agent .case_img img{ width: 130px; height: 130px; margin: 5px;}
.agent .case_cont{ width: 450px; margin-left: 20px; font-size: 11px; -webkit-text-size-adjust:none;}
.agent .alistCont h2{ font-size: 12px; color: #87229f;}
.agent .alistCont p{ color: #403f3e;}
.agent .alistCont span{ color: #8c857a;}
.agent .agentLine{ padding: 5px 0px; margin: 5px 0px; background: url("../images/agent_line.gif") no-repeat left bottom;}





.form table input{ padding: 2px; width: 235px; border: 1px solid #c5bdca;}