@charset "utf-8";
body{ font-size:12px; color:#4d4c4c;}
/*------------------------LAYOUT----------------------------*/
#HEADER{ width:885px; margin:0 auto; overflow:hidden; padding-bottom:5px;background-color:#FFF;}
/*#CONTENT_BOX{ width:100%; clear:both; background-image:url(images/bg_01.gif); background-repeat:repeat-x; background-position:left top; height:337px;}*/
#CONTENT_BOX{ width:100%; clear:both; background-color:#f0f1f3;}
/*#CONTENT{width:875px;height:337px; padding-left:10px; margin:0 auto; background-image:url(images/bg_02.gif); background-repeat:no-repeat; background-position:left top; position:relative;}*/
#CONTENT{width:875px;height:560px; padding-left:10px; margin:0 auto; position:relative;}
#MORE_CONTENT{width:885px; clear:both; height:160px; margin:0 auto; background-image:url(images/bg_03.gif); background-position:left top; background-repeat:no-repeat;}

#FOOTER_BOX{width:100%; border-top:1px #dcdcdc solid; overflow:hidden; clear:both;}
#FOOTER{width:885px; margin:0 auto;overflow:hidden; padding:10px 0 18px 0;}
/*------------------------HEADER----------------------------*/
h1.LOGO{ display:block; width:255px; height:80px; float:left; background-image:url(images/logo.jpg); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; }

ul.TOP_LINK{ margin:0; padding:35px 0 0 0; list-style:none;width:195px; float:right; height:24px;}
ul.TOP_LINK li{ float:left;padding:0 10px 0 15px;background-position:left 4px; background-repeat:no-repeat; line-height:24px;}
ul.TOP_LINK li a{ color:#b9b9b9; text-decoration:none;}
ul.TOP_LINK li a:hover{ color:#4d4c4c;}
ul.TOP_LINK li.LINK_HOME{ background-image:url(images/icon_03.gif); }
ul.TOP_LINK li.LINK_USE{ background-image:url(images/icon_01.gif);}
ul.TOP_LINK li.LINK_SITEMAP{ background-image:url(images/icon_02.gif);}

ul.MENU{ margin:0; padding:7px 0 0 0; list-style:none;width:885px; height:28px; float:left; clear:both; overflow:visible; }
ul.MENU li{ float:left; position:relative;}
ul.MENU li a{ display:block; background-position:left top; background-repeat:no-repeat;}

ul.MENU li.BTN01 a{ text-indent:-9999px; background-image:url(images/menu_01.gif); width:125px; height:28px;}
ul.MENU li.BTN01 a:hover{background-image:url(images/menu_01_o.gif); }
ul.MENU li a.ONTHIS_01{background-image:url(images/menu_01_o.gif);}

ul.MENU li.BTN02 a{ text-indent:-9999px; background-image:url(images/menu_02.gif); width:125px; height:28px;}
ul.MENU li.BTN02 a:hover{background-image:url(images/menu_02_o.gif); }


ul.MENU li.BTN03 a{ text-indent:-9999px; background-image:url(images/menu_03.gif); width:110px; height:28px;}
ul.MENU li.BTN03 a:hover{background-image:url(images/menu_03_o.gif); }
ul.MENU li a.ONTHIS_03{background-image:url(images/menu_03_o.gif);}

ul.MENU li.BTN04 a{ text-indent:-9999px; background-image:url(images/menu_04.gif); width:155px; height:28px;}
ul.MENU li.BTN04 a:hover{background-image:url(images/menu_04_o.gif); }


ul.MENU li.BTN05 a{ text-indent:-9999px; background-image:url(images/menu_05.gif); width:110px; height:28px;}
ul.MENU li.BTN05 a:hover{background-image:url(images/menu_05_o.gif); }


ul.MENU li.BTN06 a{ text-indent:-9999px; background-image:url(images/menu_06.gif); width:155px; height:28px;}
ul.MENU li.BTN06 a:hover{background-image:url(images/menu_06_o.gif); }


ul.MENU li.BTN07 a{ text-indent:-9999px; background-image:url(images/menu_07.gif); width:105px; height:28px;}
ul.MENU li.BTN07 a:hover{background-image:url(images/menu_07_o.gif); }


ul.MENU li.GOSUB ul.sub-menu{ height:24px; line-height:24px; width:500px; position:absolute;  display: block; margin:0; padding:0; list-style:none; }
ul.MENU li.GOSUB ul.sub-menu li{ float:left; display:inline-block;}
ul.MENU li.GOSUB ul.sub-menu li a{ display: nline-block;  float:left; height:24px;background-image:url(images/icon_11.gif); background-position:left 4px; background-repeat:no-repeat; padding-left:12px; padding-right:8px; color:#999; text-decoration:none; text-indent: 0; width: auto;}
ul.MENU li.GOSUB ul.sub-menu li a:hover{background-image:url(images/icon_11_o.gif); color:#684887;}
/*------------------------CONTENT----------------------------*/

ul.SEARCH{margin:0; padding:15px 0 10px 0; list-style:none;width:885px; float:left; clear:both;}
ul.SEARCH li{ line-height:20px; height:20px; float:left; vertical-align:middle; padding-right:8px;}
ul.SEARCH li h3{ display:block; float:left; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;vertical-align:middle;}
ul.SEARCH li h3.TITLE_01{ background-image: url(images/btn_06.gif); width:80px;}
ul.SEARCH li img{ vertical-align:middle; cursor:pointer; padding-left:5px;}
ul.SEARCH li input.SEARCH_IN{ width:280px; vertical-align:middle; height:17px; line-height:17px; color:#939393; border:1px #cccccc solid; padding-top:2px; padding-left:2px;}
ul.SEARCH li input.EDM{ width:155px; vertical-align:middle; height:17px; line-height:17px; color:#939393; border:1px #cccccc solid; padding-top:2px; padding-left:2px;}
ul.SEARCH li.VISIT{ float:right; width:133px;}
ul.SEARCH li.VISIT p span{ color:#959595; font-family: Arial, Helvetica, sans-serif;  }
ul.SEARCH li.VISIT p { background-image:url(images/icon_06.gif); background-position:left 3px; background-repeat:no-repeat; padding-left:15px;}

div.CONTENT_LEFT{ width:210px; float:left; overflow:hidden; position:absolute; /*left:10px;*/ top:48px;}
h3.TITLE_02{ display:block; float:left; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;background-image: url(images/title_06.gif); width:158px; height:32px;}
ul.LOGIN{ margin:0; padding:5px 10px 0 10px; list-style:none; background-image:url(images/bg_04.gif); background-position:left top; background-repeat:no-repeat; width:202px; height:99px; clear:both; float:left;}
ul.LOGIN li{ float:left;}
ul.LOGIN li img{ float:left; cursor:pointer;  padding-top:3px;}

ul.LOGIN li.STATUSIN{width:182px; padding-bottom:15px;}
ul.LOGIN li.STATUSIN p{ padding-left: 5px;line-height:20px;  font-family:Arial, Helvetica, sans-serif; border-bottom:1px #CCC dotted;}
ul.LOGIN li.STATUSIN p a{color:#944a9f; text-decoration:none; padding-left:5px; padding-right:5px;}
ul.LOGIN li.STATUSIN p a:hover{color:#944a9f; }
ul.LOGIN li.STATUSIN p.LAST_P{width:177px; border:none; vertical-align:middle; clear:both; padding-top:5px; }
ul.LOGIN li.STATUSIN p.LAST_P img{ cursor:default;}
ul.LOGIN li.STATUSIN p.LAST_P span a{ display:inline-block;color:#4d4c4c; line-height:20px; padding-left: 0}
ul.LOGIN li.STATUSIN p.LAST_P span a:hover{color:#944a9f; }
ul.LOGIN li.STATUSIN p.FIRST_P{ line-height:20px; font-size:12px; padding-top:3px; padding-left:5px; }
ul.LOGIN li.STATUSIN p.STATUSIN_BTN{width:177px; text-align: right;}
ul.LOGIN li.STATUSIN p.STATUSIN_BTN a{ color:#00b8ff; background-image:url(images/line.gif); background-position:right 50%; background-repeat:no-repeat;}
ul.LOGIN li.STATUSIN p.STATUSIN_BTN a:hover{color:#684887; text-decoration:underline;}
ul.LOGIN li.STATUSIN p.STATUSIN_BTN a.LAST_P{ background-image:none;}

ul.LOGIN li.LOGIN_TYPE{ line-height:24px; width:146px; padding-top:10px;}
ul.LOGIN li.LOGIN_TYPE img{ float:left; cursor:pointer; }
ul.LOGIN li.LOGIN_TYPE p { float:left;height:24px;width:140px; padding-left:6px; background-image:url(images/icon_08.gif); background-position:left 8px; background-repeat:no-repeat;}
ul.LOGIN li.LOGIN_TYPE p span{ vertical-align:middle; padding-right:5px;}
ul.LOGIN li.LOGIN_TYPE p input{ width:105px; vertical-align:middle;vertical-align:middle; height:16px; line-height:16px; color:#939393; border:1px #cccccc solid; padding-top:2px; padding-left:2px;}
ul.LOGIN li.LOGIN_GO{ padding-top:10px;}
ul.LOGIN li.LOGIN_BTN{ padding-top:5px;}
ul.LOGIN li.LOGIN_BTN img{ padding-left:0px;}
ul.LOGIN li.LOGIN_BTN img#RIGHT_BTN{ padding-left:10px;}

a.LEFT_BANNER{ width:202px; display:block; float:left; padding-top:10px;}
a.LEFT_BANNER img{ border:1px #d4d4d3 solid;}
/*.INDEX_BANNER{ width:320px;height:285px;position:absolute; left:228px; top:52px; }*/
.INDEX_BANNER{ width:640px;height:480px;position:absolute; left:228px; top:52px; }

div.CONTENT_RIGHT{ width:325px; float:right; overflow:hidden;}
div.TITLE_BOX_01{width:325px; overflow:hidden; height:27px; line-height:27px; border-bottom:1px #e2e2e2 solid; vertical-align: middle; padding-top:5px;}
h3.TITLE_03{display:block; float:left; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;background-image: url(images/title_01.gif); width:110px; height:27px; vertical-align: middle;}
div.TITLE_BOX_01 a.MORE{ width:38px; /*height:12px;*/ display: inline-block; background-image:url(images/icon_04.gif); background-repeat:no-repeat; background-position:left 10px; float:right;vertical-align: middle; text-indent:-9999px; padding-top:10px;}

ul.RIGHT_LIST{width:325px;  margin:0; padding:10px 0 0 0; list-style:none;  }
ul.RIGHT_LIST li{width:325px;line-height:24px; }
ul.RIGHT_LIST li img{ vertical-align: middle;line-height:24px; padding-left:3px;}
ul.RIGHT_LIST li span{ vertical-align:middle; display:inline-block; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
ul.RIGHT_LIST li span img{vertical-align:middle; }
ul.RIGHT_LIST li span a{ color:#4d4c4c; text-decoration:none; display:inline-block;}
ul.RIGHT_LIST li span a:hover{ color:#944a9f;}


div.TITLE_BOX_02{width:325px; overflow:hidden; height:32px; line-height:32px; border-bottom:1px #e2e2e2 solid; vertical-align: middle; padding-top:5px;}
h3.TITLE_04{display:block; float:left; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;background-image: url(images/title_02.gif); width:150px; height:32px; vertical-align: middle;}
div.TITLE_BOX_02 a.MORE{ width:38px; /*height:12px;*/ display: inline-block; background-image:url(images/icon_04.gif); background-repeat:no-repeat;  background-position:left 15px; float:right;vertical-align: middle; text-indent:-9999px; padding-top:15px;}

/*------------------------MORE_CONTENT--------------------*/
div.MORE_BOX{ width:270px; padding-left:10px; padding-top:10px; overflow:hidden; float:left;}
/*div.MORE_BOX h3.TITLE_05{width:255px; height:32px; display:block; background-image:url(images/title_03.gif); background-repeat:no-repeat;background-position:left top; border-bottom:1px #bfbfbf  dotted; text-indent:-9999px; }*/
div.MORE_BOX h3.TITLE_05{width:255px; height:32px; display:block; background-image:url(images/title_01.gif); background-repeat:no-repeat;background-position:left top; border-bottom:1px #bfbfbf  dotted; text-indent:-9999px; }
/*div.MORE_BOX h3.TITLE_06{width:255px; height:32px; display:block; background-image:url(images/title_04.gif); background-repeat:no-repeat;background-position:left top; border-bottom:1px #bfbfbf  dotted; text-indent:-9999px; }*/
div.MORE_BOX h3.TITLE_06{width:255px; height:32px; display:block; background-image:url(images/title_02.gif); background-repeat:no-repeat;background-position:left top; border-bottom:1px #bfbfbf  dotted; text-indent:-9999px; }
div.MORE_BOX ul{width:255px; padding:5px 0 0 0; margin:0; list-style:inside; }
div.MORE_BOX ul li{width:255px;line-height:24px;vertical-align:middle;}
div.MORE_BOX ul li img{ vertical-align:middle; padding-left:3px;}
div.MORE_BOX ul li a{ color:#4d4c4c; text-decoration:none; display:inline-block;vertical-align:middle;}
div.MORE_BOX ul li a:hover{ color:#944a9f;}
div.MORE_BOX ul li.MORE_BOX{ list-style:none; width:255px; height:30px;line-height:30px;}
div.MORE_BOX ul li.MORE_BOX a.MORE_B{width:38px; height:12px; display: block; background-image:url(images/icon_05.gif); background-repeat:no-repeat; background-position:left top; float:right;vertical-align: middle; text-indent:-9999px; padding-right:10px;}

div.VEDIO_BOX{ width:295px; height: 113px; padding-top:10px; overflow:hidden; float:right;}
div.VEDIO_BOX h3.TITLE_07{width:295px; height:32px; display:block; background-image:url(images/title_05.gif); background-repeat:no-repeat;background-position:left top; border-bottom:1px #bfbfbf  dotted; text-indent:-9999px; }

/*------------------------FOOTER----------------------------*/
div#FOOTER p{color:#959595;line-height:20px;  padding-left:10px;}
div#FOOTER p.INFO{ float:left; width:550px; font-family:Arial, Helvetica, sans-serif; }
div#FOOTER p.WHO{ float:right;}
div#FOOTER p.WHO img{ padding-right:3px;}

/*------------------------useful----------------------------*/
.B{ font-weight:bold;}
.B_13{font-weight:bold; font-size:13px;}
.LIGHT_GRAY{ color: #666;}
.PURPLE{ color:#944a9f; }
.PURPLE_B{ color:#944a9f; font-weight:bold;}
.PURPLE_13B{color:#944a9f;font-weight:bold; font-size:13px;}
.PURPLE_15B{ font-size:15px; color:#944a9f; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}
.PURPLE_15{ font-size:15px;color:#944a9f; }
.RED{ color:#F00;}
.RED_B{ color:#F00; font-weight:bold;}
img.FLOAT_LEFT{ float:left; padding:5px; border:1px #555555 solid; margin-right:5px;}
.sform, #frontendform {display: inline;}