@charset "utf-8";

/* CSS Document */

body { BACKGROUND-COLOR:#FFFFFF;MARGIN:0PX;TEXT-ALIGN:CENTER;}
body, div, td, input, textarea, select { FONT-FAMILY:"Arial","新細明體","MingLiU","PMingLiU","Verdana";FONT-SIZE:13px;COLOR:#444444;LINE-HEIGHT:18PX;}
img { BORDER:0PX NONE;}

a,img,input{SELECTOR-DUMMY:EXPRESSION(this.hideFocus=true);}
a:link,a:visited,a:active    {LINE-HEIGHT:15PX;COLOR:#0086A6;TEXT-DECORATION:underline;}
a:hover     {LINE-HEIGHT:15PX;COLOR:#014501;TEXT-DECORATION:none;}

form, p {MARGIN:0PX;PADDING:0PX;}
input, select {VERTICAL-ALIGN:MIDDLE;}
select {FONT-WEIGHT:BOLD;}

.scroll01  {
scrollbar-shadow-COLOR:#dddddd;
scrollbar-highlight-COLOR:;
scrollbar-face-COLOR:#eeeeee;
scrollbar-3dlight-COLOR:;
scrollbar-darkshadow-COLOR: ;
scrollbar-track-COLOR:#FFFFFF;
scrollbar-arrow-COLOR:#990000;
}

/* --  Form 박스 관련 클래스 -- */
select, textarea {BORDER:#DDDDDD 1PX SOLID;}

.select1{width:150px}
.select2{COLOR:#787878;}
.select5{COLOR:#3b3b3b;}
.select6{COLOR:#484848;TEXT-ALIGN:LEFT;LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:1PX SOLID #7F9DB9;BACKGROUND-COLOR:#FFFFFF;}

input {COLOR:#404040;}

.input1 {COLOR:#182900;LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:1PX SOLID #cccccc;BACKGROUND-COLOR:#f7f7f7;}
.input2 {COLOR:#464646;LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:1PX SOLID #909090;}
.input3 {LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:#C2C2C2 1PX SOLID;}
.input4 {COLOR:#16527d;TEXT-ALIGN:right;LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:1PX SOLID #FFFFFF;BACKGROUND-COLOR:#FFFFFF;}
.input5 {FONT-SIZE:14PX;COLOR:#16527d;TEXT-ALIGN:right;FONT-WEIGHT:BOLD;BORDER:1PX SOLID #eff9ff;BACKGROUND-COLOR:#f5fafd;}
.input6 {COLOR:#484848;TEXT-ALIGN:LEFT;LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:1PX SOLID #FFFFFF;BACKGROUND-COLOR:#FFFFFF;}
.input7 {FONT-SIZE:14PX;COLOR:#484848;TEXT-ALIGN:RIGHT;FONT-WEIGHT:BOLD;LINE-HEIGHT:16PX;BORDER:1PX SOLID #FFFFFF;BACKGROUND-COLOR:#FFFFFF;}
.input8 {COLOR:#484848;TEXT-ALIGN:RIGHT;LINE-HEIGHT:16PX;HEIGHT:18PX;BORDER:1PX SOLID #909090;BACKGROUND-COLOR:#FFFFFF;}


.search_input   {COLOR:#606060;TEXT-ALIGN:LEFT;Z-INDEX:9;HEIGHT:15PX BACKGROUND-COLOR:#F7F7F7;BORDER:1PX SOLID #D6D6CB;MARGIN:0;PADDING:1;}
/*.search_input2  {COLOR:#707070;TEXT-ALIGN:LEFT;Z-INDEX:9;BORDER:1PX SOLID #777777;BACKGROUND-COLOR:#FFFFFF;HEIGHT:15PX}*/
.search_input3  {COLOR:#000000;TEXT-ALIGN:LEFT;Z-INDEX:9;BACKGROUND-COLOR:#ffe5e5;BORDER:1PX SOLID #D6D6CB;MARGIN:0;PADDING:1;HEIGHT:15PX}
.school_search1 {COLOR:#6e6e6d;LINE-HEIGHT:14PX;TEXT-ALIGN:LEFT;BORDER:1PX SOLID #CCCCCC;BACKGROUND-COLOR:#FFFFFF;HEIGHT:18PX}
/*.school_search2 {COLOR:#2d580b;LINE-HEIGHT:14PX;TEXT-ALIGN:LEFT;BORDER:1PX SOLID #84B048;BACKGROUND-COLOR:#FFFFFF;PADDING:0 1 2 1;}
.select_member  {COLOR:#464646;BACKGROUND-COLOR:#FFFFFF;BORDER:1PX SOLID #BEBEBE;MARGIN:0;PADDING:0;HEIGHT:19PX}
.textarea01     {COLOR:#464646;BORDER:SOLID 1PX #BEBEBE; }*/


/* --  knys 추가 태그 --  */
a.L:link    {COLOR:#3300FF;LINE-HEIGHT:16PX;}
a.L:visited {COLOR:#6699FF;LINE-HEIGHT:16PX;}
a.L:active  {LINE-HEIGHT:16PX;}
a.L:hover   {COLOR:#FF0000;LINE-HEIGHT:16PX;TEXT-DECORATION:underline;}
/* ---------------------  */
/* --  Top Black BG Linked Text --  */
.top_link_white             {LINE-HEIGHT:14PX;}
.top_link_white a:link,.top_link_white a:active,.top_link_white a:visited   {COLOR:#FFFFFF;}
.top_link_white a:hover     {COLOR:#E3F0B0;}

.top_link_name{COLOR:#E3F0B0;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}

/* --  Top White BG Linked Text --  */
.top_menu_bk            {LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}
.top_menu_bk a:link,.top_menu_bk a:active,.top_menu_bk a:visited  {COLOR:#1F1F1F;TEXT-DECORATION:none;}
.top_menu_bk a:hover    {COLOR:#EB6100;TEXT-DECORATION:underline;}

/* -- leftmenu_inc Special Banner, My stepcard  Start -- */
.m_left_title           {LINE-HEIGHT:16PX;}
.m_left_title A:link,.m_left_title A:visited,.m_left_title A:active  {COLOR:#666666;}
.m_left_title A:hover   {COLOR:#000000;TEXT-DECORATION:none;}

.m_lefttext_s           {LINE-HEIGHT:14PX;}
.m_lefttext_s a:link,.m_lefttext_s a:active,.m_lefttext_s a:visited {COLOR:#f24a00;}
.m_lefttext_s a:hover   {COLOR:#e60000;TEXT-DECORATION:none;}
/* -- leftmenu_inc Special Banner, My stepcard End -- */

/* --  Poll --  */
.m_poll_l   {COLOR:#343434;}
.m_poll_s   {COLOR:#696969;LINE-HEIGHT:14PX;}

/* --  What's on at iAE Linked Title --  */
.m_whats_l              {LINE-HEIGHT:15PX;}
.m_whats_l a:link,.m_whats_l a:active,.m_whats_l a:visited    {COLOR:#1F1F1F;TEXT-DECORATION:none;}
.m_whats_l a:hover      {COLOR:#0365c6;TEXT-DECORATION:underline;}

/*-- 환율계산기--*/
.m_ex_tit   {COLOR:#860f2b;LINE-HEIGHT:14PX;}
.m_ex_text  {COLOR:#717171;LINE-HEIGHT:14PX;}
.m_ex_cla   {COLOR:#860f2b;FONT-SIZE:14PX;LINE-HEIGHT:16PX;FONT-WEIGHT:BOLD;}


/* --  국가별 정보 --  */
.coun_menu              {COLOR:#51473E;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}
.coun_menu a:link,.coun_menu a:active,.coun_menu a:visited    {COLOR:#51473E;TEXT-DECORATION:none;}
.coun_menu a:hover      {COLOR:#E26C00;}

.co_title           {COLOR:#548A1B;FONT-SIZE:11px;LINE-HEIGHT:16PX;FONT-WEIGHT:BOLD;}
.co_title A:link,.co_title A:visited,.co_title A:active  {COLOR:#548A1B;}
.co_title A:hover   {COLOR:#54820f;TEXT-DECORATION:none;}

/* --  List --  */
.co_list            {LINE-HEIGHT:14PX;}
.co_list A:link,.co_list A:visited,.co_list A:active    {COLOR:#5e5e5e;}
.co_list A:hover    {COLOR:#548a1b;}

/* --  Q&A --  */
.qa_jisa            {COLOR:#8d7769;LINE-HEIGHT:16PX;FONT-WEIGHT:bold;}

.qa_bold            {FONT-WEIGHT:bold;}
.qa_bold  A:link,.qa_bold  A:visited,.qa_bold  A:active  {COLOR:#545454;}
.qa_bold  A:hover   {COLOR:#545454;}

.qa_sch_line            {COLOR:#266c91;FONT-WEIGHT:bold;}
.qa_sch_line A:link,.qa_sch_line A:visited,.qa_sch_line A:active   {COLOR:#266c91;}
.qa_sch_line A:hover    {COLOR:#91268d;}


.qa_information {COLOR:#053383;}
.qa_cost_l      {COLOR:#215678;FONT-SIZE:14px;FONT-WEIGHT:BOLD;}
.qa_cost_m      {COLOR:#215678;}

.qna_title  {COLOR:#595959;LINE-HEIGHT:14PX;}

/* --  학교찾기 inc 타이틀 -- */
.srch_sch_title {COLOR:#333333;FONT-SIZE:8pt;FONT-WEIGHT:BOLD;}


/* --  서브메뉴 그린컬러 --  */
/* --  pop_ep_cost_frm.asp --  */
.s_menu_g           {FONT-WEIGHT:bold;}
.s_menu_g A:link,.s_menu_g A:visited,.s_menu_g A:active  {COLOR:#666666;}
.s_menu_g A:hover   {COLOR:#76bb33;}

/* --  서브메뉴 블루컬러 --  */
/* --  study_info\pop_ep_cost_frm.asp, pop_langsch_view.asp, pop_unisch_jp_view.asp --  */
.s_menu_b           {COLOR:#666666;FONT-WEIGHT:bold;}
.s_menu_b A:link,.s_menu_b A:visited,.s_menu_b A:active  {COLOR:#666666;FONT-WEIGHT:bold;}
.s_menu_b A:hover   {COLOR:#186caa;}


/* --  통신원소식 --  */
.re_title           {COLOR:#1B81C1;FONT-SIZE:11px;LINE-HEIGHT:16PX;FONT-WEIGHT:BOLD;}
.re_title A:link,.re_title A:visited,.re_title A:active  {COLOR:#1B81C1;TEXT-DECORATION:none;}
.re_title A:hover   {COLOR:#005BA8;TEXT-DECORATION:underline;}

.re_list            {COLOR:#3E3E3E;LINE-HEIGHT:16PX;}
.re_list A:link,.re_list A:visited,.re_list A:active   {COLOR:#4C4C4C;TEXT-DECORATION:none;}
.re_list A:hover    {COLOR:#2A5E88;TEXT-DECORATION:underline;}

.re_bold            {COLOR:#545454;FONT-WEIGHT:bold;}
.re_bold A:link,.re_bold A:visited,.re_bold A:active    {COLOR:#0086A6;TEXT-DECORATION:none;}
.re_bold A:hover    {COLOR:#005BA8;TEXT-DECORATION:underline;}

.re_sm              {LINE-HEIGHT:14PX;FONT-WEIGHT:bold;}
.re_sm A:link,.re_sm A:visited,.re_sm A:active  {COLOR:#0086A6;TEXT-DECORATION:none;}
.re_sm A:hover      {COLOR:#005BA8;TEXT-DECORATION:underline;}

.re_nat              {COLOR:#0086A6;LINE-HEIGHT:14PX;FONT-WEIGHT:bold;}
.re_nat A:link,.re_nat A:visited,.re_nat A:active  {COLOR:#0086A6;TEXT-DECORATION:none;}
.re_nat A:hover      {COLOR:#005BA8;TEXT-DECORATION:underline;}

.cymoney{COLOR:#F54B00;FONT-SIZE:16px;FONT-WEIGHT:bold;}

/* --  고객지원센터 --  */
.cu_title           {FONT-SIZE:11px;LINE-HEIGHT:16PX;FONT-WEIGHT:BOLD;}
.cu_title A:link,.cu_title A:visited,.cu_title A:active  {COLOR:#7440a3;TEXT-DECORATION:none;}
.cu_title A:hover   {COLOR:#7440a3;TEXT-DECORATION:underline;}


/* --  오른쪽 전체 스타일 --  */
.r_text_s           {LINE-HEIGHT:14PX;}
.r_text_s a:link,.r_text_s a:active,.r_text_s a:visited {COLOR:#0086A6;}
.r_text_s a:hover   {COLOR:#005BA8;TEXT-DECORATION:none;}

.r_text_date{COLOR:#999999;LINE-HEIGHT:13PX;}

.r_notice           {font-size:12px;LINE-HEIGHT:20px;FONT-WEIGHT:BOLD;}
.r_notice A:link,.r_notice A:visited,.r_notice A:active  {font-size:12px;COLOR:#004276;TEXT-DECORATION:none;}
.r_notice A:hover   {font-size:12px;COLOR:#C40000;TEXT-DECORATION:none;}

.agree_tit{COLOR:#ff6204;LINE-HEIGHT:14PX;}

/* --  베스트추천학교 개설과정 --  */
.icon_up{padding:2px 0px 0px 0px;vertical-align:top;}

.course_11          {COLOR:#5F5F5F;LINE-HEIGHT:16PX;}
.course_11 A:link,.course_11 A:visited,.course_11 A:active  {COLOR:#0359A5;TEXT-DECORATION:none;}
.course_11 A:hover  {COLOR:#E85D00;}

/* --  탭메뉴  --  */
/* --  sch_bestform_view.asp  --  */
.tab_on             {COLOR:#000000;FONT-WEIGHT:bold;}

.tab_off            {COLOR:#2E2E2E;}
.tab_off A:link,.tab_off A:visited,.tab_off A:active   {COLOR:#2E2E2E;TEXT-DECORATION:none;}
.tab_off A:hover    {COLOR:#3F972B;TEXT-DECORATION:none;}

/* --  국가 박스 링크컬러 --  */
.co_low             {FONT-WEIGHT:bold;COLOR:#0086A6;}
.co_low A:link,.co_low A:visited,.co_low A:active   {COLOR:#0086A6;TEXT-DECORATION:none;}
.co_low A:hover     {COLOR:#E85D00;TEXT-DECORATION:underline;}

.co_low_on             {FONT-WEIGHT:bold;COLOR:#E85D00;}
.co_low_on A:link,.co_low_on A:visited,.co_low_on A:active   {COLOR:#E85D00;TEXT-DECORATION:none;}
.co_low_on A:hover     {COLOR:#E85D00;TEXT-DECORATION:underline;}

/* langsch_recmd_list.asp */
.co_low2            {COLOR:#E85D00;FONT-WEIGHT:bold;}
.co_low2 A:link,.co_low2 A:visited,.co_low2 A:active   {COLOR:#E85D00;}
.co_low2 A:hover    {COLOR:#E85D00;}

/* --  큰타이틀 FONT14 --  */
.iae_l_title            {FONT-WEIGHT:bold;}
.iae_l_title  A:link,.iae_l_title A:visited,.iae_l_title A:active {COLOR:#E85D00;TEXT-DECORATION:none;}
.iae_l_title A:hover    {COLOR:#E85D00;TEXT-DECORATION:underline;}

.iae_l_title_w              {COLOR:#FFFFFF;FONT-SIZE:14px;FONT-WEIGHT:bold;}

.iae_l_title_g    {COLOR:#3a7405;FONT-SIZE:12px;FONT-WEIGHT:bold;}
.iae_l_title_b    {COLOR:#0e588f;FONT-SIZE:12px;FONT-WEIGHT:bold;}
.iae_l_title_v    {COLOR:#4a1080;FONT-SIZE:12px;FONT-WEIGHT:bold;}

/* --  이벤트 --  */
.ev_date {COLOR:#738278;LINE-HEIGHT:14PX;}

.ev_list            {FONT-SIZE:12px;LINE-HEIGHT:16PX;}
.ev_list A:link,.ev_list A:visited,.ev_list A:active   {COLOR:#000000;}
.ev_list A:hover    {COLOR:#E85D00;TEXT-DECORATION:none;}

.ev_title           {COLOR:#000000;FONT-SIZE:14px;FONT-WEIGHT:BOLD;}

 /* --  poll --  */
.poll_title {COLOR:#FFFFFF;LINE-HEIGHT:14PX;font-weight:bold;}
.poll_text  {COLOR:#aaaaaa;LINE-HEIGHT:14PX;}
.poll_per   {COLOR:#8f9f7a;LINE-HEIGHT:13PX;}

    /* -- sch_langsch_view.asp, pop_langsch_view.asp --  */
.w_text_list            {LINE-HEIGHT:14PX;}
.w_text_list a:hover    {COLOR:#438a01;}

/* --  이벤트 텍스트 --  */
/* --  reporter_guide.asp Caution --  */
.e_text {LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}

/* --  news_list.asp, news_list_tmp.asp --  */
.s_con                                          {LINE-HEIGHT:14PX;}
.s_con a:link,.s_con a:active, .s_con a:visited {LINE-HEIGHT:14PX;}
.s_con a:hover                                  {COLOR:#377FA8;LINE-HEIGHT:14PX;TEXT-DECORATION:underline;}

/* --  회원가입 --  */
.signup_title   {COLOR:#818E4F;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}
.signup_text    {COLOR:#818E4F;LINE-HEIGHT:14PX;}

/* --  news_list.asp, news_list_tmp.asp --  */
.news_list_title            {FONT-WEIGHT:BOLD;}
.news_list_title a:link,.news_list_title a:active, .news_list_title a:visited   {COLOR:#186C7E;}
.news_list_title a:hover    {COLOR:#54820f;TEXT-DECORATION:none;}


/* --  오른쪽 뉴스 타이틀 --  */
/* .news_title01{COLOR:#1D8F95;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;} */
/* .news_title02{COLOR:#8762A4;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;} */


/* --  뉴스위젯 --  */
.w_title    {COLOR:#616161;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}
.w_text     {COLOR:#3f6d16;LINE-HEIGHT:14PX;FONT-WEIGHT:BOLD;}


.w_text_s           {COLOR:#696969;LINE-HEIGHT:14PX;}
.w_text_s a:link,.w_text_s a:active,.w_text_s a:visited {COLOR:#696969;}
.w_text_s a:hover   {COLOR:#696969;}

.w_text_date{COLOR:#999999;LINE-HEIGHT:13PX;}

/* --  위젯 --  */
.w_title_s  {FONT-SIZE:9pt;COLOR:#003F7E;FONT-WEIGHT:bold;}
.w_title_on {FONT-SIZE:9pt;COLOR:#3a9b00;FONT-WEIGHT:bold;}

.w_c_title              {COLOR:#0465C6;FONT-SIZE:0.9em;}
.w_c_title A:link,.w_c_title A:visited,.w_c_title A:active  {COLOR:#0465C6;FONT-SIZE:0.9em;font-weight:bold;TEXT-DECORATION:none;}
.w_c_title  A:hover     {COLOR:#0465C6;FONT-SIZE:0.9em;font-weight:bold;TEXT-DECORATION:underline;}

.w_b            {COLOR:#696969;LINE-HEIGHT:14PX;}
.w_b  A:link,.w_b  A:visited,.w_b  A:active  {COLOR:#696969;LINE-HEIGHT:14PX;TEXT-DECORATION:none;}
.w_b  A:hover   {COLOR:#696969;LINE-HEIGHT:14PX;TEXT-DECORATION:underline;}


.w_c            {FONT-SIZE:12px;COLOR:#3d3d3d;LINE-HEIGHT:14PX;}
.w_c A:link,.w_c A:visited,.w_c A:active  {COLOR:#3d3d3d;LINE-HEIGHT:14PX;TEXT-DECORATION:none;}
.w_c A:hover    {COLOR:#0465c6;LINE-HEIGHT:14PX;TEXT-DECORATION:underline;}

.w_title_l  {FONT-SIZE:14px;COLOR:#252525;FONT-WEIGHT:bold;}

.w_l_c_title            {COLOR:#0465C6;FONT-WEIGHT:bold;}
.w_l_c_title  A:link,.w_l_c_title  A:visited,.w_l_c_title  A:active  {COLOR:#0465C6;}
.w_l_c_title  A:hover   {COLOR:#0465C6;}


/* HJH가 정의한 부분 */
.row_struct { display:none;}

/* sub_main style */
#global_div         { overflow:hidden;width:100%;margin:0 auto;}
#main_top_div       { overflow:visible;width:100%;}
#sub_top_div        { overflow:hidden;width:100%;}
#body_div           { overflow:visible;width:993px;vertical-align:top;}
#l_menu_div         { position:relative;width:173px;vertical-align:top;margin-right:9px;float:left;}
#main_content_div   { position:relative;float:left;width:811px;vertical-align:top;margin:0 0 0 0;}
#sub_content_div    { position:relative;float:left;width:811px;margin:0;padding:0;}
#sub_content_top    { position:relative;width:811px;margin:0;padding:0;}
#sub_content_main   { position:relative;float:left;width:622px;overflow:visible;margin-right:19px;}
#sub_content_addon  { position:relative;float:left;width:170px;}
#bottom_div         { width:993px;}

/* suggest style */
.ac_results {
    padding:0px;
    border:1px solid WindowFrame;
    background-color:Window;
    width:200px;
    height:300px;
    overflow:hidden;
    scrollbar-shadow-color:#f6f8f4;
    scrollbar-highlight-color:#d0dcc2;
    scrollbar-face-color:#d0dcc2;
    scrollbar-3dlight-color:#f6f8f4 ;
    scrollbar-darkshadow-color:#f6f8f4 ;
    scrollbar-track-color:#f6f8f4;
    scrollbar-arrow-color:#FFFFFF;
}
.ac_over {
    background-color:#e5efd7;
}


/* --  현재위치 --  */
.n_locat            {COLOR:#808080;LINE-HEIGHT:14PX;}

/* hskim 2009.03.10 Navigation Begin */

.navigation{
font: bold 14px "Lucida Grande", "Trebuchet MS", "Verdana", "Helvetica", "sans-serif", "Arial","新細明體","MingLiU","PMingLiU";
}

.navigation a{
background: transparent url(/images/css/navigation_bar.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
}

.navigation a:link    {color: navy;TEXT-DECORATION:none;}
.navigation a:visited {color: navy;TEXT-DECORATION:none;}
.navigation a:active  {color: navy;TEXT-DECORATION:none;}
.navigation a:hover   {color: navy;TEXT-DECORATION:underline;}

/* hskim 2009.03.10 Navigation END */


/* hskim 2009.03.10 Paging Begin */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding-right: 5px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
text-decoration: none;
}

.pagination a.currentpage, .pagination a.currentpage:hover{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
cursor: default;
text-decoration: none;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
text-decoration: none;
}

.pagination a.prevnext{
text-decoration: none;
}

/* hskim 2009.03.10 Paging END */

/* hskim 2009.09.24 Button Begin */
.buttonwrapper a.btn_sq_blu{
background: transparent url('/images/css/btn_qa_blue_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px "Arial","新細明體","MingLiU","PMingLiU"; /* Change 12px as desired */
color: white;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-left: 17px; /* Width of left menu image */
text-decoration: none;
}

.buttonwrapper a:link.btn_sq_blu, a:visited.btn_sq_blu, a:active.btn_sq_blu{
color: #494949; /*button text color*/
}

.buttonwrapper a.btn_sq_blu span{
background: transparent url('/images/css/btn_qa_blue_right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
overflow: hidden;
color: white;
}

.buttonwrapper a.btn_sq_blu:hover{ /* Hover state CSS */
background-position: top left;
}

.buttonwrapper a.btn_sq_blu:hover span{ /* Hover state CSS */
background-position: top right;
color: Yellow;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* hskim 2009.09.24 Button END */

/* hskim 2009.09.25 Button Begin */
.buttonwrapper a.btn_sq_ora{
background: transparent url('/images/css/btn_qa_orange_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px "Arial","新細明體","MingLiU","PMingLiU"; /* Change 12px as desired */
color: white;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-left: 12px; /* Width of left menu image */
text-decoration: none;
}

.buttonwrapper a:link.btn_sq_ora, a:visited.btn_sq_ora, a:active.btn_sq_ora{
color: #494949; /*button text color*/
}

.buttonwrapper a.btn_sq_ora span{
background: transparent url('/images/css/btn_qa_orange_right.gif') no-repeat top right;
display: block;
padding: 5px 9px 3px 0; /*Set 9px below to match value of 'padding-left' value above*/
overflow: hidden;
color: white;
}

.buttonwrapper a.btn_sq_ora:hover{ /* Hover state CSS */
background-position: top left;
}

.buttonwrapper a.btn_sq_ora:hover span{ /* Hover state CSS */
background-position: top right;
color: Yellow;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* hskim 2009.09.25 Button END */

/* hskim 2009.09.25 Button Begin */
.buttonwrapper a.btn_sub_reqb{
background: transparent url('/images/css/btn_sub_requbook_left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px "Arial","新細明體","MingLiU","PMingLiU"; /* Change 12px as desired */
color: #068406;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 22px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}

.buttonwrapper a:link.btn_sub_reqb, a:visited.btn_sub_reqb, a:active.btn_sub_reqb{
color: #494949; /*button text color*/
}

.buttonwrapper a.btn_sub_reqb span{
background: transparent url('/images/css/btn_sub_requbook_right.gif') no-repeat top right;
display: block;
padding: 5px 9px 3px 0; /*Set 9px below to match value of 'padding-left' value above*/
overflow: hidden;
color: #068406;
}

.buttonwrapper a.btn_sub_reqb:hover{ /* Hover state CSS */
background-position: top left;
}

.buttonwrapper a.btn_sub_reqb:hover span{ /* Hover state CSS */
background-position: top right;
color: #913EEF;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/* hskim 2009.09.25 Button END */