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

*{ margin:0; padding:0;}
img{ border:none;}
a{ text-decoration:none;}
ul{ list-style:none;}

.clear{ clear:both;}

/*移除連結虛線*/
*:focus { outline: none}
*::-moz-focus-inner { border: none}

body{ 
   font-size:0.813em; 
   font-family:"微軟正黑體","Microsoft JhengHei",Arial, Helvetica, sans-serif; 
   
   color:#323336/*#4e5255*/; 
   background-color:#FBFDFD;}

#wrap{ width:683px; margin:0 auto;}
#wrap_body{ width:642px; margin:0 auto; padding:0 20px 0 21px;}

/* ===  content  === */
#content{ margin-left:0px; margin-right:20px;}

#content_top{ border-bottom:1px solid #78a7d5; position:relative; height:35px;}
#content_top h1{ text-indent:-10000px;}

/*title*/
#content_top h1#system{background:url(../images/title_00.jpg) no-repeat top left;}
#content_top h1#comparison{background:url(../images/title_01.jpg) no-repeat top left;}
#content_top h1#help_01{background:url(../images/title_02_101.jpg) no-repeat top left;}
#content_top h1#help_02{background:url(../images/title_02_102.jpg) no-repeat top left;}
#content_top h1#help_03{background:url(../images/title_02_103.jpg) no-repeat top left;}
#content_top h1#people_01{background:url(../images/title_02_201.jpg) no-repeat top left;}
#content_top h1#people_02{background:url(../images/title_02_202.jpg) no-repeat top left;}
#content_top h1#business_01{background:url(../images/title_02_301.jpg) no-repeat top left;}
#content_top h1#business_02{background:url(../images/title_02_302.jpg) no-repeat top left;}
#content_top h1#medical_01{background:url(../images/title_02_401.jpg) no-repeat top left;}
#content_top h1#medical_02{background:url(../images/title_02_402.jpg) no-repeat top left;}
#content_top h1#policy_01{background:url(../images/title_02_501.jpg) no-repeat top left;}
#content_top h1#policy_02{background:url(../images/title_02_502.jpg) no-repeat top left;}
#content_top h1#education_01{background:url(../images/title_02_601.jpg) no-repeat top left;}
#content_top h1#education_02{background:url(../images/title_02_602.jpg) no-repeat top left;}
#content_top h1#e-learning{background:url(../images/title_03.jpg) no-repeat top left;}
#content_top h1#qa{background:url(../images/title_04.jpg) no-repeat top left;}
#content_top h1#contact{background:url(../images/title_05.jpg) no-repeat top left;}
#content_top h1#matchservice{background:url(../images/title_02.jpg) no-repeat top left; height:20pt;}

#breadcrumbs{ position:absolute;right:0px; bottom:5px;}
#breadcrumbs li{ float:left; display:block; padding:0 2px;}
#breadcrumbs li a{ padding:0 2px; color:#226dae;}
#breadcrumbs li span{ padding:0 2px; color:#666;}

#literary{
   display:block; 
   padding:15px 5px 100px 0;}

#literary p{ line-height:20px; margin-bottom:25px; text-indent:25px; letter-spacing:1px;}

/*Layla 修改*/
/*  =====  comparison  ===== */
/* tab_block */
#tab_block{ padding:20px 0 0;}
#tab_block ul{ height:31px;}
#tab_block li{ display:block; float:left;}
#tab_block li a{ display:block; float:left; width:146px; height:31px; text-indent:-10000px; margin:0 10px 0 0;}
#tab_block li.tab01 a{ background:url(../images/comp01_bt.jpg) no-repeat 0px 0px;}
#tab_block li.tab02 a{ background:url(../images/comp02_bt.jpg) no-repeat 0px 0px;}
#tab_block li a:hover{ background-position: 0px 1px;}


/* download_block */
#download_block{background:url(../images/d_bg.png) no-repeat bottom left; position:relative; width:654px; margin:40px auto 0px;}
#download_block .picture{ position:absolute; top:20px; left:15px;}
#download_block h3{ text-indent:-10000px; background:url(../images/download_bg.png) no-repeat top left; height:56px;}
#download_block .d_box{ padding-bottom:10px;}
#download_block ul{ margin:0px 20px 10px 160px; border-top:1px solid #ccc; padding-top:5px;}
#download_block li{ line-height:22px;}
#download_block li span{ padding-right:5px; font-family:"Times New Roman", Times, serif; font-style:italic;}
#download_block li a{ color:#0080ba; border-bottom:1px dotted;}

/* table */
.tb01{
	margin:0 auto;
	border:4px solid #6CF; 
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-width:2px\9;}
.tb01 th{ line-height:25px; background:url(../images/th01.jpg) repeat-x top left; border:1px solid #ccc; border-left:none; color:#182243;}
.tb01 td{ line-height:25px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.tb01 td a{ color:#0068b7;}
.tb01 td a:hover{ border-bottom:1px dotted;}
.tb01 td a span{ padding-left:5px;}

/*==== 2011/01/20 Elmo新增 ====*/
#literary2{
   display:block; 
   padding:15px 5px 100px 0;}
#literary2 p{ line-height:20px; margin-bottom:25px; text-indent:25px; letter-spacing:1px;}
.tmap{ display:block; margin:0 auto}

.myform{
	width:85%;
	margin:0 auto;
	/*border-bottom:4px double #609FEF*/}
.myform td{
	padding:5px;
	border-bottom:1px dashed #CCC}
.myform .ttd{ 
    width:15%; 
	background:url(../images/icon_blue.png) no-repeat center left;
	padding-left:10px}
.txtarea{
	width:350px;
	padding:2px;
	border:1px solid #999}
	
#down_btn{
	display:block;
	width:60%;
	*width:70%;
	margin:0 auto;
	padding:15px 0 40px 170px;
	*padding:15px 0 40px 180px;}	
.btn_blue{
	display:block;
	float:left;
	background:url(../images/btn_blue.png);
	width:101px;
	height:27px;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	border:none;
	cursor:pointer;
	margin-right:5px}
	
#mytable{
	width:95%;
	margin:0 auto;
	border-bottom:3px double #609FEF}
#mytable th{
	background:url(../images/table_th.png) repeat-x;
	height:27px;
	border-bottom:2px double #609FEF;
	font-size:1.125em;
	color:#FFF;
	vertical-align:middle}
#mytable td{
	padding:8px;
	text-align:center;
	border-bottom:1px dotted #999}
#mytable tr:hover{ background:#B9E7F0}	
#mytable .bgray{ background-color:#F3F3F3}
#mytable .bgray2{ background-color:#c0c6c9}
#mytable .bgray3{ background-color:#5DA0EE}
.qqitem{
	display:block;
	width:90%;
	height:100%;
	margin:0 auto 15px auto;
	border-bottom:1px dashed #999}
.qt{
	display:block;
	background:url(../images/icon_q.png) no-repeat left top ;
	padding-left:30px;
	font-size:1.125em;
	font-weight:bold;
	color:#06C;
	line-height:20px;
	padding-bottom:5px}
.at{
	display:block;
	background:url(../images/icon_a.png) no-repeat left top ;
	padding:0 0 10px 42px}						


/*比對服務*/
#figure_box{
	display:block;
	width:592px;
	margin:0 auto}
#figure_head{
	display:block;
	width:572px;
	height:31px;
	background:url(../images/bg_figurebox_01.png);
	padding:10px 0 0 20px}
#figure_head h3{
	font-size:1.313em;
	color:#FFF}	
#figure_body{
	display:block;
	width:542px;
	background:url(../images/bg_figurebox_02.png) repeat-y;
	padding:10px 25px}
#figure_body h4{
	font-size:1.188em;
	color:#30699a;
	padding-bottom:10px}		
#figure_body p{ margin:0; padding:10px 0}	
#figure_foot{
	display:block;
	background:url(../images/bg_figurebox_03.png) no-repeat;
	width:592px;
	height:20px}
.figure_table{}
.figure_table td{
	padding:5px;
	line-height:20px;
	color:#333}
.figure_table .td_title{ width:20%; vertical-align:top}
.figure_table .td_title2{ width:20%; vertical-align:top}
.figure_table .td_bbline{ border-bottom:1px dashed #CCC; padding:10px 0}
.figure_table .my_txtarea{
	width:350px; 
    padding:3px; 
	border:1px solid #ABADB3; 
	margin-top:1px}
	.figure_table .my_txtarea1{
		width:82px; 
    padding:3px; 
	border:1px solid #ABADB3; 
	margin-top:1px}
.figure_table a:link{ text-decoration:none; color:#4095de}
.figure_table a:visited{text-decoration:none; color:#4095de}
.figure_table a:hover{ text-decoration:none; color:#F50}
	
.btn_blueline{
	background:url(../images/btn_blueline.png);
	width:108px;
	height:23px;
	border:none;
	cursor:pointer}
.blue_number{
	font-size: 16px;
	color: #619f07;
	font-weight: bold;
	padding-top: 2px;}	
.green_number{
	font-size:1.5em;
	color:#619f07;
	font-weight:bold;
	padding-right:3px}	
#figure_info{ margin-top:25px}
.ps_info{
	color: gray;
	font-size: 0.8em;}
.bwhite{
	background :#FFF;}