﻿/**********************************************
 * 网站公用global样式表
 * by xuerong
**********************************************/

/***********************************************************************************
 * reset 重设浏览器的默认样式
 ***********************************************************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, font, strong, sub, sup, tt,  u, i, center, button { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; font-size:100%; font-family:inherit; font-weight:inherit; font-style:normal; }
fieldset, img { border:0; }
li { list-style:none; }
/*li a{word-wrap: break-word; word-break: break-all; white-space: nowrap;}*/
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content: " "; }
:focus { outline: 0; }
a img { border: none; }

strong {font-weight:bold;}

input {border:none;}

body { font-family:Arial,"宋体", Helvetica, Tahoma, Helvetica, STHeiti; overflow-y:scroll!important; overflow-y: auto/9; color:#555252; text-align:center; font-size:14px;}

/***********************************************************************************
 * 常用基础样式
 ***********************************************************************************/
a:link, a:visited, a:active { text-decoration:none; color: #000; }
a:hover { color:#000; text-decoration:underline;}

/* 改变文字被选择时的背景颜色 */
::selection { background:#005eac; color:#fff; }
::-moz-selection {background:#005eac;color:#fff;}
::-webkit-selection {background:#005eac;color:#fff;}

/* 标题文字 */
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { font-size:196%; }
h2 { font-size:167%; }
h3 { font-size:146.5%; }
h4 { font-size:123.1%; }
h5 { font-size:108%; }
h6 { font-size:100%; }

/* 清楚浮动 */
.clearfix:after {clear:both; display:block; visibility:hidden; overflow:hidden; height:0!important; line-height:0; content:".";}
.clearfac { overflow: hidden; zoom: 1; }/*father clear layout*/
.clearfix { display: inline-block }  /* ... especial for IE7 */
.clearfix { display: block }    /* ... for IE5,IE6,IE7 */
*html .clearfix { height: 1% } /* ... for IE5 + IE6/Win | hasLayout aktivieren */
.clear { clear:both; }

/* 浮动 */
.f-l { float:left; }
.f-r { float:right; }
.f-n { float:none; }

/* 对齐 */
.t-l {text-align:left;}
.t-r {text-align:right;}
.t-c {text-align:center}

/* padding和margin值 */
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }

.mn {margin:0px;}
.pn {padding:0px!important;}

.bold {font-weight:bold;}

/***********************************************************************************
 * 布局结构
 ***********************************************************************************/
.container {position: relative;z-index: 1;}
.header,#bd,.footer {clear:both; text-align:left;}
.header {background:url(../img/hd_bg.png) repeat; width:100%}
#bd {*zoom:1; margin-bottom:20px; _position:relative}

.w1{width:990px; margin:0 auto;}

.col_1,.col_2,.col_3 {float:left; border-left:1px solid #dbdddf; display:inline-block; min-height:710px;}
.col_1 {width:375px; border:none; padding-right:30px}
.col_2 {width:314px; padding:0 23px 0 12px;}
.col_3 {width:202px; padding-left:32px;}

.temp_a_l {width:668px; float:left;}
.temp_a_r {width:322px; float:left; padding:50px 0;}
.auto_height_bg {background:url(../img/temp_a_r_bg.png) repeat-y 668px 0; margin-bottom:0px!important;}

/*媒体组合通用结构*/
.media {zoom:1;}
.media .pic_left { float:left; margin-right:10px; text-align:center; }
.media .pic_right { float:right; margin-left:10px; }
.media .text { zoom:1; overflow:hidden;}

/* header & nav & search */
.header .inner {height:161px;}
.header .logo {width:254px; height:69px; cursor:pointer; background:url(../img/logo.png) no-repeat; display:block; margin-top:36px; float:left;}
.header .search_sign {float:right; margin-top:40px; width:500px;}
.header .search {padding-bottom:10px;}
.header .search_input,.header .sign_input {float:right; background:#d3d3d3; width:175px; height:19px; padding:4px; padding:6px 4px 0\9; border:1px solid #909090\9; box-shadow:inset 0 1px 3px #878787; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; color:#828282; margin-top:2px;font-size:12px;}
.header .search_btn,.header .sign_btn {width:34px; height:31px; background:url(../img/search_btn.png) no-repeat 0 0; display:block; float:right; margin-left:12px; cursor:pointer}
.header .search_btn:hover {background-position:-44px 0;}
.header .signup {}
.header .sign_mail {width:157px;}
.header .sign_zcode {width:60px; margin-left:12px; }
.header .sign_btn {width:76px; height:30px; background:url(../img/sign_btn.png) no-repeat 0 -1px;}
.header .sign_btn:hover {background-position:-81px -1px;}

.nav {height:66px; background:url(../img/nav_bg.png) repeat-x; position:relative; font-size:16px; font-weight:bold; z-index:100;}
.nav .left_corner,.nav .right_corner {width:5px; height:5px; background:url(../img/nav_corner.png) no-repeat 0 0;  display:block; position:absolute; left:0px; top:0px;}
.nav .right_corner {background-position:-5px 0; left:auto; right:0px;}
.nav li {float:left; padding-top:1px; height:64px; position:relative;}
.nav li.have_sub_nav a {padding-right:35px;}
.nav li.sepline {background:url(../img/seperator.png) no-repeat; width:3px; height:63px; float:left;}
.nav li a {height:45px; padding:18px 20px 0; display:inline-block; position:relative;}
.nav li.last a {padding:18px 21px 0;}
.nav li .nav_arrow { background:url(../img/nav_arrow.png) no-repeat; width:11px; height:10px; display:block; position:absolute; top:23px; right:15px;}
.nav li a:link,.nav li a:visited {color:#dddddd;}
.nav li a:hover,.nav li a.hover {background:#cc2a23 url(../img/nav_hover_bg.png) repeat-x 0 bottom; text-decoration:none;}
.nav .sub_nav {background:#ce312a url(../img/sub_bg.png) repeat-x 0 top; position:absolute; top:64px; height:47px; line-height:47px; box-shadow:0 2px 2px #555; left:0px;}
.nav .sub_nav a {background:url(../img/sub_nav_sep.png) no-repeat right 10px; display:inline-block; float:left; padding:0px 20px!important; font-size:14px; font-weight:normal;}
.nav .sub_nav a:hover {background:url(../img/sub_nav_sep.png) no-repeat right 10px; text-decoration:underline;}

/* title */
.title {color:#004276;font-family:"Times New Roman"; font-size:22px; padding:10px 0 50px 0}
.title a:link,.title a:visited {color:#004276}

.title2 {background:url(../img/red_dot.png) no-repeat 0 8px; background-position:0 6px\9; font-size:16px; padding-left:15px; margin-bottom:20px;}
.title3 {font-size:16px; margin-bottom:20px; color:#004276}

.title4 {background:url(../img/title4_bg.png) repeat-y; font-weight:bold; font-size:16px; padding:5px 0 5px 30px; line-height:1.4;}

.title5 {background:url(../img/title5_bg.png) repeat-x; height:40px; line-height:40px; font-weight:bold; font-size:16px; padding-left:20px;}

.brief {font-size:12px; padding-left:15px; margin-bottom:20px;}

/* 表格 */
.datable {border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0; -moz-border-radius:4px; line-height:1.5; box-shadow:0 0 2px rgba(0,0,0,0.2)}
.datable th,.datable td {padding:20px 10px;}
.datable th {background:#e9eaeb; border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0; font-weight:bold;}
.datable td { background:#fff; border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}

.even td {background:#f7f7f7;}

/* 焦点轮播图 */
.focus_pic {background:#dbdcdd; padding:0 11px;box-shadow:0 5px 2px #ccc; position:relative; margin-bottom:30px;}
.focus_pic .item {position:relative; top:-2px; clear:both;}
.focus_pic .item img {display:block; width:966px; height:315px; border-top:none;}
.focus_pic .item p {position:absolute; bottom:0px; _bottom:20px; color:#fff; padding:0 60px 20px 60px; line-height:1.4}

.focus_pic a.focus_more {float:left;color:#5e6163; font-size:12px;font-family:"Times New Roman"; padding-top:5px;}
.focus_pic a.focus_more:link, .focus_pic a.focus_more:visited {color:#5e6163;}
.focus_pic .num {height:20px; padding-top:7px; float:right;}
.focus_pic .num i {width:12px; height:10px; display:block; float:left; background:url(../img/focus_pic_point.png) no-repeat -16px 0; margin-left:6px; cursor:pointer;}
.focus_pic .num i.current {background-position:0 0;}

/* 新闻 */
.news_list li {border-bottom:1px solid #e2e4e5; padding-bottom:20px; margin-bottom:25px; zoom:1}
.news_list li.last{margin-bottom:0;}
.news_list li img {width:138px; height:97px;}
.news_list li h3 {background:url(../img/blue_dot.png) no-repeat 0 8px; padding-left:10px; font-size:18px; padding-bottom:8px;}
.news_list li p {line-height:1.4; padding-left:10px; font-size:12px;}

.about,.signees,.org, .jobs,.notable,.article_list,.info {padding-top:30px;}
/* about */
.mod_about {background:#fdfbe9 url(../img/about_line.png) repeat-y 47px 0; border:1px solid #ece9d9; padding:50px 0 40px; line-height:1.4;}
.mod_about p {border-bottom:1px solid #f4f1e0; padding:0 65px 15px; margin-bottom:10px;}
.mod_about .mail_tit {font-size:16px; font-weight:600}

/* Individual_Signees */
.signees {}
.signees .title2 {margin-bottom:5px;}
.mod_signees {background:#fbfbfb;}

/* Co-Signing_Org */
.org {}
.mod_org {}
.mod_org td,.mod_org th {padding:15px 50px; font-weight:normal;}
.mod_org th {padding-left:30px;}

/* Jobs___Services */
.jobs {}
.mod_jobs {}
.mod_jobs .intro {line-height:1.4; padding-left:15px; margin-bottom:15px;}
.mod_jobs .jobs_cont {border:1px solid #cdcdcd; margin-left:15px; padding:25px;}
.mod_jobs .jobs_cont .item { border-bottom:1px solid #d9d2d2; padding:0 15px; margin-bottom:18px; }
.mod_jobs .jobs_cont .last {border-bottom:none; margin-bottom:0px;}
.mod_jobs .jobs_cont .date_title {color:#d2453f; padding-left:20px; text-decoration:underline; font-weight:bold; font-size:16px;}
.mod_jobs .jobs_cont p {margin-bottom:15px; line-height:1.4;}
.mod_jobs .jobs_cont .black {color:#4f4f4f; text-decoration:none;}

/* Notable_Chinese_Americans */
.notable {}
.mod_notable {}
.mod_notable .notable_pic {border:1px solid #cdcdcd; box-shadow:0 0 2px rgba(0,0,0,0.2); overflow:hidden; padding:20px;}
.mod_notable .notable_pic li {float:left; width:216px; margin:0 10px;}
.mod_notable .notable_pic li img {width:200px; height:122px; padding:8px; border:1px solid #e3e3e3; margin-bottom:10px; display:block; background:#f3f3f3; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.mod_notable .notable_pic li h3 {color:#11719e; margin-bottom:3px; font-size:16px;}
.mod_notable .notable_pic li h3 a:link,.mod_notable .notable_pic li h3 a:visited {color:#11719e;}
.mod_notable .notable_pic li p { font-size:12px;}
.mod_notable .notable_pic li.line {height:1px; width:auto; clear:both; line-height:1px; float:none; border-bottom:1px solid #c2c2c2; margin-bottom:20px; padding-top:20px;}


/* 表单区域 */
.info {}
.dues,.note {padding-top:20px;}

.form_mod {border:1px solid #d2dce1;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; width:488px; padding:25px 0 5px;}
.form_mod li {padding-bottom:20px; clear:both; float:left; width:100%;}
.form_mod label {width:90px; float:left; text-align:right; color:#5a8392; font-size:14px; padding-right:10px; padding-top:6px;}
.form_mod .txt_input, .form_mod .txt_area {width:290px; border:1px solid #c6dade; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; height:16px; line-height:16px; padding:6px 10px; float:left; color:#9a9fa2;}
.form_mod  .star {float:left; color:#d42929; font-size:16px; margin-left:10px; padding-top:8px;}
.form_mod .select_type {float:left; width:310px; height:30px; line-height:30px;}
.btn_li {padding:15px 0 0 108px;}

.btn {display:inline-block; width:107px; height:35px; line-height:35px; background:url(../img/btn.png) no-repeat 0 0; color:#3e6979; font-size:16px; font-weight:bold; text-align:center; border:none; cursor:pointer; margin-right:20px;}
.btn:link,.btn:visited{color:#3e6979;}
.btn:hover { text-decoration:none; background-position:-113px 0;}

.dues .form_mod {}
.dues .radio {background:url(../img/radio.png) no-repeat 0 0; width:13px; height:13px; display:block; float:left; margin-top:4px; cursor:pointer; margin-left:72px;}
.dues .selected {background-position:-15px 0;}
.dues p {float:left; color:#437182; margin-left:25px; font-size:16px;}
.dues p i {color:#a6a59a; padding:0 5px; font-size:14px;}

.note { width:488px;}
.note p {line-height:1.4}

.form_caption {padding:0px 30px 20px; font-weight:bold;}


.info_mod {}
.info_mod p { line-height:1.4; padding:30px 0 30px 30px;}
.info_mod .in_icon,.info_mod .twitter_icon,.info_mod .facebook_icon {width:33px; height:36px; overflow:hidden; float:left; display:block; margin-right:15px; margin-top:20px; margin-bottom:30px;}

/* 地图 */
.map {}
.map_api {width:300px; height:257px; overflow:hidden; padding:40px 0; margin-left:20px;}

/* 普通模块 */
.mod_normal,.mod_normal_auto {border:1px solid #e1e1e1; width:298px; margin-left:20px; margin-bottom:30px;}
.mod_normal_auto {width:auto; margin-left:0px}
.mod_normal .bd,.mod_normal_auto .bd {padding:22px; background:#fff;}

.about_author {line-height:1.4;}
.sponsors img {width:254px; height:191px; display:block;}

/* 联系我们 */
.contact_way {padding-top:30px;}
.contact_way p {line-height:1.8; padding-left:15px;}
.your_contact {margin-left:15px; padding-top:20px;}
.your_contact .title2 {font-size:14px; background-position:0 5px;}
.your_contact .form_mod {margin-left:15px;}
.your_contact .form_mod label {width:150px;}
.your_contact .form_mod .txt_input {width:210px;}
.your_contact .form_mod .select_type {width:232px;}
.your_contact .btn_li {padding-left:158px;}

/* bg_list */
.bg_list {padding:0px;}
.bg_list li {hegith:47px; line-height:47px; font-weight:bold; background:url(../img/mod_normal_li_bg.png) repeat-x; overflow:hidden; padding:0 20px;}
.bg_list li span {float:right; padding-top:0px; font-size:12px;}

/* who we are */
.wwa {padding-top:30px; font-size:12px;}
.wwa .cont {padding:30px; line-height:1.5;}
.wwa .cont p {margin-bottom:5px; font-size:16px;}
.wwa .cont .figcaption {font-size:12px; text-align:center; margin-bottom:30px;}

/* get involved */
.get_involved {padding-top:30px;}
.get_involved .tab {border:1px solid #d8d8d8; border-right:none;width:159px; float:left;}
.get_involved .tab li a {height:60px; line-height:60px; border-bottom:1px solid #c9c9c9; text-align:center; display:block; font-size:18px; font-weight:bold; position:relative; }
.get_involved .tab li a:hover,.get_involved .tab li.selected  a { border-bottom:1px solid #c9c9c9; text-decoration:none; background:url(../img/tab_li_bg.png) repeat-x;}
.get_involved .tab li.selected  a .tab_arrow {background:url(../img/tab_arrow.png) no-repeat; width:9px; height:16px; display:block; position:absolute; right:-9px; top:20px;}
.get_involved .tab li.last a {border-bottom:0px;}
.get_involved .tab_cont {width:825px; float:left}
.get_involved .tab_cont .inner {border:1px solid #d8d8d8;}

.get_involved h3 {font-size:20px; text-align:center; padding-bottom:30px;}
.get_involved .caption {text-align:center; color:#5a5a5a; padding-bottom:10px;}

.get_involved .donation {padding:30px;}
.get_involved .donation p {line-height:1.5; margin-bottom:20px;}
.get_involved .donation .paypal {text-align:center; padding:80px 0 30px; width:190px; margin:0 auto; overflow:hidden;}
.get_involved .donation .paypal span {font-size:16px; font-weight:bold; float:left; padding:15px 20px 0 0;}
.get_involved .donation .paypal img {float:left;}

.media_subject {padding:30px 50px 10px;}
.media_subject h3 {padding-bottom:5px;}
.media_subject li {width:140px; height:120px; float:left; padding:20px; text-align:center; overflow:hidden; display:inline;}
.media_subject li img {width:121px; height:94px; margin-bottom:5px; display:inline-block;}
.media_subject li p {font-size:11px; color:#c64c4c; line-height:normal; padding:0px;}
.media_subject li p a:link,.media_subject li p a:visited {color:#c64c4c;}
.media_subject p {line-height:1.4; padding:2px 0;}
.media_subject dl{line-height:1.5}
.media_subject dl dt{font-weight:bold; padding-bottom:10px; clear:both;}
.media_subject dl dt a {margin-right:6px; float:left;}
.media_subject dl dd {padding-bottom:10px;}

.sign_petition {padding:20px 20px 20px 30px;}
.sign_petition p {line-height:1.5; margin-bottom:20px;}
.sign_petition .signature {color:#d11a1a; font-size:20px; font-weight:bold;}
.sign_petition .sp_col_l {width:380px; float:left;}
.sign_petition .sp_col_r {width:357px; float:right;}
.sign_petition h3 {text-align:left;}
.sign_petition .title2 {padding-bottom:10px;}
.sign_petition .form_mod {background:#f5f5f5; border:none; width:auto; padding-bottom:30px;}
.sign_petition .form_mod li {padding-bottom:10px;}
.sign_petition .form_mod .txt_input {width:150px;}
.sign_petition .form_mod .txt_area {width:150px; height:90px;}
.sign_petition .form_mod .select_type {width:172px;}
.sign_petition .form_mod .c_pref {}
.sign_petition .form_mod .c_pref .select_type {width:142px;}
.sign_petition .form_mod .c_pref label {width:150px;}
.sign_petition .form_mod label {width:120px;}
.sign_petition .form_mod .txt {font-weight:bold; color:#737373; padding-left:20px; padding-top:10px;}
.sign_petition .form_mod .txt_pad {padding-top:80px;}
.sign_petition .form_mod .btn_li {padding:0 0 0 65px;}

.membership .title2 {margin-left:20px;}
.membership .info {padding-bottom:15px;padding-top:20px;}
.membership .dues p {margin-bottom:0px;}
.membership .dues .radio {margin-left:40px}
.membership .dues .btn_li {margin-left:12px; padding-top:10px;}
.membership .form_mod label {width:80px;}
.membership .form_mod .txt_input {width:210px;}
.membership .form_mod .select_type {width:232px;}
.membership .note {width:auto;}
.membership .note .title2 {margin-bottom:0px;}
.membership .note p {padding-left:35px; margin-bottom:0px;}
.membership h3 {font-size:16px;}
.membership .title4 {padding-bottom:5px; padding-left:10px; font-size:16px; margin-bottom:10px;}
.membership p {margin-bottom:10px;}
.membership p a:link,.membership p a:visited {color:#D42929;}

/* 文章内容页 */
.article {border:1px solid #cdcdcd; padding:20px; margin-right:25px; line-height:1.5; overflow:hidden;}
.article h3 {font-size:16px; margin-bottom:15px;}
.article p {margin-bottom:15px;}
.article_title {width:100%; clear:both; padding:30px 0;}

.article_video {padding:20px!important;}

.article_sponsors {padding:20px 19px!important; overflow:hidden;}
.article_sponsors .adv {width:125px; height:125px; background:#e7e7e7; float:left; margin:8px; display:block;}
.article_sponsors .adv img {width:125px; height:125px;}
.article_sponsors .adv_big {width:266px; height:176px; background:#e7e7e7; display:block; clear:both; margin:8px 8px 0; overflow:hidden; float:left;}
.article_sponsors .adv_big img {width:266px; height:176px;}

/* 文章列表 */
.article_list {}
.mod_article {}
.mod_article ul {border:1px solid #cdcdcd; box-shadow:0 0 2px rgba(0,0,0,0.2); overflow:hidden; padding:20px;}
.mod_article ul li {border-bottom:1px solid #c2c2c2; padding-bottom:15px; margin-bottom:15px; padding-left:15px; background:url(../img/blue_dot.png) no-repeat 0 8px; zoom:1}
.mod_article ul li.last {border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.mod_article ul li h3 {font-size:16px; margin-bottom:5px;}
.mod_article ul li h3 a:link,.mod_article ul li h3 a:visited {color:#585f64}

.mod_article ul li p {font-size:12px; color:#b31010;}
.mod_article ul li .date {float:right; color:#6b6b6b; margin-right:20px;}

/* 翻页 */
.pageslist {clear: both; padding-top:20px; padding-bottom:20px; overflow:hidden; width:350px; margin:0 auto;}
.pageslist a, .pageslist span { font-size: 12px; font-weight: bold; float: left; display: block; padding: 3px 8px; margin: 0 3px 0 0; text-decoration: none; background-position-y: bottom; background-repeat: repeat-x; background-color: #ededed; border: 1px solid #c5c5c5; box-shadow: 0 0 2px rgba(0,0,0,0.2); color:#777777; -moz-border-radius:2px}
.pageslist a.selected, .pageslist span.selected { background-color: #686868; border-color: #4f4f4f; }
.pageslist b { color: #fff !important; font-weight:normal;}
.pageslist a:hover { color: #071a29; -webkit-box-shadow: #eaedf4 0 1px 5px; -moz-box-shadow: #eaedf4 0 1px 5px; box-shadow: #eaedf4 0 1px 5px; }
.pageslist a:active { position: relative; top: 1px; left: 1px; background-color: #dfeaf4; }
.pageslist .disabled { color:#c9cdd8; }
.pageslist .ellipsis {background:none; border:none;}


/* 广告 */
.banner1 {margin-bottom:40px;}
.banner2 {padding:30px 0;}

/* footer */
.footer {background:url(../img/footer_inner_bg.png) repeat; color:#fff; font-size:12px;}
.footer a:link,.footer a:visited {color:#fff;}
.footer .inner {background:url(../img/footer_bg.png) repeat-x 0 top; overflow:hidden; padding-top:50px;}
.footer .ft_col {width:33.3333%; float:left;}
.footer dl {padding-bottom:35px;}
.footer dt {font-weight:bold; margin-bottom:5px;}
.footer dd {color:#999; margin-bottom:4px;}
.footer dd a:link,.footer dd a:visited {color:#999;}

.footer .copy {background:url(../img/copy_line.png) repeat-x 0 top; padding:10px 0; text-align:center; clear:both; color:#9a9ea1}
.footer .copy a:link,.footer .copy a:visited {color:#9a9ea1}

/* 遮罩层 */
.masker {z-index: 50; position: fixed; background:url(../images/popbg.png); _background:none; width: 100%; height: 100%; top: 0px; left: 0px;}
.hide{display:none;}