@charset "big5";
body {
	margin:0 auto;
	font-size:100%;
  	font-family: "微軟正黑體","新細明體",Verdana;
	color:#333333;
	background-image:url(/images/bg-3.gif);
  }
  
 p, ul li, table tr td {line-height:200%;}

.center {
	margin:0em;
	font-size:100%;
  	font-family: Verdana, "新細明體";
	color:#333333;
  }
  

  
/* wrapper */

#wrapper {
	margin: 0 auto;
	width:95%;
	background-color:#ECECEC;
	/*background: url(../images/index_bk.jpg) repeat-x center bottom;*/
}

/* Sidebar */

#bpage
{
	margin: 0 auto;
	width:100%;
	background:#FFFFFF url(../images/bpage_bk.jpg) repeat-x center bottom;
	border-left:#7ABFD3 0.08em solid;
	border-right:#EDA1CD 0.08em solid;
	border-top:#899E5D 0.08em solid;
	/*border-bottom:#A7A3A3 0.38em solid;*/
}

#mpage
{
	margin: 0 auto;
	/*border-left:#85D3E9 0.08em solid;
	border-right:#EDA1CD 0.08em solid; */
	background:url(../images/index_bk.jpg) repeat-x center top;
}

#page
{
	margin: 0 auto;
	width: 100%;
	/*border-left:#85D3E9 0.08em solid;
	border-right:#EDA1CD 0.08em solid;*/
	background:url(../images/index_bk.jpg) repeat-x center top;
}

.showtit
{
	background:url(../images/index-show.jpg) no-repeat left top;
	height:16.62em;
}

#Apage
{
	margin: 0 auto;
	padding:0;
	width: 100%;
	/*border-left:#85D3E9 0.08em solid;
	border-right:#EDA1CD 0.08em solid;*/
	background-color:#FFFFFF;
}
  
/* Header */

#header {
	margin: 0 auto;
	height:auto;   /* by KPC */
	background-color:#ececec;
	/*background:url(../images/top.jpg) no-repeat;  *//* for RWD by KPC 改放到 nav */
	text-align:right;
}
#header_edu {   /* by KPC */
	margin: 0 auto;
	height:auto; /* by KPC */
	background-color:#ececec;
	/* background:url(../images/top_edu.jpg) no-repeat;  比照 header by KPC  */
	text-align:right;
}

#header_center {   /* by KPC */
	margin: 0 auto;
	height:auto; /* by KPC */
	background-color:#ececec;
	/* background:url(../images/top_center.jpg) no-repeat;   比照 header by KPC  */
	text-align:right;
}


nav{
	clear:both;
	background:url(../images/index_bk.jpg); 
}

.nav{
	background:url(../images/top.jpg) no-repeat; 
}

.nav_center{
	background:url(../images/top_center.jpg) no-repeat; 
}

.nav_edu{
	background:url(../images/top_edu.jpg) no-repeat; 
}


.top_bk
{
	background:url(../images/top_bk.jpg) repeat-x;
}

#header_article {
	margin: 0 auto;
	background:url(../batol-help/images/article-back.jpg) repeat-x;
}

#header_article h2
{
	font-size:150%;
  	font-family: Verdana, "新細明體";
	color:#066;
	font-weight: bold;
	padding-top:1.54em;	
}
#header_article h3
{
	font-size:120%;
  	font-family: Verdana, "新細明體";
	color:#900;
	font-weight: bold;
	padding-top:1.54em;	
}

.top_article {
	margin: 0 auto;
	padding-top:40px;
	width:100%;
	height:9.69em;
	background:url(../batol-help/images/talker-bkgd.jpg) left top no-repeat;
	text-align:center;
}

#content_article
{
	clear: both;
	padding:0.77em 1.54em 0.77em 1.54em;
}
#showauthor h2
{
	margin: 0 auto;
	padding:0.77em 1.54em 0.77em 1.54em;
	background-color:#29673C;
	color:#FFFF99;
	font-size:85%;
}

/* Audio Header */

#audiopage {
	margin: 0 auto;
	background-color:#FFFFFF;
	width:73.85em;
}

.audio_tit
{
	height:13.85em;
	background:url(../images/audio_tit.jpg) no-repeat;
}
.audio_bk
{
	background:url(../images/audio_bk.jpg) repeat-x;
}

/* Audio_download Header */

.audio_tit_downlod
{
	height:16.69em;
	background:url(../images/top.jpg) no-repeat;
}
.audio_bk_downlod
{
	background:url(../images/top_bk.jpg) repeat-x;
}


/* prefecture */
#prefecture {
	margin: 0 auto;
	height:12.69em;
}

  

.showsite
{
	padding-left:7.69em;
	padding-top:3.85em;
}


/* index */
/* mainMenu */
#mainMenu {
	clear:both;  /* for RWD  by KPC	*/
	margin:0 auto;
	padding-top:1.15em;
	height:3.46em;
}

#mainMenu ul {
	margin: 0 auto;
	list-style: none;
	line-height: normal;
	background:#F90 url(../images/lin-blue50.gif) repeat-x;
}

#mainMenu ul li {
	display: inline;
}

#mainMenu li a {
	display: inline-block;	/* 水平內顯示為區塊 */
	line-height:auto; /* for RWD  by KPC 2.90em*/	
	/*padding:0.31em 0 0.38em 0;*/
	/*padding-top:0 em;*/ /* 其他瀏覽器 不要加頂部內距 避免撐開*/
	/*padding-top:0.38em \9 ;*/ /* IE瀏覽器 加頂部內距 將文字置中*/	
	padding:8px 16px;  /* for RWD  by KPC 原來如上	*/	
	border-right: 0.08em solid #ccc;
	/*border-bottom:0.08em solid #3aa3b9; 
	padding-bottom:0.38em;*/
	width:auto;	   /* for RWD  by KPC 9.5%	*/	
	/* text-transform: uppercase; */	
	color: #3768ae;
	font-weight:200;
	text-align:center;
}

#mainMenu li a:hover {
	text-decoration: none;
	color: #000000;
	padding-top:0em;	
	padding-top:0.15em \9;
	border-bottom:0.23em solid #F90;
	/*padding-bottom:0.38em;	*/
}

/* content */
/* Menu */
#menu {
	margin:0 auto;
	width:95%;
	font-size: 95%;
	height:217px /* for RWD by KPC ADD */
}

#menu span a 
{
	margin-left:15.4em;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	padding:11.8em 1.54em 0 0;		/* for RWD by KPC  8em*/
}

#menu li {
	display: inline;
}

#menu li a {
	display:inline-block;
	/*padding: 0.46em 12px 15px 12px;*/
	padding: 0.46em 0.92em 1.15em 0.92em;
	background: #000000;
	border: 0.08em #FFFFEC solid;
	height:0.77em;	
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
}

#menu li a:hover {
	text-decoration: none;
	background:#FF9;
	border: 0.08em #D45951 solid;
	color: #000000;	
}

.select-down{
	display:inline-block;	
	padding: 0.46em 0.92em 1.15em 0.92em;	
	border: 0.08em #FFFFEC solid;	
	background:#FFFFFF url(images/top_s_bk.jpg) repeat-x; 
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	color: #55490a;
}

/* basicMenu */
#basicMenu {
	margin:0 auto;
	padding-top:1.15em;
	min-height:3em; 
	height:auto; /* for RWD by KPC  2.7em*/
	width:100%;
}

#basicMenu ul {
	float: right;
	margin: 0 auto;
	list-style: none;
	line-height: normal;
}

#basicMenu li {
	display: inline;
}

#basicMenu li a {
	margin-right: 0.77em;
	padding-left:0.15em;
	text-transform: uppercase;
	color: #414141;
	height:1.15em;
}

#basicMenu li a:hover {
	text-decoration: none;
	color: #000000;
}

.basicselect-down{
	margin:-0.62em 0.38em 0 0;
	padding:0 0.38em 0.23em 0.38em;
	background-color: #025f7e;  /* by KPC  #09c*/
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size:100%;
}

.showbar
{
	border-left: 0.15em #E2837D solid;
}


/* area */

#area {
	margin: 0 auto;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	/*background: url(../images/index_bk.jpg) repeat-x center bottom;*/
}

#s1,#s2,#s3,#s4
{
	width:24.1%;
	float:left; 
	height:100%;
	padding-left:0.4%;
	padding-right:0.4%;
	min-height:21.54em;
	border-left:#CCCCCC 0.08em solid;
}
.h1
{
	background: url(../images/tit-recent-book-bk.jpg) repeat-x center bottom;
	height:3.00em;
	text-align:center;
	line-height:3.85em;
}

.h2
{
	background: url(../images/tit-train-prefecture-bk.jpg) repeat-x;
	height:3.85em;
	text-align:center;
	line-height:3.85em;
}

.h3
{
	background: url(../images/tit-email-prefecture-bk.jpg) repeat-x;
	height:3.85em;
	text-align:center;
	line-height:3.85em;
}

.h4
{
	background: url(../images/tit-discuss-prefecture-bk.jpg) repeat-x;
	height:3.85em;
	text-align:center;
	line-height:3.85em;
}

.h5
{
	background: url(../images/tit-batol-prefecture-bk.jpg) repeat-x;
	height:3.85em;
	text-align:center;
	line-height:3.85em;
}



.showcontent
{
line-height:150%;
width:95%;
}

/* Content2 */

#content2
{
	/* display: inline-block;	*//* 水平內顯示為區塊 */	
	margin: 0 auto;
	position:relative;
	width:100%;	
	/* padding-top:0.77em; by KPC 取消側邊選單，將其寬度改為 0*/
	/* padding-bottom:0.77em;  by KPC 取消側邊選單，將其寬度改為 0*/
	/* 為放大縮小字體，將背景白色取消 */
	 background:#FFFFFF; 
}



/* Bar */

#bar {
	/*float: left;
	width:0px;   by KPC 取消側邊選單，將其寬度改為 0
    min-height: 53.85em; */
	vertical-align:top;
	background:#FFFFFF url(../images/main-bk.jpg) repeat-y bottom left;	
}

/* posts */
#posts {
    /* by KPC 取消側邊選單，將其右邊區塊寬度取消 */
	/*float: right;
	width:73%; */
	padding:1.54em 3.85em 1.54em 1.54em;
}

.post .title {
	padding-top: 0.38em;
	padding-left: 1.85em;
	font-size: 1.2em;
	font-weight: bold;
	color: #852b2b;
	background: url(../images/img05.gif) no-repeat;
}


/* Box Style One */
#boxed1 {
	background: #FFFFFF url(../images/message-m-bk.jpg) repeat-y;
	min-height:10.77em;
	margin-top:-1.85em;
}
/*
.boxed1 h2 {
	height: 40px;
	margin: 0 0.77em 2px 0;
	padding: 0.77em 0 0 50px;
	text-transform: lowercase;
	font-size: 1.5em;
	font-weight: normal;
	color: #000000;
} */

#boxed1 h2
{
	background: #FFFFFF url(../images/message-b-bk.jpg) no-repeat;
	padding: 1.2em 0 0 2.7em;	
	height: 2.2em;
	width:13.54em;
	font-size:1.39em;
}

#boxed1 ul {
	margin:0 auto;
	margin-top:-1.15em;
	padding: 0.77em 0 0.38em 0;
	list-style:url(../images/icon-arrow2.gif) ;
	list-style-position:inside;
	line-height:150%;	
	background: #FFFFFF url(../images/message-m-bk.jpg) repeat-y;	
}

#boxed1 li {
	padding:0 0.38em 0 0em;
	line-height:1.54em;
}

#boxed1 a {
	text-decoration: none;
	font-weight: normal;
	color: #8b4513;  /* for AAA  by KPC */
	padding:0.77em 0.38em 0 0.2em;
	margin-top:-0.77em;
}

#boxed1 a:hover {
	color: #545C20;
}

#boxed1 .active, #boxed1 .active a {
	background-color: #ABB63D;
	color: #FFFFFF;
}

/* Box Style Two */

#boxed2 {
	margin-bottom: 1.54em;
	height: 23.08em;
}

#boxed2 h2 {
	height: 3.68em;
	margin: 0 0 0.15em 0;
	padding:0.62em 0.77em 0.15em 2.31em;
	background: #FFFFFF url(../images/main-b-top.jpg) no-repeat;
	text-transform: lowercase;
	letter-spacing: -0.15em;
	font-size: 1.23em;
	color:#069
}

#boxed2 ul {
	margin: 0 auto;
	padding: 0;
	margin-top:-1.54em;
	list-style: none;
	padding-top:1.54em;	
	padding-bottom:1.54em;
	background: #FFFFFF url(../images/main-bk.jpg) repeat-y;
	list-style:url(../images/blue_icon01.gif) ;
	list-style-position:inside;
	line-height:150%;	
}

#boxed2 li {
	padding:0 0.77em 0 0.77em;
	line-height:1.54em;
	line-height:180%;
}

#boxed2 a {
	text-decoration: none;
	font-weight: bold;
	color: #3F95B8;
	padding:0.77em 0.38em 0 0.15em;
}

#boxed2 a:hover {
	color: #204B5C;
}

#boxed2 .active, .boxed2 .active a {
	background-color: #204B5C;
	color: #FFFFFF;
}



#content
{
	float:right;
	width: 85%;
	padding-right:2.69em;
}


/* Footer */

#footer {
	clear: both;
	padding: 1.54em 0em 0em 0em;
	margin: 0 auto;
	background: #c7d565 url(../images/img6.gif) repeat-x;
	color:#5F5F5F;
	font-size:88%;
}

/* .top_bk
{
	background:#FFFFFF;
	margin-top:1.54em;
} 
*/ 


.top_bkx
{
	background:#000000 url(images/top_bk.jpg) repeat-x;
}


a:hover.a-blue{text-decoration: underline}
a.a-blue{text-decoration: none; color: #2e5984;} /* for AAA by KPC #369 */
a:hover.a-orange{font-size:80%;text-decoration: underline}
a.a-orange{font-size:80%;text-decoration: none; color: #7e4000;}  /* for AAA by KPC */
a:hover.a-white{text-decoration: underline; color:#FFFFFF;}
a.a-white{text-decoration: none; color:#FFFFCC;}

a.a-blueline:link {color:#484f08; text-decoration:none;} /* for AAA by KPC */
a.a-blueline:visited {color:#484f08; text-decoration:none;} /* for AAA by KPC */
a.a-blueline:hover {color:#37689A; background-color:#E5F9CE;}
a.a-bluemenu:link {font-size:80%;color:#336699; text-decoration:none;}
a.a-bluemenu:visited {font-size:80%;color:#336699; text-decoration:none;}
a.a-bluemenu:active {font-size:80%;color:silver; text-decoration:none;}
a.a-bluemenu:hover {font-size:80%;color:#000000; text-decoration:underline;background-color:#DCF6F6; color:#1F9AC2;}

A.a-bblue:link {font-size:98%; COLOR: #37689A;	TEXT-DECORATION: none;}
A.a-bblue:visited {font-size:98%; COLOR: #37689A; TEXT-DECORATION: none;}
A.a-bblue:hover {font-size:98%; COLOR: #A43E62; TEXT-DECORATION: none;}
A.a-grayline:link {COLOR: #585858;	TEXT-DECORATION: underline;}
A.a-grayline:visited {COLOR: #585858; TEXT-DECORATION: underline;}
A.a-grayline:hover {COLOR: #585858; TEXT-DECORATION: none;}
A.a-gray:link {font-size:80%; COLOR: #767575;	TEXT-DECORATION: none;}
A.a-gray:visited {font-size:80%; COLOR: #767575; TEXT-DECORATION: none;}
A.a-gray:hover {font-size:80%; COLOR: #767575; TEXT-DECORATION: none;}
A.a-green:link {COLOR: #416B0A;	TEXT-DECORATION: none;}
A.a-green:visited {COLOR: #416B0A; TEXT-DECORATION:none;}
A.a-green:hover {COLOR: #416B0A; TEXT-DECORATION:  underline;}
A.a-wgreen:link {COLOR: #62AA05;	TEXT-DECORATION: none;}
A.a-wgreen:visited {COLOR: #62AA05; TEXT-DECORATION:none;}
A.a-wgreen:hover {COLOR: #62AA05; TEXT-DECORATION:  underline;}
A.a-bgray:link {font-size:95%; COLOR: #7B8175;	TEXT-DECORATION: none;}
A.a-bgray:visited {font-size:95%; COLOR: #7B8175; TEXT-DECORATION: none;}
A.a-bgray:hover {font-size:95%; COLOR: #000000; TEXT-DECORATION: underline;}
A.a-black:link {COLOR: #000000;	TEXT-DECORATION: none;}
A.a-black:visited {COLOR: #000000; TEXT-DECORATION: none;}
A.a-black:hover {COLOR: #780F96; TEXT-DECORATION: none;background-color:#FFFFFF;}
A.a-wblack:link {font-size:98%; COLOR: #333333;	TEXT-DECORATION: none;}
A.a-wblack:visited {font-size:98%; COLOR: #333333; TEXT-DECORATION: none;}
A.a-wblack:hover {font-size:98%; COLOR: #4F0F4F; TEXT-DECORATION: underline;}
A.a-purple:link {font-size:97%; COLOR: #630C63;	TEXT-DECORATION: none;}
A.a-purple:visited {font-size:97%;COLOR: #630C63; TEXT-DECORATION:none;}
A.a-purple:hover {font-size:97%;COLOR: #585858; TEXT-DECORATION: none;background-color:#E5F9CE;}
A.a-wpurple:link {font-size:95%; COLOR: #4F0F4F;	TEXT-DECORATION: none;}
A.a-wpurple:visited {font-size:95%;COLOR: #4F0F4F; TEXT-DECORATION:none;}
A.a-wpurple:hover {font-size:95%;COLOR: #585858; TEXT-DECORATION: none;}
A.a-yellow:link {COLOR: #F0F80E;text-shadow:#F80E19;TEXT-DECORATION: none;}
A.a-yellow:visited {COLOR: #F0F80E;text-shadow:#F80E19;TEXT-DECORATION:none;}
A.a-yellow:hover {COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.a-white:link { font-size:98%; COLOR: #FFFFFF;	TEXT-DECORATION: none;}
A.a-white:visited { font-size:98%; COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.a-white:hover { font-size:98%; COLOR: #F0F80E; TEXT-DECORATION: underline;}
A.a-acceky:link {font-size:30%;COLOR: #ECF6F8;	TEXT-DECORATION: none;}
A.a-acceky:visited {font-size:30%;COLOR: #ECF6F8; TEXT-DECORATION:none;}
A.a-acceky:hover {font-size:30%;COLOR: #C3DADA; TEXT-DECORATION: none;}
A.a-acceky-l:link {COLOR: #C3DADA;	TEXT-DECORATION: none;}
A.a-acceky-l:visited {COLOR: #C3DADA; TEXT-DECORATION:none;}
A.a-acceky-l:hover {COLOR: #C3DADA; TEXT-DECORATION: none;}

a:hover.a-option{text-decoration: none; color: #FF3300;}
a.a-option{text-decoration: none; color: #003300;}
a:hover.a-pm{text-decoration: underline}
a.a-pm{text-decoration: none; color: #336699;}

A.diybtn:link {
	color:#2e585e;
	background-color:#E8F4F9;
	font-size:0.92em;
	border:0.08em solid  #999999;
	padding:0.15em; 
 }
 
A.diybtn:visited {
	color:#2e585e; 
	background-color:#E8F4F9;
	font-size:0.92em;	
	border:0.08em solid  #2e585e;
	padding:0.15em; 
} 

A.diybtn:active {
	color:#000000; 
	background-color:#ECECEC; 
	font-size:0.92em;
	border:0.08em solid  #999999; 
	padding:0.15em; 
}

A.diybtn:hover {
	color:#000000; 
	background-color:#ECECEC; 
	font-size:0.92em;
	border:0.08em solid  #999999;
	padding:0.23em; 
}

A.diybtn-s:link {
	color:#999900;
	background-color:#FF8F86;
	font-size:0.92em;
	border:0.08em solid  #999999;
	padding:0.15em; 
 }
 
A.diybtn-s:visited {
	color:#999900; 
	background-color:#FF8F86;
	font-size:0.92em;	
	border:0.08em solid  #2e585e;
	padding:0.15em; 
} 

A.diybtn-s:active {
	color:#000000; 
	background-color:#ECECEC; 
	font-size:0.92em;
	border:0.08em solid  #999999; 
	padding:0.15em; 
}

A.diybtn-s:hover {
	color:#000000; 
	background-color:#ECECEC; 
	font-size:0.92em;	
	border:0.08em solid  #999999;
	padding:0.23em; 
}

.discuss-height23 {height:1.77em;}
.discuss-tr {width:58.38em; background-color:#BCBCBC;}
.line-height {line-height:1.69em;}
.discuss-content {background-color: #E6E6BB; padding:0.77em;}
.discuss-height3 {height:0.23em;}
.discuss-reply-content {background-color: #EFE3C9; padding:0.77em;}
.discuss-reply-subject {background-color: #F8F3E7; padding:0.77em;}
.discuss-subject {background-color: #F2F2DD; padding:0.77em;}
.discuss-input {height:1.54em; vertical-align:middle; padding:0.46em;}

A.selectbtn:link {
	color:#2e585e;
	background-color:#E8F4F9;
	font-size:0.92em;
	border:0.15em solid  #999999;
	padding:0.15em; 
 }
 
A.selectbtn:visited {
	color:#2e585e; 
	background-color:#E8F4F9;
	font-size:0.92em;	
	border:0.15em solid  #2e585e;
	padding:0.15em; 
} 

A.selectbtn:active {
	color:#000000; 
	background-color:#ECECEC; 
	font-size:0.92em;
	border:0.15em solid  #999999; 
	padding:0.15em; 
}

A.selectbtn:hover {
	color:#000000; 
	background-color:#ECECEC; 
	font-size:0.92em;	
	border:0.15em solid  #999999;
	padding:0.23em; 
}

.btd-blue{background-color: #DCF7FA;}
.btd-wblue{background-color: #E8F4F8;}
.btd-green{background-color: #F1F7EE;}
.btd-yellow{background-color: #FFFFEC;}
.btd-gray{background-color: #ECECEC;}
.btd-yellower{background-color: #CCCC00;}
.btd-byellow{background-color: #D7D7AE;}
.btd-white{background-color: #FFFFFF;}
.btd-orange{background-color: #CC3300;}
  
.color-red{color:#CC0000}
.color-brown{color:#663333}
.comment{color:#663333; font-size:0.77em;}
.showdate{color:#333333; font-size:80%;}



.item_title{color:#666600; font-weight:bold; vertical-align:top; padding:1.54em;}
.inner-title-left{background-image:url(../images/inner-title-left.gif);width:1.38em; height:2.23em; line-height:2.23em;} 
.inner-title{background-image:url(../images/inner-title.gif); line-height:2.23em; color:#FFFFFF; font-weight: bold; padding-left:0.46em; border:0.15em solid  #E67A72;}
.inner-title-right{background-image:url(../images/inner-title-right.gif);width:2.62em; height:2.23em; line-height:2.23em;} 

.input{
	font-family:Arial, "新細明體";
	font-size:80%;
}

.line {
	border-bottom-width: 0.08em;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-left: 0.77em;
	padding-top: 0.38em;
	padding-bottom: 0.38em;
}

.menu_select{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(/images/main-b-top.jpg);
	color:#000000;
	}
	
.outline-blue{border:0.15em solid #C1E1E8;padding:0.38em;}
.outline-gray{border:0.08em solid #CCCCCC;padding:0.38em;}
.outline-bgray{border:0.38em solid #E1E1E1;}
.outline-yellow{border:0.08em solid #999966;padding:0.38em;left-padding:1.54em;}
.optbox1 {background-color:#F5F5E9; border: #999966 solid 0.08em;}

.option-red{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #EF0000;}
.option-blue{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #DFFAFB;}
.option-bblue{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #0050FF;}
.option-yellow{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #FFDC00;}
.option-green{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #00D2B1;}
.option-bgreen{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #1ADC00;}
.option-orange{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #FF5502;}
.option-gray{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #ECECEC;}
.option-black{border-bottom-width: 0.23em;border-bottom-style: solid;border-bottom-color: #000000;}

.suboption-red{border-top-width: 0.23em;border-top-style: solid;border-top-color: #EF0000;}
.suboption-blue{border-top-width: 0.23em;border-top-style: solid;border-top-color: #DFFAFB;}
.suboption-bblue{border-top-width: 0.23em;border-top-style: solid;border-top-color: #0050FF;}
.suboption-yellow{border-top-width: 0.23em;border-top-style: solid;border-top-color: #FFDC00;}
.suboption-green{border-top-width: 0.23em;border-top-style: solid;border-top-color: #00D2B1;}
.suboption-bgreen{border-top-width: 0.23em;border-top-style: solid;border-top-color: #1ADC00;}
.suboption-orange{border-top-width: 0.23em;border-top-style: solid;border-top-color: #FF5502;}
.suboption-gray{border-top-width: 0.23em;border-top-style: solid;border-top-color: #ECECEC;}
.suboption-black{border-top-width: 0.23em;border-top-style: solid;border-top-color: #000000;}


.select_sub
{	
	padding-left:1.54em;
}
.select_sub-down
{
	color: #990000;
	padding:1.54em;
}

.select_top
{
	border-left-width: 0.38em;
	border-left-style: solid;
	border-left-color: #000000;
}

.select-down_top
{
	color: #990000; 
}

.select_edutrain{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-color: #ECECEC;
	color:#990000;
	}
	
.select-down_edutrain{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-color: #FFFFEC;
	color:#990000;}

.subselect_top_edutrain
{
	color: #8C8B8A;
	font-size:0.85em; 
}

.subselect-down_top_edutrain
{
	border-bottom-width: 0.15em;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #DA5F0E;
	font-size:0.85em; 
}

.select_case1{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(../images/tit-recent-book-bk.jpg);
	color:#990000;
	}

.select_case2{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(../images/tit-train-prefecture-bk.jpg);
	color:#990000;
	}
	
.select_case3{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(../images/tit-email-prefecture-bk.jpg);
	color:#990000;
	}
	
.select_case4{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(../images/tit-discuss-prefecture-bk.jpg);
	color:#990000;
	}
	
.select_case5{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(../images/tit-batol-prefecture-bk.jpg);
	color:#990000;
	}
	
.select_case6{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-image:url(../images/tit-account-prefecture-bk.jpg);
	color:#990000;
	}
	
.subselect{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #E1DFDF;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #E4AC00;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	color:#990000;}
	
.subselect-down{
	border-bottom-width:0.15em;
	border-bottom-style: solid;
	border-bottom-color: #2e585e;
	border-right-width:0.08em;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:0.46em;
	padding-left:0.46em;
	padding-top: 0.38em;
	background-color: #E8F4F9;
	color:#000000;}
	
	
/*
.select-down_top
{
	border-bottom-width: 0.38em;
	border-bottom-style: solid;
	border-bottom-color: #CC6600;
	color: #990000; 
}
*/
.msg {
	font-size: 0.85em;	
	color: red;
	line-height: 1.23em;
}

.project{font-size:1.85em; font-family:"新細明體"; font-weight:bold; color:#336699;}

.tbl-item1{background-color:#EAEFC2; color:#20371A; line-height:200%}
.tbl-item2{background-color:#EAEFC2; color:#20371A; line-height:200%}
.tbl-data1{background-color:#FFFFFF; padding:0.77em;}
.tbl-data2{background-color:#EFEFEF; padding:0.77em;}
.tbl-data3{padding:0.77em; line-height:140%}
.tbl-data5{background-color:#C6D685; padding:0.77em;}
.tbl-data6{background-color:#E6E29D; padding:0.77em;}
.tbl-data7{background-color:#EFF39A; padding:0.77em;}
.tbl-data8{background-color:#DAD9A9; padding:0.77em;}

.s-title{color:#CC6600; font-size:0.8em;font-family:"新細明體";}
.b-title{color:#333333; font-size:0.96em;font-family:"新細明體";}

.text10{font-size:92%}
.text12{font-size:95%}
.text13{font-size:97%}
.text15{font-size:100%}
.text20{font-size:1.54em}
.example{font-size:0.8em;color:#2C366A;line-height: 120%}
.tblue{color:#C8E0EF;font-size:0.31em}

.title{color:#7e4000; font-weight:bold; font-family:"新細明體";}  /* for AAA by KPC */
.title2{color:#003333; font-weight:bold; font-family:"新細明體"; font-size:1.54em; padding:1.54em;}
.title-menu{font-family:"新細明體";}
.title-blue{font-size:85%;color:#076F92;}
.title-orange{color:#D16208;}
.title-gray{color:#333333;}

.h28{height:0.92em;}
.h30{height:2.31em;}
.h20{height:1.54em;}
.h31{height:2.38em;}
.h32{height:1.5em;}
.h34{height:2.62em;}
.h190{height:14.62em;}
.h216{height:9.23em;}
.h16w176{width:13.54em;height:1.23em;}
.h40w176{width:13.54em;height:3.08em;}
.h42w176{width:13.54em;height:3.23em;}
.h25w176{width:13.54em;height:1.92em;}
.h76w176{width:13.54em;height:5.85em;}
.w50{width:3.85em;}
.w53{width:3.35em;}
.w120{width:9.23em;}

.sbox-green {
	border:#ECECEC solid 0.15em;
	background-color:#FFFFFF;
	padding:0.77em;
	}
.sbox-gray {
	border:#ECECEC solid 0.15em;
	background-color:#FFFFFF;
	padding:0.38em;
	}

.weblayout{width:59.8em; background-color:#FEFDF4; border:thin; border-color:#336600; border-width:0.08em}
.tablelayout{width:59.77em;background-image:url(../images/index-top-bk.jpg);}
.table323{width:24.85em;height:11.62em;}
.table393{width:30.23em;height:2.62em;}
.table393h31{width:30.23em;height:2.38em;}
.table752{width:57.85em;height:2.08em;}
.table764h23{width:58.77em;height:1.77em;}
.table764{width:58.77em;height:2.31em;}
.table777{width:59.77em;height:100%;}
.dotted-outline{border:0.08em dotted  #999999;}
.solid-outline{border:0.08em solid  #CCCCCC;}

.width745{width:57.3em;padding-top:0.15em;}

/* CSS for PM */
.pm-body{
	margin:0em;
	font-size:1em;
  	font-family: Verdana, "新細明體";
	color:#333333;
	background-image:url(http://163.13.1.131/humanreview/pm/images/pm-back.png)
  }
  
.pm-title{font-size:1.54em; font-family:"新細明體"; font-weight:bold; color:#663333;}
.pm-item{background-color:#CFCEA9; color:#666600; line-height:160%;}
.pm-data{background-color:#FCF8DA;}
.pm-data2{background-color:#F7F3E8;}

.form-line{padding:0.46em;}
a:hover.a-check-id{background-image:url(../images/icon-check-id_o.gif);}
a.a-check-id{background-image:url(../mages/icon-check-id.gif);}
a:hover.a-check-nationalid{background-image:url(../mages/icon-check-natioinalid_o.gif);}
a.a-check-nationalid{background-image:url(../mages/icon-check-natioinalid.gif);}
.form-hr-member{background-color: #EBF0D9;}

.inner-accesskey{
	font-size:0.83em;
  	font-family: Verdana, "新細明體";
	color:#FFFFFF;
}

.inner-accesskey-l{
	font-size:0.83em;
  	font-family: Verdana, "新細明體";
	color:#C3DADA;
}

.acckey-r{
	font-size:0.83em;
  	font-family: Verdana, "新細明體";
	color:#FFFFFF;
}

.acckey-l{
	font-size:0.83em;
  	font-family: Verdana, "新細明體";
	color:#FFFFFF;
}

.tinyBorder-blue{
	font-family:,Arial;
	font-size:110%;
	border : #DDE6F2 solid 0.15em;
	}
	
.tinyBorder-green{
	font-family:,Arial;
	font-size:110%;
	border : #669999 solid 0.15em;
	}
	
.left-sline {
	border-left-style:  solid;
	border-left-width: 0.08em;
	border-color:#CCCCCC;
	}

.left-dine {
	border-left-style:  dotted;
	border-left-width: 0.08em;
	border-color:#999966;
	}
	
.right-sline {
	border-right-style:  solid;
	border-right-width: 0.08em;
	border-color:#999966;
	}
	
.right-dline {
	border-right-style:  dotted;
	border-right-width: 0.08em;
	border-color:#999966;
	}
	
.down-sline {
	border-bottom-style:  solid;
	border-bottom-width: 0.08em;
	border-color:#999966;
	}
	
.dotted {
	border-bottom-style:  dotted;
	border-bottom-width: 0.08em;
	border-color:#CCCCCC;
	}
	
.aaa{
	text-indent: -1em;
	padding-left: 1.15em;
		}
		
.copyright{
	text-align:center;
	font-size: 95%;
	color: #0E526B;   /* #795E00*/
	border-bottom-width: 0.23em;
	border-bottom-style: solid;
	border-bottom-color:#999999;
	background:url(/images/copyright-bk.jpg) repeat-x;
	border-top-width: 0.15em;
	border-top-style: solid;
	border-top-color:  #CCCCCC;
	padding:1.54em 0.77em 1.15em 0.77em;
	}
.w100{width:7.69em;
}
.txtblank{
	padding:1.15em;
	line-height:200%;  /* ADD by KPC */
	}

.tabblank{
	padding:0.769em;
	}
	
.caseblank{
	padding:0.62em;
	}
	
.btnblank{
	padding:0.23em;
	}
	
.txtbold{
	font-weight:bold;
	}
	
.hid{display:none;}

.tit-board-d-orange{
	border-top-width: 0.08em;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 0.15em;
	border-bottom-color: #CC6600;
	border-bottom-style: solid;
	}
	
.tit-board-d{
	border-top-width: 0.077em;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 0.15em;
	border-bottom-color: #006600;
	border-bottom-style: solid;
	}
.more
{
	background:url(/images/arrow_green.gif) 5em no-repeat;	
}
.more a
{
	margin-left:7em;
}
.btd-green_arrow{
	background:#F1F7EE url(/images/icon-bullet2.gif) left 0.38em no-repeat;
	}
	
.description{
    margin-left:1.54em;
}

.description ul{
    margin-left:0em;
    padding-left:1.6em;
    list-style:disc;
}

.description ul li{
    margin:0.46em 2.3em;
	list-style-type:none;
}

.description ul li ol {
    margin-top:-1.4em;
    margin-left: 2em;
}

.container h4{
    color:chocolate;
    font-weight:bold;
    padding-bottom:0.46em;
    border-bottom:0.08em dashed gray;
}


/* 其它 放文字區塊 */
.board{
    width:auto;
    text-align:left;
    font-size:1.2em;
    padding:0.77em 1.54em;
    margin:2.3em 0.46em;
    border-radius:0.77em;
}

.board h4{
    margin-top:3.07em;
    margin-bottom:0.77em;
    font-weight:bold;
    color:chocolate;
    padding-bottom:0.46em;
    border-bottom:0.08em dashed gray;
}

.board h4:first-child{
    margin-top:0.77em;
    margin-bottom:0.77em;
    font-weight:bold;
}
.board p{
    padding-left:2em;;
    line-height:1.54em;
}

.board table th
{
	background-color:#CCCCCC;
	line-height:150%;
	padding:0.38em;
}

.board table td
{
	padding:0.38em;
}

/* For AAA by KPC */
.h1-aaa{
	color:white;
    font-size: small;
    margin-top: -40px;
}

.font-s{
	font-size:small;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* by KPC for dropdown menu */
.dropdown{
	position:relative;
}

.dropdown-menu {
    top: 100%; /* 次選單顯示在主選單項目下方 */
    left: 0;   /* 次選單與主選單項目左對齊 */
	text-align:left;
	width:200px;
    display: none; /* 預設隱藏次選單 */
    background-color: #330000;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1;

}

#menu .dropdown ul{
	padding:0px !important;
	position:absolute;
	margin-left:-100px;
}

#menu .dropdown ul li a{
	width:100%;
    border:none;
	border-bottom:1px solid white;
}

#menu .dropdown ul li{
	background:black;
	width:100% !important;
	display:block;
	border:0px 0px 1px 0px;
	border-color:white;
}


/* 顯示次選單 */

.dropdown:hover .dropdown-menu {
    position: relative;
	display:block;
}



/* for Device Menu by KPC */
/* 隱藏原有的菜單 */

#basicMenu ul {
    display: none;
	transition: max-height 0.3s ease-out;
    overflow: hidden;
    max-height: 0;
}

/* 漢堡菜單圖標樣式 */
.hamburger-icon {
   font-size: 4.6em;
	width:100px;
    cursor: pointer;
    display: block;
	border:2px solid gray;
	border-radius:16px;
	text-align:center;
}


/* 在大屏幕上隱藏漢堡菜單圖標 */
@media (min-device-width: 769px){
    #hamburgerMenu {
        display: none;
    }
    #basicMenu ul {
        display: block;
		max-height: none;
    }
}

/* 在小屏幕上顯示漢堡菜單圖標 */
@media (max-device-width: 768px){
    #hamburgerMenu {
		padding:10px;
        display: block;
    }

	.h34{height:5.6em; margin-bottom:20px;}

	#basicMenu ul {
		display: none;
		max-height: 0;
	}


	#mainMenu{height:auto; clear:both;}

	#mainMenu ul {
		margin: 0 auto;
		list-style: none;
		line-height: normal;
		background:none;

	}
	#mainMenu li a {
		font-size:3em;
		width:auto;
		height:auto;
		line-height:200%;
		padding:6px 10px;
		border-right: 0.08em solid #ccc;
	}

	/* for 內頁  */
	#header, #header_center, #header_edu{
		 background-position-y: 120px;
	}


	#menu li a, #menu li a:hover, .select-down {
		font-size: 2em;
	}

	.table-menu {
		font-size: 1.5em;
	}

	#page #header_center .hamburger-icon, #page #header_edu .hamburger-icon {padding:30px 0px;}
	
}

/* 顯示菜單 */
#basicMenu ul.show{
	width:95%;
	background:#ccffff;
    display: block;
	max-height: 1000px; 
	/*border:1px solid red;*/
	clear:both;
	float:left;
	text-align:left;  /* for 內頁 */ 
}

#basicMenu ul.show li{
    display: block;
	font-size:3em;
	width:100%;
	border-bottom:1px solid gray;
}

/* 次標搭配黃色區塊文字顏色 for AAA */
.subject-AAA{
	color:#a12121;
	font-weight:bold;
}