﻿/* 以下为网站布局，结构分割代码
   ----------------------------------------------------------- */

html,body{  /* 想要高度100%自动适应，需单独设置浏览器body高度为100% …… */
width:100%; height:100%;
      background-image:url(images/1_008.gif);
      background-color:#FFFFFF;
margin:0px;
}

#box{  /*  …… */
width:1050px; height:100%;
      margin-left:auto; margin-right:auto;
      background-color:#FEC500;
}

#head_box{  /* 页头框 …… */
width:1050px; height:100px;
      background-image:url(images/giv_us.jpg);
      /*background-image:url(images/Donate-head_blankline.gif);*/
margin:0px;
}
#head_1{ 
width:249px; height:177px;
      background-image:url(images/Donate-head_1.gif);
float:left;
}
#head_1_USTClogo{ width:124px; height:177px; float:left;
}
#head_1_USTCIFlogo{ width:125px; height:177px; float:left;
}
#head_2{ 
width:395px; height:177px;
      background-image:url(images/Donate-head_2.gif);
float:left;
}
#head_3{ 
width:406px; height:177px;
      background-image:url(images/Donate-head_3.gif);
float:left;
}


#body_box{  /* 中部框 …… */
width:1050px;
      background-color:#f0f0f0;/*#FFE97F;*/
float:left;
position:relative;
}
#menu_box{
width:250px;
      background-color:#f0f0f0;/*#FFE97F;*/
margin:0;
float:left;
}
#menu_box_webmap{
width:200px;
      margin-top:20px; margin-left:25px;
      font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:1px;
}
#menu_box_donatehelp{
width:200px;
      margin-top:30px; margin-left:15px;
      font-family:"微软雅黑"; font-size:16px; font-weight:bold; color:#0D0C7B; letter-spacing:2px;
}
#main_menu_box{
width:250px;
      margin-top:20px;
      font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:1px;
}
.main_menu_icon{
width:83px; height:90px; border:0;
float:left;
}
.main_menu ul{ height:90px; background:url(images/menu_BG.gif); list-style-type:none; padding:0; margin:0;
}
.main_menu li{ width:165px; height:30px; padding-top:10px; margin:0;
}
.main_menu{
width:165px; height:90px;
float:left;
}
.main_menu_sub{
width:163px; height:30px;
      margin-left:83px;
      background-image:url(images/menu_BG.gif);
float:left;
display:inline;
}
.menu_nav li a{ width:163px; height:20px; display:block; }
.menu_nav li a:link{ text-decoration:none; color:#69696B;}
.menu_nav li a:visited{ text-decoration:none; color:#69696B;}
.menu_nav li a:hover{ text-decoration: none; color:#EC190D;}
.menu_nav li a:active{ text-decoration:none;}


#content_box{ width:800px; margin:0; padding-bottom:20px; /*background-image:url(images/Donate-contentbox_BG.gif);*/ background-color:#F0F0F0; float:left;
}
#content_head{ width:800px; height:40px; /*background-image:url(images/Donate-contentbox_head.gif);*/background-color:#F0F0F0; float:left;
}
#content_body{ width:785px; min-height:405px; float:left;background-color:#ffffff;
}
.content_text{ width:700px; margin:20px auto 0 auto; font-family:Arial; font-size:12px; color:#69696B; letter-spacing:2px; line-height:22px;
}
#donate_title1{ width:600px; margin:0 auto 0 auto; text-align:center; font-family:"宋体"; font-size:14px; color:#69696B; font-weight:bold; letter-spacing:4px;
}
#donate_title2{ width:400px; margin:20px auto 0 auto; text-align:center; font-family:"宋体"; font-size:12px; color:#EC190D; letter-spacing:2px;
}
#donate_title3{ width:650px; margin:20px auto 0 auto; text-align:center; font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:2px;
}
#donate_step1_box{ width:305px; height:25px; margin:20px auto 0 auto; background-image:url(images/donate_step1_BG.gif); text-align:center; font-family:"宋体"; font-size:12px; color:#69696B;
}
#donate_step2_box{ width:305px; height:25px; margin:20px auto 0 auto; background-image:url(images/donate_step2_BG.gif); text-align:center; font-family:"宋体"; font-size:12px; color:#69696B;
}
#donate_step3_box{ width:305px; height:25px; margin:20px auto 0 auto; background-image:url(images/donate_step3_BG.gif); text-align:center; font-family:"宋体"; font-size:12px; color:#69696B;
}
#donate_step1{ width:88px; height:19px; padding-top:6px; float:left;
}
#donate_step1_sub{ width:13px; height:25px; float:left;
}
.donate_step2{ width:88px; height:19px; padding-top:6px; float:left;
}
#donate_step2_sub{ width:13px; height:25px; float:left;
}
#donate_step3_sub{ width:15px; height:19px; padding-top:6px; float:left;
}
#donate_table_box{ width:610px; margin:0 auto 0 auto; font-family:"宋体"; font-size:12px; color:#69696B;
}
.donate_table1_box{ width:170px; margin-top:20px; float:left; 
}
.donate_table_title{ width:100px; margin-bottom:5px; font-family:"宋体"; font-size:12px; color:#69696B;
}
.donate_table_title101{ width:150px; margin-bottom:5px; font-family:"宋体"; font-size:12px; color:#69696B;
}
input.smallinput{ width:170px; background-color:#FFFFFF;
color:#69696B;
      font-size:12px;
      font-family:"宋体",verdana,Arial, Helvetica;
      text-align:Left; 
      border-top:3 Hidden #ABADB3;
      border-left:3 Hidden #ABADB3;
      border-right:3 Hidden #FFFFFF;
      border-bottom:3 Hidden #FFFFFF;
cursor:Text;
}
.donate_table2_box{ width:390px; margin-top:20px; float:left; 
}
input.largeinput{ width:390px; background-color:#FFFFFF;
color:#69696B;
      font-size:12px;
      font-family:"宋体",verdana,Arial, Helvetica;
      text-align:Left;
      border-top:3 Hidden #ABADB3;
      border-left:3 Hidden #ABADB3;
      border-right:3 Hidden #FFFFFF;
      border-bottom:3 Hidden #FFFFFF;
cursor:Text;
}
.donate_table1_box_sub{ width:50px; height:30px; margin-top:20px; float:left;
}

.donate_table3_box{ width:600px; margin-top:20px; float:left; margin-left:100px;
}
.donate_table_title2{ font-family:"宋体"; font-size:12px; color:#EC190D;
}

.donate_table_title4{
	width:40px; 
	margin-top:26px; 
	float:left; 
	font-family:"宋体"; 
	font-size:12px; 
	color:#69696B;
	margin-left:6px;
}
.donate_table_title6{ 
	width:60px;
	margin-top:5px; 
	float:left; 
	font-family:"宋体"; 
	font-size:12px; 
	color:#69696B;
	margin-left: 3px;
	margin-right: 4px;
}

.donate_currency_btn {
	margin-top:16px;
	max-width: 96px;
	white-space:normal !important;
	margin-right: 6px;
}
.donate_currency_btn:active {
	background-color:#08F9D6;
	border-color:#0DEA85;
}
.donate_currency_btn:hover {
	background-color:#08F9D6;

}

#currency{ 
	float:left;
	font-family:"宋体"; 
        font-size:12px; 
        color:#69696B; 
        letter-spacing:2px;
}

#needDonorVip{ width:120px; float:left; font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:2px;}
select.currency_sel{ width:140px; margin-right:10px; float:left; font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:2px;
}
#sum_box{
	width:170px; 
	height:20px;
	float:left; 
	margin-top:26px;
}
.donate_table4_box_sub{ width:35px; height:20px; float:left;
}
#projects{ 
	width: 140px; 
	height:20px;
	float:left;
	margin-top:26px;
}

select.projects_sel{ width:140px; float:left; font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:2px;
}
#heroId{ width: 140px; height:20px; float:left;
}
select.heroId_sel{ width:140px; float:left; font-family:"宋体"; font-size:12px; color:#69696B; letter-spacing:2px;
}
.donate_table_title5{ width:30px; margin-top:5px; margin-left:20px; float:left; font-family:"宋体"; font-size:12px; color:#69696B;
}
.donate_table5_box{ width:600px; margin-top:20px; float:left;
}

.donate_table5_box_payment{ width:600px; margin-top:20px; float:left; margin-left:100px;
}

.donate_table6_box{ width:1200px; margin-top:20px; margin-left:86px; float:left; 
}
.donate_table_title7{ width:80px; margin-top:5px;  float:left; font-family:"宋体"; font-size:12px; color:#69696B;

}
.donate_table_title8{ width:130px; margin-top:5px; margin-left:10px; float:left; font-family:"宋体"; font-size:12px; color:#69696B;
}
.donate_table_title9{ width:600px; margin-top:5px; float:left; font-family:"宋体"; font-size:12px; color:#69696B;        
}
.donate_table_title10{ width:100px;margin-top:4px; float:left; font-family:"宋体"; font-size:12px; color:#69696B;
}
#needInvoice{ width:100px;float:left; }
#invoiceTitle { width:170px; height:20px; float:left;margin-top:4px; }
#invoiceAddress1{width:270px;float:left;margin-top:4px;}
#invoiceAddress2 {width:270px;float:left;margin-top:4px;}
#invoiceCode {width:170px; float:left;margin-top:4px;}

#explain{ width:610px; float:left; 
}
form#form1{ width:610px; float:left; 
}

#tonext{ width:135px; height:23px; margin-top:20px; margin-left:86px; float:left; margin-bottom:6px;
}
#reset{ width:37px; height:23px; margin-top:20px; margin-left:50px; float:left;
}

.donate_step2_explain{ padding:0 20px 0 20px; font-family:"宋体"; font-size:12px; color:#69696B; line-height:22px; }
.content_text_small{ padding:0 20px 0 20px; float:left; font-family:"宋体"; font-size:12px; color:#69696B;}


#footer_box{  /* 页脚 …… */
width:785px; height:80px;
      background-color:#f0f0f0;/*#FEC500;*/
margin:0px;
float:left;
}
#footer_info{ 
width:785px;
      font-family:Arial; font-size:12px; color:#0D0C7B; text-align:center; letter-spacing:1px; line-height:24px;
margin:15px auto 0 auto;
}




/* 以下为所有页面 字体 链接 的样式
   ----------------------------------------------------------- */

h6{font-size:12px;}
h5{font-size:15px; font-family:"微软雅黑","宋体", Arial; letter-spacing:4px;}
h4{font-size:16px; font-family:"微软雅黑","宋体", Arial;}
h3{font-size:18px;}
h2{font-size:22px;}
h1{font-size:25px;}

.text_content_s_B, .text_content_m_B, .text_content_s_B_s, #line1_3{
	font-family: "宋体", Arial;
	font-size:12px;
color:#000000;
      line-height:22px;
}
#text_content_L{
	font-family: "宋体", Arial;
	font-size:12px;
color:#FFFFFF;
      line-height:24px;
}

#No{
	font-family:"微软雅黑","宋体", Arial; 
	font-size:22px;
	font-weight:bold;
color:#ED3D00;
      letter-spacing:1px;
}

.title {
	font-family:"微软雅黑","宋体", Arial; 
	font-size:18px;
	font-weight:bold;
color:#ED5800;
      letter-spacing:6px;
}
.title  a:link{
	text-decoration:none;
color: #ED5800;
}
.title a:visited{
	text-decoration: none;
color: #ED5800;
}
.title a:hover{
	text-decoration:underline;
color: #3588D4;
}
.title a:active{
	text-decoration: none;
color: #ED5800;
}

.title_L{
	font-family:"微软雅黑","宋体", Arial; 
	font-size:18px;
	font-weight:bold;
color:#ED5800;
      letter-spacing:6px;
}
.title_L a:link{
	text-decoration:none;
color: #ED5800;
}
.title_L a:visited{
	text-decoration: none;
color: #ED5800;
}
.title_L a:hover{
	text-decoration:underline;
color: #3588D4;
}
.title_L a:active{
	text-decoration: none;
color: #ED5800;
}

.text_content_title{
	font-family:"微软雅黑","宋体", Arial; 
	font-size:18px;
	font-weight:bold;
color:#3588D4;
      letter-spacing:6px;
}

#footer_text{  /*  …… */
	font-family: "宋体", Arial;
	font-size:12px;
color:#FFFFFF;
      letter-spacing:1px;
      line-height:24px;
}
#footer_text a:link{
	text-decoration:none;
color: #FFFFFF;
}
#footer_text a:visited{
	text-decoration: none;
color: #FFFFFF;
}
#footer_text a:hover{
	text-decoration:underline;
color: #F8E24D;
}
#footer_text a:active{
	text-decoration: none;
color: #FFFFFF;
}

.button {
	text-align:center;
}
