/*--- general ---*/

/*--- layout ---*/
#wrap_siteServices { width:980px; margin:0 auto}
#main { width:100%; padding-top:10px}
.area01 { float:left; width:745px}
.area02 { float:left; width:230px; padding-left:5px}
.area03 { float:left; width:260px}
.area04 { float:left; width:480px; padding-left:5px}
.area05 { float:left; width:370px}
.area06 { float:left; width:370px; padding-left:5px}
.area07 { float:left; width:487px}
.area08 { float:left; width:487px; padding-left:6px}

/*--- parent ---*/
.parent01 { margin-bottom:8px}
.parent02 { margin-bottom:0}
.parent03 { width:245px; margin:0 5px 8px 0}
.parent04 { width:241px; margin:0 5px 8px 0}
.parent05 { width:237px; margin:0 6px 8px 0}
.parent06 { width:237px; margin:0 0 8px 0}
.parent07 { width:323px; margin:0 5px 8px 0}
.parent08 { width:324px; margin:0 0 8px 0}

/*--- block ---*/
.blk01 { background:#FFF}
.blk01 .ttl { overflow:hidden; height:29px; padding-left:35px}
.blk01 .ttl h2 { padding:6px 0 3px; font-size:14px; color:#333}
.blk01 .ttl h2 a { color:#333}
.blk01 .ttl span { float:right; padding:6px 8px 3px 0}

.blk02 { overflow:hidden; height:269px}

.blk03 { background:#FFF}
.blk03 .ttl { height:26px}
.blk03 .ttl span { float:right; width:8px; height:26px}
.blk03 .ttl h2 { float:left; padding:4px 0 0 20px; font-size:14px}
.blk03 .ttl ul { float:left; height:22px; padding:4px 0 0 20px}
.blk03 .ttl ul li { float:left; cursor:pointer; margin:2px 3px 0 0}
.blk03 .ttl ul li em { float:left; padding:0 8px; font-weight:bold}
.blk03 .ttl ul li.this { cursor:default; margin-top:0}
.blk03 .ttl ul li.this a { color:#e32f04}
.blk03 .ttl ul li.this em { padding-top:2px}

.blk04 { background:#FFF}
.blk04 .ttl { overflow:hidden; height:29px; padding-left:30px}
.blk04 .ttl h2 { padding:6px 0 3px; font-size:14px; color:#005b76}
.blk04 .ttl h2 a { color:#005b76}
.blk04 .ttl span { float:right; padding:6px 40px 3px 20px}

.blk05 { background:#FFF}
.blk05 .ttl { overflow:hidden; height:26px}
.blk05 .ttl h2 { padding:5px 34px 1px}
.blk05 .ttl span { float:right; padding:4px 8px 2px 0; font-weight:bold}
.blk05 .ttl span a { padding:0 7px 0 5px; color:#b43517}
.blk05 .ttl span a.s1 { background:none}

.blk06 { background:#FFF}

.blk_ColBox { border:1px solid; border-top:0; background:#FFF}
.blk_colA { float:left; width:352px; padding:0 10px}

/*--- special ---*/
.ad01 { width:250px; height:68px; padding:5px; background:#fff}
.ad02 { width:745px; height:110px; background:#fff}
.ad03 { width:230px; height:80px; background:#fff}
.ad04 { width:980px; height:90px; background:#fff}
.ad05 { width:260px; height:150px; background:#fff}
.ad01 img, .ad02 img, .ad03 img, .ad04 img, .ad05 img { width:100%; height:100%; vertical-align:top}

.accountCareer { padding:14px; text-align:center}

.chart01 { padding:7px 5px}
.chart01 ul { border:solid #efefef; border-width:1px 1px 0 1px } 
.chart01 li { position:relative; width:208px; height:28px; padding:0 5px; line-height:28px; border-bottom:1px solid #efefef} 
.chart01 li span { position:absolute; left:5px; top:5px; z-index:1; width:15px; height:15px; text-align:center; font:10px/15px Geneva, Arial, Helvetica, sans-serif; color:#F30; border:1px solid #dcdcdc;}
.chart01 li em { display:block; overflow:hidden; width:184px; padding-left:20px; white-space:nowrap}

.courseCatalog { width:976px; padding:8px 2px 2px 2px; background:#fff}
.courseCatalog ul { clear:both; float:left; width:100%}
.courseCatalog li { float:left; width:300px; padding:2px 5px 2px 15px}
.courseCatalog li a {padding-right:5px;display:-moz-inline-block;*display:inline-block;display:inline-block!important;}
.courseCatalog li h3 { font-size:1.2em; line-height:30px}
.courseCatalog .libg { background:#e7f3fa}
.courseCatalog ul.s1 li { width:220px}

.embassy h2 { font-size:14px; color:#593e07}
.embassy td { padding:10px}
.embassy td span { padding-right:6px; white-space:nowrap}

.littleNav { width:970px; margin-top:-8px; padding:5px; background:#fff}
.littleNav ul { padding:5px; border:1px solid #ccc}
.littleNav li { float:left; width:180px; height:60px; padding:0 0 0 10px; border-right:1px solid #ccc}
.littleNav li a { display:inline-block; margin-right:12px}
.littleNav li.s1 { border-right:none}
.littleNav ul.s1 li { width:148px}
.littleNav ul.s1 li a { margin-right:5px}

.nav_L3 { padding-top:20px}
.nav_L3 ul { height:27px; padding:1px 0}
.nav_L3 ul li { float:left; font-size:14px; font-weight:bold; border-right:1px solid #ffcc76}
.nav_L3 ul li a { display:block; padding:4px 12px 3px; color:#b43517}
.nav_L3 ul li.this { position:relative; background:#ff782e}
.nav_L3 ul li.this a { color:#FFF}
.nav_L3 ul li.this small { display:block; position:absolute; left:50%; top:27px; z-index:2; overflow:hidden; width:7px; height:7px; margin-left:-3px}
.nav_L3 p { padding:5px 20px 3px; font-weight:bold; background:#f9f1e6}
.nav_L3 p span { padding:0 15px 0 10px; background:url(images/GlobalIcon_01.gif) 0 7px no-repeat}

.onlineTrans { padding:5px 10px}
.onlineTrans h3 { padding-top:2px; font-size:12px}
.onlineTrans div { padding:1px 0}
.onlineTrans div.hr { padding-top:3px; margin-bottom:2px; border-bottom:1px solid #CCC}
.onlineTrans textarea { width:200px; height:50px}
.onlineTrans .radiolist { line-height:18px}
.onlineTrans p.more { text-align:right}

.process01 { padding:30px 10px 10px; text-align:center}

.search01 { height:23px; padding:3px 10px 0; background:#FFF}
.search01 select { width:118px; margin-right:9px}

.slideshow01 { overflow:hidden; width:100%; height:170px}
.slideshow01 img { width:100%; height:170px}

.tools01 { padding:10px 0 6px; line-height:20px}
.tools01 h5 { margin:0 1px; padding:3px 20px 1px; font-size:12px}
.tools01 div { padding:10px 0 10px 10px}
.tools01 div p { padding:2px 0}
.tools01 div input.s1 { width:80px}
.tools01 div select { width:72px; margin-right:5px}
.tools01 div select.s1 { width:50px}
.tools01 div select.s2 { width:100px}

/*--- mod ---*/
.mod01 { padding:10px}
.mod01 .info .image { float:left; width:80px}
.mod01 .info .image img { width:80px; height:80px}
.mod01 .info div { float:left; overflow:hidden; width:154px; height:80px; padding-left:6px}
.mod01 .info div h3 { font-size:14px; line-height:17px}
.mod01 .info div p { padding-top:3px}
.mod01 .info div em { color:#e32f04}
.mod01 .hr { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) 0 5px repeat-x}
.mod01 .more { text-align:right}

.mod02 { padding:8px 10px}
.mod02 ul li { float:left; width:25%}
.mod02 ul.s1 li { width:50%}
.mod02 ul li.s1 { width:100%}
.mod02 .hr { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) 0 5px repeat-x}
.mod02 h3 { font-size:12px}
.mod02 a { text-decoration:underline}

.mod03 .feature { display:block; width:470px; height:125px; padding:5px}
.mod03 .feature img { width:470px; height:125px}
.mod03 .ctn { padding:5px 10px}
.mod03 .ctn h2 a { font-family:Simhei; font-size:18px; font-weight:normal; color:#F60}

.mod04 { width:100%}
.mod04 ul { padding:8px 10px}
.mod04 li { overflow:hidden; width:200px; padding:1px 0 1px 10px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 0 9px no-repeat}
.mod04 ul.s1 { padding-left:0}
.mod04 ul.s1 li { float:left; width:215px; padding-left:20px; background-position:10px 9px}
.mod04 ul.s2 { padding-top:0}
.mod04 ul.s3 { padding-top:6px; padding-left:0}
.mod04 ul.s3 li { float:left; width:105px; padding-left:20px; background-position:10px 9px}
.mod04 ul.s4 li { width:210px}
.mod04 ul.s5 { padding-top:0}
.mod04 ul.s5 li { width:224px}

.mod05 { width:100%}
.mod05 div { display:none}
.mod05 p { padding:5px 10px; text-align:right}
.mod05 .courseList { width:474px; padding:0 3px}
.mod05 .courseList dt, .mod05 .courseList dd { width:467px; padding-left:7px; height:24px; line-height:24px}
.mod05 .courseList dt { padding-top:3px}
.mod05 .courseList strong { width:178px}
.mod05 .courseList q { width:67px}
.mod05 .courseList small { width:38px}
.mod05 .courseList del { width:50px}
.mod05 .courseList em { width:60px}
.mod05 .courseList span { width:59px}
.mod05 p.txt { padding:10px; text-align:left}
.mod05 p.txt .image { float:left; width:120px; margin-top:1px; border:1px solid #999}
.mod05 p.txt .image img { width:120px; height:90px}
.mod05 p.txt big { float:left; width:327px; padding-left:8px}
.mod05 p.txt strong { display:block; overflow:hidden; width:100%; white-space:nowrap}
.mod05 p.txt span { display:block; overflow:hidden; width:100%; height:60px}

.mod06 { padding:8px 0 7px 10px}
.mod06 li { float:left; padding:0 2px 2px 20px; white-space:nowrap}

.mod07 { width:100%}
.mod07 div { display:none}
.mod07 ul { padding:8px 10px}
.mod07 ul li { overflow:hidden; width:100%; padding:1px 0; white-space:nowrap}
.mod07 ul.s1 { padding-left:0}
.mod07 ul.s1 li { float:left; width:225px; padding-left:10px}
.mod07 ul.s2 { padding-top:0}
.mod07 ul.s3 { padding:10px}


.mod08 { padding:10px}
.mod08 .info .image { float:left; width:80px; margin-top:4px}
.mod08 .info .image img { width:80px; height:60px}
.mod08 .info div { float:left; width:124px; padding-left:6px; line-height:20px}
.mod08 .info div h3 { overflow:hidden; width:100%; font-size:12px; white-space:nowrap}
.mod08 .info div p.intro { overflow:hidden; color:#666}
.mod08 .hr { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) 0 5px repeat-x}
.mod08 .info div.s1 { line-height:17px}
.mod08 .info div.s2 { width:242px; line-height:20px}

.mod09 { padding:8px 10px}
.mod09 .info .image { float:left; width:82px; padding-right:6px}
.mod09 .info .image img { width:80px; height:44px; vertical-align:top; border:1px solid #999}
.mod09 .info h3 { float:left; overflow:hidden; width:120px; padding:3px 0; white-space:nowrap; font-size:12px}
.mod09 .info h3.s1 { width:150px}
.mod09 .info p { color:#666}
.mod09 .hr { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) 0 5px repeat-x}
.mod09 ul { overflow:hidden; height:20px}
.mod09 ul li { float:left; padding:0 8px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 0 -72px no-repeat}

.mod10 { overflow:hidden; width:210px; padding:8px 10px}
.mod10 span { padding-right:4px; white-space:nowrap}

.mod11 { padding:10px 10px 0 10px}
.mod11 .info .image { float:left; width:80px}
.mod11 .info .image img { width:80px; height:80px}
.mod11 .info div { float:left; overflow:hidden; width:154px; padding-left:6px}
.mod11 .info div h3 { font-size:14px; line-height:17px}
.mod11 .info div li { padding:0 8px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 0 -72px no-repeat}
.mod11 .info div li.hd { padding-left:0; font-weight:bold; background:none}
.mod11 .hr { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) 0 5px repeat-x}
.mod11 .hr02 { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) left 10px repeat-x}
.mod11 .hr03 { overflow:hidden; clear:both; height:1px; padding:5px 0; background:url(images/GlobalLine_01.gif) left top repeat-x}
.mod11 .info div.s1 { width:124px}

.mod12 h3 { padding:5px 0 4px; font-size:12px; text-align:center}
.mod12 p { padding:0 10px}

.mod13 { padding:10px}
.mod13 li { overflow:hidden; height:41px; padding-bottom:2px; border-bottom:1px solid #9cc88d}
.mod13 h3 { overflow:hidden; width:100%; padding-bottom:1px; font-size:12px; white-space:nowrap; color:#666}
.mod13 span { padding-right:8px; color:#666}
.mod13 span em { color:#e32f04}

.mod14 { padding:10px}
.mod14 .image { float:left; width:80px; margin-top:5px; padding:1px; border:1px solid #CCC}
.mod14 .image img { width:80px; height:80px}
.mod14 div { float:left; overflow:hidden; width:260px; padding-left:6px}
.mod14 div li { overflow:hidden; width:244px; padding:0 8px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 0 -72px no-repeat}
.mod14 div.s1 { width:360px}
.mod14 div.s1 li { width:344px}
.mod14 div.s2 { width:213px}
.mod14 div.s2 li { width:194px}

.mod15 { width:480px; height:57px}
.mod15 ul { padding:8px 10px; line-height:18px}
.mod15 ul li { overflow:hidden; float:left; width:206px; padding:1px 0 1px 20px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 10px 9px no-repeat}

.mod16 { padding:12px 0 12px 18px}
.mod16 li { float:left; width:130px; text-align:center; padding-right:15px}
.mod16 li img { width:130px; height:130px}
.mod16 li p { overflow:hidden; width:130px; white-space:nowrap}

.mod17 { padding:8px 10px 0}
.mod17 h2 { text-align:center}
.mod17 h2 a { font-family:Simhei; font-size:18px; font-weight:normal; color:#F60}
.mod17 p { text-indent:2em; color:#666}

.mod18 ul { display:none; padding:8px 10px 9px}
.mod18 ul li { float:left; width:60px; height:25px; padding:4px 5px; line-height:25px; text-align:center}
.mod18 ul li a { display:block; width:60px; height:25px}

.mod19 div { width:330px; padding:20px}
.mod19 .image { float:left; width:80px; margin-top:8px; margin-left:6px; padding:1px; border:1px solid #CCC}
.mod19 .image img { width:80px; height:80px}
.mod19 ul { float:left; width:240px}
.mod19 ul li { overflow:hidden; float:left; width:220px; padding-left:20px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 10px 9px no-repeat}
.mod19 ul li.hd { padding-left:10px;font-size:14px; font-weight:bold; color:#b43517; background:none}
.mod19 ul li.hd a { color:#b43517}
.mod19 ul.s2 { float:none; clear:both; width:100%}
.mod19 ul.s2 li { width:310px}

.mod20 h5 { height:29px; padding:5px 30px 0; font-size:14px; border-bottom:1px solid #ffcc76}
.mod20 ul { padding:13px 20px 14px}
.mod20 ul li { overflow:hidden; float:left; width:350px; padding:1px 0}
.mod20 ul li span { float:left; overflow:hidden; width:100%; padding-left:20px; white-space:nowrap; background:url(images/GlobalIcon_01.gif) 10px 7px no-repeat}
.mod20 ul li small { float:right; padding-right:15px; font-weight:bold; background:#fff}
.mod20 ul li small a { color:#613333}
.mod20 .function { padding-bottom:15px; text-align:center}
.mod20 .function input { margin-right:20px}

.mod21 p { padding:5px 20px 3px; font-weight:bold; background:#f9f1e6}
.mod21 p span { padding:0 15px 0 10px; background:url(images/GlobalIcon_01.gif) 0 7px no-repeat}

.mod22 { padding:10px}
.mod22 .info .image { float:left; width:80px}
.mod22 .info .image img { width:80px; height:80px}
.mod22 .info div { float:left; width:154px; padding-left:6px; line-height:20px}
.mod22 .info div h3 { overflow:hidden; width:100%; font-size:12px; white-space:nowrap}
.mod22 .info div p.intro { overflow:hidden; color:#666}

.mod23 { padding-bottom:4px}
.mod23 dl { overflow:hidden; line-height:23px}
.mod23 dl dt, .mod23 dl dd { float:left; width:240px; padding:0 10px}
.mod23 dl strong, .mod23 dl small, .mod23 dl span { float:left; overflow:hidden; white-space:nowrap}
.mod23 dl dt { font-weight:bold; background:#fff3dc}
.mod23 dl dd { background:url(images/GlobalLine_02.gif) left bottom repeat-x}
.mod23 dl strong { width:70px}
.mod23 dl small { width:90px; padding-left:5px}
.mod23 dl span { width:70px; padding-left:5px}
.mod23 dl dd strong { font-weight:normal}
.mod23 dl a { padding-right:6px}
.mod23 dl a:hover { color:#f13a09}

.mod24 ul { padding:10px 10px 10px 20px}
.mod24 li { float:left; width:140px; height:60px; padding:0 10px 5px 0}
.mod24 li a { float:left; width:50%}
.mod24 li h2 { float:left; width:100%; font-size:12px}

.mod25 { width:100%; height:187px; padding:5px 0}
.mod25 ul { overflow:hidden; width:220px; padding:0 5px}
.mod25 li { margin-top:-1px; padding:5px 3px 6px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod25 li h5 { font-size:12px}
.mod25 li p, .mod25 li p a { color:#666}
.mod25 li a:hover { color:#f13a09}
.mod25 li p em { color:#e62713}

.mod26 { padding:0 30px}
.mod26 ul { overflow:hidden; width:100%; padding-top:1px}
.mod26 li { float:left; margin-left:-11px;}
.mod26 li a {  padding:0 19px 0 11px}