body,p,ul,li,h3{ margin:0; padding:0; }
html{ margin:0; height:100%;}

body{ font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; height:100%;}
a{ text-decoration:none; color:#404040; }

.grecaptcha-badge {bottom: 75px!important;}

/*header*/
.header { width:100%; height:130px; position:fixed; z-index:1000;  background-color:#ffffff;}
.header .header_top{height:35px; border-bottom:1px solid #d6d6d6;background-color:#f8f8f8;}
.header .header_top .header_top_menu { width:920px; margin:0 auto;}
.header .header_top .header_top_menu .header_top_left { width:580px; float:left; }
.header .header_top .header_top_menu .header_top_left .log_ul>li {overflow:hidden; position:relative; float:left; margin:0;}
.header .header_top .header_top_menu .header_top_left .log_ul .log_li { position:relative; float:left; margin:10px 10px;}
.header .header_top .header_top_menu .header_top_left .log_ul .log_li2 { position:relative; float:left; margin:10px 0px;}
.header .header_top .header_top_menu .header_top_right { width:240px; float:right; padding-top:0px;}
.header .header_top .header_top_menu .header_top_right .header_top_table {width:240px; height:35px; margin-bottom:10px;}
.header .header_top .header_top_menu .header_top_right .header_top_table ul {clear: left;margin: 0;padding: 0;list-style-type: none;height:35px;} 
.header .header_top .header_top_menu .header_top_right .header_top_table ul li a{text-align: center;float: left;margin:0;padding:0px;width:40px;height:35px;vertical-align:middle;line-height:35px;}
.header .header_top .header_top_menu .header_top_right .header_top_table ul li a:hover{height:35px;color: #5068b1;}
.header .header_top .header_top_menu .header_top_right .header_top_table ul .col i{font-size:20px; vertical-align:middle;}
.header .header_top .header_top_menu .header_top_right .header_top_table .col a{width:40px;height:35px; color: #8699cf;}
.header .header_top .header_top_menu .header_top_right .header_top_table .col a:hover{width:40px;height:35px; color: #5068b1;}

/*menu*/
.header .header_logontitle { width:100%; height:50px; }
.header .header_logontitle .header_logo{ width:920px; margin:20px auto 5px auto; }
.header .header_logontitle .header_logo .logo { float:left; position:relative; width:280px; margin:0 0 0 0;}
.header .header_logontitle .header_logo .logo img{ margin-left:50px; width:220px; height:41px;}
.header .header_logontitle .header_logo .logo .logo_title_Forum { width:200px;}
.header .header_logontitle .header_logo .logo .logo_title_Forum .logo_title{ font-family: Tahoma; font-size: 36px; font-weight: 700; color: #5068b1;text-align: right; margin-bottom: -5px;}
.header .header_logontitle .header_logo .logo .logo_title_Forum .logo_Forum{ font-family: Helvetica; font-size: 24px; font-weight: 300; color: #666;text-align: right;}
.header .header_logontitle .header_logo .header_search { width:360px; float:left; margin-top:6px;}
.header .header_logontitle .header_logo .header_banner { float:right; width:220px; margin:0;}

/*search*/
.header .header_logontitle .header_logo .header_search #search-box {position: relative; width: 360px; margin-left: 42px;}
.header .header_logontitle .header_logo .header_search #search-form {height: 43px; border: 2px solid #526bbe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; overflow: hidden;}
.header .header_logontitle .header_logo .header_search #search-text {font-size: 12px; color: #ddd; border-width: 0; background: transparent;}
.header .header_logontitle .header_logo .header_search #search-box input[type="text"] {height: 20px; width: 345px; padding: 10px 0 10px 10px; font-size:12px; border: 2px solid #526bbe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; overflow: hidden;}
.header .header_logontitle .header_logo .header_search #search-button {position: absolute; top: 0; right: 0; height: 43px; width: 80px; font-size: 12px; font-weight:bold; color: #fff; text-align: center; line-height: 43px; border-width: 0; background-color: #526bbe; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; cursor: pointer;}

/*main page*/
#doc{ width:920px; margin:0 auto 0 auto; min-height:100%; _height:100%;}
.xdt_page { width:100px; float:left; margin:10px 0 15px 0; }
.xdt_page  .articlea { width:920px; float:left; }

/*sub page*/
.xdt_page2a { width:920px; float:left; margin-bottom:10px; margin-top:140px;}
.xdt_page2a .xdt_sub { width:300px; margin:0 20px 0 0; float:left; padding:0 ; font-size:12px; color:#666; background-color:#fff; valign:top;}
.xdt_page2a .xdt_sub .xdt_sub_top { font-size:20px; font-weight: bold; padding-bottom:5px; border-bottom:2px solid #000; }
.xdt_page2a .xdt_sub .locNav .active a { color:#333; font-weight:bold; }
.xdt_page2a .weather_fxkeb{width:300px;float:left;}
.xdt_page2a .weather_fxkeb .fxkeb{width:185px;float:left;position:relative;}
.xdt_page2a .weather_fxkeb .weather{width:110px; height:150px; float:right;border: 1px solid #eeeeee;}
.xdt_page2a .weather_fxkeb .weather #cont_ff326084f7be8a7bc69b3ddcaf768940{padding:8px 12px;}
.xdt_page2a .xdt_sub .xdt_sub_left .notice_title{width:280px; padding:6px 10px 6px 10px; border-top: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-left: 1px solid #eeeeee; font-size: 12px; font-weight:bold; margin-top:10px; background-color:#eeeeee; }
.xdt_page2a .xdt_sub .xdt_sub_left .notice{width:280px; padding:10px; border: 1px solid #eeeeee;}
.xdt_page2a .page2 { width:600px; float:right; }

.xdt_page2a .page2 .li_table {width:600px; border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.xdt_page2a .page2 .li_table ul {clear: left;margin: 0;padding: 0;list-style-type: none;height:50px;border-bottom: 1px solid #ddd;} 
.xdt_page2a .page2 .li_table ul li a{text-align:center;float:left;margin:0;padding:0px;width:12.5%;height:50px;line-height:40px;border-right: 1px solid #ddd;margin-right:-1px;}
.xdt_page2a .page2 .li_table ul li a:hover{background-color: #5068b1;height:50px;color: #fff;}
.xdt_page2a .page2 .li_table ul .col i{font-size:20px;}
.xdt_page2a .page2 .li_table ul .col a{width:12.5%;height:50px; color: #516bb3;}
.xdt_page2a .page2 .li_table ul .col a:hover{width:12.5%;height:50px; color: #fff;}
.xdt_page2a .page2 .li_table ul .col p{margin-top:-23px;font-size:11px;}

.xdt_page2a .page2 .main_center{ width:600px; float:left; }
.xdt_page2a .page2 .main_center .main_center_c{ width:395px; float:left; }
.xdt_page2a .page2 .main_center .main_center_c .main_banner{ width:395px;margin-bottom:10px}
.xdt_page2a .page2 .main_center .main_center_c .main_banner img{ width:395px; height:105px;}
.xdt_page2a .page2 .main_center .main_center_c .center_banner{ width:395px; float:left;margin-top:10px;}
.xdt_page2a .page2 .main_center .main_center_c .newscolumn{ float:left; width:395px; height:150px; border:1px solid #eeeeee; margin-top:10px}
.xdt_page2a .page2 .main_center .main_center_c .newscolumn .newscolumn_title{ border-bottom:1px solid #eeeeee; padding:10px; font-weight: bold;}
.xdt_page2a .page2 .main_center .main_center_c .newscolumn .newscolumn01{ width:395px; float:left; padding:10px;}

.xdt_page2a .page2 .main_center .main_center_c .news{ width:395px; height:340px; border:1px solid #eeeeee;}
.xdt_page2a .page2 .main_center .main_center_c .news .news_title{ border-bottom:1px solid #eeeeee; padding:10px; }
.xdt_page2a .page2 .main_center .main_center_c .news .news_m_t{font-size:13px;font-weight: bold; margin:10px 0 10px 5px}
.xdt_page2a .page2 .main_center .main_center_c .news .news01{ width:395px; float:left;}
.xdt_page2a .page2 .main_center .main_center_c .news .news01 .news1{padding:5px; width:115px; height:150px; float:left;position:relative;}
.xdt_page2a .page2 .main_center .main_center_c .news .news01 .news2{padding:5px; width:260px; height:150px; float:right;}
.xdt_page2a .page2 .main_center .main_center_c .community{ width:395px; height:300px; border:1px solid #eeeeee; margin-top:5px; float:left;}
.xdt_page2a .page2 .main_center .main_center_c .community .community_title{ border-bottom:1px solid #eeeeee; padding:10px; }
.xdt_page2a .page2 .main_center .main_center_c .community .community_subtitle{ border-bottom:1px solid #eeeeee; padding:10px; }
.xdt_page2a .page2 .main_center .main_center_c .community .community_m_t{font-size:12px;font-weight: bold; margin:10px 0 10px 0}
.xdt_page2a .page2 .main_center .main_center_c .community p{margin-top:5px}

.xdt_page2a .page2 .main_center .main_center_r{ width:195px; float:right; }
.xdt_page2a .page2 .main_center .main_center_r .login_info{ width:195px;}
.xdt_page2a .page2 .main_center .main_center_r .shoplist{ width:195px; height:380px; border:1px solid #eeeeee; margin-top:13px}
.xdt_page2a .page2 .main_center .main_center_r .shoplist .shoplist_title{ border-bottom:1px solid #eeeeee; padding:11px;font-weight: bold;}
.xdt_page2a .page2 .main_center .main_center_r .shoplist .shoplist01{ width:195px; float:left; padding:5px;}
.xdt_page2a .page2 .main_center .main_center_r .left_banner{margin-top:10px}
.xdt_page2a .page2 .main_center .main_center_r .left_banner img{margin-bottom:5px}


.xdt_page2a .page21 { width:600px; float:right; position: relative; z-index:90;  margin-top:0px;}
.xdt_page2a .page21 .bottombanner1{margin-top:14px;margin-right:6px; float:left;}
.xdt_page2a .page21 .bottombanner2{margin-top:14px;float:right;}

.xdt_page2b { width:920px; float:left; margin-bottom:10px; margin-top:150px;}
.xdt_page2b .xdt_sub { width:920px; margin:0 20px 0 0; float:left; padding:0 ; font-size:12px; color:#666; background-color:#fff; }

.xdt_page2c { width:920px; float:left; margin-bottom:10px; margin-top:150px;}
.xdt_page2c .xdt_sub { width:300px; margin:0 20px 0 0; float:left; padding:0 ; font-size:12px; color:#666; background-color:#fff; }
.xdt_page2c .xdt_sub li { list-style:none; margin:0; padding:10px 0 0 0; width:300px; }
.xdt_page2c .xdt_sub li ul { list-style:none; padding:0; width:300px; overflow:hidden;height:30px; text-align:left; }
.xdt_page2c .xdt_sub li ul a { width:300px; height:30px; padding:7px 0 0 5px; margin:0; }
.xdt_page2c .xdt_sub li ul a:hover { color:#2879ff; }
.xdt_page2c .xdt_sub li ul.active a { color:#333; font-weight:bold; }
.xdt_page2c .xdt_sub .xdt_sub_top { font-size:20px; font-weight: bold; padding-bottom:5px; border-bottom:2px solid #000; }
.xdt_page2c .xdt_sub .locNav .active a { color:#333; font-weight:bold; }
.xdt_page2c .xdt_sub .xdt_sub_left .notice_title{width:280px; padding:10px; border-top: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-left: 1px solid #eeeeee; font-size: 12px; font-weight:bold; margin-top:10px; background-color:#eeeeee; }
.xdt_page2c .xdt_sub .xdt_sub_left .notice{width:280px; padding:10px; border: 1px solid #eeeeee;}
.xdt_page2c .page2 { width:600px; float:right; }
.xdt_page2c .page21 { width:600px; float:right; position: relative; z-index:90;}

.xdt_page2d { width:920px; float:left; margin-bottom:10px; margin-top:150px;}
.xdt_page2d .xdt_sub { width:300px; margin:0 20px 0 0; float:left; padding:0 ; font-size:12px; color:#666; background-color:#fff; }
.xdt_page2d .xdt_sub li { list-style:none; margin:0; padding:10px 0 0 0; width:300px; }
.xdt_page2d .xdt_sub li ul { list-style:none; padding:0; width:300px; overflow:hidden;height:30px; text-align:left; }
.xdt_page2d .xdt_sub li ul a { width:300px; height:30px; padding:7px 0 0 5px; margin:0; }
.xdt_page2d .xdt_sub li ul a:hover { color:#2879ff; }
.xdt_page2d .xdt_sub li ul.active a { color:#333; font-weight:bold; }
.xdt_page2d .xdt_sub .xdt_sub_top { font-size:20px; font-weight: bold; padding-bottom:5px; border-bottom:2px solid #000; }
.xdt_page2d .xdt_sub .locNav .active a { color:#333; font-weight:bold; }
.xdt_page2d .xdt_sub .xdt_sub_left .notice_title{width:280px; padding:10px; border-top: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-left: 1px solid #eeeeee; font-size: 12px; font-weight:bold; margin-top:10px; background-color:#eeeeee; }
.xdt_page2d .xdt_sub .xdt_sub_left .notice{width:280px; padding:10px; border: 1px solid #eeeeee;}
.xdt_page2d .page2 { width:600px; float:right; }
.xdt_page2d .page21 { width:600px; float:right; position: relative; z-index:90;}

/*footer*/
.footer { width:100%; background:#f7f7f7; height:70px; clear:both;}
.footer .footer_content { width:920px; padding:10px 0 20px 0; margin:0 auto; font-size:11px; color:#606060; }
.footer .footer_content .menu { float:right; margin:10px 0 0 0; }
.footer .footer_content .menu li { list-style-type:none; padding:0 0 0 15px; float:left; }
.footer .footer_content .menu li:first-child { border:0; }
.footer .footer_content .menu li a:hover { text-decoration:underline; }
.footer .footer_content .copy { float:left; margin:10px 0 0px 0; text-align:left; }

.footer_banner{ width:920px; clear:both; margin:0 auto;}

/* Popup Login */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100000; } 
.loginWindow.open{ display:block; }
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30); }
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0; }
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both; }
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; }
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0; }
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block; margin-bottom:25px; }
.loginWindow .loginLayer dl{ margin:0; padding:30px 40px 0 40px; }
.loginWindow .loginLayer dt{ font-size:13px; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; font-weight:bold; color:#868d95; margin:0 0 10px 0; }
.loginWindow .loginLayer dd{ margin:0 0 15px 0; }
.loginWindow .loginLayer .inputuid{ width:320px; height:40px; padding:6px 9px 0 9px; border-top:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:20px; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; color:#333; }
.loginWindow .loginLayer .inputuid:focus{ border:1px solid #94a9ce; border-radius:5px; background:#fff; }
.loginWindow .loginLayer .inputupw{ width:175px; height:40px; padding:6px 9px 0 9px; border-top:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font:20px; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; color:#333; }
.loginWindow .loginLayer .inputupw:focus{ border:1px solid #94a9ce; border-radius:5px; background:#fff; }
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle; }
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../img/bgLoginText.gif)undefined; background-repeat:no-repeat; background-position:right top; }
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../img/bgOpenidText.gif)undefined; background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px; }
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap; margin-left: 40px; }
.loginWindow .loginLayer .keep label{ color:#555; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; }
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:12px; font-weight:bold; border-radius:5px; display:inline-block; height:48px; line-height:48px; background-color:#424549; overflow:hidden; }
.loginWindow .loginLayer .loginButton{ width:130px; float:right; background-position:0 0; }
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 35px 0 35px; cursor:pointer; }
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:10px; right:10px; width:27px; height:27px; background:transparent url(../img/close.png) no-repeat center -20px; }
.loginWindow .loginLayer .help { width:100%; height:43px; background:#F0F0F0;}
.loginWindow .loginLayer .help li { list-style-type:none; float:left; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; margin:14px 5px 5px 20px; padding:0 6px 0 0; }
.loginWindow .loginLayer .help p { float:left; font-family:'Nanum Gothic','나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','Apple SD Gothic Neo','Apple Gothic','돋움',dotum,Tahoma,Verdana,Arial,Geneva,Helvetica,sans-serif; margin:14px 0 0 0; padding: 0 6px 0 0; color:#404040; }
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden; }

.loginWindow .loginLayer{ position:absolute; width:425px; top:20%; left:50%; border:2px solid #797979; margin:0 0 0 -220px; background:#fff; }


/* Tab + List */
.tab.list{height:120px;margin:10px}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;zoom:1;}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px;margin-right:-1px;}
.tab.list li a{position:relative;float:left;text-decoration:none;color:#666}
.tab.list li a span{display:inline-block;padding:6px 25px 6px 5px;letter-spacing:-1px;cursor:pointer}
.tab.list li ul{width:100%;position:absolute;top:30px;left:0;list-style:none;border:0;margin:0;padding:0;zoom:1}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.tab.list li li .side{position:absolute;top:0;right:0;color:#767676}
.tab.list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.list li.active a{margin-top:-1px;background:transparent;color:#5068b1;}
.tab.list li.active a span{padding-top:7px;font-weight:bold;}
.tab.list li span{width:95px;}
.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative;}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list.jx li ul{position:static;display:block !important;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:7px;right:15px}

/* Tab + List */
.tab.list2{height:120px;margin:10px}
.tab.list2 ul{position:relative;margin:0;padding:0;list-style:none;zoom:1;}
.tab.list2 ul:after{content:"";display:block;clear:both}
.tab.list2 li{float:left;margin-bottom:-1px;}
.tab.list2 li a{position:relative;float:left;text-decoration:none;color:#666}
.tab.list2 li a span{display:inline-block;padding:6px 25px 6px 5px;letter-spacing:-1px;cursor:pointer}
.tab.list2 li ul{width:100%;position:absolute;top:30px;left:0;list-style:none;border:0;margin:0;padding:0;zoom:1}
.tab.list2 li ul:after{content:"";display:block;clear:both}
.tab.list2 li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab.list2 li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list2 li li a:hover,
.tab.list2 li li a:active,
.tab.list2 li li a:focus{color:#000 !important;text-decoration:underline}
.tab.list2 li li .side{position:absolute;top:0;right:0;color:#767676}
.tab.list2 li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.list2 li.active a{margin-top:-1px;background:transparent;color:#5068b1;}
.tab.list2 li.active a span{padding-top:7px;font-weight:bold; }
.tab.list2 li span{width:95px;}
.tab.list2.jx{height:auto}
.tab.list2.jx ul{border:0}
.tab.list2.jx li{float:none;position:relative}
.tab.list2.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list2.jx li ul{position:static;display:block !important;left:0;top:0;padding:5px 0}
.tab.list2.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list2.jx li li.more{top:7px;right:15px}

a.tool_tip {outline:none;}
a.tool_tip strong {line-height:35px;}
a.tool_tip:hover {text-decoration:none;} 
a.tool_tip span {z-index:100000;display:none; padding:5px; margin-top:35px; margin-left:-55px; width:90px; line-height:16px;position:absolute;}
a.tool_tip:hover span{display:inline; position:absolute; border:0;  color:#EEE; background:#324da7;}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
a.tool_tip span{border-radius:2px; }

a.tooltip {outline:none;}
a.tooltip strong {line-height:35px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {z-index:10;display:none; padding:5px; margin-top:35px; margin-left:-55px; width:75px; line-height:16px;}
a.tooltip:hover span{display:inline; position:absolute; border:0;  color:#EEE; background:#324da7;}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
a.tooltip span{border-radius:2px; }

.top_toggle{width:100%;background-color: #5068b1; }
.top_toggle ul {width:920px;clear: left;list-style-type: none;height:35px;margin:0 auto;} 
.top_toggle ul li a{text-align: center;float: left;margin:0;padding:0px;width:46px;height:35px;vertical-align:middle;line-height:35px;}
.top_toggle ul li a:hover{background-color: #5068b1;height:35px;color: #fff;}
.top_toggle .col i{font-size:20px;}
.top_toggle .col a{width:46px;height:35px; color: #b4c1e7;}
.top_toggle .col a:hover{width:46px;height:35px; color: #fff;}

.top_toggle {position: fixed; left: 0; right: 0; background: #5068b1; height: 35px; top: -40px; transition: all 1s ease; }
.top_toggle:target {top: 0; transition: all 1s ease; z-index :10000; }
.top_toggle:target a#open-menu {display: none;}
.top_toggle:target a#close-menu {display: block;}
.top_toggle a#close-menu {display: none;}

.top_toggle nav li {position: relative;list-style-type: none;display: inline;}
.top_toggle a {color: white;text-decoration: none;}


.Tap_Off { cursor:pointer; float:left; margin-right:-1px; margin-bottom:-15px; padding-top:5px; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-top:solid 1px #ccc; width:24.5%; height:45px;}
.Tap_Off p i{margin:10px; font-size:20px; color:#516bb3}
.Tap_Off p{text-align:center; font-size:11px; color:#516bb3}
.Tap_On { cursor:pointer; float:left; margin-right:-1px; margin-bottom:-15px; padding-top:5px; color:#fff; background-color:#516bb3; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-top:solid 1px #ccc; font-weight:bold; width:25%; height:45px; }
.Tap_On p i{margin:10px; font-size:20px;}
.Tap_On p{text-align:center; font-size:11px;}
.Tap_On a{color:#fff}
.TapBackground { font-size:12px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ccc; padding:0px; }
.Tap_Detail { clear:both; padding:5px; display:none; border:solid 1px #ccc; border-top-style:none; height:163px;}

.left_news_tap .Tap_Off { cursor:pointer; float:left; margin-right:-1px; margin-bottom:-15px; padding-top:10px; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-top:solid 1px #ccc; width:32.8%; height:25px;}
.left_news_tap .Tap_Off p i{margin:10px; font-size:20px; color:#516bb3}
.left_news_tap .Tap_Off p{text-align:center; font-size:11px; color:#516bb3}
.left_news_tap .Tap_On { cursor:pointer; float:left; margin-right:-1px; margin-bottom:-15px; padding-top:10px; color:#516bb3; background-color:#fff; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-top:solid 1px #ccc; font-weight:bold; width:33.3%; height:25px; }
.left_news_tap .Tap_On p i{margin:10px; font-size:20px;}
.left_news_tap .Tap_On p{text-align:center; font-size:11px;}
.left_news_tap .Tap_On a{color:#516bb3}
.left_news_tap .TapBackground { font-size:12px; border-top:solid 1px #ffffff; border-bottom:solid 1px #ccc; padding:0px; }
.left_news_tap .Tap_Detail { clear:both; padding:5px; display:none; border:solid 1px #ccc; border-top-style:none; height:230px;}

.center_list_title{ border:1px solid #eeeeee; padding:11px;font-weight: bold;margin-bottom:10px;font-size:16px;}