@charset "utf-8";

/* CSS Document */

.Content1{ width:977px; margin:0  2px 0 6px;}

.stateheight1{ height:248px; overflow:hidden;}

.stateheight2{ height:227px; overflow:hidden;}

#Content1{ width:980px; margin:0px 14px 0px 10px;}

.content_left{float:left;width:200px; height:auto;}

.content_right{float:right;width:780px;}

.commenborder{ border:1px solid #E1E1E1;border-bottom:none;border-top:none;padding:0 2px;}

.commenborder_l{ border:1px solid #E1E1E1;border-bottom:none;border-top:none;padding:0 2px; margin:0 6px 0 5px;}

.border_pic{border:1px solid #c1c1c1;padding:2px; background-color:#FFF;}

.commentop{ margin-top:9px;}

.frmright{ width:775px; float:right; margin-top:9px;}

.imgdiv {width:120px;border:1px solid #c1c1c1;padding:2px;background-color:#FFF;}

.imgdiv .word_bg { position:relative;position:static\9;background-color:rgba(0, 0, 0, 0.5);background:#000\9;height:22px;width:120px;margin-top:-22px;

*margin-top:-26px; _margin-bottom:-4px;filter:alpha(opacity=50);text-align:center;}

.imgdiv .word_bg a{ font-size:14px; color:#FFF;  width:120px; line-height:22px; display:block;position:relative;text-align:center; text-decoration:none;}

.head_r{ width:319px; height:49px;}

.frm_l{ float:left; width:449px;}

.frm_r{ float:right; width:319px;}

.body_l{ width:432px; height:231px; overflow:hidden;}

.body_r{ width:313px; height:230px;overflow:hidden;}

.off{ display:none;}

.on{ display:block;}

/*-----------Navigation---------------*/

.navigation{width:200px;}

.navigation ul{ padding:0px; margin:0px;}

.navigation ul li{ float:left; padding:0px; margin:0px;}

.navigation ul li.auto{ float:left; background:url(../../images/State/State_hover.jpg;vpn_img) no-repeat left top; width:200px; height:42px;}

.navigation ul li.ch{ float:left; background:url(../../images/State/State_auto.jpg;vpn_img) no-repeat left top; width:200px; min-height:42px; _height:42px;}

.navigation ul li.ch1{ float:left; background:url(../../images/State/State_auto.jpg;vpn_img) no-repeat left top; width:200px;height:42px;*height:42px;_height:40px;}

.navigation ul li img.sign{ margin:12px 10px 8px 9px;*margin:12px 10px 8px 9px;_margin:11px 10px 8px 9px;}

.navigation ul li img.sign1{ margin:12px 7px 8px 9px;*margin:12px 7px 8px 9px;_margin:11px 7px 8px 9px;}

.navigation ul li img{ margin-bottom:7px;}

.navigation .detail{ display:show; }

.navigation .detail div{ width:200px; float:left;}

.navigation .detail div a{font-size:14px; color:#69772a;line-height:32px;background:url(../../images/State/State_navbghover.jpg;vpn_img) no-repeat left top;width:161px; display:block; padding-left:39px;}

.navigation .detail div a:hover{font-size:14px; color:#69772a;line-height:32px; font-weight:bold;background:url(../../images/State/State_navbg.jpg;vpn_img) no-repeat left top;width:161px;display:block;padding-left:39px;}

/*----------Ranking-----------*/

.ranking{ float:left; width:200px;}

.ranking_body{ height:374px;overflow:hidden;}

.ranking_body img{ margin:8px 0px 3px 10px; width:162px; height:80px; padding:5px 7px 5px 6px; background:url(../../images/Etiquette/hotbg1.jpg;vpn_img) no-repeat left top; }

.ranking_body ul{margin:0 4px;}

.ranking_body ul li{ width:170px;background: url(../../images/Homecountry/c1c1c1underline.gif;vpn_img) repeat-x bottom; line-height:26px;/*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden; padding-left:10px;}

.ranking_body ul li.no_bg{background: url(../../images/Homecountry/c1c1c1underline.gif;vpn_img) no-repeat -100px;}

.ranking_body ul li a{ display:block; color:#9d9d9d; text-decoration:none; line-height:24px; height:24px; font-size:14px; background:url(../../images/Homecountry/hot_number.gif;vpn_img) no-repeat 3px 4px; padding-left:25px; margin:1px 0; }

.ranking_body ul li.numb1 a,.ranking_body ul li.numb1 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px 4px;}

.ranking_body ul li.numb2 a,.ranking_body ul li.numb2 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -22px;}

.ranking_body ul li.numb3 a,.ranking_body ul li.numb3 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -48px;}

.ranking_body ul li.numb4 a,.ranking_body ul li.numb4 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -74px;}

.ranking_body ul li.numb5 a,.ranking_body ul li.numb5 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -100px;}

.ranking_body ul li.numb6 a,.ranking_body ul li.numb6 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -126px;}

.ranking_body ul li.numb7 a,.ranking_body ul li.numb7 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -152px;}

.ranking_body ul li.numb8 a,.ranking_body ul li.numb8 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -178px;}

.ranking_body ul li.numb9 a,.ranking_body ul li.numb9 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -204px;}

.ranking_body ul li.numb10 a,.ranking_body ul li.numb10 a:hover{ background:url(../../images/State/hot_number.gif;vpn_img) no-repeat 3px -230px;}

.hottopic_body{ padding-top:8px; width:194px; overflow:hidden;}

.hottopic_body ul{margin:4px 0px 0px 10px;*margin:2px 0px 0px 10px;_margin:0px 0px 0px 10px;}

.hottopic_body ul li{ text-align:center;font-size:12px; line-height:20px;}

.hottopic_body ul li a{color:#9d9d9d; text-decoration:none; font-size:12px; font-weight:bold; color:#747474;}

.hotbg1{ width:162px; height:80px; padding:5px 7px 5px 6px; background:url(../../images/Etiquette/hotbg1.jpg;vpn_img) no-repeat left top;}

.hotbg2{ width:119px; height:97px; padding:4px 4px 5px 4px; background:url(../../images/Etiquette/hotbg2.jpg;vpn_img) no-repeat left top;}

/*-----------Focus---------------*/

.focus{width:770px; height:308px;  float:right; background:url(../../images/Etiquette/focusbg.jpg;vpn_img)  no-repeat right 5px;}

.focus .left{}

.focus .right{ margin-top:5px;}

.focus_content{ float:left; width:435px; height:303px; }

.focus_side{ float:left;}

.focus_txt{ float:left; width:255px; height:293px; padding:5px; display:inline;}

.focus_txt h3{ color:#486405; line-height:36px; text-align:center; margin-top:5px;}

.focus_txt p{ color:#678817; line-height:26px; font-size:14px; padding-bottom:10px; background:url(../../images/Etiquette/line.gif;vpn_img) repeat-x bottom;}

.focus_txt  a{ color:#678817;}

.focus_txt ul{ margin-top:10px;}

.focus_txt li{color:#678817;width:255px; line-height:26px; font-size:14px; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden;}

.focus_buttons{ float:right;padding:25px 9px 10px 0; width:150px; display:inline;}

.focus_buttons img{ margin-top:20px;}

/*-----ChinaEtiquette-----*/

.ChinaE{ float:left;width:449px;}

.ChinaE_body{ width:449px; height:240px; background: url(../../images/Etiquette/ChinaE_body.jpg;vpn_img) no-repeat;}

.ChinaE_body .frm{ float:left; width:432px; height:231px; margin:0 8px; display:inline;}

.bodyl_left{ float:left; width:162px;}

.bodyl_left .imgdiv{ float:left; margin:18px; display:inline;}

.imgdiv {width:120px;border:1px solid #c1c1c1;padding:2px;background-color:#FFF;}

.imgdiv .word_bg { position:relative;position:static\9;background-color:rgba(0, 0, 0, 0.5);background:#000\9;width:120px;filter:alpha(opacity=50);text-align:center;}

.imgdiv .word_bg a{ font-size:14px; color:#FFF;  width:120px; line-height:22px; display:block;position:relative;text-align:center; text-decoration:none;}

.bodyl_right { float:right; padding:10px 18px 0 0px;; display:inline; width:248px;}

.bodyl_right h2{ text-align:center; line-height:30px; color:#585858;}

.bodyl_right h2 a{color:#585858;}

.bodyl_right p{ color:#4c4c4c; font-size:14px; line-height:26px;padding-bottom:5px;}

.bodyl_right p a{color:#4c4c4c;}

.bodyl_right p a:hover{ text-decoration:underline;}

.bodyl_right ul{ padding-top:5px; background:url(../../images/WebSchool/topline6a6a6a.gif;vpn_img) repeat-x top;}

.bodyl_right ul li{ line-height:25px; font-size:14px; width:250px; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden;}

.bodyl_right ul li a{ display:block; height:25px; background:url(../../images/Etiquette/list_4c4c4csquare.gif;vpn_img) no-repeat left center; color:#4c4c4c; padding-left:15px;}

/*-----MilitaryEtiquette-----*/

.MilitaryE{ float:right; width:326px;}

.MilitaryE_body{ width:326px; height:240px; background:url(../../images/Etiquette/MilitaryE_body.jpg;vpn_img) no-repeat; overflow:hidden;}

.MilitaryE_body .imgdiv,.MilitaryE_body .imgdiv .word_bg,.MilitaryE_body .imgdiv .word_bg a { width:240px;}

.MilitaryE_body .imgdiv{margin:18px 40px;}

.rightlist{ width:270px; margin:10px 0 0 20px; display:block;}

.rightlist li{display:block;color:#e2e5f0; width:270px; font-size:14px; height:24px; line-height:24px; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden;}

.rightlist li a{ color:#e2e5f0;}

.MilitaryE_body .rightlist{margin:10px 0 0 30px;}

/*-----GivingEtiquette-----*/

.GivingE .body_r{ background:url(../../images/Etiquette/GivingE_bg.jpg;vpn_img) repeat-x top;}

.imgleft{ float:left; margin:18px 0 2px 22px; display:inline; }

.imgright{ float:right; margin:18px 22px 2px 0; display:inline;}

.GivingE .rightlist li{color:#fff;}

.GivingE .rightlist li a{ color:#fff;}    

/*-----PublicEtiquette-----*/

.PublicE .body_r{ background:#f6f6f6;} 

.PublicE .toplist{ width:283px; margin:15px 15px 0px 15px;}

.PublicE .toplist li{ float:left; line-height:26px; color:#494949; font-size:14px;}

.PublicE .toplist li.note{ width:160px;}

.PublicE .toplist li a{ color:#494949;}

.PublicE .toplist li img{ margin-right:8px;border:1px solid #c1c1c1;padding:2px; background-color:#FFF;}

.PublicE .rightlist li{ color:#494949;}

.PublicE .rightlist li a{ color:#494949;}

/*-----FlowersEtiquette-----*/

.FlowersE .body_r{ background:#f6f6f6;} 

.FlowersE ul{ width:283px; margin:15px 15px 0 15px; }

.FlowersE ul li{ line-height:25px; font-size:14px;}

.FlowersE ul li a{ display:block; height:25px; background:url(../../images/Etiquette/list_4c4c4csquare.gif;vpn_img) no-repeat left center; color:#4c4c4c; padding-left:15px;}

/*-----Etiquettes-----*/

.Etiquettes{ width:770px; float:right;}

.Etiquettes_body{ width:764px; height:140px; background:url(../../images/Etiquette/Etiquettes_bg.jpg;vpn_img) repeat-x top;}

.Etiquettes_body .left{ width:220px; height:130px; margin:0 0 0 13px; display:inline;}  

.Etiquettes_body .left .toplist{ width:220px;}

.Etiquettes_body .left .toplist li{ float:left; line-height:26px; font-size:14px; }

.Etiquettes_body .left .toplist li.note{ width:120px;}

.Etiquettes_body .left .toplist li a{color:#4c4c4c;}

.Etiquettes_body .left .toplist li img{ margin:5px;}

.Etiquettes_body .left .notelist{width:220px;}

.Etiquettes_body .left .notelist li{ width:220px; line-height:26px; font-size:14px; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden;}

.Etiquettes_body .left .notelist li a{color:#4c4c4c; padding-left:15px; background: url(../../images/Etiquette/list_4c4c4csquare.gif;vpn_img) no-repeat left center; height:26px; display:block;}

.Etiquettes_body ul.left{ width:200px;}

.Etiquettes_body ul.left li{ width:200px; line-height:26px; font-size:14px; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden; color:#ed9300;}

.Etiquettes_body ul.left li a{color:#4c4c4c;}

.Etiquettes_body ul.right{ width:280px; margin:0 8px; display:inline;}

.Etiquettes_body ul.right li{ float:left; width:280px; line-height:26px; font-size:14px; background: url(../../images/WebSchool/topline6a6a6a.gif;vpn_img) repeat-x bottom;}

.Etiquettes_body ul.right li.no_bg{ background: url(../../images/WebSchool/topline6a6a6a.gif;vpn_img) no-repeat -1000px;;}

.Etiquettes_body ul.right li a{ float:left; display:block;width:170px; height:26px; background:url(../../images/Etiquette/list_4c4c4csquare.gif;vpn_img) no-repeat left center; color:#4c4c4c;text-indent:15px; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden;}

.Etiquettes_body ul.right li span{ float:right; display:block;  width:75px; height:26px; color:#7e7e7e;}

/*-----Picshow-----*/

.Picshow{ width:769px; float:right;}

.Picshow .commenborder{ margin:0 5px 0 7px;}

.Picshow_body{ width:751px; height:143px;*height:137px;_height:134px; background:url(../../images/Etiquette/Picshow_bg.jpg;vpn_img) repeat-x top;padding-top:4px;*padding-top:11px;_padding-top:10px;}

.Picshow_body table{ padding-top:10px;}

.Picshow_body table td{ text-align:center; line-height:26px; font-size:14px; color:#4c4c4c;}

.Picshow_body table td img{width:119px; height:97px; padding:4px 4px 5px 4px; background:url(../../images/Etiquette/hotbg2.jpg;vpn_img) no-repeat left top;}

.Picshow_body table td a{ font-size:14px; color:#4C4C4C; text-decoration:none; line-height:29px;}

.Picshow_bottom{margin:0 5px 0 7px; }  

#ChinaE_head{ float:left; background:url(../../images/Etiquette/ChinaE_head.jpg;vpn_img) no-repeat left top; height:49px; width:449px;}

a.more{ float:left; width:100px; height:45px; display:block;}

#ChinaE_head ul{ margin:22px 0px 0px 6px; margin-top:20px\9; width:330px; float:left;  display:inline; height:12px;}

#ChinaE_head ul li{ float:left; margin-left:19px; display:inline;height:12px; line-height:12px;}

/*-----hover-----*/

.eauto{ font-size:12px; font-weight:bold; color:#fff; width:70px; display:block; float:left; }

.ehover{ font-size:12px; font-weight:bold; color:#fff; width:70px; display:block; float:left;}

#elayer1{ display:block; float:left;}

#elayer2,#elayer3{ display:none;float:left;}

#grly{ float:left; background:url(../../images/Etiquette/PersonalE_head.jpg;vpn_img) no-repeat left top; height:49px; width:449px;}

#grly ul{ margin:22px 0px 0px 6px; margin-top:20px\9; width:330px; float:left;  display:inline; height:12px;}

#grly ul li{ float:left; margin-left:19px; display:inline;height:12px; line-height:12px;}

#elayerg1{ display:block;}

#elayerg2,#elayerg3,#elayerg4{ display:none;}

#xyly{ float:left; background:url(../../images/Etiquette/SchoolE_head.jpg;vpn_img) no-repeat left top; height:49px; width:449px;}

#xyly ul{ margin:22px 0px 0px 6px; margin-top:20px\9; width:330px; float:left;  display:inline; height:12px;}

#xyly ul li{ float:left; margin-left:19px; display:inline;height:12px; line-height:12px;}

#elayerxyly1{ display:block;}

#elayerxyly2,#elayerxyly3,#elayerxyly4{ display:none;}

.eauto1{ font-size:12px; font-weight:bold; color:#fff; width:50px; display:block; float:left; }

.ehover1{ font-size:12px; font-weight:bold; color:#fff; width:50px; display:block; float:left;}

#rjly{ background:url(../../images/Etiquette/InterpersonalE_head.jpg;vpn_img) no-repeat left top; height:49px; width:449px; float:left;}

#rjly ul{ margin:22px 0px 0px 6px; margin-top:20px\9; width:330px; float:left;  display:inline; height:12px;}

#rjly ul li{ float:left; margin-left:19px; display:inline;height:12px; line-height:12px;}

#elayerrjly1{ display:block;}

#elayerrjly2,#elayerrjly3,#elayerrjly4,#elayerrjly5{ display:none;}