.TopStory h2, .HotTopics h2, .VideoNews h2, .box-subChannel li h2, .OnlinePoll h2, .Also h2, .MostViewed h2, .lastUpdate h2, .allStory h2, .editorPick h2,
.sectionPhoto .twocol li h2, .highlight-update h2, .headline a, .get_republish, .thSearch-box h2, .th-Guide h2, .topCategories h2, .find-job-box h2, .find-job-box .submit-search,.secondary .header, .secondary .headline, .what-on .date, .articleContent .article-tab .relate-story h4, .articleContent .articleContents .relate-story h4, #RegisterMember h1, aside #weather.TodayWeather h2 a  { font-family:'arial_blackregular'; font-weight: normal;}

.highling-vdo h3, .box-subChannel ul li h3, .OnlinePoll p, .OnlinePoll ul li label, .Also h3, .mostViewList h3, .lastUpdate h3, .allStory li .detail h3, .sectionPhoto .highlight .detail h3,
.editorPick ul li .detail h3, .head-inPhoto .detail h3, .slide-hp .overview li h1, .highlight-list_hp h1, .hotTopics_hp h2,
.MostUpdate li h2, .highlightChannel .highlight h3, .generalNews-box .SpecialReport .headline a, .pr-box ul li h3, .latestPost .detail h3, .latestJob .detail h3, .careerGuides ul li .detail h3,.what-on .detail h3 a,.event-promotion h3 a ,.subChannelBox h3 a,
#MostUpdate li h2 a , .opinionsBox li .detail h3, .inFocus article h3, .ExpatForum ul li a { font-family: charis_silbold; font-weight: normal;}

.generalNews-box .SpecialReport h2.headline a, .MostViewed .mostViewList li .thumbnail, .sectionPhoto .highlight h2, .PhotoNews .header h2 a span, .hotTopics_hp h1, .generalNews-box .SpecialReport h2,
.a-dayInPhoto h2 a span, .inFocus .headline a { font-family: bitterbold;  font-weight: normal;}

.PhotoNews .header h2 a, .sectionPhoto .highlight h2 a, .a-dayInPhoto h2 a { font-family: bitterregular;}

.generalNews-box h1 span, .businessNews-box h1 span, .lifestyleTravel-box h1 span, .classifieds-box h1 span, .jobsCareer-box h1 span { font-family: vonnes-light; font-weight: normal;}



p.subCategory { font-size: 11px; font-weight: bold; text-transform: uppercase;}
/*sitemap*/
.font_in_box {margin-top: 5px; font-size:12px; color:#000000; text-decoration:none;}
.font_in_box a , companyInfo a:link {text-decoration:none; color:#333333; font-weight:bold;}
.font_in_box a:hover {text-decoration:none; color: #3366CC; font-weight:bold;}
h3 {color:#000000;}
h3 a, a:link, a:visited {color:#333333;}
h3 a:hover {color: #3366CC;}
.section-vdo { width: 100%; overflow: hidden;}
.section-vdo.wp-highlight { background: #333333;}
.section-vdo section { width: 940px; overflow: hidden; margin: 0 auto; padding: 25px 10px;}
.section-vdo .highlight-vdo { width: 940px;  margin: 0 auto 25px;}
.section-vdo .highlight-vdo:after {content:''; display:block; clear: both;}
.section-vdo .highlight-vdo h2 { margin: 0 0 15px; font-size: 15px; color: #ffffff; padding: 0; border: none;}
.mediaInformation { color: #999999; font-size: 11px; margin-bottom: 5px;}
.highlight-list .mediaInformation li { padding: 0;}
.vdo-detail h3 { font-size: 30px; line-height: 32px;}
.vdo-detail h3 a { color: #ffffff;}
.vdo-detail h3 a:hover,.what-on .detail h3 a:hover,.what-on .link p a:hover { text-decoration: underline;}
.vdo-detail>span { font-size: 11px; color: #999999; margin-bottom: 5px;}
.vdo-detail p { font-size: 12px; color: #ffffff; margin-bottom: 5px;}

.section-vdo #main-sns { position: static; float:left;}
.section-vdo #main-sns .google-icon { width: 60px;}
.section-vdo .highlight-list li>span { text-transform: uppercase;}
.highlight-list { margin: 0 auto; width: 940px; padding: 15px 0 0; overflow: hidden; }
.highlight-list li { float: left; width: 220px; margin-right: 20px; overflow: hidden; padding-bottom: 20px;}
.highlight-list li:nth-child(4),
.highlight-list li:nth-child(8),
.highlight-list li:nth-child(12),
.highlight-list li:nth-child(16) { margin-right: 0;}
.highlight-list li>p { position: relative; width: 220px; height: 124px; margin-bottom: 5px;}
.highlight-list li p span { position: absolute; bottom: 0; left: 0; width: 215px; background: url(../img/bg/bg-playVdo.png) 0 0 no-repeat; padding: 5px 5px 4px 0; text-align: right; color: #ffffff; font-size: 11px; }
.highlight-list li h3 { font-size: 13px; margin-bottom: 5px; line-height: 15px;}
.highlight-list li h3 a { color: #213c70;}
.highlight-list li h3 a:hover { text-decoration: underline;}
.wp-highlight .highlight-list { border-top: 1px solid #666666;}
.wp-highlight .highlight-list li h3 a { color: #ffffff;}
.highlight-list li>span { color: #999999; font-size: 11px; margin-bottom: 5px;}
.highlight-list .advertorial { color: #cc8200; font-size: 11px; position: static; margin: 5px 0; width: auto; height: auto;}
.highlight-list .advertorial span { background: none; position: static; text-align: left; padding: 0; color: #cc8200; display: block; width: auto;}
.headline { padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; line-height: 14px; text-transform: uppercase;}
.headline a,#hot-topic .headline { font-size: 15px; color: #333333; background: url(../img/icons/icon-arrowVdo.png) no-repeat right center; padding: 0 20px 0 0; line-height: 17px;}
.headline a:hover { text-decoration: underline;}

.twocol { width: 940px; overflow: hidden}
.twocol li { width: 460px; float: left; overflow: hidden; margin-right: 20px;}
.twocol .highlight-list { width: 460px; overflow: hidden;}
.twocol .highlight-list li { width: 220px;}
.twocol .highlight-list li:nth-child(2) { margin-right: 0;}
.twocol .highlight-list li:nth-child(4) { margin-right: 0;}
.twocol .right { margin-right: 0;}

.twoCol .levelNavigaton { color: #213c70; font-size: 11px; margin: 0; padding: 0; text-transform: uppercase; margin-bottom: 25px;}
.twoCol .levelNavigaton a { color: #213c70; text-decoration: none;}
.twoCol .levelNavigaton a:hover { color: #213c70; text-decoration: underline;}
.twoCol .levelNavigaton span,.levelNavigaton h1 { color: #213c70;}

.section-vdo .highlight-vdo .border-bt { border-bottom: 1px solid #666666;}
.section-vdo nav,
.hot-topic nav,
#hot-list nav { width: 940px; overflow: hidden; text-align: right; padding: 5px 0; margin: 15px 0;}
.section-vdo nav span, .hot-topic nav span,#hot-topic nav a,
.section-vdo nav a,#hot-list nav span,#hot-list nav a { padding: 3px 5px; background: #ffffff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: bold; color: #999999}
.section-vdo nav span,.hot-topic nav span,#hot-list nav span { color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.section-vdo nav a:hover,#hot-list nav a:hover{ color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.section-vdo p.published-date { width: auto; height: auto; margin: 0;}

.fullVDO #comment-list { width: 75%; margin: 0 0 40px; overflow: hidden; padding-bottom: 20px; min-height: 570px;}
.fullVDO #comment-list h2 { width: 97%;}
.fullVDO #comment-list .toggle-navigation{ top: -110px; width: 99%;}
.fullVDO #comment-list .section { width: 100%;}
.fullVDO #comment-list .toggle-detail li { width: 100%;}
.fullVDO #comment-list .inst { width: 98%; padding: 0 1% 4% 1%;}
.fullVDO #comment-list .article { width: 85%; padding: 0 1% 1.5% 1%;}
.fullVDO #comment-list .toggle-detail ol li ol li { padding: 1.5% 1%; width: 85%;}
.fullVDO #comment-list form.comment { width: 98%; padding: 1.5% 1% 1%;}
.fullVDO #comment-list form.comment-not-login .inputdata { width: 100%;}
.fullVDO #comment-list form.comment-not-login .inputdata textarea { width: 96%; padding: 1% 2%; margin: 1% 0;}
.fullVDO #comment-list form.comment-not-login .group { width: 77%;}
.fullVDO #comment-list .f-comment { width: 100%;}
.fullVDO #comment-list form.reply { width: 84%;}
.fullVDO #comment-list form.reply-not-login .inputdata { width: 100%;}
.fullVDO #comment-list form.reply-not-login .inputdata .group { width: 82%;}
.fullVDO .vdo-embed { margin: 0 20px 10px 0;}

.smallVDO #comment-list { width: 100%; margin: 0 0 40px; overflow: hidden; padding-bottom: 20px;}
.smallVDO #comment-list h2 { width: 98%; padding: 0.5% 1%;}
.smallVDO #comment-list .toggle-navigation{ top: -110px; width: 99%;}
.smallVDO #comment-list .section { width: 100%;}
.smallVDO #comment-list .toggle-detail li { width: 100%;}
.smallVDO #comment-list .inst { width: 98%; padding: 0 1% 4% 1%;}
.smallVDO #comment-list .article { width: 86%; padding: 0 1% 1.5% 1%;}
.smallVDO #comment-list .toggle-detail ol li ol li { padding: 1.5% 1%; width: 85%;}
.smallVDO #comment-list form.comment { width: 98%; padding: 1.5% 1% 1%;}
.smallVDO #comment-list form.comment-not-login .inputdata { width: 100%;}
.smallVDO #comment-list form.comment-not-login .inputdata textarea { width: 96%; padding: 1% 2%; margin: 1% 0;}
.smallVDO #comment-list form.comment-not-login .group { width: 82%;}
.smallVDO #comment-list .f-comment { width: 100%;}
.smallVDO #comment-list form.reply { width: 85%;}
.smallVDO #comment-list form.reply-not-login .inputdata { width: 100%;}
.smallVDO #comment-list form.reply-not-login .inputdata .group { width: 85%;}
.smallVDO .article-vdo .highlight-vdo h2 { width: 700px;}

.smallVDO #comment-list .toggle-detail, 
.fullVDO #comment-list .toggle-detail { overflow: hidden; width: 100%; left: 0;}

.recomment { width: 220px; position: absolute; right: 10px; top: 24px; overflow: hidden;}
.article-vdo section { position: relative;}
.recomment .highlight-list { width: 220px;}
.recomment .highlight-list li { width: 220px; margin: 0; clear: both; float: left; padding-bottom: 10px;}
.recomment .highlight-list .mediaInformation li { padding: 0;}
.fullVDO .recomment { top: 777px;}
.fullVDO .article-vdo .vdo-detail { clear: both; width: 940px;}
.smallVDO .article-vdo .vdo-detail { clear: both; width: 700px;}

.article-vdo .levelNavigaton { padding: 0 0 10px; color: #213c70; text-transform: uppercase; font-size: 11px;}
.article-vdo .levelNavigaton a { text-decoration: none; color: #213c70; }
.article-vdo .levelNavigaton a:hover {text-decoration: underline;}
.article-vdo .levelNavigaton span { color: #213c70;}
.section-vdo.article-vdo .highlight-vdo {  min-height: 600px;}
.section-vdo.article-vdo .highlight-vdo h2 { color: #000000; font-size: 30px; line-height: 32px; margin-bottom: 10px; font-weight: bold;}
.section-vdo.article-vdo .highlight-vdo p { color: #000000;}
.section-vdo.article-vdo .highlight-vdo p.published-date { color: #999999; padding: 5px 0 10px;}

#comment-list .toggle-detail .active { display: inline-block;}
#E-newspaper footer { padding: 10px 0 80px;}
#E-newspaper .movebtn { z-index: 1;}

.vdo-embed { float: left; width: auto; overflow: hidden; height: auto; margin-right: 20px;}
.article-vdo .vdo-embed { margin: 0 20px 10px 0;}
.wp-highlight .vdo-embed { position: relative;}
.wp-highlight .vdo-embed span { background: url("../img/nav/ico-theme.png") 0 -746px no-repeat; width: 67px; height: 22px; position: absolute; left: 0; top: 0; text-indent: -9999px;}

.dropbox-share {position: relative; z-index: 3; float: left;}
.dropbox-share span{display: block;background: #fff url(../img/nav/ico-theme.png) -120px -787px no-repeat; padding:2px 5px 2px 20px;position:relative;z-index:3; border: 1px solid #d1d1d1; height: 13px; line-height: 14px;font-size: 11px;font-weight: bold; cursor: pointer;}
body .dropbox-share .detail {display: none; width: 340px; border:1px solid #d1d1d1; position: absolute; top: 15px; left: 0; background:#fff; margin: 0;}
.dropbox-share textarea {font-family: Arial;padding: 5px; font-size: 12px; color:#333; width: 255px; margin: 10px; border: 1px solid #e8e8e8;}
.dropbox-share .detail a {font-size: 10px; color:#fff; padding: 5px 0;background: #000; position: absolute; right:10px; top: 10px; width: 42px;text-align: center; font-weight: normal; }
.dropbox-share.active span {border-bottom: none; padding-bottom: 0;}
.dropbox-share.active .detail{display: block;}

.articleContent { width: 940px; padding: 0 10px; margin: 25px auto 0; overflow: hidden;}
.headerAd {margin: 15px auto 0; width: 940px; position: relative; z-index: 1;}
body .headerAd .leaderAd,
body .headerAd .leaderAdExpand { margin: 0 0 0 106px;}
.articleContent .levelNavigaton,
section.highlight-topic .levelNavigaton,
#hot-list .levelNavigaton{ color: #213c70; font-size: 11px; padding: 0 0 15px 0; text-transform: uppercase; margin: 0;}
.articleContent .levelNavigaton a,
section.highlight-topic .levelNavigaton a { color: #213c70; text-decoration: none;}
.articleContent .levelNavigaton a:hover,
section.highlight-topic .levelNavigaton a:hover { color: #213c70; text-decoration: underline;}
.articleContent .levelNavigaton span,
section.highlight-topic .levelNavigaton span { color: #213c70;}
.articleContent .levelNavigaton .separate {color:#999;}
.articleContent article { width: 620px; overflow: hidden; float: left;}
.articleContent article header { width: 620px; overflow: hidden;}
.articleContent article header h1 { font-size: 40px; padding-bottom: 10px; line-height: 42px;}
.articleContent article header p.kicker { border-top: 1px solid #e6e6e6; width: 430px; font-size: 18px; padding: 5px 0 0; margin-bottom: 10px;}
.articleContent article header ul { width: 430px; overflow: hidden; font-size: 11px; color: #666666; font-weight: bold; margin-bottom: 10px; clear: both; border-top: 1px solid #e6e6e6; padding: 10px 0 0; min-height: 55px;}
.articleContent article header ul li { line-height: 20px; text-transform: uppercase; overflow: hidden; margin: 0; font-family: Arial,Helvetica,sans-serif;}
.container .articleContent article header ul a { color: #213c70; text-decoration: none;}
.container .articleContent article header ul a:hover { text-decoration: underline;}
.articleContent article header ul a.view { background: url("../img/icons/icon-Hearder.png") 0 0 no-repeat; padding-left: 25px; margin: 0 5px; display: inline-block; text-transform: none; text-decoration: none;}
.articleContent article header ul a.view:hover { text-decoration: underline;}
.articleContent article header ul a.comment { background: url("../img/icons/icon-Hearder.png") 0 -32px no-repeat; padding-left: 25px; margin: 0 5px; display: inline-block; text-transform: none; text-decoration: none;}
.articleContent article header ul a.comment:hover { text-decoration: underline;}
.articleContent article figure { margin-bottom: 20px;}
.articleContent article p { font-size: 16px; margin-bottom: 20px; color: #101010; line-height: 20px;}
.articleContent article .italic { font-style: italic;}
.articleContent article p a { color: #213c70; text-decoration: underline;}
.articleContent article p a:hover,
#hot-list nav a:hover { text-decoration: none;}
.articleContent article ul li,
.articleContent article ol li { margin: 0 0 20px 30px;}
.articleContent article ol li { list-style: decimal outside; line-height: 18px;}
.articleContent article ul li { list-style: disc outside; line-height: 18px;}
.articleContent article ul li a,
.articleContent article ol li a { color: #213c70; text-decoration: underline;}
.articleContent article ul li a:hover,
.articleContent article ol li a:hover { text-decoration: none;}
.articleContent article h2 { font-size: 18px; margin-bottom: 20px; line-height: 20px;}
.articleContent article h3,
.articleContent article h4 { font-size: 15px; margin-bottom: 20px; line-height: 17px;} { font-size: 15px; margin-bottom: 20px; line-height: 17px;}
.articleContent article p.underline { text-decoration: underline;}
.articleContent article figure figcaption { color: #666666; font-size: 12px; margin: 5px 0 0;}

.articleContent .figureLeft { width: 300px; float: left; margin: 0 20px 0 0;}
.articleContent .figureRight { width: 300px; float: right; margin: 0 20px 0 0;}

.article-tab { width: 140px; float: right; overflow: hidden; margin-left: 20px;}
.article-tab .text-size,
.articleContents .text-size { width: 116px; margin: 0 0 5px 10px; padding: 5px 12px;}
.article-tab .text-size a:nth-child(1),
.articleContents .text-size a:nth-child(1) { margin-left: 28px;}
.article-tab .relate-story,
.articleContents .relate-story { width: 120px; padding: 10px; clear: both; overflow: hidden; background: #ededed; margin: 0 0 5px 10px; float: right;}
.article-tab .relate-story h4,
.articleContents .relate-story h4 { font-size: 11px; text-align: center; text-transform: uppercase; width: 120px; margin-bottom: 10px;}
.article-tab .relate-story ul li,
.articleContents .relate-story ul li { font-size: 13px; border-top: 1px solid #dcdcdc; margin: 0 0 8px 0; padding: 8px 0 0; list-style: none; line-height: 15px;}
.article-tab .relate-story ul li a,
.articleContents .relate-story ul li a { color: #213c70; text-decoration: none;}
.article-tab .relate-story ul li a:hover,
.articleContents .relate-story ul li a:hover { text-decoration: underline;}
.article-tab .relate-story p,
.articleContents .relate-story p { margin: 0;}
.article-tab .relate-story p a,
.articleContents .relate-story p a { text-decoration: none; font-size: 13px; line-height: 15px;}
.article-tab .relate-story p a:hover,
.articleContents .relate-story p a:hover { text-decoration: underline;}

.articleContent .like-share { width: 600px; background: #f2f1f1;}
.articleContent .like-share .like-dislike { width: 290px;}

.articleContent .like-share h3 { font-size: 14px; font-family: Arial,Helvetica,sans-serif; padding: 0 0 10px; margin: 0;}
.articleContent #socialLink { overflow: hidden; clear: both;}
.articleContent #socialLink li a { font-size: 12px; font-family: Arial,Helvetica,sans-serif;}
.articleContent #socialLink li#addthis { padding: 0; margin: 0;}

.articleContent aside { width: 300px; overflow: hidden; float: right; padding: 0 0 10px; margin: -13px 0 0;}


.MostViewed { background: none; border: none; border-radius: 0; box-shadow: none; padding: 0; width: 300px; height: auto; overflow: hidden; margin: 0 0 10px;}
.MostViewed h2 { text-transform: uppercase; font-size: 15px; color: #333333; padding: 0 0 5px; border-bottom: 1px solid #e6e6e6; margin-bottom: 5px;}
.MostViewed .mostViewList { width: 300px; clear: both; float: left;}
.MostViewed .mostViewList li { width: 300px; border: none; padding: 5px 0; font-weight: bold; overflow: hidden;}
.MostViewed .mostViewList li .detail { width: 195px; margin-top: 3px; float: left;}
.MostViewed .mostViewList li .thumbnail { background: url(../img/bg/bg-mostviewList.gif) 0 0 no-repeat; width: 90px; height: 26px;  color: #ffffff; padding: 12px 10px 0 0 ; font-size: 15px; margin-right: 5px; float: left; letter-spacing: 0.07em; line-height: 17px; text-align: right;}
.MostViewed .mostViewList li .detail h3 { font-size: 13px; margin: 0; line-height: 15px;}
.MostViewed .mostViewList li .detail h3 a { color: #213c70;}
.articleContent .jobSearch-panel { background: none; border: none; border-radius: 0; box-shadow: none; padding: 10px 0 0; margin: 0 0 10px; width: 300px;  border-bottom: 1px solid #e6e6e6; height: auto;}
.articleContent .jobSearch-panel h2 { padding: 0 0 5px; margin: 0 0 10px; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; font-size: 15px;}
.articleContent .jobSearch-panel h2 a { color: #213c70;}
.articleContent .jobSearch-panel .custom { border: none; box-shadow: none;}
.articleContent .jobSearch-panel div h3 a { color: #213c70;}
.articleContent #comment-list { width: 940px; padding-top: 15px; }
.articleContent #comment-list h2 { width: 920px;}
.articleContent #comment-list .toggle-navigation { width: 933px;}
.articleContent #comment-list .toggle-detail > li { width: 940px;}
.articleContent #comment-list .toggle-detail > li > ol > li { width: 940px;}
.articleContent #comment-list .section { width: 940px;}
.articleContent #comment-list form.comment { width: 920px;}
.articleContent #comment-list form.comment-not-login .inputdata { width: 920px;}
.articleContent #comment-list form.comment-not-login .inputdata textarea { width: 900px;}
.articleContent #comment-list form.comment-not-login .group { width: 765px;}

/*login*/
.container .Normal-members { width: 940px; margin: 0 auto; padding: 10px 10px 15px; clear: both;}
.Normal-members .Normal-members-detail { width: 925px;}

/*benefit*/
.container .New-service { margin: 0 auto; width: 940px; padding: 20px 10px; clear: both; overflow: hidden;}
.New-service .Special-promotion { width: 940px;}
.New-service .Member-benefits { width: 940px;}
.New-service .BKP-plus { width: 940px;}


/* news section */
.update,span.latest,span.advertorial,span.adver { text-indent: -9999px; background: url(../img/icons/icon-allicon.png) no-repeat 0 -44px; width: 41px; display: inline-block;margin: 0 5px 0 0;}
span.latest {background-position: 0 -68px; width: 79px; position: relative; top: -2px;}
span.advertorial{background-position: 0 -96px; display: block; width: 71px; height: 11px; margin: 0 0 5px;}
span.adver {background-position: 0 -162px; width: 19px; }
.twoCol { width: 940px; margin: 0 auto; padding: 25px 10px 10px; overflow: hidden;}
.twoCol section { width: 620px; float: left; overflow: hidden; }

.Most-Recent { width: 380px; overflow: hidden; float: left; margin-bottom: 25px;}
.Most-Recent ul { width: 380px; padding: 0; overflow: hidden;}
.Most-Recent ul li { width: 380px; margin: 0; overflow: hidden; font-size: 13px; padding: 9px 0; border-bottom: 1px solid #dcdcdc;}
.Most-Recent ul li span { float: left; font-size: 11px; color: #333333; font-family: Arial,Helvetica,sans-serif; font-weight: bold; margin: 3px 5px 0 0;}
.Most-Recent ul li p { float: left; width: 305px; line-height: 16px;}
.Most-Recent ul li p a { color: #213c70; font-size: 13px; line-height: 15px;}
.Most-Recent ul li p a:hover { text-decoration: underline;}
.Most-Recent ul li p span.update { margin: 0 5px 0 0; background-position: 0 -46px;}
.Most-Recent ul li:first-child { padding: 7px 0;}
.Most-Recent ul li:first-child p a { clear: both; float: left; margin-left: -62px; font-size: 18px; line-height: 20px;}
.Most-Recent ul li:first-child span { color: #4190cd; font-size: 13px; margin: 0 5px 0 0;}
.Most-Recent ul li p.default { clear: both;}
.Most-Recent ul li p.default a { margin: 0;}

.TopStory { width: 220px; overflow: hidden; float: right; margin-bottom: 25px;}
.TopStory h2 { border: none;}
.TopStory .img-highlight img { float: left;}
.TopStory .detail { width: 200px; background: #213c70; overflow: hidden; padding: 10px; float: left;}
.TopStory .detail h3 { font-size: 18px; margin-bottom: 3px; line-height: 20px;}
.TopStory .detail h3 a { color: #ffffff;}
.TopStory .detail h3 a:hover { text-decoration: underline;}
.TopStory .detail .subCategory { color: #999999; font-size: 10px; margin-bottom: 5px; text-transform: uppercase;}
.TopStory .detail p { font-size: 12px; color: #ffffff; margin-bottom: 10px;}

.view-inside { width: 200px; clear: both; float: left; overflow: hidden;}
.view-inside li { display: inline-block; width: 18px; height: 18px; overflow: hidden; text-indent: -9999px; background: url(../img/icons/icon-allicon.png) no-repeat 0 0; padding: 0; float: left; margin-right: 5px;}
.view-inside .vdo { background-position: 0 -121px; padding: 0;}
.view-inside .photo { background-position: -21px -121px; padding: 0;}
.view-inside .comment { background-position: -42px -121px; padding: 0;}
.view-inside .view-comment { background: none; text-indent: 0; width: auto; height: auto; padding: 0; margin-top: 3px;}
.view-inside .view-comment a { font-size: 10px; color: #999999; float: left;}
#hot-list .view-inside .view-comment a { font-size: 10px; color: #999999; float: left;}

/* Hot Topics*/
.HotTopics { width: 620px; clear: both; overflow: hidden; padding: 0; margin-bottom: 25px;}
.HotTopics .header h2 { font-size: 15px; text-transform: uppercase; padding: 0; border: none; width: 200px; float: left;}
.HotTopics .header { overflow: hidden; margin-bottom: 10px;}
.HotTopics .header ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: right; margin: 4px 0 0; overflow: hidden; padding: 0; width: 37px;}
.HotTopics .header ul li { float: left; list-style: none outside none; margin: 0 5px 0 0;}
.HotTopics .pager li a.pagenum { background: url("../img/button/bt-all_pagenum.png") no-repeat 0 0; float: left; height: 9px; width: 9px;}
.HotTopics .pager li.last { margin-right: 0;}
.HotTopics .pager li a.pagenum span { visibility: hidden;}
.HotTopics .pager li a.active { background: url("../img/button/bt-all_pagenum.png") no-repeat -16px 0; height: 9px; width: 9px;}
.HotTopics .viewport { clear: both; float: left; overflow: hidden; position: relative; width: 620px; height: 155px;}
.HotTopics .viewport .overview { overflow: hidden; position: absolute;}
.HotTopics .overview h3 { font-size: 13px; background: #e0edfc; width: 120px; padding: 10px; float: left; height: 40px; line-height: 15px;}
.HotTopics .overview h3 a { color: #294782;}
.HotTopics .overview h3 a:hover { text-decoration: underline;}
.HotTopics .overview ul {  float: left; height: 155px; margin: 0; overflow: hidden; width: 620px;}
.HotTopics .overview ul li { margin-right: 20px; width: 140px; overflow: hidden; float: left;}
.HotTopics .overview ul li:last-child { margin-right: 0;}
.HotTopics .overview .img-highlight { float: left; width: 140px; height: 95px;}

/*Special Report*/
.SpecialReport { width: 580px; overflow: hidden; clear: both; border: 5px solid #e0edfc; padding: 15px; overflow: visible; position: relative; margin-bottom: 25px;}
.SpecialReport:after { clear: both; content: ""; display: block;}
.SpecialReport h2 { text-transform: uppercase; font-size: 18px; border: none; position: absolute; top: -9px; left: 213px; background: #ffffff; padding: 0 10px;}
.SpecialReport h2 a { background-position: right 7px; font-size: 18px;}
.SpecialReport article { width: 280px;}
.SpecialReport article h3 { font-size: 13px; line-height: 15px; margin-bottom: 5px;}
.SpecialReport article h3 a { color: #213c70;}
.SpecialReport article h3 a:hover { text-decoration: underline;}
.SpecialReport article p { font-size: 12px; margin-bottom: 5px; line-height: 16px;}
.SpecialReport article .detail { float: left; width: 150px;}
.SpecialReport article .detail .subCategory { font-size: 10px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.SpecialReport article .thumbnail { float: left; width: 101px; height: 67px; overflow: hidden; float: left; margin-right: 10px;}
.SpecialReport article:nth-child(2) { width: 580px; border-bottom: 1px solid #e0edfc; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #e0edfc;}
.SpecialReport article:nth-child(2):after { clear: both; content: ""; display: block;}
.SpecialReport article:nth-child(2) .thumbnail { float: left; width: 263px; height: 175px; overflow: hidden; float: left; margin-right: 20px;}
.SpecialReport article:nth-child(2) .detail { float: left; width: 270px; overflow: hidden;}
.SpecialReport article:nth-child(2) h3 a { font-size: 15px; line-height: 17px;}
.SpecialReport article:nth-child(3) { float: left; margin-right: 20px; border: none;}
.SpecialReport article:nth-child(4){ float: left; clear: none;}

span.icon-vdo { background: url(../img/icons/icon-allicon.png) no-repeat 0 -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; margin-right: 3px;}
span.icon-photo { background: url(../img/icons/icon-allicon.png) no-repeat -21px -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; margin-right: 3px;}

/*Photo News*/
.PhotoNews { width: 620px; overflow: hidden;}


.PhotoNews { width: 620px; clear: both; overflow: hidden; padding: 0; margin-bottom: 25px;}
.PhotoNews .header { background: #000000; overflow: hidden; padding: 10px 0;}
.PhotoNews .header h2 { font-size: 15px; text-transform: uppercase; padding: 0; border: none; width: 150px;; float: left; margin-left: 250px;}
.PhotoNews .header h2 a { color: #ffffff; font-weight: normal; background-position: right 3px;}
.PhotoNews .header h2 a span { font-size: 15px;}
.PhotoNews .header ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: right; margin: 4px 0 0; overflow: hidden; padding: 0; width: 75px;}
.PhotoNews .header ul li { float: left; list-style: none outside none; margin: 0 5px 0 0;}
.PhotoNews .pager li a.pagenum { background: url("../img/button/bt-all_pagenum.png") no-repeat -32px 0; float: left; height: 9px; width: 9px;}
.PhotoNews .pager li.last { margin-right: 0;}
.PhotoNews .pager li a.pagenum span { visibility: hidden;}
.PhotoNews .pager li a.active { background: url("../img/button/bt-all_pagenum.png") no-repeat -48px 0; height: 9px; width: 9px;}

.PhotoNews .overview a { float: left; width: 620px; height: 413px;}
.PhotoNews .overview p { background: #000000; color: #ffffff; padding: 15px 20px; font-size: 12px; clear: both; overflow: hidden; height: 55px; display: block;}
.PhotoNews .viewport { clear: both; float: left; overflow: hidden; position: relative; width: 620px; height: 498px;}
.PhotoNews .viewport .overview { overflow: hidden; position: absolute;}
.PhotoNews .overview h3 { font-size: 14px; background: #e0edfc; width: 120px; padding: 10px; float: left;}
.PhotoNews .overview h3 a { color: #294782;}
.PhotoNews .overview h3 a:hover { text-decoration: underline;}
.PhotoNews .overview li { float: left; height: 498px; margin: 0; overflow: hidden; width: 620px;}
.PhotoNews .next, 
.PhotoNews .prev { height: 63px; position: absolute; top: 161px; width: 63px; z-index: 1; background: url("../img/button/btn-next_prev.png") 0 0 no-repeat; display: none;}
.PhotoNews .next span, 
.PhotoNews .prev span { display: block; text-indent: -9999px;}
.PhotoNews .prev { background-position: 0 0; left: 0;}
.PhotoNews .prev:hover { background-position: 0 -73px;}
.PhotoNews .next { background-position: -73px 0; right: 0;}
.PhotoNews .next:hover { background-position: -73px -73px;}
.PhotoNews .disable { display: none;}
.twoCol .PhotoNews .viewport:hover .disable { display: none;}
.PhotoNews .viewport:hover .next,
.PhotoNews .viewport:hover .prev { display: block;}

/*Video News*/
aside .VideoNews { width: 300px;}
.VideoNews { width: 620px; overflow: hidden; clear: both; margin-bottom: 15px;}
.VideoNews h2 { border: none;}
/*.VideoNews .highlight-list { width: 300px; overflow: hidden; float: right; padding: 0;}
.VideoNews .highlight-list li { width: 140px; float: left; padding-bottom: 13px;}
.VideoNews .highlight-list li:nth-child(2) { margin-right: 0;}
.VideoNews .highlight-list li:nth-child(3) { padding: 0;}
.VideoNews .highlight-list li:nth-child(4) { margin-right: 0; padding: 0;}
.VideoNews .highlight-list li p span { background: url("../img/bg/bg-playVdo_news.png") no-repeat 0 0 ; width: 135px; padding: 10px 5px 10px 0;}
.VideoNews .highlight-list li > p { height: 93px; width: 140px; margin-bottom: 0;}
.VideoNews .highlight-list li h3 { background: #e6e6e6; font-size: 12px; width: 120px; padding: 10px; overflow: hidden;}*/
.VideoNews .highlight-list { width: 300px; overflow: hidden; padding: 0; display: table-cell;}
aside .VideoNews .highlight-list { clear: both; float: left;}
.VideoNews .highlight-list li { width: 300px; overflow: hidden; clear: both; float: left; padding: 0; margin: 0;}
.VideoNews .highlight-list li ul { width: 300px; overflow: hidden; padding: 0; display: table;}
.VideoNews .highlight-list li ul li { display: table-cell; background: #e6e6e6; width: 140px; margin: 0 10px 0 0; border-bottom: 10px solid #ffffff; clear: none; float: none; border-right: 20px solid #ffffff;}
.VideoNews .highlight-list li ul li:nth-child(2), .VideoNews .highlight-list li ul li:nth-child(4) { margin-right: 0;}
.VideoNews .highlight-list li ul li p { width: 140px; margin: 0; height: 93px;}
.VideoNews .highlight-list li ul li p span { background: url("../img/bg/bg-playVdo_news.png") no-repeat 0 0 ; width: 135px; padding: 10px 5px 10px 0;}
.VideoNews .highlight-list li ul li h3 { width: 120px; padding: 5px 10px; font-size: 11px; line-height: 13px;}

.highling-vdo { width: 300px; overflow: hidden; display: table-cell; background: #e6e6e6; display: table-cell; margin-right: 20px; vertical-align: top; border-bottom: 10px solid #ffffff; border-right: 20px solid #ffffff;}
.highling-vdo > p { position: relative; width: 300px; height: 169px;}
.highling-vdo p span { bottom: 0; color: #ffffff; font-size: 11px; left: 0; position: absolute; text-align: right; background: url("../img/bg/bg-playVdo_news.png") no-repeat 0 0; padding: 10px 5px 10px 0; width: 295px;}
.highling-vdo .detail { background: #e6e6e6; width: 280px; padding: 10px;}
.highling-vdo .detail h3 { line-height: 15px; font-size: 13px; margin-bottom: 5px;}
.highling-vdo .detail h3 a { color: #213c70;}
.highling-vdo .detail h3 a:hover { text-decoration: underline;}
.highling-vdo .detail .subCategory { color: #999999; font-size: 11px; margin-bottom: 5px;}
.highling-vdo .detail p { font-size: 12px; color: #666666;}


/* box-subChannel */
.box-subChannel { width: 620px; overflow: hidden; clear: both;}
.box-subChannel li { width: 300px; margin: 0 20px 20px 0; overflow: hidden; float: left;}
.box-subChannel li h2 { text-transform: uppercase; font-size: 15px; margin-bottom: 7px;}
.box-subChannel > li:nth-child(2),
.box-subChannel > li:nth-child(4),
.box-subChannel > li:nth-child(6),
.box-subChannel > li:nth-child(8),.box-subChannel > li:nth-of-type(2n)  { margin: 0 0 20px 0;}
.box-subChannel .view-inside li { width: 18px; height: 18px; margin: 0 5px 0 0; border: none;}
.box-subChannel .view-inside .view-comment { width: auto; height: auto;}
.box-subChannel ul li { margin: 0; padding: 7px 0; width: 300px; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.box-subChannel ul li:last-child { border: none; margin: 3px 0 0;}
.box-subChannel ul li h3 { font-size: 13px; line-height: 15px;}
.box-subChannel ul li h3 a { color: #213c70;}
.box-subChannel ul li h3 a:hover { text-decoration: underline; }
.box-subChannel ul li:first-child h3 { margin-bottom: 7px; font-size: 15px; line-height: 17px;}
.box-subChannel ul li .thumbnail { float: left; margin-right: 10px;}
.box-subChannel ul li .detail { float: left; width: 189px; overflow: hidden;}
.box-subChannel .detail p { font-size: 12px; margin-bottom: 5px;}
.box-subChannel .view-inside { width: 189px;}
.box-subChannel .icon-photo, .box-subChannel .icon-vdo { float: left;}

/* aside */
.twoCol aside { float: right; width: 300px; overflow: hidden;}
.OnlinePoll { width: 300px; overflow: hidden; margin: 0 0 25px;}
.OnlinePoll h2 { font-size: 14px; text-transform: uppercase; margin-bottom: 5px;}
.OnlinePoll p { margin-bottom: 5px; line-height: 16px;}
.OnlinePoll p a { color: #213c70; font-size: 13px; line-height: 15px;}
.OnlinePoll p a:hover { text-decoration: underline;}
.OnlinePoll ul { width: 300px; overflow: hidden;}
.OnlinePoll ul li { padding: 5px; width: 290px; overflow: hidden; margin: 0 0 5px; font-size: 15px; color: #ffffff; line-height: 17px;}
.OnlinePoll ul li label input { float: left; margin: 2px 5px 0 0;}
.OnlinePoll ul li:nth-child(1) { background: #2eba6d;}
.OnlinePoll ul li:nth-child(2) { background: #d82d30;}
.OnlinePoll ul li:nth-child(3) { background: #5c5c5c;}
.OnlinePoll ul li:last-child { padding: 0;}
.OnlinePoll ul .seeChoices { padding: 0;}
.OnlinePoll ul .seeChoices a { color: #999999; font-size: 12px; font-weight: bold;}
.OnlinePoll ul .seeChoices a:hover { text-decoration: underline;}
.OnlinePoll .submit { background: url("../img/button/btn-poll_all.png") 0 0 no-repeat; width: 86px; height: 26px; padding: 0; border: none; margin: 0 5px 0 0; cursor: pointer;}
.OnlinePoll .submit:hover { background: url("../img/button/btn-poll_all.png") 0 -30px no-repeat;}
.OnlinePoll .seeAll { background: url("../img/button/btn-poll_all.png") -91px 0 no-repeat; width: 160px; height: 26px; padding: 0; border: none; margin: 0 5px 0 0; cursor: pointer;}
.OnlinePoll .seeAll:hover { background: url("../img/button/btn-poll_all.png") -91px -30px no-repeat;}

.Also { width: 300px; overflow: hidden; margin: 0 0 15px;}
.Also h2 { text-transform: uppercase; font-size: 15px;}
.Also ul { width: 300px; overflow: hidden;}
.Also ul li { padding: 10px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
.Also h3 {  font-size: 13px; margin-bottom: 5px; line-height: 15px;}
.Also h3 a { color: #213c70;}
.Also h3 a:hover { text-decoration: underline;}
.Also p { font-size: 12px; color: #333333; margin-bottom: 5px;}
.Also .view-inside li { border: none;}
.Also li .thumbnail { float: left; margin-right: 10px;}
.Also li .detail { width: 180px; float: left; overflow: hidden;}
.Also .first-also { width: 300px; overflow: hidden;}
.Also .first-also .thumbnail { float: left; margin: 0 10px 0 0; width: 60px; overflow: hidden;}
.Also .first-also .detail { width: 230px; float: left; overflow: hidden;}
.Also li:last-child { border-bottom: none;}

p.subChannel { font-size: 11px; text-transform: uppercase; color: #333333;}
p.name { text-transform: uppercase; font-size: 10px; font-weight: bold; color: #666666; margin: 0;}
p.day-time { font-size: 11px; color: #999999; display:}

/* subcategory */
.lastUpdate { width: 620px; overflow: hidden; margin-bottom: 25px;}
.lastUpdate h2 { text-transform: uppercase; font-size: 15px; padding-bottom: 5px; margin-bottom: 12px;}
.lastUpdate article { width: 300px; overflow: hidden;}
.lastUpdate article:nth-child(2) { float: left;}
.lastUpdate article:nth-child(3) { float: right;}
.lastUpdate h3 { font-size: 18px; line-height: 20px; margin-bottom: 5px;}
.lastUpdate h3 a { color: #213c70;}
.lastUpdate h3 a:hover { text-decoration: underline;}
.lastUpdate p { font-size: 12px; color: #333333; margin-bottom: 5px;}
.lastUpdate p.day-time { font-size: 11px; margin: 0; color: #999999;}

.allStory { width: 620px; overflow: hidden; margin-bottom: 25px;}
.allStory h2 { font-size: 15px; text-transform: uppercase;}
.allStory ul li { padding: 10px 0; overflow: hidden; width: 620px; border-bottom: 1px solid #e6e6e6;}
.allStory ul li .thumbnail { width: 140px; overflow: hidden; height: 93px; float: left; margin: 0 10px 0 0;}
.allStory ul li .detail { width: 460px; padding: 0 10px 0 0; float: left;}
.allStory ul li .detail h3 { font-size: 14px; line-height: 16px; margin: 0 0 5px;}
.allStory ul li .detail h3 a { color: #213c70;}
.allStory ul li .detail h3 a:hover { text-decoration: underline;}
.allStory ul li .detail p { font-size: 12px; color: #333333; margin-bottom: 5px;}
.allStory ul li:last-child { border-bottom: none;}
.allStory ul li .detail p.day-time { font-size: 11px; margin: 0; color: #999999;}

.allStory nav { width: 620px; overflow: hidden; text-align: center; padding: 5px 0; margin: 15px 0;}
.allStory nav span, 
.allStory nav a { padding: 3px 5px; background: #ffffff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: bold; color: #999999}
.allStory nav span { color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.allStory nav a:hover,
#hot-topic nav a:hover { color: #ffffff; background: #213c70; border: 1px solid #213c70;}

aside .boomboxSize1,aside .coverage { margin: 0 0 25px;}

/*hot-topic*/
#hot-topic header {background: #e0edfc; padding: 15px 0; text-align: center; font-size: 11px; font-weight: bold; margin: 0 0 20px;} 
#hot-topic header a:hover,#hot-topic nav a:hover {text-decoration: none;}
body #hot-topic .headline{font-size: 18px; line-height: 20px; color:#101010; font-weight: normal; display: inline; border: none;}
#hot-topic p.state {text-transform: uppercase; color:#999; padding: 5px 0 0;}
#hot-topic .levelNavigaton{padding: 25px 0 0;}
#hot-topic figure {float: left;}
#hot-topic .content {overflow: hidden;}
#hot-topic div.state {padding: 5px 0 0;}
#hot-topic div.state p {color: #999; font-size: 11px; line-height: 8px;}
#hot-topic ul li {overflow: hidden; border-bottom: 1px solid #e6e6e6; padding: 8px 0;}
#hot-topic ul li,#hot-topic #oneCol .highlight .content{font-size: 12px;color:#333;}
#hot-topic #oneCol .highlight .content .update{background-position: 0 -47px;}
#hot-topic li:first-child{padding: 0 0 8px;}
#hot-topic h3 a{font-size: 13px; line-height: 15px;}
#hot-topic a,
#hot-list a{color:#213c70;}
#hot-topic p {padding: 5px 0 0;}
section.highlight-topic{width: 100%; background: #f5f5f5; padding: 0 0 60px;}
section.highlight-topic .levelNavigaton,section.highlight-topic .content {width: 940px; margin: 0 auto; padding: 25px 0 0;}
section.highlight-topic ul {width: 460px; float: right; }
section.highlight-topic .headerAd {float: none; width: 940px; margin: 0 auto; padding: 15px 0 0;}
#hot-topic section.highlight-topic .headerAd li {border: none; padding: 0;}
#hot-topic section.highlight-topic li:first-child h3 a {font-size: 15px; line-height: 17px;}
#hot-topic #oneCol h2.section{display: block; font-size: 16px; text-transform: uppercase; background: url(../img/icons/icon-arrowVdo.png) no-repeat 110px center; line-height: 28px; margin: 0 0 25px;}
#hot-topic #oneCol .highlight{width: 540px; float: left; overflow: hidden;}
#hot-topic #oneCol .highlight figure {float: left; width: 230px;} 
#hot-topic #oneCol .highlight .content {float: left; width: 290px;}
#hot-topic #oneCol .highlight .content h3 a{font-size: 15px; line-height: 17px;}
#hot-topic #oneCol .highlight ul {width: 380px; float: right; overflow: hidden;}
#hot-topic #oneCol .content {padding: 0 0 40px;}
#hot-topic nav {border-top: 1px solid #e6e6e6; padding: 15px 0 50px;}

/*hot-topic list*/
#hot-list {width: 940px; margin: 0 auto;}
#hot-list a:hover {text-decoration: underline;}
#hot-list .intro { font-size: 12px; color:#333; padding: 10px 0; border-bottom: 3px solid #e6e6e6; line-height: 14px;}
#hot-list .intro h2 { margin: 0 0 10px;}
#hot-list .intro h2 a{font-size: 30px; line-height: 32px;}
#hot-list .intro p {padding: 10px 0 0;}
body #hot-list .state {color: #999; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0;}
#hot-list .sort{padding: 20px 0; text-align: right; font-size: 12px; }
#hot-list .sort .header,#hot-list .filter h3 {font-size: 15px; font-weight: bold;}
#hot-list .sort .active {color:#1e79bc;}
#hot-list .list .highlight .content {float: right; width: 310px;}
#hot-list .filter {background: #f2f2f2; padding: 20px; font-size: 14px;}
#hot-list .filter li {display: inline-block; padding: 10px 15px 0 0; }
#hot-list .list > li{padding: 15px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; font-size: 12px; }
#hot-list .list h3 {padding: 0 0 3px;}
#hot-list .list h3 a {font-size: 15px; line-height: 17px;}
#hot-list .list .section a{font-size: 11px; font-weight: bold; text-transform: uppercase; color:#333; display: block; font-family: Arial;}
#hot-list .list .content {float: right; width: 470px;}
#hot-list .list .content .status{color:#999; font-size: 11px; padding: 8px 0 0;}
#hot-list .list .content span[class|=icon] {vertical-align: bottom;}
#hot-list .list .content .view-inside {padding: 5px 0 0;}
#hot-list nav{width: 620px;}


/*section Photo*/
.sectionPhoto { width: 940px; padding: 30px 10px; margin: 0 auto; overflow: hidden;}
.sectionPhoto .highlight { width: 620px; overflow: hidden; float: left; background: #000000; margin-bottom: 25px;}
.sectionPhoto .highlight h2 { text-align: center; border: none; padding: 10px 0;}
.sectionPhoto .highlight h2 span { font-size: 15px;}
.sectionPhoto .highlight h2 a { font-size: 15px; color: #ffffff; background-position: right 3px;}
.sectionPhoto .highlight .img-highlight { width: 620px; height: 413px; overflow: hidden;}
.sectionPhoto .highlight .img-highlight img { float: left;}
.sectionPhoto .highlight .detail { border-left: 1px solid #ffffff; color: #ffffff; float: right; height: 128px; margin-top: 10px; overflow: hidden; padding: 0 10px; position: relative; width: 515px;}
.sectionPhoto .highlight .detail h3 { font-size: 24px; width: 477px; line-height: 26px; margin: 0 0 5px;}
.sectionPhoto .highlight .detail h3 a { color: #ffffff;}
.sectionPhoto .highlight .detail h3 a:hover { text-decoration: underline;}
.sectionPhoto .highlight .detail p { font-size: 12px; margin-bottom: 10px; width: 477px;}
.sectionPhoto .highlight .detail p.published-date { font-size: 11px;}
.sectionPhoto .highlight .detail .photoBy { font-size: 10px; margin: 0;}
.sectionPhoto .twocol li:nth-child(2) { margin-right: 0;}
.sectionPhoto .twocol li h2 { font-size: 15px; text-transform: uppercase;}
.sectionPhoto .highlight-list .img-highlight img { float: left;}
.sectionPhoto .highlight-list .detail { background: #000000; width: 200px; padding: 5px 10px; overflow: hidden; position: relative; height: 55px;}
.sectionPhoto .highlight-list .detail h3 { line-height: 16px; margin-bottom: 5px; width: 170px;}
.sectionPhoto .highlight-list .detail h3 a { color: #ffffff;}
.sectionPhoto .levelNavigaton { padding: 0 0 15px 0;}
.sectionPhoto .levelNavigaton a { color: #213c70;}
.sectionPhoto .levelNavigaton a:hover { color: #213c70;}

.photoBy { font-size: 11px; color: #999999; margin: 0; width: auto; text-transform: uppercase; line-height: 12px;}
span.inAlbum { background: url(../img/bg/bg-inAlbum.png) 0 0 no-repeat; width: 27px; height: 21px; padding: 1px 0 0; overflow: hidden; position: absolute; right: 10px; top: 10px; text-align: center; vertical-align: middle; font-size: 15px; color: #999999;}
p.published-date { font-size: 11px; color: #999999; line-height: 12px; font-weight: normal;}
.day-inPhoto { clear: both; float: left; height: 128px; padding: 10px 0; text-align: center; width: 84px;}
.day-inPhoto span { display: block; color: #ffffff;}
.day-inPhoto span:nth-child(1) { font-weight: bold; font-size: 48px; line-height: 42px;}
.day-inPhoto span:nth-child(2),.day-inPhoto span:nth-child(3) { font-size: 12px; color: #cccccc; margin-bottom: 2px;}

/* editor's pick */
.editorPick { float: right; width: 300px; overflow: hidden;}
.editorPick h2 { margin-bottom: 20px; font-size: 15px;}
.editorPick ul { width: 300px; overflow: hidden; clear: both;}
.editorPick ul li { width: 300px; overflow: hidden;}
.editorPick ul li .img-highlight img { float: left;}
.editorPick ul li .detail { width: 280px; height: 65px; padding: 5px 10px; overflow: hidden; background: #000000; position: relative;}
.editorPick ul li .detail h3 { font-size: 13px; margin-bottom: 5px; width: 250px; line-height: 15px;}
.editorPick ul li .detail h3 a { color: #ffffff;}
.editorPick ul li .detail h3 a:hover { text-decoration: underline;}
.editorPick ul li:first-child { margin-bottom: 9px;}


/* a day in photo*/
.bg-datetime { width: 100%; background: #333333; padding: 10px 0 0;}
.bg-datetime .pick-datetime { width: 940px; padding: 0 10px; overflow: hidden; margin: 0 auto;}
.pick-month_year { width: 173px; overflow: hidden; margin: 0 auto 10px; text-align: center;}
.pick-month_year a span { text-indent: -9999px; width: 14px; height: 14px; overflow: hidden; background: url(../img/button/btn-arrow_datetime.png) 0 0 no-repeat; display: inline-block;}
.pick-month_year a:nth-child(1) { float: left; margin: 2px 5px 0 0;}
.pick-month_year span:nth-child(2) { color: #ffffff; font-size: 15px; font-weight: bold; padding: 0 9px;}
.pick-month_year a:nth-child(3) { float: right; margin-top: 2px;}
.pick-month_year a:nth-child(3) span { margin-left: 5px; background-position: -154px 0;}
.pick-day { width: 940px; padding: 0 10px; overflow: hidden; border-top: 1px solid #484848; padding: 5px 0 10px;}
.pick-day a { color: #666666; font-size: 14px; padding: 0 6px;}
.pick-day a.active { color: #cccccc; font-size: 24px; background: url(../img/bg/bg-activePickday.png) 11px bottom no-repeat; padding: 0 6px 11px;}
.pick-day a:hover { color: #ffffff;}

.aDay-inPhoto header { background: #dedede; width: 100%;}
.head-inPhoto { width: 940px; padding: 10px; margin: 0 auto;}
.head-inPhoto:after {content:''; clear: both; display: block;}
.head-inPhoto .day-inPhoto { width: 56px; height: auto; margin: 0 10px 0 0;}
.head-inPhoto .day-inPhoto span { color: #333333;}
.head-inPhoto .detail { float: left; width: 863px; padding: 0 0 0 10px; border-left: 1px solid #333333; margin: 10px 0;}
.head-inPhoto .detail h3 { line-height: 32px; margin-bottom: 5px; font-size: 30px; color: #333333;}
.head-inPhoto .detail h3 span { font-size: 13px; line-height: 15px; color: #999999; margin-left: 5px; font-family: Arial,Helvetica,sans-serif;}
.head-inPhoto .detail p { font-size: 12px; color: #333333; margin-bottom: 5px;}
.head-inPhoto .detail .photoBy { color: #999999; font-size: 10px; clear: both; float: left; margin: 0 5px 10px 0;}
.head-inPhoto .detail p.published-date { float: left; color: #999999; font-size: 11px;}
.head-inPhoto #main-sns { float: left; position: static; clear: both;}
.head-inPhoto .share li { padding: 2px 5px 2px 20px;}
.head-inPhoto #main-sns .google-icon { width: 60px;}
.head-inPhoto .facebook-icon { padding: 0 5px 0 0; float: left;}
.head-inPhoto .tweeter-icon { padding: 0 5px 0 0; float: left;}
.head-inPhoto .google-icon { padding: 0 5px 0 0; float: left;}

.all-photo { width: 940px; padding: 25px 10px 10px; overflow: hidden; margin: 0 auto;}
.all-photo li { width: 940px; overflow: hidden; margin-bottom: 20px; }
.all-photo li.minimize .figure {width: 940px; height: 570px;background:#000; text-align: center;}
.all-photo li.minimize .figure img {display: inline; padding: 75px 0 0;}
.all-photo .number { width: 53px; background: #000000;  text-align: center; font-size: 48px; font-weight: bold;}
.all-photo p { display: table-cell; background: #333333; padding: 15px; font-size: 12px; vertical-align: middle; color: #ffffff; width: 827px;}
.all-photo p .photoBy { display: block; padding: 5px 0 0; font-weight: bold;}

.Recommended { width: 940px; padding: 0 10px; overflow: hidden; margin: 0 auto;}
.Recommended .highlight-list .detail { background: #000000; height: 55px; overflow: hidden; padding: 5px 10px; position: relative; width: 200px;}
.Recommended .highlight-list .detail h3 { width: 170px;}
.Recommended .highlight-list .detail h3 a { color: #ffffff;}
.Recommended .highlight-list .detail h3 a:hover { text-decoration: underline;}
.Recommended .img-highlight img { float: left;}

.aDay-inPhoto #comment-list { width: 940px; margin: 0 auto; overflow: hidden; margin-bottom: 25px;}
.aDay-inPhoto #comment-list h2 { width: 920px;}
.aDay-inPhoto #comment-list .toggle-navigation { width: 933px;}
.aDay-inPhoto #comment-list .section { width: 940px;}
.aDay-inPhoto #comment-list ol li { width: 940px;}
.aDay-inPhoto #comment-list .more { width: 940px;}
.aDay-inPhoto #comment-list form.comment { width: 920px; padding: 15px 10px 20px;}
.aDay-inPhoto #comment-list form.comment-not-login .inputdata { width: 920px;}
.aDay-inPhoto #comment-list .toggle-detail li { width: 940px;}
.aDay-inPhoto #comment-list form.comment-not-login .inputdata textarea { width: 900px;}
.aDay-inPhoto #comment-list form.comment-not-login .group { width: 760px;}
.aDay-inPhoto #comment-list .toggle-detail li ol li ol li { width: 858px;}


.highlight-update { width: 940px; overflow: hidden; margin-bottom: 25px;}
.highlight-update h2 { font-size: 15px;}
.highlight-update .highlight-list li { width: 460px; display: table-cell; background: #000000; float: none; margin-right: 0; padding-bottom: 0;}
.highlight-update .highlight-list li:first-child { border-right: 20px solid #ffffff;}
.sectionPhoto .highlight-update .highlight-list li h3 { font-size: 24px; line-height: 26px; width: 400px;}
.sectionPhoto .highlight-update .highlight-list li p { color: #ffffff; font-size: 12px; margin-bottom: 10px;}
.sectionPhoto .highlight-update .highlight-list .detail { width: 440px; height: auto;}
.sectionPhoto .highlight-update .highlight-list li .photoBy { width: auto; float: left; margin-right: 5px; font-size: 10px; color: #999999;}
.sectionPhoto .highlight-update .highlight-list li p.published-date { font-size: 11px; color: #999999;}

.detail .get_republish { hidden; float: right; background: url(../img/button/btn-get_republish.png) 4px 5px no-repeat #999999; color: #ffffff; padding: 3px 10px 3px 20px; font-size: 10px;}

.a_gallery .head-inPhoto>.detail { width: 940px; padding: 0; border: none; }

.subChannel-photo .img-highlight img { float: left;}
.subChannel-photo .highlight-list { overflow: hidden;}
.subChannel-photo .highlight-list .detail { background: #000000; height: 55px; overflow: hidden; padding: 5px 10px; position: relative; width: 200px;}
.subChannel-photo .highlight-list .detail h3 { line-height: 14px; margin-bottom: 5px; width: 170px;}
.subChannel-photo .highlight-list .detail h3 a { color: #ffffff;}
.subChannel-photo .highlight-list .detail h3 a:hover { text-decoration: underline;}
.subChannel-photo { width: 940px; padding: 0 10px; overflow: hidden; margin: 25px auto;}
.subChannel-photo nav { width: 940px; overflow: hidden; text-align: right; padding: 5px 0; margin: 15px 0;}
.subChannel-photo nav span, .hot-topic nav span,.hot-topic nav a,
.subChannel-photo nav a { padding: 3px 5px; background: #ffffff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: bold; color: #999999}
.subChannel-photo nav span,.hot-topic nav span { color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.subChannel-photo nav a:hover,.hot-topic nav a:hover { color: #ffffff; background: #213c70; border: 1px solid #213c70;}

/* homepage */
.slide-hp { width: 620px; clear: both; overflow: hidden; padding: 0; margin-bottom: 25px; position: relative; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.slide-hp .slide-pager { overflow: hidden; position: absolute; bottom: 27px; left: 250px; z-index: 1;}
.slide-hp .slide-pager ul { background: none; border: medium none; margin: 4px 0 0; overflow: hidden; padding: 0; width: 75px;}
.slide-hp .slide-pager ul li { float: left; list-style: none outside none; margin: 0 5px 0 0;}
.slide-hp .pager li a.pagenum { background: url("../img/button/bt-all_pagenum.png") no-repeat 0 0; float: left; height: 9px; width: 9px;}
.slide-hp .pager li.last { margin-right: 0;}
.slide-hp .pager li a.pagenum span { visibility: hidden;}
.slide-hp .pager li a.active { background: url("../img/button/bt-all_pagenum.png") no-repeat -64px 0; height: 9px; width: 9px;}
.slide-hp .overview a { float: left; width: 620px; height: 413px;}
.slide-hp .overview p { padding: 6px 0; font-size: 14px; font-weight: bold; clear: both; overflow: hidden; display: block;}
.slide-hp .overview p .subChannel { color: #999999; font-size: 11px; text-transform: uppercase; display: inline-block; margin: 0 5px 0 0;}
.slide-hp .viewport { clear: both; float: left; overflow: hidden; position: relative; width: 620px; height: 498px;}
.slide-hp .viewport .overview { overflow: hidden; position: absolute;}
.slide-hp .overview h3 { font-size: 14px; background: #e0edfc; width: 120px; padding: 10px; float: left;}
.slide-hp .overview h3 a { color: #294782;}
.slide-hp .overview h3 a:hover { text-decoration: underline;}
.slide-hp .overview li { float: left; height: 498px; margin: 0; overflow: hidden; width: 620px; position: relative;}
.slide-hp .overview li h1 { width: 620px; position: absolute; top: 0; left: 0; background: #ffffff; padding: 5px 0 10px; font-size: 40px; line-height: 42px;}
.slide-hp .overview li h1 a { color: #213c70; font-weight: normal; background-position: right 3px; width: auto; height: auto; float: none;}
.slide-hp .next, 
.slide-hp .prev { height: 63px; position: absolute; top: 205px; width: 63px; z-index: 1; background: url("../img/button/btn-next_prev_hp.png") 0 0 no-repeat; display: none;}
.slide-hp .next span, 
.slide-hp .prev span { display: block; text-indent: -9999px;}
.slide-hp .prev { background-position: 0 0; left: 0;}
.slide-hp .prev:hover { background-position: 0 -73px;}
.slide-hp .next { background-position: -73px 0; right: 0;}
.slide-hp .next:hover { background-position: -73px -73px;}
.slide-hp .disable { display: none;}
.twoCol .slide-hp .viewport:hover .disable { display: none;}
.slide-hp .viewport:hover .next,
.slide-hp .viewport:hover .prev { display: block;}
.slide-hp .view-inside li { display: inline-block; float: left; height: 18px; margin-right: 5px; overflow: hidden; padding: 0; text-indent: -9999px; width: 18px;}
.slide-hp .view-inside .view-comment { height: auto; margin-top: 3px; padding: 0; text-indent: 0; width: auto;}
.slide-hp .view-comment a { width: auto; height: auto; float: none;color: #999999; float: left; font-size: 10px;}

.highlight-hp { width: 620px; overflow: hidden; clear: both; margin-bottom: 25px;}
.highlight-list_hp { width: 460px; overflow: hidden; float: left;}
.highlight-list_hp h1 { font-size: 15px; line-height: 17px; margin-bottom: 5px;}
.highlight-list_hp h1 a { color: #213c70;}
.highlight-list_hp h1 a:hover { text-decoration: underline;}
.highlight-list_hp p { font-size: 12px; line-height: 16px; margin-bottom: 5px;}
.highlight-list_hp li { width: 222px; float: left; overflow: hidden;}
.highlight-list_hp li:first-child { margin-right: 16px;}
.highlight-list_hp .view-inside li { width: 18px; margin-right: 5px;}
.highlight-list_hp .view-inside .view-comment { width: auto;}
.highlight-list_hp .view-comment a { width: auto; height: auto; float: none;color: #999999; float: left; font-size: 10px;}

.byPost { font-size: 10px; font-weight: bold; text-transform: uppercase;}

.hotTopics_hp { width: 126px; overflow: hidden; float: right; padding: 13px 6px; background: #e0edfc;}
.hotTopics_hp li { margin-bottom: 10px; text-align: center;}
.hotTopics_hp li h1 { color: #162f5f; font-size: 15px; line-height: 17px; text-transform: uppercase;}
.hotTopics_hp li h1 a { color: #162f5f;}
.hotTopics_hp li h1 a:hover { text-decoration: underline;}
.hotTopics_hp li h2 { font-size: 13px; line-height: 15px;}
.hotTopics_hp li h2 a { color: #213c70;}
.hotTopics_hp li h2 a:hover { text-decoration: underline;}

.generalNews-box { width: 620px; overflow: hidden; clear: both; border-top: 5px solid #1f7bbe;}
.generalNews-box h1 { text-transform: uppercase;  text-align: center; margin-bottom: 25px;}
.generalNews-box h1 span { padding: 0 20px; background: #1f7bbe; color: #ffffff;}

.Opinions-Box { width: 630px; overflow: hidden; clear: both;}
.Opinions-Box .SpecialReport { width: 263px; padding: 15px 14px 15px 13px; margin: 8px 20px 25px 0; float: left;}
.Opinions-Box .SpecialReport article { width: 263px; border: none; margin-bottom: 0; padding: 10px 0 0;}
.Opinions-Box .SpecialReport h2 { left: 56px;}
.Opinions-Box .SpecialReport article:nth-child(2) .detail { width: 263px;}
.Opinions-Box .SpecialReport article:nth-child(2) .thumbnail { margin: 0 0 5px 0;}
.Opinions-Box .SpecialReport article h3 { margin: 0 0 5px;}

.opinionsBox { width: 300px; overflow: hidden; float: left; margin: 0 0 25px 0;}
.opinionsBox h2 { margin-bottom: 10px;}
.opinionsBox li { width: 300px; overflow: hidden; margin-bottom: 10px;}
.opinionsBox li .thumbnail { float: left; margin: 0 10px 0 0; width: 60px; overflow: hidden;}
.opinionsBox li .detail { width: 230px; float: left; overflow: hidden;}
.opinionsBox li .detail h3 { font-size: 13px; margin-bottom: 5px; line-height: 15px;}
.opinionsBox li .detail h3 a { color: #213c70;}
.opinionsBox li .detail h3 a:hover { text-decoration: underline;}
.opinionsBox li .detail p { font-size: 12px;}
.opinionsBox li .detail p.day-time { font-size: 11px;}

.box-subChannel .a-dayInPhoto { background: #000000;}
.box-subChannel .a-dayInPhoto h2 { text-align: center; padding: 7px 0; margin: 0;}
.box-subChannel .a-dayInPhoto h2 a { color: #ffffff;}
.box-subChannel .a-dayInPhoto h2 a:hover { text-decoration: underline;}
.box-subChannel .a-dayInPhoto p { color: #ffffff; padding: 5px 15px; font-size: 12px;}
.box-subChannel .a-dayInPhoto .photoBy { margin-bottom: 10px; padding: 5px 15px 0;}

.box-subChannel .share-mail { width: 100px; overflow: hidden; padding: 0 0 0 15px; margin: 0 0 10px;}
.box-subChannel .share-mail li { width: 16px; height: 16px; overflow: hidden; float: left; margin-right: 5px; border: none; padding: 0;}
.box-subChannel .share-mail li:last-child { margin: 0;}
.box-subChannel .share-mail li a { text-indent: -9999px; background: url(../img/button/btn-share-mail.png) 0 0 no-repeat; width: 16px; height: 16px; display: inline-block;}
.box-subChannel .share-mail li:nth-child(2) a { background-position: -20px 0;}
.box-subChannel .share-mail li:nth-child(3) a { background-position: -40px 0;}

.businessNews-box { width: 620px; overflow: hidden; clear: both; border-top: 5px solid #2c5c55;}
.businessNews-box h1 { text-transform: uppercase;  text-align: center; margin-bottom: 25px;}
.businessNews-box h1 span { padding: 0 20px; background: #2c5c55; color: #ffffff;}

/*MostUpdate*/
#MostUpdate {border-top: 5px solid #213c70; width: 290px; background:#ededed; margin-bottom: 25px; padding: 0 0 10px 10px; overflow: hidden;}
#MostUpdate > h2{ font-size: 15px; color:#fff;  line-height: 25px; height: 30px; width: 165px; margin: 0 auto; padding: 0 0; text-align: center; background: #213c70;}
#MostUpdate > h2 a { color: #ffffff; background: url(../img/button/btn-next_prev_hp.png) no-repeat 129px -164px; padding: 0 20px 0 0;}
#MostUpdate > h2 a:hover { text-decoration: underline;}
#MostUpdate li { width: 280px; margin-bottom: 5px; }
#MostUpdate li h2{display: table-cell; vertical-align: middle;}
#MostUpdate li h2{line-height: 15px;}
#MostUpdate li h2 a {font-size: 13px; color:#213c70; display:block; line-height: 18px;}
#MostUpdate li h2 a:hover { text-decoration: underline;}
#MostUpdate li .time {color:#333333; font-size: 11px; width: 35px; vertical-align: middle;}
#MostUpdate li span {display:inline-block; width: 245px; vertical-align: top;}
#MostUpdate li:first-child { border-bottom: 1px solid #dcdcdc; padding: 10px 0;}
#MostUpdate li:first-child h2 a { font-size: 15px; line-height: 17px;}
#MostUpdate li:first-child .time { color: #333333; font-size: 14px; width: 45px;}
#MostUpdate li:first-child span { width: 235px;}
#MostUpdate li span.update { width: 41px;}
/*.MostUpdate .viewport {width: 300px; height: 191px; overflow: hidden; position: relative;}
.MostUpdate .overview {position: absolute; overflow: hidden;}
.MostUpdate .controller {width: 16px; bottom:5px; height: 36px; overflow: hidden; right: 5px; position: absolute; background: url(../img/button/btn-next_prev_hp.png) no-repeat -27px -200px;}
.MostUpdate .buttons{position: absolute; top:0;right: 0; background: url(../img/button/btn-next_prev_hp.png) no-repeat -27px -254px; width: 16px; height:16px; display: block;}
.MostUpdate .buttons span {display:block; text-indent: -9999px;}
.MostUpdate .buttons.disable {display: none;}
.MostUpdate .next { top: 20px; background-position: 0 -227px;}*/
.highlightChannel { width: 620px; overflow: hidden; margin-bottom: 25px;}
.highlightChannel .headline { margin-bottom: 15px;}
.highlightChannel .highlight { width: 300px; margin: 0 20px 0 0; overflow: hidden; float: left;}
.highlightChannel .highlight h3 { font-size: 15px; line-height: 17px; margin-bottom: 5px;}
.highlightChannel .highlight h3 a { color: #213c70;}
.highlightChannel .highlight h3 a:hover { text-decoration: underline;}
.highlightChannel .highlight p { font-size: 12px; margin-bottom: 5px;}
.highlightChannel .highlight-list { width: 300px; float: left; overflow: hidden; padding: 0;}
.highlightChannel .highlight-list li { width: 300px; margin: 0; padding: 0; float: none; padding: 10px 0; border-bottom: 1px solid #e6e6e6;}
.highlightChannel .highlight-list li:first-child { padding: 0 0 10px;}
.highlightChannel .highlight-list li:last-child { border: none; padding: 10px 0 0;}
.highlightChannel .highlight-list .thumbnail { float: left; margin: 0 10px 0 0;}
.highlightChannel .highlight-list .detail { float: left; width: 189px;}
.highlightChannel .highlight-list .detail p { font-size: 12px; margin-bottom: 5px;}
.highlightChannel .highlight-list .view-inside li { width: 18px; border: none; float: left; margin: 0 5px 0 0; padding: 0;}
.highlightChannel .highlight-list .view-inside .view-comment { width: auto; margin: 3px 0 0;}

.twoSmallCol { width: 620px; overflow: hidden;}
.twoSmallCol li { width: 300px; overflow: hidden; float: left;}
.twoSmallCol li:first-child { margin: 0 20px 0 0;}

.inFocus { width: 263px; overflow: hidden; clear: both; border: 5px solid #95adaa; padding: 15px 14px 15px 13px; overflow: visible; position: relative; margin: 8px 20px 25px 0;}
.inFocus:after { clear: both; content: ""; display: block;}
.inFocus h2 { text-transform: uppercase; font-size: 18px; border: none; position: absolute; top: -9px; left: 87px; background: #ffffff; padding: 0 10px;}
.inFocus h2 a { background-position: right 8px; font-size: 18px;}
.inFocus article { width: 263px;}
.inFocus article h3 { font-size: 15px; line-height: 17px; margin-bottom: 5px;}
.inFocus article h3 a { color: #2c5c55;}
.inFocus article h3 a:hover { text-decoration: underline;}
.inFocus article p { font-size: 12px; margin-bottom: 5px; line-height: 16px;}
.inFocus article .detail { float: left; width: 263px;}
.inFocus article .detail .subCategory { font-size: 10px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.inFocus article .thumbnail { float: left;overflow: hidden; float: left; margin-right: 10px;}
.inFocus .view-inside li { width: 18px; margin: 0 5px 0 0;}
.inFocus .view-inside .view-comment { width: auto; margin: 3px 0 0;}

.subChannelBox { width: 300px; overflow: hidden; margin: 0 0 15px;}
.subChannelBox h2 { text-transform: uppercase; font-size: 15px;}
.subChannelBox ul { width: 300px; overflow: hidden;}
.subChannelBox ul li { padding: 10px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
.subChannelBox h3 { margin-bottom: 5px; font-size: 13px; line-height: 15px;}
.subChannelBox h3 a { color: #213c70;}
.subChannelBox h3 a:hover { text-decoration: underline;}
.subChannelBox p { font-size: 12px; color: #333333; margin-bottom: 5px;}
.subChannelBox .view-inside li { border: none; width: 18px; margin: 0 5px 0 0;}
.subChannelBox .view-inside .view-comment { width: auto; margin: 3px 0 0;}
.subChannelBox li .thumbnail { float: left; margin-right: 10px;}
.subChannelBox li .detail { width: 180px; float: left; overflow: hidden;}
.subChannelBox li:last-child { border-bottom: none;}
.subChannelBox p.name { font-size: 10px; margin: 0; font-weight: bold; color: #666666; }

.fuelPrices { width: 300px; overflow: hidden; margin-bottom: 25px;}
.fuelPrices .headline { background: url(../img/logo/logo-secondary.jpg) 249px 0 no-repeat; padding: 5px 0; border: none;}
.fuelPrices table { width: 300px; overflow: hidden; color: #ffffff; text-transform: uppercase; font-size: 11px; font-weight: bold;}
.fuelPrices table th { width: 140px; background: #141f62; padding: 10px 0;}
.fuelPrices table th:first-child { padding-right: 20px;}
.fuelPrices table th:first-child .left { float: left; padding-left: 10px;}
.fuelPrices table th:first-child .right { float: right;}
.fuelPrices table th:last-child { padding-right: 10px;}
.fuelPrices table th:last-child .left { float: left;}
.fuelPrices table th:last-child .right { float: right;}
.fuelPrices table td { width: 140px; background: #45afee; padding: 10px 0 9px; border-bottom: 1px solid #7dc7f3;}
.fuelPrices table td:first-child { padding-right: 20px;}
.fuelPrices table td:first-child .left { float: left; padding-left: 10px;}
.fuelPrices table td:first-child .right { float: right;}
.fuelPrices table td:last-child { padding-right: 10px;}
.fuelPrices table td:last-child .left { float: left;}
.fuelPrices table td:last-child .right { float: right;}

.thSearch-box { width: 270px; overflow: hidden; clear: both; padding: 15px 15px 25px; background: #d5dedd; margin: 0 0 25px;}
.thSearch-box h2 { font-size: 13px; color: #2c5c55; text-transform: uppercase; margin-bottom: 20px;}
.thSearch-box select { width: 270px; clear: both; padding: 5px 10px; margin-bottom: 13px; border: 1px solid #a2b8b5; color: #2c5c55; font-size: 12px; font-weight: bold;}
.thSearch-box p { font-size: 11px; color: #2c5c55; }
.thSearch-box p a { font-size: 11px; color: #2c5c55;}
.thSearch-box p a:hover { text-decoration: underline;}
.thSearch-box input { padding: 5px 10px; background: #2c5c55; width: auto; text-transform: uppercase; color: #ffffff; border: none; font-size: 12px; cursor: pointer; margin-bottom: 15px; font-weight: bold;}
.thSearch-box input:hover { background: #1f403b;}

.lifestyleTravel-box { width: 620px; overflow: hidden; clear: both; border-top: 5px solid #d87a9f;}
.lifestyleTravel-box h1 { text-transform: uppercase;  text-align: center; margin-bottom: 25px;}
.lifestyleTravel-box h1 span { padding: 0 20px; background: #d87a9f; color: #ffffff;}
.lifestyleTravel-box .twoSmallCol > li:first-child { width: 380px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox { width: 380px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox ul { width: 380px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox ul li { width: 380px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox li .detail { width: 260px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox .view-inside { width: 200px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox .view-inside li { width: 18px;}
.lifestyleTravel-box .twoSmallCol .subChannelBox .view-inside .view-comment { width: auto;}
.lifestyleTravel-box .twoSmallCol > li:last-child { width: 220px;}

.th-Guide { width: 190px; padding: 15px; overflow: hidden; background: #fbf1f5; margin: 0 0 25px;}
.th-Guide h2 { color: #d87a9f; font-size: 13px; text-transform: uppercase;}
.th-Guide ul { width: 190px; overflow: hidden; padding: 5px 0;}
.twoSmallCol .th-Guide ul li { width: 190px; overflow: hidden; margin: 0;}
.th-Guide ul li a { color: #d87a9f; font-size: 12px;}
.th-Guide ul li a:hover { text-decoration: underline;}
.th-Guide .topVisit { background: #f7e5ec; padding: 10px 20px; width: 150px; margin-bottom: 5px;}
.th-Guide .topVisit h3 { font-size: 12px; color: #d87a9f;}
.th-Guide p a { color: #d87a9f; font-size: 12px;}

.pr-box { width: 220px; overflow: hidden; margin-bottom: 25px;}
.pr-box ul { width: 220px; overflow: hidden;}
.pr-box ul li { width: 220px; overflow: hidden; padding: 10px 0;}
.pr-box ul li h3 { font-size: 13px; margin: 0 0 5px; line-height: 15px;}
.pr-box ul li h3 a { color: #213c70;}
.pr-box ul li h3 a:hover { text-decoration: underline;}
.pr-box ul li .thumbnail { float: left; margin: 0 10px 0 0;}
.pr-box ul li .detail { width: 109px; float: left;}
.pr-box ul li .detail { font-size: 12px;}
.pr-box ul li .detail p { margin: 0 0 5px;}
.pr-box ul li:first-child { border-bottom: 1px solid #e6e6e6;}
.pr-box ul li:first-child h3 { font-size: 15px; line-height: 17px;}
.pr-box ul li:first-child .thumbnail { float: none; margin: 0;}
.pr-box ul li:first-child .detail { width: 220px; overflow: hidden; clear: both; float: none;}
.pr-box .view-inside li	{ width: 18px; border: none; margin: 0 5px 0 0;}
.pr-box .view-inside .view-comment { width: auto; margin: 3px 0 0;}
.pr-box ul li:first-child .view-inside li { border: none;}

/*.classifieds-box { border-top: 5px solid #6d3ca9; clear: both; overflow: hidden; width: 300px;}
.classifieds-box h1 { text-transform: uppercase;  text-align: center; margin: 0 auto 25px auto; background: #6d3ca9; width: 260px; padding: 3px 0; line-height: 25px;}
.classifieds-box h1 span { color: #ffffff; font-size: 25px;display:block;}*/

.ExpatForum-box { border-top: 5px solid #213c70; clear: both; overflow: hidden; width: 300px;}
.ExpatForum-box h1 { text-transform: uppercase;  text-align: center; margin: 0 auto 25px auto; background: #213c70; width: 260px; padding: 3px 0; line-height: 25px;}
.ExpatForum-box h1 span { color: #ffffff; font-size: 25px;display:block;}
.ExpatForum-box .latestPost .detail { width: 290px; overflow: hidden; padding: 0 10px 0 0;}

.topCategories { width: 270px; padding: 15px; overflow: hidden; background: #e0edfc; margin: 0 0 10px;}
.topCategories h2 { font-size: 13px; color: #213c70; text-transform: uppercase; margin-bottom: 10px;}
.topCategories ul { width: 270px; overflow: hidden;}
.twoSmallCol .topCategories ul li { float: left; width: 125px; margin: 0 20px 5px 0; font-size: 12px;}
.topCategories ul li a { color: #213c70;}
.topCategories ul li a:hover { text-decoration: underline;}
.topCategories ul li:nth-child(2),
.topCategories ul li:nth-child(4),
.topCategories ul li:nth-child(6),
.topCategories ul li:nth-child(8) { margin: 0;}

.latestPost { width: 300px; overflow: hidden; margin: 0 0 25px;} 
.latestPost ul { width: 300px; overflow: hidden; margin: 0 0 10px;}
.latestPost ul li { padding: 10px 0; overflow: hidden; width: 300px; border-bottom: 1px solid #e6e6e6;}
.latestPost ul li:last-child { border: none;}
.latestPost .thumbnail { float: left; margin: 0 10px 10px 0;}
.latestPost .detail { width: 189px; overflow: hidden; float: left;}
.latestPost .detail h3 { font-size: 13px; margin: 0 0 5px; line-height: 15px;}
.latestPost .detail h3 a { color: #213c70;}
.latestPost .detail h3 a:hover { text-decoration: underline;}
.latestPost .detail p { font-size: 12px;}
.latestPost .detail p span { display: block; font-size: 12px; text-transform: none;}
.latestPost .detail p.day-time { font-size: 11px;}
.latestPost .detail p.name { font-size: 10px;}
.latestPost .postFree { padding: 10px 15px; background: #294782; color: #ffffff; font-weight: bold; font-size: 11px; text-transform: uppercase; display: inline-block;}
.latestPost .postFree:hover { background: #1d325b;}

.jobsCareer-box { border-top: 5px solid #1e608a; clear: both; overflow: hidden; width: 300px;}
.jobsCareer-box h1 { text-transform: uppercase;  text-align: center; padding:3px 0; line-height: 25px; width: 260px;background: #1e608a; margin: 0 auto 25px auto; vertical-align: top;}
.jobsCareer-box h1 span {  color: #ffffff; font-size: 25px; display: block;}

.find-job-box { background: #e8eff3; padding: 15px 10px; overflow: hidden; width: 280px; margin: 0 0 25px;}
.find-job-box h2 { color: #1e608a; text-transform: uppercase; font-size: 13px; margin: 0 0 5px;}
.find-job-box p { font-size: 11px; color: #1e608a; text-transform: uppercase; margin: 0 0 5px;}
.find-job-box p span { font-weight: bold;}
.find-job-box p a { color: #1e608a;}
.find-job-box p a:hover { text-decoration: underline;}
.find-job-box form ul { width: 280px; overflow: hidden;}
.twoSmallCol .find-job-box form ul li { margin: 0 0 10px; width: 280px; overflow: hidden;}
.find-job-box form ul li input { padding: 5px 10px; width: 258px; border: 1px solid #8fb7d0; font-size: 12px; font-weight: bold; color: #1e608a;}
.find-job-box form ul li select { border: 1px solid #8fb7d0; clear: both; color: #1e608a; font-size: 12px; font-weight: bold; padding: 5px 10px; width: 280px;}
.find-job-box form ul li p { margin: 0;}
.find-job-box form ul li:last-child { margin: 0;}
.find-job-box .submit-search { padding: 5px 10px; background: #1e608a; width: auto; text-transform: uppercase; color: #ffffff; border: none; font-size: 12px; cursor: pointer;}
.find-job-box .submit-search:hover { background: #154360;}

.latestJob { width: 300px; overflow: hidden; margin: 0 0 25px;}
.latestJob ul { width: 300px; overflow: hidden;}
.twoSmallCol .latestJob ul li { padding: 10px 0; width: 300px; overflow: hidden; margin: 0; border-bottom: 1px solid #e6e6e6;}
.twoSmallCol .latestJob ul li:last-child { border: none;}
.latestJob ul li .thumbnail { float: left; margin: 0 10px 0 0; overflow: hidden;}
.latestJob ul li .detail { float: left; width: 190px; overflow: hidden;}
.latestJob ul li .detail h3 { font-size: 13px; line-height: 15px;}
.latestJob ul li .detail h3 a { color: #213c70;}
.latestJob ul li .detail h3 a:hover { text-decoration: underline;}
.latestJob ul li .detail p { font-size: 12px;}

.careerGuides { width: 300px; overflow: hidden; margin: 0 0 25px;}
.careerGuides ul { width: 300px; overflow: hidden;}
.twoSmallCol .careerGuides ul li { padding: 10px 0; width: 300px; overflow: hidden; margin: 0; border-bottom: 1px solid #e6e6e6;}
.twoSmallCol .careerGuides ul li:last-child { border: none;}
.careerGuides ul li .thumbnail { float: left; margin: 0 10px 0 0; overflow: hidden;}
.careerGuides ul li .detail { float: left; width: 189px; overflow: hidden;}
.careerGuides ul li .detail h3 { font-size: 13px; line-height: 15px;}
.careerGuides ul li .detail h3 a { color: #213c70;}
.careerGuides ul li .detail h3 a:hover { text-decoration: underline;}
.careerGuides ul li .detail p { font-size: 12px;}
/*gold-price*/
.gold-price h2{background: url(../img/logo/logo-secondary.jpg) no-repeat 217px -43px; line-height: 23px;}
.gold-price { font-size: 11px; font-weight: bold; color:#333;text-transform: uppercase;}
.gold-price table { margin: 5px 0 0;}
.gold-price th {background:#ffd453; padding: 8px 0;}
.gold-price td {background: #fef8e8; border-bottom: 1px solid #fff; padding: 8px 0;}
.gold-price td span {font-weight: normal;}
.gold-price td:first-child {padding-left: 10px;}
/*local-service*/
aside .local-service{background:#d5dedd; width: 270px; overflow: hidden; padding: 15px; }
aside .local-service a{color:#2c5c55; font-size: 12px; }
aside .local-service h2 {font-size: 13px; border: none;color:#2c5c55; padding: 0 0 10px;}
aside .local-service ul {width: 40%; float: left;}
aside .local-service ul li {background: url(../img/icons/icon-allicon.png) no-repeat 0 -186px; padding: 2px 0 2px 22px;}
.local-service .left-clm {width: 60%;}
.local-service .left-clm li:nth-child(2) {background-position: 0 -213px;}
.local-service .left-clm li:nth-child(3) {background-position: 0 -243px;}
.local-service .left-clm li:nth-child(4) {background-position: 1px -271px;}
.local-service .left-clm li:nth-child(5) {background-position: 2px -300px;}
.local-service .left-clm li:nth-child(6) {background-position: 0 -330px;}
.local-service .last {clear: both; float:left; padding: 10px 0 5px;}
.local-service .right-clm li:nth-child(1) {background-position: 2px -359px;}
.local-service .right-clm li:nth-child(2) {background-position: 0 -384px;}
.local-service .right-clm li:nth-child(3) {background-position: 2px -412px;}
.local-service .right-clm li:nth-child(4) {background-position: 0 -444px;}
.local-service .right-clm li:nth-child(5) {background: none;}
/*what's on - homepage*/
.what-on .date, .what-on .event{text-transform: uppercase;}
.what-on li {overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e6e6e6;}
.what-on li:last-child {border: none;}
.what-on .date {font-size: 11px; color:#666;}
.what-on .thumbnail {width: 110px; float: left;}
.what-on .detail{font-size: 11px; color:#333; font-weight: bold; float: left; width: 190px;}
.what-on .detail h3 a {color:#213c70; font-size: 13px; line-height: 15px; padding: 0 0 3px; display: block;}
.what-on .link p{background: #ededed; width: 300px; overflow: hidden;}
.what-on .link p a {text-transform: uppercase; border-left: 1px solid #fff;color:#213c70; font-size: 10px; width: 99px; float: left; text-align: center; padding: 10px 0; font-weight: bold;}
.what-on .link p:last-child a{width: 300px; border-top: 1px solid #fff;}
/*zodiac*/
.zodiac li,.zodiac li a {width: 50px; float: left; height: 47px;}
.zodiac li{padding: 0 0 10px;}
.zodiac li a {background: url(../img/bg/zodiac.png) no-repeat -2px -5px;}
.zodiac li:nth-child(2) a{background-position: -53px -5px;}
.zodiac li:nth-child(3) a{background-position: -104px -5px;}
.zodiac li:nth-child(4) a{background-position: -153px -5px;}
.zodiac li:nth-child(5) a{background-position: -202px -5px;}
.zodiac li:nth-child(6) a{background-position: -255px -5px;}
.zodiac li:nth-child(7) a{background-position: -2px -55px;}
.zodiac li:nth-child(8) a{background-position: -53px -55px;}
.zodiac li:nth-child(9) a{background-position: -104px -55px;}
.zodiac li:nth-child(10) a{background-position: -153px -55px;}
.zodiac li:nth-child(11) a{background-position: -202px -55px;}
.zodiac li:nth-child(12) a{background-position: -253px -55px;}
.zodiac li:nth-child(1) a:hover {background-position: -2px -111px;}
.zodiac li:nth-child(2) a:hover {background-position: -53px -111px;}
.zodiac li:nth-child(3) a:hover {background-position: -104px -111px;}
.zodiac li:nth-child(4) a:hover {background-position: -153px -111px;}
.zodiac li:nth-child(5) a:hover {background-position: -202px -111px;}
.zodiac li:nth-child(6) a:hover {background-position: -255px -111px;}
.zodiac li:nth-child(7) a:hover {background-position: -2px -161px;}
.zodiac li:nth-child(8) a:hover {background-position: -53px -161px;}
.zodiac li:nth-child(9) a:hover {background-position: -104px -161px;}
.zodiac li:nth-child(10) a:hover {background-position: -153px -161px;}
.zodiac li:nth-child(11) a:hover {background-position: -202px -161px;}
.zodiac li:nth-child(12) a:hover {background-position: -253px -161px;}
.zodiac span {display: block; text-indent: -9999px;}
/*event-promo*/
.event-promotion h3 {padding: 5px 0; font-size: 13px; line-height: 15px;}
.event-promotion h3 a{color: #213c70;}
.event-promotion li {font-size: 12px; color:#333; padding: 15px 0 10px; border-bottom: 1px solid #e6e6e6; width: 300px; overflow: hidden;}
.event-promotion li:first-child { padding: 0 0 10px;}
.event-promotion li:last-child { border: none;}

#RegisterMember { padding: 40px 0 0;}
#RegisterMember h1#Registermember { font-size: 15px; border-bottom: 1px solid #ededed;  text-transform: uppercase; padding: 0 0 10px;}
#RegisterMember .Register_instruction { padding: 15px 0 0;}

.secondary #rate { background: #efefef; padding: 10px 0 10px 10px;}

.footer-search { width: 940px; margin: 0 auto; overflow: hidden; padding: 0 10px;}
.footer-search form.search-menu { margin: 0; width: 400px; background: #ffffff; height: 31px;}
.footer-search form.search-menu input { color: #666666; width: 330px; background-position: 0 -940px; font-size: 12px;}
/*Weather*/
section#weather a:hover {text-decoration: underline;}
section#weather{width: 940px; padding: 0 10px; margin: 25px auto 0; overflow: hidden;}
section#weather h1#main,section#weather h2.hd { font-family:'arial_blackregular'; font-weight: normal;text-transform: uppercase; font-size: 15px; padding: 0 0 5px; } 
section#weather .levelNavigaton{padding: 0 0 25px;}
/*weather-channel*/
#weather-list {padding:  0 0 50px;}
#weather #weather-list li{display: table; width: 100%; margin: 0 0 35px;background:none; border: none;}
#weather #weather-list li .divide{ width: 460px; display: table-cell; background:none; border-left: 20px solid #fff; }
#weather-list article{background: url(../img/bg/weather-list.gif) repeat-y; width: 100%; overflow: hidden;min-height: 200px; position: relative;}
#weather-list .headline {width: 100%; float: left; text-align: left; padding: 0 0 10px;}
#weather-list .weather-figure {width: 138px; float: left; margin: 10px 0 0;}
body #weather #weather-list .detail {width: 302px; float: left; padding: 15px 10px; text-align: left; }
#weather #weather-list li .divide:nth-child(2n+1){border: none;}
#weather-list .detail .date {font-size: 14px; font-weight: bold;}
#weather-list .detail .time{font-weight: bold; font-size: 12px; padding: 0 0 10px;}
#weather-list .view-all {position: absolute; bottom: 10px; right: 10px; font-size: 11px; text-decoration: underline;}
#weather-list .view-all:hover {text-decoration: none;}
/*weather-detail*/
section#weather article.main {background: #e6e6e6; padding: 15px 10px; overflow: hidden; margin: 0 0 35px;}
section#weather article.main .datetime {font-size: 15px; font-weight: bold; padding: 0;}
section#weather article.main p {padding: 10px 0 0;}
body section#weather article.main .overview {font-size: 24px; font-weight: normal;}
section#weather article.main .figure {float: left; width: 218px;padding: 30px 0 0 180px;border-right: 2px solid #fff;min-height: 150px; background: url(../img/bg/weather-ico-large.png) no-repeat;}
section#weather article.main .sunny {background-position: 0 0;}
section#weather article.main .cloudy {background-position: 0 -180px;}
section#weather article.main .drizzle {background-position: 0 -360px;}
section#weather article.main .rainy {background-position: 0 -540px;}
section#weather article.main .stormy {background-position: 0 -720px;}
section#weather article.main .wave1 {background-position: 0 -900px;}
section#weather article.main .wave2 {background-position: 0 -1080px;}
section#weather article.main .cool {background-position: 0 -1260px;}
section#weather article.main .cold {background-position: 0 -1440px;}
section#weather article.main .freezing {background-position: 0 -1620px;}
section#weather .figure p{font-size: 48px; text-align: center; }
#weather .max {color: #cc0000;font-weight: bold; text-align: left;}
#weather .min{color:#1e79bc;font-weight: bold; text-align: left;}
section#weather .figure > p:nth-child(2),
#weather .highlight .weather-figure > p:nth-child(2){padding: 5px 0 0;}
#weather .highlight .weather-figure > p:nth-child(2){font-size: 24px;}
section#weather .detail {float: left; width: 500px; padding: 0 0 0 20px; font-size: 12px;}
#weather .highlight li{display: table-cell; min-width: 180px; border-left: 10px solid #fff;background: #e6e6e6; text-align: center;padding: 0 0 10px; width: 20%;}
#weather .highlight li:first-child {border: none;}
#weather .highlight h3 {font-size: 14px; color:#213c70; text-align: center; background:#eee; display: block; padding: 10px 0;}
#weather .highlight .overview {font-size: 12px;}
#weather .highlight .weather-figure {background: url(../img/bg/weather-ico-small.png) no-repeat 0 0; padding: 80px 0 0 0;}
#weather .highlight .sunny {background-position: center 0;}
#weather .highlight .cloudy {background-position: center -140px;}
#weather .highlight .drizzle {background-position: center -285px;}
#weather .highlight .rainy {background-position: center -455px;}
#weather .highlight .stormy {background-position: center -619px;}
#weather .highlight .wave1 {background-position: center -775px;}
#weather .highlight .wave2 {background-position: center -918px;}
#weather .highlight .cool {background-position: center -1090px;}
#weather .highlight .cold {background-position: center -1259px;}
#weather .highlight .freezing {background-position: center -1430px;}
#weather .highlight .max,#weather .highlight .min {font-size: 24px; }
section#weather .all {padding: 35px 0 50px; overflow: hidden;}
section#weather .all h2 {border-bottom: 1px solid #e6e6e6; margin: 0 0 15px; padding: 0 0 5px;}
section#weather .all li {width: 438px; float: left; border: 1px solid #e6e6e6; margin: 0 20px 10px 0; padding: 10px; font-weight: bold; overflow: hidden;}
section#weather .all li * {display: inline;}
section#weather .all li:nth-child(even){margin: 0 0 10px;}
section#weather .all li .temperature {color:#333; float: right;}
section#weather .all h3 {font-size: 14px; color:#213c70;}
/*today's weather on homepage*/
aside #weather.TodayWeather h2 { margin: 0 0 10px;}
aside #weather.TodayWeather h2 a{ font-size: 15px; text-transform: uppercase;}
aside #weather.TodayWeather .weather-slide {position: relative; width: 300px; height: 210px;}
aside #weather.TodayWeather .weather-slide .viewport {position: relative; width: 300px; height: 165px; overflow: hidden;}
aside #weather.TodayWeather .weather-slide .overview {position: absolute; overflow: hidden;}
aside #weather.TodayWeather .weather-slide li {width: 155px; float: left; min-width: 150px; display: block; border: none; background:#fff;}
aside #weather.TodayWeather .weather-slide li > * {width: 150px;}
aside #weather.TodayWeather .weather-slide li:first-child{border: none;}
aside #weather.TodayWeather .weather-slide li .overview {position: static;}
aside #weather.TodayWeather .weather-slide li h3 {font-family: Arial,Helvetica,sans-serif; font-weight: bold; padding: 7px 0;}
aside #weather.TodayWeather .weather-slide .weather-figure {background-color:#e6e6e6; height: 160px;}
#weather.TodayWeather .slide-pager {position: absolute; bottom: 18px;text-align:center; width: 300px;}
aside #weather.TodayWeather .pager li{ display:inline-block;margin: 0 5px 0 0; width: 9px; margin: 0 2px 0 0; float: none; min-width: 9px;}
aside #weather.TodayWeather .pager li a.pagenum {background: #ccc; display: block; width: 9px; height: 9px;}
aside #weather.TodayWeather .pager li a span {display: block; text-indent: -9999px;}
aside #weather.TodayWeather .pager li a.active {background:#4090cf;}

.feedback-bar { width: 100%; background: #142443; overflow: hidden; position: fixed; bottom: -50px; left: 0; z-index: 5; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.feedback-bar.active {  -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); bottom: 0\0;}
.feedback-bar div { height: 40px; padding: 5px 10px; width: 940px; margin: 0 auto; overflow: hidden; }
.feedback-bar div a { background: url('../img/button/btn-feedback_bar.png') 0 -80px no-repeat; height: 38px; display: inline-block; text-indent: -99999px; width: 120px; float: left; margin: 0 5px 0 0;}
.feedback-bar div a:hover { background-position: 0 -120px;}
.feedback-bar div a:first-child { background-position: 0 0; width: 254px; margin: 0 391px 0 0;}
.feedback-bar div a:first-child:hover { background-position: 0 -40px;}
.feedback-bar div a:last-child { background-position: 0 -160px; width: 170px; margin: 0;}
.feedback-bar div a:last-child:hover { background-position: 0 -200px;}

.ExpatForum { width: 300px; overflow: hidden; clear: both;}
.ExpatForum h2 { margin: 0 0 5px;}
.ExpatForum ul { width: 300px; overflow: hidden; clear: both;}
.ExpatForum ul li { width: 300px; overflow: hidden; margin: 0 0 10px; clear: both;}
.ExpatForum ul li a { color: #213c70; font-size: 13px; line-height: 15px;}