@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.clear {
	clear: both;
}
#wrapper {
	width: 910px;
	xxmargin-right: auto;
	xxmargin-left: auto;
	position:relative;
	margin:0 auto;
}


#topframe  {
	height: 80px;
	width: 910px;
	display: block;
}
#funcframe {
	float: left;
	width: 165px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/left_bg.gif);
	height: 655px;
	display: block;
}
#adframe   {
	width: 190px;
	height: 600px;
	display: block;
	float: right;
}


#footerframe {
	clear: both;
	background:#FFFF00;
}


#crumbs  {
	background-image: url(../images/crumbs_bg.gif);
	background-repeat: repeat-x;
	height: 38px;
}
#crumbs h5 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 38px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	xxxtext-align:right;
}
#crumbs  h5  a  {
	text-decoration: none;
	color: #666666;
}
#crumbs  h5  a:hover  {
	color: #333333;
}


#func {
	float: left;
	width: 165px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/left_bg.gif);
	height: 710px;
}
#func #uTitle {
	margin: 0px;
	padding: 0px;
}
/* 選單 start */
#func #menu {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	width: 165px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	float: left;
}
#func  #menu  li  {
	margin: 0px;
	padding: 0px;
	width: 165px;
	float: left;
}
#func  #menu  ul  {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 165px;
}
#func  #menu  ul  li  {
	float: left;
	width: 165px;
}
#func  #menu  h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../images/mainbtn_bg.jpg);
	background-repeat: no-repeat;
	width: 165px;
	margin: 0px;
	padding: 0px;
	height: 31px;
	float: left;
	line-height: 31px;
}
#func  #menu  h3  a  {
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	margin-left: 24px;
}

#func  #menu  h3  a:hover  {
	text-decoration: none;
	color: #CCCCCC;
	float: left;
	margin-left: 24px;
}
#func  #menu  h4  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/secondbtn_bg.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 165px;
	float: left;
	line-height: 31px;
}
#func #menu h4 a {
	font-weight: normal;
	color: #474747;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/m_dot1.gif);
	background-repeat: no-repeat;
	background-position: 23px 12px;
	padding-left: 32px;
	float: left;
}
#func #menu h4 a:hover {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/m_dot1over.gif);
	background-repeat: no-repeat;
	background-position: 23px 12px;
	padding-left: 32px;
	float: left;
}
#func  #menu  h5  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-image: url(../images/thirdbtn_bg.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 165px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#func  #menu  h5  a  {
	background-image: url(../images/m_dot3.gif);
	background-repeat: no-repeat;
	background-position: 23px 13px;
	float: left;
	text-decoration: none;
	color: #787878;
	padding-left: 30px;
	margin-left: 10px;
	line-height: 31px;
}
#func  #menu  h5  a:hover  {
	background-image: url(../images/m_dot3over.gif);
	background-repeat: no-repeat;
	background-position: 23px 13px;
	float: left;
	text-decoration: none;
	color: #999999;
	padding-left: 30px;
	margin-left: 10px;
	line-height: 31px;
}
#func #banner {
	margin-top: 25px;
	padding-top: 0px;
	float: left;
}


/* 選單 end */

/*<![CDATA[*/
#main  {
	width: 555px;
	height:auto!important;/*<--***********/	
	height: 700px;        /*<--設定最小高度*/
	min-height: 700px;    /*<--***********/
	float: left;
	background-image: url(../images/main_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
/*]]>*/

/* 首頁 start */
#main #kv {
	height: 120px;
	width: 550px;
	margin-bottom: 20px;
	border-left:5px solid #f46f21;
}
#main #firstLetter {
	font-size : 30px;
	color: #474747;
	float : left;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}  
#main .conText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474747;
	line-height: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
}
#main #pic1 {
	margin-bottom: 10px;
}
/* 首頁 end */

/* 企業網路新浪潮 */
#main #kv1 {
	background-image: url(../images/kv1.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 555px;
	margin-bottom: 20px;
}
#main #ref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: left;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#main  #ref  #title  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#main #ref ul {
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#main #ref li {
	margin-bottom: 6px;
}
#main  #ref  li  a  {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
#main  #ref  li  a:hover  {
	color: #666666;
	text-decoration: underline;
}
#main #pic3Table {
	margin-left: 10px;
	margin-bottom: 20px;
}
#main #kv2 {
	background-image: url(../images/kv2.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 555px;
	margin-bottom: 20px;
}
#main #stitle {
	margin-left: 15px;
	height: 36px;
	width: 528px;
	margin-right: auto;
}
#main  #stxt  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #474747;
	text-align: left;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	height: 450px;
}
#main #explain {
	padding: 0px;
	list-style-type: none;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#main #explain li {
	margin-bottom: 20px;
	margin-top: 10px;
}
#main #explain h5 {
	color: #29817b;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#main #explain p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #474747;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#main  #explain  .pic  {
	margin-left: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}
#main  #benefit {
	border: 1px solid #CCCCCC;
	width: 519px;
	margin-right: auto;
	margin-left: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#main #benefit table {
	width: 100%;
}
#main #benefit .item {
	background-image: url(../images/befitembg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 35%;
	background-color: #FFE2B7;
}
#main #benefit .item2 {
	background-image: url(../images/befitembg2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 35%;
	background-color: #FFE2B7;
}
#main #benefit .content {
	background-image: url(../images/befcontbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #575757;
	text-align: left;
}
#main #benefit .content2 {
	background-image: url(../images/befcontbg2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #575757;
	text-align: left;
}
#main #benefit .content2 .ul2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	list-style-type: none;
}
#main #benefit .content2 .ul2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-right: 5px;
}
#main #benefit .content .ul2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
	list-style-type: none;
}
#main #benefit .content .ul2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-right: 5px;
}
#main #benefit .content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #575757;
}
#main #benefit .content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 5px;
	margin-right: 5px;
}





/* 企業IT診斷 start */
#main #kv3 {
	background-image: url(../images/kv3.jpg);
	height: 120px;
	width: 555px;
	margin-bottom: 20px;
}
#main   #start_btn  {
	margin-left: 10px;
}
#main #cons {
	background-image: url(../images/consbg.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 535px;
	height: 500px;
	margin-left: 10px;
}
#main #cons p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	color: #666666;
	margin-right: 18px;
	margin-left: 18px;
	text-align: left;
	margin-top: 20px;
}
#main #cons p span {
	color: #1E7872;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 5px;
	margin-left: 5px;
}

#main #cons h4 {
	color: #666666;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}
#main  #cons  #start {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	list-style-type: none;
}
#main  #cons  #start li {
	margin-top: 10px;
	margin-bottom: 5px;
	background-image: url(../images/cons_dot1.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#main   #cons   #start   li a  {
	text-decoration: none;
	color: #3B817B;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main   #cons   #start   li a:hover  {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main #cons h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 28px;
}
#main #cons span {
	color: #993300;
}

#main  #cons  .ctrl  {
	margin-right: 6px;
	margin-left: 6px;
}



#main #ans {
	margin-left: 5px;
}
#main #diagTable {
	margin-top: 10px;
}
#main  #diagTable  #content  {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	margin-top: 10px;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}
#main #diagTable #content ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main #diagTable #content li {
	background-image: url(../images/d_dot.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 15px;
	line-height: 20px;
}
#main #diagTable #content .item {
	margin: 0px;
	float: left;
	width: 80px;
	padding-top: -5px;*padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main #diagTable #content .txtField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	width: 250px;
}
#main #diagTable #content #textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 330px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#main #diagTable #content #send {
	padding: 0px;
	width: 91px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

/* 企業IT診斷 end */

/* 升級初體驗 start */
#main  #kv4  {
	background-image: url(../images/kv4.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 555px;
}
#main  #exptxt  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	text-align: left;
	margin-right: 40px;
	margin-left: 40px;
}
#wrapper  #main  span {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 18px;
}
#main #expTable {
	margin-top: 10px;
	width: 520px;
	margin-right: auto;
	margin-left: 22px;
}
#main  #expTable  #content  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#main #expTable #content #selt {
	margin-left: 40px;
}

#main #expTable #content ul {
	padding: 0px;
	list-style-type: none;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;_margin-left: 20px;
}
#main #expTable #content li {
	padding-left: 10px;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 25px;
	float: left;
	width: 450px;
	background-image: url(../images/d_dot.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}
#main #expTable #content .item {
	margin: 0px;
	float: left;
	width: 85px;
	padding-top: -5px;
*padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main #expTable #content .item2 {
	margin: 0px;
	float: left;
	width: 110px;
	padding-top: -5px;
*padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main #expTable #content .cont {
	float: left;
	width: 65%;
	line-height: 26px;
}
#main #expTable #content .cont2 {
	float: left;
	width: 376px;
	line-height: 26px;
}
#main #expTable #content .cont2 #textarea {
	width: 96%;
	height: 70px;
}

#main  #expTable  #content  .txtField1 {
	font-family: Arial, Helvetica, sans-serif;
	width: 275px;
}
#main  #expTable  #content  .txtField2  {
	font-family: Arial, Helvetica, sans-serif;
	width: 45px;
}
#main  #expTable  #content  .txtField3  {
	font-family: Arial, Helvetica, sans-serif;
	width: 180px;
}

#main #expTable #content .txtField4 {
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
}
#main #expTable #content .txtField5 {
	font-family: Arial, Helvetica, sans-serif;
	width: 109px;
}
#main #expTable #content .txtField6 {
	font-family: Arial, Helvetica, sans-serif;
	width: 109px;
}
#main  #expTable  #down  {
	float: left;
	width: 410px;
	margin-left: 40px;
	_margin-left: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-top: 8px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D86D72;
}
#main  #expTable  #down  h5  {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d86d72;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}
#main  #expTable  #down  ul  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 250px;
}
#main #expTable #down li  {
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d86d72;
	float: left;
	width: 250px;
	text-align: left;
}
#main #expTable #down #print  {
	padding: 0px;
	float: right;
	margin-right: 10px;
}
#main #fegtsBtn {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* 升級初體驗 end */

#ad  {
	width: 190px;
	text-align: center;
	float: right;
}


/************************* 企業 KV 旁 banner start ************************************/
#kvSideBanner{
	width:176px;
	margin-bottom: 15px;
}
#kvSideBanner .bannerTxt{
	background:#e9e9e9;
	padding:7px 5px 6px;
}
*+html #kvSideBanner .bannerTxt{
	padding:9px 5px 6px;
}
* html #kvSideBanner .bannerTxt{
	padding:9px 5px 6px;
}
#kvSideBanner .bannerTxt a{
	display:block;
	width:166px;
	white-space:nowrap;
	overflow:hidden;
}