@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#555; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: bold; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: center; }
table { border-collapse: collapse; border-spacing: 0; }
em, i { font-style: italic; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }



/* TYPE */

body { font: 12px Arial, Verdana, sans-serif; background: url(../images/usb_bg.gif) repeat-x #111;}

a{ color:#FFF; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

a.g_graya{ color:#777;}


.g_white{ color:#FFF;}
.g_orangel{ color:#ff6600;}
.g_green{ color:#31ba4b;}
.g_yellow{ color:#f2e600;}


h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.disc,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }





/* index page */

#container { width:980px; margin:0 auto; position:relative; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.i_head{ height:119px; float:left; width:980px;}
.i_head1{ height:22px; margin:4px 0; float:right; width:980px;}
.national{ float:right; width:37px; margin:0 10px 0 0;}

.i_top{ height:89px; clear:both; width:980px;}
/*.i_top{ height:89px; padding:30px 0 0 0; clear:both;}*/
.i_logo{ height:70px; padding:20px 0 0 10px; float:left;}
.i_ad01{ float:right;}

.i_nav{ height:65px; padding:3px 0 0 0; clear:both;}



.i_c1{ width:234px; padding:0 0 0 2px; float:left;}

.i_login{ width:223px; height:376px; padding:0 0 0 10px; color:#FFF; background:url(../images/usb_05.gif) no-repeat; clear:both;}
.i_login h3{ padding:10px 0 0 3px; font-size:14px; line-height:19px; color:#4da630; clear:both;}
.i_login_pads{ margin: 0 0 0 9px; color:#4da630; font-size:14px; line-height:19px; clear:both;}
.i_login_c{ height:186px; padding:10px 0 0 0; clear:both; background:url(../images/login_half_bg.gif) no-repeat; margin: 0 0 0 9px;}
.i_login_inp{ width:193px; height:25px; padding:0 0 0 12px; color:#FFF; font-weight:bold; clear:both;}
.i_login_inp input{ width:115px; border:#6ecf81 1px solid; float:right;}
.i_login_btn{ height:34px; padding:0 62px 0 0; float:right; clear:both;}
.i_login_btn img, .i_login_btn input{ vertical-align:middle;}
.i_login_ps{ height:27px; text-align:center; line-height:13px; clear:both;}
.i_login_ps a{ text-decoration:underline;}

.i_logined{ width:223px; height:340px; padding:0 0 0 10px; color:#FFF; background:url(../images/usb_04.gif) no-repeat; clear:both;}
.i_logined_c{ clear:both; background:url(../images/loged_half_bg.gif) no-repeat; margin: 0 0 0 9px;}
.i_logined h3{ padding:10px 0 0 3px; font-size:14px; line-height:19px; color:#4da630; clear:both;}
.i_logined_off{height:27px; padding:20px 20px 0 0; line-height:17px; text-align:right; text-decoration:underline; clear:both;}
.i_logined_wel{ width:115px; height:70px; padding:0 0 0 80px; color:#FFF; font-size:16px; line-height:23px; font-weight:bold; float:left;}
.i_logined_en{ height:45px; padding:0 0 0 20px; clear:both;}



.i_bgu{ width:179px; height:106px; padding:10px 0 0 35px; background:url(../images/usb_02.gif) no-repeat 0 0; clear:both;}
.i_bgu_c a{ width:85px; height:23px; line-height:21px; color:#40812b; text-decoration:underline; text-align:right; float:left;}
.i_bgu_mor{ width:50px; float:right;}

.i_bgu_g a{ width:100%; height:23px; line-height:21px; color:#40812b; text-decoration:underline; text-align:left; float:left;}


/* Index login */
.login{ width:233px; float:left;}
.login_top{ width:233px; height:13px; background:url(../images/login_top.gif) no-repeat; float:left;}
.login_mid{ width:233px; background:url(../images/login_mid.gif) repeat-y; float:left;}
.login_bottom{ width:233px; height:12px; background:url(../images/login_bottom.gif) no-repeat; float:left;}
.login_half{ width:231px; height:193px; padding:0 1px; float:left;}
.login_second{ width:224px; padding:10px 0 0 9px; float:left;}
.login_second_top{ width:214px; height:14px; background:url(../images/second_top.gif) no-repeat; float:left;}
.login_second_mid{ width:214px; background:url(../images/second_mid.gif) repeat-y; float:left;}
.login_second_mid_txt{ width:197px; padding:2px 0 2px 8px; float:left;}
.login_second_mid_txt a{ font-family:Verdana; color:#690; line-height:11px; font-size:11px; text-decoration:none;}
.login_second_mid_txt a:hover{ color:#444;}
.login_second_bottom{ width:214px; height:14px; background:url(../images/second_bottom.gif) no-repeat; float:left;}


.i_ad02{ width:217px; height:600px; margin:6px auto; text-align:center; background:url(../images/usb_03.gif) repeat-y center; float:left}
.i_ad021{ width:187; height:160px; margin:6px auto; padding:0 0 0 30px; clear:both;}

.i_ad04{ width:160px; height:600px; margin:6px auto; text-align:center; border:#FFF 1px solid; clear:both;}


.i_c2{ width:423px; padding:0 0 0 9px; float:left;}
.i_c226507AD{ width:1000; padding:0 0 0 30px;  text-align:center;}
.i_c226507AD a{ padding:10px;}

.i_fla{ width:423px; height:251px; clear:both;}
.i_fla img{float:left;}

.i_c2_top{ width:390px; height:24px; padding:22px 15px 0 15px; line-height:17px; background:url(../images/usb_15.gif) no-repeat 0 6px; clear:both;}
.i_c2_top h3{ font-size:14px; color:#4da630; border-bottom:#d8f6da 1px solid; clear:both;}
.i_c2_top h3 span{ font-size:12px; font-weight:normal; float:right;}

.i_c2_mid{ width:390px; padding:0 15px; line-height:17px; background:url(../images/usb_16.gif) repeat-y; float:left; }
.i_c2_mid p{ height:17px; padding:6px 0 0 0; border-bottom:#CCC 1px dashed; clear:both; overflow:hidden; white-space:nowrap;}
.i_c2_mid p a{ padding:0 0 0 5px; color:#777; line-height:15px; }
.i_c2_mid p span{ padding:0 5px 1px 0; background:#f4c039; font-size:11px;}
.i_c2_mid p span a{ color:#FFF;}

.i_c2_bot{ width:420px; height:23px; background:url(../images/usb_17.gif) no-repeat; clear:both;}

.i_cs2_sea{ height:30px; padding:5px 0 0 10px; clear:both;}
.i_cs2_sea_inp{ width:200px; font-size:12px; border:#022a5b 1px solid; color:#777;}
.i_cs2_sea img,
.i_cs2_sea input{ vertical-align:middle;}

.i_fq_tit{ height:21px; padding:0 50px 0 0; line-height:17px; text-align:right; background:url(../images/usb_21.gif) no-repeat 5px 0; clear:both;}
.i_fq_tit span{ padding:0 35px 0 90px;}
.i_fq_lis{ width:370px; padding:0 0 0 10px; line-height:17px; float:left;}
.i_fq_lis p{ width:320px; padding:3px 0 0 0; border-bottom:#CCC 1px dashed; float:left;}
.i_fq_lis p strong{ padding:0 5px 0 0; color:#ffb800;}
.i_fq_lis p strong a{ color:#ffb800;}

.i_fq_lis table{ width:100%; table-layout:fixed; border:none;}
.i_fq_lis td{ height:21px; border-bottom:#CCC 1px dashed;}


.i_c2_mid2{ width:390px; padding:0 15px; line-height:15px; background:url(../images/usb_16.gif) repeat-y; float:left; }
.i_c2_mid2 p{ height:19px; padding:3px 0 0 0; border-bottom:#CCC 1px dashed; clear:both; overflow:hidden; white-space:nowrap;}
.i_c2_mid2 p a{ padding:0 0 0 5px; color:#777; line-height:15px; }
.i_c2_mid2 p span{ width:20px;}
.i_c2_mid2 p span img{ vertical-align:middle;}


.g_w20{ width:20px;}
.g_w40{ width:40px;}
.g_w50{ width:50px;}
.g_w60{ width:60px;}
.g_w70{ width:70px;}
.g_w80{ width:80px;}
.g_w100{ width:100px;}


.i_c3{ width:300px; padding:0 2px 0 0; float:right;}

.i_ad03{ width:300px; height:251px; margin:0 auto; text-align:center; overflow:hidden; clear:both;}


.i_c3_top{ height:19px; padding:7px 0 0 48px; font-size:14px; font-weight:bold; line-height:19px; background:url(../images/usb_23.gif) no-repeat 0 7px; clear:both;}
.i_c3_top span{ color:#4da630;}

.i_c3_mid{ width:270px; padding:0 15px; background:url(../images/usb_24.gif) repeat-y; float:left;}
.i_c3_mid p{ height:12px; padding:0 15px 0 0; text-align:right; font-size:11px; line-height:12px;}

.i_tm{ width:269px; padding:5px 0 0 0; background:url(../images/usb_32.gif) repeat-x; float:left;}
.i_tm table{ width:100%; text-align:center; table-layout:fixed; border:none;}
.i_tm table th{ color:#FFF; line-height:19px;}
.i_tm table td{ line-height:23px;}
.i_tm table td img{ vertical-align:middle;}

.g_bg_dgreen{ background:#2eaf3a;}
.g_bg_green{ background:#78c534;}
.g_bg_p1{ color:#FFF; font-size:11px; font-weight:bold; background:url(../images/usb_28.gif) no-repeat center center;}
.g_bg_p2{ color:#FFF; font-size:11px; font-weight:bold; background:url(../images/usb_29.gif) no-repeat center center;}

.i_c3_bot{ height:17px; background:url(../images/usb_25.gif) no-repeat; clear:both;}


.i_gt{ width:729px; padding:0 0 0 9px; float:left;}

.i_gt_top{ width:339px; height:23px; padding:22px 375px 0 15px; line-height:17px; background:url(../images/usb_81.gif) no-repeat 0 7px; clear:both;}
.i_gt_top h3{ font-size:14px; color:#4da630; border-bottom:#d8f6da 1px solid; clear:both;}
.i_gt_top h3 span{ font-size:12px; font-weight:normal; float:right;}

.i_gt_mid{ width:709px; height:250px; padding:30px 10px; background:url(../images/usb_82.gif) repeat-y; float:left;}
.i_gt_mid1{ width:380px; float:left;}
.i_gt_mid2{ width:360px; float:right;}

.i_gt_mid1 a{ padding:10px 5px 25px 5px; float:left;}

.i_gt_bot{ height:17px; background:url(../images/usb_83.gif) no-repeat; clear:both;}

.i_intro{ width:729px; padding:0 0 0 9px; float:left;}
.i_intro_top{ width:709px; height:23px; padding:22px 15px 0 15px; line-height:17px; background:url(../images/usb_81_2.gif) no-repeat; clear:both;}
.i_intro_top h3{ font-size:14px; color:#4da630; border-bottom:#d8f6da 1px solid; clear:both;}
.i_intro_top h3 span{ font-size:12px; font-weight:normal; float:right;}
.i_intro_mid{ width:709px; padding:10px 10px; background:url(../images/usb_82_2.gif) repeat-y; float:left;}
.i_intro_mid p{ padding:0 0 5px 0}
.i_intro_bot{ height:17px; background:url(../images/usb_83.gif) no-repeat; clear:both;}

/*vid*/
.index_vid{ width:300px; height:250px;  margin:0 auto; text-align:center; clear:both;}


.i_footer{ height:100px; padding:10px 0 0 0; line-height:25px; color:#999; text-align:center; background:url(../images/usb_34.gif) repeat-x 0 bottom; clear:both;}
.i_footer a{ color:#fff; text-decoration:none; padding:0 0 0 5px;}
.i_footer a:hover{ color:#fff; text-decoration:underline;}




/* EC */

.ec_top_t1{ width:180px; font-size:14px; font-weight:bold; color:#6fc154; background:#FFF; float:left;}
.ec_top_t1 img{ vertical-align:middle;}
.ec_ect{ width:800px; margin:0 auto; color:#555; clear:both;}
.ec_ect h3{ height:27px; font-size:16px; line-height:17px; background:url(../images/usb_74.gif) no-repeat 0 19px; clear:both;}
.ec_ect p{ padding:10px 0 0 0; line-height:17px;}

.ec_coming{ width:240px; height:60px; padding:50px 280px; font-size:30px; color:#99CC00;}



/* News */

.nw_top{ width:903px; height:56px; padding:0 0 0 70px; background:url(../images/usb_84.gif) no-repeat; clear:both;}
.nw_top_t1{ width:140px; font-size:14px; font-weight:bold; color:#6fc154; background:#FFF; float:left;}
.nw_top_t1 img{ vertical-align:middle;}
.nw{ width:833px; padding:0 70px; background:url(../images/usb_85.gif) repeat-y; float:left;}
.nw_bot{ width:973px; height:49px; background:url(../images/usb_86.gif) no-repeat; clear:both;}

.nw_lab{ height:21px; margin:0 0 10px 0; font-weight:bold; line-height:21px; border-bottom:#81c969 3px solid; clear:both;}
.nw_lab a{ height:21px; padding:0 12px 0 0; text-decoration:none; color:#6fc154; background:url(../images/usb_26_2.gif) no-repeat top right; float:left;}
.nw_lab a span{ padding:0 0 0 12px; background:url(../images/usb_26.gif) no-repeat; float:left;}
.nw_lab a:hover{ color:#333; background:url(../images/usb_27_2.gif) no-repeat top right;}
.nw_lab a span:hover{ background:url(../images/usb_27.gif) no-repeat;}
.nw_lab a.nwled{ color:#333; background:url(../images/usb_27_2.gif) no-repeat top right;}
.nw_lab a.nwled span{ background:url(../images/usb_27.gif) no-repeat;}

.nw_c{ width:520px; float:left;}
.nw_cl{ padding:5px 0 0 8px; line-height:21px; border-bottom:#DDD 1px dashed; background:url(../images/usb_87.gif) no-repeat 0 15px; clear:both;}
.nw_cl span{ color:#999; float:right;}
.nw_ad{ width:300px; float:right;}
.nw_c p{ padding:0 0 13px 0; text-indent:18px; line-height:19px;}
.nw_c h4{ padding:7px 0; font-size:12px;}


.g_pag{ width:833px; padding:10px 0; text-align:center; clear:both;}
.g_pag a{ margin-right:2px; padding:2px 5px; color:#FFF; border:#2c2c2c 1px solid; background:url(image1.gif) #2c2c2c; text-decoration: none;}
.g_pag a:hover, .g_pag a:active{ color:#FFF; border:#aad83e 1px solid; background:url(image2.gif) #aad83e;}
.g_pag span { margin-right:2px; padding:2px 5px; color:#FFF; border:#aad83e 1px solid; font-weight:bold; background:url(image2.gif) #aad83e;}


.nw_de_pos{ line-height:21px; padding:0 0 15px 0; color:#C7C7C7; clear:both;}
.nw_de_pos a{ color:#C7C7C7;}
.nw_de_pos img{ padding:0 10px 0 0;}
.nw_de_tit{ margin:0 0 10px 0; font-size:16px; color:#6fc154; font-weight:bold; line-height:21px; border-bottom:#81c969 3px solid; clear:both;}
.nw_de_tim{ height:21px; color:#999; clear:both;}


/*Tems of service*/
.nw_s{ width:773px; padding:0 100px 0 30px; float:left;}
.nw_s_de_tit{ height:21px; margin:0 0 10px 0; font-size:16px; color:#6fc154; font-weight:bold; line-height:21px; text-align:center; border-bottom:#81c969 3px solid; clear:both;}
.nw_s p{ padding:0 0 13px 0; text-indent:18px; line-height:21px;}
.nw_s h4{ padding:7px 0; font-size:12px;}
.nw_s a{ color:#0000FF;}
.g_pag a{ color:#fff;}




/*Resources*/
.res_1 { width:600px; line-height:21px; padding:0 0 15px 0; color:#C7C7C7; clear:both;}
.res_1 a{ color:#C7C7C7;}

.res_1 img{ padding:0 10px 0 0;}

.res_2{ width:797px; height:171px; margin:0 0 20px 0; padding:15px 20px 20px 20px; background:url(../images/usb_108.gif) no-repeat; color:#535353; clear:both;}
.res_2 p{ line-height:21px; padding:0 0 15px 0;}
.res_2 a { height:23px; padding:0 0 0 25px; line-height:21px; color:#6FC154; background:url(../images/usb_111.gif) no-repeat 5px 5px; display:block; clear:both;}
.res_2 a img { padding:0 10px 0 0; float:left;}

.res_3{ width:797px; height:223px; padding:15px 20px 20px 20px; background:url(../images/usb_112.gif) no-repeat; color:#535353; clear:both;}
.res_3 p{ padding:0 0 15px 0; line-height:21px; color:#535353;}
.res_3 dt{ width:100px; padding:2px 0; text-align:right; float:left;}
.res_3 dd{ width:650px; padding:2px 0 2px 5px; float:left;}
.res_4{ width:700px; margin: 10px 0;text-align:center; float:left;}

/*Resources_1*/
.res_top{ width:817px; height:28px; padding:8px 0 0 20px; font-weight:bold; background:url(../images/usb_113.gif) no-repeat;}
.res_bd{ width:795px;  padding:0 16px 10px 16px; background:url(../images/usb_114.gif) repeat-y; float:left; }
.res_inf{ width:760px; padding:20px 15px 10px 15px; border-bottom:1px dashed #B3B3B3; color:#757575; float:left; }
.res_inf a{ color:#6FC154; font-weight:bold; padding:0 0 5px 0; line-height:25px;}
.res_inf p{ line-height:25px;}
.res_inf p span{ font-weight:bold;}
.res_bt{ width:827px; height:20px; background:url(../images/usb_115.gif) no-repeat; float:left; }

/*site map*/
.map_top{ width:817px; height:22px; padding:8px 0 0 10px; background:url(../images/usb_116.gif) no-repeat;}
.map_inf{ width:760px; padding:10px 15px 10px 15px; border-bottom:1px dashed #B3B3B3; color:#757575; float:left; }
.map_inf li{  color:#6FC154; font-weight:bold; }
.map_inf ul{ margin:0 0 0 50px;}
.map_inf li a{ color:#6FC154; font-weight:bold; line-height:23px;}
.map_inf p{ line-height:25px;}
.map_li a{ color:#6FC154; font-weight:bold; background:url(../images/usb_111.gif) no-repeat 0 3px; line-height:21px; padding:0 0 5px 15px;}

/*link list*/
.links_top{ width:903px; height:56px; padding:0 0 0 70px; background:url(../images/usb_84.gif) no-repeat; clear:both;}
.links_top_t1{ width:140px; font-size:14px; font-weight:bold; color:#6fc154; background:#FFF; float:left;}
.links_top_t1 img{ vertical-align:middle;}
.links{ width:833px; padding:0 70px; background:url(../images/usb_85.gif) repeat-y; float:left;}
.links_c{ width:833px; float:left;}
.links_position{ width:820px; height:20px; padding:0 0 0 13px; color:#c7c7c7; background:url(../images/usb_120.gif) no-repeat; float:left;}
.links_position a{ color: #c7c7c7; text-decoration:none;}
.links_position a:hover{text-decoration:underline;}
.links_name{ width:833px; height:20px; padding:5px 0 0 0; font-weight:bold; color:#808080; float:left;}
.links_name a{ color:#808080; text-decoration:none;}
.links_name a:hover{ color:#690; text-decoration:underline;}
.links_pic{ width:833px;  float:left;}
.links_description{ width:833px; padding:2px 0; line-height:15px; color:#999; border-bottom:#ccc 1px dashed; float:left;}



/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt { padding-left: 0 !important; background-image: none !important; }
}
/* help 2010-2-3 这一段css放到 "USBPortal/styles/usb.css" 里面 */

.helpFrame{ width:963px; padding:0 0 0 10px; background:url(../images/usb_85.gif) repeat-y; float:left;}
.helpContent{ width:773px; padding:0 100px; text-align:justify; float:left;}
.helpFont{ font-size:11px;}
/* help */
/*07073攻略*/
.indexStrategy{padding:0 0 10px 252px;}