@charset "utf-8";
/* CSS Document */
/*Large
body {margin:0px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 100%; background-color: #000; line-height: 170%;}*/

/*Medium*/
body {margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 85%; background-color: #000; line-height: 155%;}

/*Small
body {margin:0px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; background-color: #000; line-height: 140%;}*/

div.eng_body { width:980px; margin:auto; background-color:#FFFFFF; overflow: hidden; clear:both; }

/*left*/
div.eng_bodyleft { width:180px; float:left; background-image:url(../images/hakka_eng_bg_01_dn.jpg); background-position:left bottom; background-repeat:no-repeat; }
div.eng_bodyleft_in { width:100%; background-image:url(../images/hakka_eng_bg_01_up.jpg); background-position:left top; background-repeat:no-repeat; margin-bottom:240px; clear:both; overflow:hidden; }

/*right*/
div.eng_bodyright { width:800px; }
div.eng_header {width:800px; height:290px; }
div.eng_topmenu { z-index:5; width:785px; text-align:right; font-size:85%; position: absolute; margin-top:6px; color: #fff; }
div.eng_topmenu a {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #fff; font-size:85%; }
div.eng_topmenu a:link {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #fff; font-size:85%; }
div.eng_topmenu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #fff; font-size:85%; }
div.eng_topmenu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #FFCC33; font-size:85%; }


div.eng_main {width:800px; background-image:url(../images/hakka_eng_bg_03.jpg); background-position:left top; background-repeat:no-repeat; margin:0px; padding-top:0px; overflow: hidden; clear:both;}
div.eng_main_urlPath{width:750px;font-size:80%;margin:20px 0px 10px 20px; }
div.eng_main_urlPath a {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #777; }
div.eng_main_urlPath a:link {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #777; }
div.eng_main_urlPath a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #777; }
div.eng_main_urlPath a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: underline; color: #777; }

div.eng_main_main01 {width:540px; margin:10px 0px 20px 10px; float:left; }
div.eng_main_title{ width:500px; margin:0px auto; }
div.eng_main_content_out{ width:100%; border-right:dashed 1px #e1dcd3; }
div.eng_main_content{ width:495px; margin:0px 0px 0px 20px; background-color:#f7f5f4; font-size:85%; text-align:justify; }


div.eng_main_right {width:200px; margin:10px 20px 0px 17px; float:right; }
div.eng_main_right_title{ width:100%; margin:auto; }
div.eng_main_right_links{ margin:15px auto; text-align:center; font-size:85%; line-height:140%; }
div.eng_main_right_links td{ padding-top:5px; }
div.eng_main_right_links a {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #5b3b18; text-align:center; }
div.eng_main_right_links a:link {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #5b3b18; text-align:center; }
div.eng_main_right_links a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #5b3b18; text-align:center; }
div.eng_main_right_links a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #FFCC33; text-align:center; }


div.eng_footer {width:920px; height:100px; margin:20px auto; background-color:#d8dee1; font-size:80%; color:#383f44; }
div.eng_footer .logo { width:95px; height:95px; background-image:url(../images/hakka_logo.gif); background-position:center center; background-repeat:no-repeat; margin:5px auto 0px auto; }


div.spacer {clear: both;margin: 0px;padding: 0px;}


.red100b{color:#8d0101; font-weight:bolder; font-size:100%; }
.brown100b{color:#5b3b18; font-size:100%; }
.brown98b {color:#5b3b18; font-weight:bolder; font-size:98%; }


/*line style*/
.linestyle01{ border:solid 1px #464d52; }



/*Page*/
div.eng_main_main02 {width:750px; margin:10px 0px 20px 28px;; overflow: hidden; clear:both; }
div.eng_main_title02{ width:740px; margin:0px auto; }
div.eng_main_content02{ width:98%; margin:0px 0px 0px 5px; background-color:#f7f5f4; font-size:85%; text-align:justify; padding-bottom:15px; }
div.eng_main_box02 { width:95%; margin: auto; font-size:100%; text-align:center; padding:10px 0px 15px 0px; }
div.eng_main_box02 th{ border-bottom:#CC9999 1px dashed; font-weight:bolder; color:#990000; font-size:110%; padding:8px 0px 5px 0px; background-color:#FFFFFF;  }
/*div.eng_main_box02 .leftline01 { border-left:#CC9999 1px solid; }*/
div.eng_main_box02 td{ border-bottom:#666666 1px dashed; color:#666666; padding:9px 0px 5px 15px; text-align:left; }
div.eng_main_box02 td a {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color:#666666; }
div.eng_main_box02 td a:link {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #666666; }
div.eng_main_box02 td a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #666666; }
div.eng_main_box02 td a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; color: #990000; }
div.eng_main_box02 .leftline02 { background-image:url(../images/menu_boxline_gray.gif); background-position:left bottom; background-repeat:no-repeat; }


div.eng_main_list01 {width:97%; margin:10px auto 0px auto; text-align:justify; overflow:auto; clear:both; background-color:#FFFFFF; }
div.eng_main_list01_photo {width:180px; height:135px; border:1px solid #341517; margin:20px 0px 14px 6px; float:left; }
div.eng_main_list01_main {width:485px; margin:10px; float:right; z-index:3; }
div.eng_main_list01_title {width:100%; margin:6px auto 0px auto; color:#8d0101; font-weight:bolder; font-size:105%; }
div.eng_main_list01_title a, div.eng_main_list01_title a:link, div.eng_main_list01_title a:visited { text-decoration:none; color:#8d0101; }
div.eng_main_list01_title a:hover{ text-decoration:underline; color:#8d0101; }
div.eng_main_list01_writer {width:100%; margin:6px auto 0px auto; color:#666; font-size:100%; }
div.eng_main_list01_word {width:100%; margin:6px auto 0px auto; color:#5b3b18; font-size:95%; }

div.eng_main_list02 {width:97%; margin:10px auto 0px auto; text-align:justify; overflow:auto; clear:both; }
div.eng_main_list02_photo {width:180px; height:135px; border:1px solid #341517; margin:20px 0px 14px 6px; float:left; }
div.eng_main_list02_main {width:485px; margin:10px; float:right; z-index:3; }
div.eng_main_list02_title {width:100%; margin:6px auto 0px auto; font-weight:bolder; font-size:105%; }
div.eng_main_list02_title a, div.eng_main_list02_title a:link, div.eng_main_list02_title a:visited { text-decoration:none; color:#8d0101; }
div.eng_main_list02_title a:hover{ text-decoration:underline; color:#8d0101; }
div.eng_main_list02_writer {width:100%; margin:6px auto 0px auto; color:#666; font-size:100%; }
div.eng_main_list02_word {width:100%; margin:6px auto 0px auto; color:#5b3b18; font-size:95%; }


div.more A, div.more a:link, div.more a:visited{DISPLAY: block; BACKGROUND: url(../images/more_01.gif) no-repeat; OVERFLOW: hidden; WIDTH: 26px; HEIGHT: 11px;margin:0px; }
div.more a:hover{DISPLAY: block; BACKGROUND: url(../images/more_01_b.gif) no-repeat; OVERFLOW: hidden; WIDTH: 26px; HEIGHT: 11px;margin:0px auto; }

table.msg_page {width:auto;text-align: center;margin:15px auto 5px auto;}
.msg_page DIV A SPAN {DISPLAY: none}
/*
div.bot_back_home A{DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_02_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_back_home a:link {DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_02_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto }
div.bot_back_home a:visited {DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_02_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto }
div.bot_back_home a:hover {DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_02_b.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto }
div.bot_back A{DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_01_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_back a:link{DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_01_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_back a:visited{DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_01_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_back a:hover{DISPLAY: block; BACKGROUND: url(../images/eng_arrowleft_01_b.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next A{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_01_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next a:link{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_01_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next a:visited{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_01_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next a:hover{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_01_b.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next_end A{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_02_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next_end :link{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_02_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next_end a:visited{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_02_a.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
div.bot_next_end a:hover{DISPLAY: block; BACKGROUND: url(../images/eng_arrowright_02_b.gif) no-repeat; OVERFLOW: hidden; WIDTH: 18px; HEIGHT: 15px;margin:0px auto}
*/

div.eng_Num{font-size:90%;TEXT-DECORATION: none;width:100%;margin:10px auto 3px auto}
a.eng_page_on {color: #cc0000;text-decoration: none;font-weight: bold;}



/*achievements*/
div.achv_box{ width:730px; margin:10px 0px 0px 6px; font-size:82%; text-align: justify; overflow: auto; clear:both; color:#5b3b18; border-bottom:dashed 1px #5b3b18; }
div.achv_box_title{ width:94%; margin:5px auto 5px auto; }
div.achv_box_meat01{ width:92%; margin:0px 0px 0px 30px; padding:10px 0px 20px 26px; background-image:url(../images/img_achievements/achievements_03.gif); background-position:right bottom; background-repeat:no-repeat; }
div.achv_box_meat02{ width:96%; margin:0px 0px 0px 20px; background-image:url(../images/img_achievements/achievements_07.gif); background-position:left bottom; background-repeat:no-repeat; }
div.achv_box_meat02 table{margin:10px 0px 20px 210px; }
div.achv_box_meat03{ width:100%; margin:5px 0px 0px 0px; padding:10px 0px 25px 0px; background-image:url(../images/img_achievements/achievements_11.gif); background-position:right bottom; background-repeat:no-repeat; }
div.achv_box_meat03 table{margin:10px 0px 0px 55px; }
div.achv_box_meat04{ width:96%; margin:0px 0px 0px 20px; background-image:url(../images/img_achievements/achievements_13.gif); background-position:left bottom; background-repeat:no-repeat;  }
div.achv_box_meat04 table{margin:10px 0px 20px 220px; }
div.achv_box_meat05{ width:100%; margin:5px 0px 0px 0px; padding:10px 0px 25px 0px; background-image:url(../images/img_achievements/achievements_17.gif); background-position:right bottom; background-repeat:no-repeat;  }
div.achv_box_meat05 table{margin:10px 0px 0px 55px; }


/*themes*/
div.photo01 {margin:12px; text-align:center; float:left; padding:5px; }
div.photo02 {text-align:center; padding:5px; }
div.word01 { margin:0px auto 15px auto; text-align:justify; width:94%; padding-top:10px; }