.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, aside #weather.TodayWeather h2 a, .latestPost .postFree, .fuelPrices .headline span, .busineesSearch-box h2, .businees-Calendar h2, aside .HotelRecommendBox h2, .twoCol .dir-reviews h2, .dirCalendar h2,
.twoCol .sponserLinks h2, .highlightChannel h2.headline, .view-character h2.headline, #RegisterMember h1#Registermember, #RegisterMember h3, .MobilePhones h1, .bkpConnection > p:first-child, .MobileDevice .SMS-news h2, .MobileDevice li h2, .Tablet h1, .TabletDeivces li h2, .smart-tv .detail h1, .E-newsletter h1, .E-newsletter .choose-section > p, .bkpConnection .faqDL h2, li.header dl.icon dd, .inner li.header dl.icon dt a, .Expat-forum table.table1 th.name, .Expat-forum table.table1 th.active, .Expat-forum table.table1 th.info, .Expat-forum h2.solo, .Expat-forum #page-body h2:first-child, .Expat-forum .panel h3, .Expat-forum .panel h2  { 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, .HotelRecommendBox .highlight h3 a, .dir-reviews ol.rankVote li h3 a,
.rankVote li h3 a, .what-on ul li h3, aside .HotelRecommendBox .thumbnail h3 a,
#reviews ul li h3 a, .twoSmallCol .fuelPrices h3, .latest-opinion ul li h3, .Most-discussed ul li h3, .writer-list ul li div h3, .Expat-forum a.topictitle, .Expat-forum a.forumtitle, .Expat-forum #page-body h2 a, .Expat-forum #page-body h3 a, .articleContent .Premium-members-expired p, .writer-profile .detail h3, .postbag-list h3 { 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,
.RedTheme #reviews li h2 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, .classifieds-jobs-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, 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; line-height: 18px;}

.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:nth-child(5),
.highlight-list li:nth-child(9),
.highlight-list li:nth-child(13),
.highlight-list li:nth-child(17) { clear: both;}
.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;  color: #333333;}
.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 { color: #333333;}
#content .levelNavigaton a { color: #213c70; text-decoration: none;}
#content .levelNavigaton a:hover { color: #213c70; text-decoration: underline;}
#content .levelNavigaton span { color: #333333;}
.levelNavigaton a { color: #213c70; text-decoration: none;}
.levelNavigaton a:hover { color: #213c70; text-decoration: underline;}
.levelNavigaton span { color: #333333;}
.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.comment-not-login .inputdata { width: 100%;}
.fullVDO #comment-list form.comment.comment-not-login .inputdata textarea { width: 96%; padding: 1% 2%; margin: 1% 0;}
.fullVDO #comment-list form.comment.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;}
.fullVDO #comment-list form.comment .inputdata { width: 620px;}
.fullVDO #comment-list form.comment textarea { width: 600px;}
.fullVDO #comment-list form.comment .group { width: 465px;}

.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: #333333; font-size: 30px; line-height: 32px; margin-bottom: 10px;}
.section-vdo.article-vdo .highlight-vdo p { color: #101010;}
.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 .movebtn { z-index: 1;}

.vdo-embed { float: left; width: auto; overflow: hidden; height: auto; margin: 0 20px 10px 0;}
.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: 3;}
body .headerAd .leaderAd,
body .headerAd .leaderAdExpand { margin: 0 0 0 106px;}
body .headerAd.adSpecia .leaderAd,
body .headerAd.adSpecia .leaderAdExpand { margin: 0; width: 940px;}
.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; overflow: hidden; margin: 0; font-family: Arial,Helvetica,sans-serif; font-size: 11px;}

.container .articleContent article header ul a,
.articleContent article header ul li a { color: #213c70; text-decoration: none;}
.container .articleContent article header ul a:hover,
.articleContent article header ul li a:hover { text-decoration: underline;}
.articleContent article header ul a.view,
.articleContent article header ul span.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,
.articleContent article ol { margin: 0 0 20px;}
.articleContent article ul li,
.articleContent article ol li { margin: 0 0 0 30px;}
.articleContent article ol li { list-style: decimal outside; line-height: 18px; color: #101010;}
.articleContent article ul li { list-style: disc outside; line-height: 18px; color: #999999; font-size: 16px;}
.articleContent article ul li p,
.articleContent article ol li p { color: #101010; font-size: 16px; margin: 0;}
.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: 24px; margin-bottom: 20px; line-height: 25px;}
.articleContent article h3 { font-size: 18px; margin-bottom: 20px; line-height: 20px;}
.articleContent article h4 { font-size: 16px; margin-bottom: 20px; line-height: 18px;}
.articleContent article p.underline { text-decoration: underline;}
.articleContent article figure figcaption { color: #666666; font-size: 12px; margin: 5px 0 0;}
.articleContent .Premium-members-expired p { font-weight: normal; margin: 0;}
.articleContent .Premium-members-expired p span { font-family: charis_silregular;}

.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 15px; 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 15px; 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;}
.articleContent .article-tab .relate-story ul li,
.articleContent .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 .articleContents ul li { margin: 0 0 5px 30px; color: #333333;}
.articleContents hr { margin: 0 0 20px; border: 1px solid #e6e6e6; border-bottom: none; border-left: none; border-right: none;}
.articleContents .editorName { text-align: right; font-style: italic; padding: 0 2px 0 0;}
.articleContents div.contact { width: 640px; margin: 0 0 20px; overflow: hidden;}
.articleContents div.contact p { margin: 0; font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #666666;}
.articleContents div.text-ads { width: 580px; margin: 20px 0; overflow: hidden; background: #e6e6e6; padding: 20px;}
.articleContents div.text-ads p { margin: 0; font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #666666;}
.articleContents div.text-ads p:first-child { color: #666666; font-weight: bold;}

.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 25px;}
.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: 8px 0 7px; 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; float: left; letter-spacing: 0.07em; line-height: 17px; text-align: right; margin: 0 5px 0 0;}
.MostViewed .mostViewList li .detail h3 { font-size: 13px; margin: 0; line-height: 15px;}
.MostViewed .mostViewList li .detail h3 a { color: #213c70;}
.MostViewed .mostViewList li:last-child { padding: 8px 0 0;}
.articleContent .jobSearch-panel { background: none; border: none; border-radius: 0; box-shadow: none; padding: 10px 0 0; margin: 0 0 25px; width: 300px;  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; color: #333333;}
.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,span.exclusive { text-indent: -9999px; background: url(../img/icons/icon-allicon.png) no-repeat 0 -46px; 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; }
span.exclusive { background-position: 0 -527px; width: 60px;}
.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: 18px;}
.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 p span.icon-photo,
.Most-Recent ul li p span.icon-vdo { margin: 0 5px 0 0;}
.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 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 { font-size: 10px; margin-bottom: 5px; text-transform: uppercase;}
.TopStory .detail p { font-size: 12px; color: #ffffff; margin-bottom: 10px;}
.TopStory .view-inside .view-comment a { color: #ffffff;}

.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;}
.view-inside .view-comment a:hover { text-decoration: underline;}
#hot-list .view-inside .view-comment a { font-size: 10px; color: #999999; float: left;}
.TopStory .view-inside .vdo { background-position: 0 -488px; padding: 0;}
.TopStory .view-inside .photo { background-position: -21px -488px; padding: 0;}
.TopStory .view-inside .comment { background-position: -42px -489px; padding: 0;}

/* 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) { 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, .box-subChannel .update { float: left;}
.subChannelBox .icon-photo, .subChannelBox .icon-vdo, .subChannelBox .update { 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 li.seeChoices { padding: 0; background: none;}
.OnlinePoll ul li.seeChoices a { color: #999999; font-size: 12px; font-weight: bold;}
.OnlinePoll ul li.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.name a { color: #666666;}
p.name a:hover { color: #666666; text-decoration: underline;}
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: 13px; line-height: 15px; 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 h3 img { margin: 0 5px 0 -5px;}
.allStory ul li .detail p { font-size: 12px; color: #333333; margin-bottom: 5px;}
.allStory ul li .detail p.name { font-size: 10px; color: #666666; margin: 0;}
.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 .content > ul{float: right; width: 400px;}
#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;font-size: 30px; line-height: 32px;}
#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: #213c70; text-decoration: underline;}
#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: #cccccc; font-size: 15px; padding: 0 8px;}
.pick-day span { color: #434343; font-size: 15px; padding: 0 8px;}
.pick-day a.active { color: #cccccc; font-size: 24px; background: url(../img/bg/bg-activePickday.png) center 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: 5px;}
.slide-hp .slide-pager { overflow: hidden; position: absolute; bottom: 1px; left: 0; z-index: 1; width: 620px;background:#fff; height: 36px;}
.slide-hp .slide-pager ul { background: none; border: medium none; margin: 4px 0 0; overflow: hidden; padding: 0; width: 620px; text-align:center;}
.slide-hp .slide-pager ul li { display: inline-block; list-style: none outside none; margin: 0 1px 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 div {display: inline-block; width: 620px; height: 413px; overflow: hidden;}
.slide-hp .overview a {display: inline-block; width: 620px; height: 413px; overflow: hidden;}
.slide-hp .overview p { position: absolute; left: 0; bottom: 0; background: #ffffff; padding: 8px 0; font-size: 14px; font-weight: bold; clear: both; overflow: hidden; display: block;width: 620px;}
.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: 538px;}
.slide-hp .viewport .overview {  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: 510px; margin: 0;  width: 620px; position: relative;}
.slide-hp .overview li h1 { width: 620px; position: static; background: #ffffff; padding: 0 0 10px; font-size: 40px; line-height: 42px; margin: -5px 0 0;}
.slide-hp .overview li h1 a { color: #213c70; font-weight: normal; background-position: right 3px; width: auto; height: auto; float: none; overflow: visible;}
.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 {position: absolute; left:0; bottom: -18px; z-index: 2;}
.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;}
.slide-hp .viewAll { background: url("../img/icons/icon-arrowVdo.png") right 0 no-repeat; bottom: 16px; color: #999999; font-size: 10px; font-weight: bold; padding: 0 15px 0 0; position: absolute; right: 0; z-index: 2;}
.slide-hp .viewAll:hover { text-decoration: underline;}

.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 p.byPost { font-size: 10px; color: #333333;}
.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: 41px;}
.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; font-size: 10px;}

.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 p.byPost { font-size: 10px; color: #333333;}
.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;}
.twoSmallCol .Also li:first-child h3 { margin: 0 0 5px;;}
.twoSmallCol .Also li h3 { margin: 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: 7px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
.subChannelBox h3 { font-size: 13px; line-height: 15px; margin: 0 0 5px;}
.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:first-child h3 {  }
.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 .headline span { font-size: 15px; line-height: 17px;}
.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;}
.twoCol-hp { width: 620px; overflow: hidden;}
.twoCol-hp > li { float: left; width: 300px;}
.twoCol-hp > li:first-child { width: 300px; margin: 0 20px 0 0;}
.twoCol-hp .highlightChannel { width: 300px;}

.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 25px;}
.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; color: #333333;}
.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-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; width: 100px;}
.latestJob ul li .detail { float: left; width: 190px; overflow: hidden;}
.latestJob ul li .detail h3 { font-size: 13px; line-height: 15px; margin: 0 0 5px;}
.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; color: #333333;}

.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; margin: 0 0 5px;}
.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; color: #333333;}
/*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 5px;}
.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 h3 a:hover { text-decoration: underline;}
.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: 18px; text-transform: uppercase; padding: 0 0 10px; line-height: 20px;}
#RegisterMember p:nth-child(2) { text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0 0 25px;}
#RegisterMember .Register_instruction { padding: 15px 0 0; clear: both;}
#RegisterMember h3 { text-transform: uppercase; font-size: 15px; line-height: 17px; clear: both;}
#RegisterMember h3 span { font-size: 14px; font-family: Arial; text-transform: none; font-weight: bold;}
#RegisterMember .simple-click { clear: both; float: left; font-size: 14px; margin: 7px 0 30px 93px; }
#RegisterMember .Login-with-social { clear: both; margin: 0; width: 640px; overflow: hidden; margin: 0 0 10px;}
#RegisterMember .Login-with-social a:first-child { margin: 0 9px 10px 0;}
#RegisterMember .Login-with-social p:last-child { margin: 10px 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; z-index: 10000;}
.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:nth-child(1) { background-position: 0 -80px; width: 120px;}
.feedback-bar div a:nth-child(1):hover { background-position: 0 -120px;}
.feedback-bar div a:nth-child(2) { background-position: 0 -160px; width: 170px; margin: 0;}
.feedback-bar div a:nth-child(2):hover { background-position: 0 -200px;}
.feedback-bar div a:nth-child(3) { background-position: 0 -239px; width: 37px; margin: 0 0 0 608px;}

.ExpatForum { width: 300px; overflow: hidden; clear: both; margin: 0 0 25px;}
.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;}
.ExpatForum ul li a:hover { text-decoration: underline;}
.ExpatForum ul li:last-child { margin: 0;}

/*scb-exchange-rate*/
/*.info-head {font-family: Tahoma, Microsoft Sans Serif; font-size: 12px; font-weight: bold; color: #666; overflow: hidden; padding: 0 0 10px;}
.info-head .datetime{text-align: left; float: left; width:50%;}
.info-head .unit {text-align:right; float: right; width: 50%;}*/
section.exchange {width: 942px; margin:0 auto;}
section.exchange h1 {font-size: 15px; margin: 15px 0; padding-bottom: 5px;}
section.exchange .levelNavigaton {padding: 10px 0 15px;}
section.exchange #exchange-rate{position: relative; width: 942px;height: 968px; overflow: hidden; padding: 15px 0 0; margin-bottom: 20px; height: 640px\0;}
section.exchange #exchange-rate iframe {position: absolute; top: -165px; left: -33px; }
.ie section.exchange #exchange-rate {height: 968px}
.win.gecko section.exchange #exchange-rate {height: 1068px; }
.gecko section.exchange #exchange-rate  {height: 1068px;}

/*section.exchange #exchange-cal {position: relative; width: 942px;height:500px; overflow: hidden; padding: 15px 0 0; margin-bottom: 20px; height: 669px\0;}

section.exchange #exchange-cal iframe{position: absolute;top: -175px;left: -30px;} 
.ie section.exchange #exchange-cal {height: 530px}
.win.gecko section.exchange #exchange-cal {height: 540px; }
.gecko section.exchange #exchange-cal  {height: 500px;} */

.boxSurvey { width: 940px; margin: 0 auto; padding: 20px 10px; overflow: hidden;}
.boxSurvey > div { width: 700px; margin: 0 auto;}

.text-warning { background: #e02428; width: 100%; border-bottom: 3px solid #ffffff; padding: 10px 0 5px;}
.text-warning > div { background: url(../img/bg/warning.png) 0 0 no-repeat; padding: 0 0 5px 40px; width: 900px; overflow: hidden; margin: 0 auto; color: #ffffff; font-size: 12px;}
.text-warning > div h2 { font-family:'arial_blackregular'; font-weight: normal; font-size: 12px;}

/* phase 2 business */
.main-HL { width: 620px; overflow: hidden; margin: 0 0 25px;}
.main-HL h2 { margin: 0 0 15px;}
.highlightChannel .TopStory { width: 300px; margin: 0 10px 0 0; overflow: hidden; float: left;}
.highlightChannel .TopStory .detail { width: 280px; clear: both;}
.highlightChannel .TopStory .detail h3 { font-size: 30px; line-height: 32px; margin: 0 0 5px;}
.highlightChannel .highlight-list { float: left; width: 300px; overflow: hidden;}

.twoCol .sponserLinks { width: 600px; overflow: hidden; background: #f3f3f3; border-radius: 0; box-shadow: none;}
.twoCol .sponserLinks h2 { font-size: 14px; color: #333333; text-transform: uppercase; border: none;}
.twoCol .sponserLinks .travelList .directoryDetail iframe { width: 300px;}
.twoCol .sponserLinks ul.travelList li { width: 300px;}
.twoCol .sponserLinks ul.travelList li.left { margin: 0;}

.special-box { width: 620px; overflow: hidden; clear: both; }
.special-box .twoSmallCol > li:first-child { width: 380px;}
.special-box .twoSmallCol .subChannelBox { width: 380px; margin: 0 0 20px;}
.special-box .twoSmallCol .subChannelBox ul { width: 380px;}
.special-box .twoSmallCol .subChannelBox ul li { width: 380px;}
.special-box .twoSmallCol .subChannelBox li .detail { width: 260px;}
.special-box .twoSmallCol .subChannelBox .view-inside { width: 200px;}
.special-box .twoSmallCol .subChannelBox .view-inside li { width: 18px;}
.special-box .twoSmallCol .subChannelBox .view-inside .view-comment { width: auto;}
.special-box .twoSmallCol > li:last-child { width: 220px;}
.special-box .twoSmallCol li div.subChannelBox:first-child ul li { border-bottom: 1px solid #e6e6e6;}
.special-box .twoSmallCol li div.subChannelBox:first-child ul li:last-child { padding: 10px 0; border-bottom: none;}
.special-box .twoSmallCol li div.subChannelBox:first-child ul li .view-inside .view-comment { padding: 0;}
.special-box .twoSmallCol li div.subChannelBox:first-child ul li .view-inside li { border: none;}
.DarkGreenTheme .special-box .twoSmallCol li div:first-child ul li { border-bottom: none;}
.DarkGreenTheme .special-box .twoSmallCol li div:first-child ul li:last-child { padding: 0;}
.special-box .twoSmallCol li .secondary { width: 380px;}
.special-box .twoSmallCol li .gold-price h2 { background-position: 302px -43px;}

.busineesSearch-box { width: 206px; overflow: hidden; background: #d5dedd; padding: 10px 7px 15px; margin: 0 0 20px;}
.busineesSearch-box h2 { font-size: 13px; text-transform: uppercase; margin: 0 0 15px;}
.busineesSearch-box form { width: 206px; padding: 0 0 18px; overflow: hidden; border-bottom: 1px solid #eaefee; margin: 0 0 15px;}
.busineesSearch-box form input { border: 1px solid #8fb7d0; color: #a2b8b5; font-size: 12px; font-weight: bold; padding: 5px 10px; width: 184px; margin: 0 0 10px;}
.busineesSearch-box form select {  border: 1px solid #8fb7d0; clear: both; color: #a2b8b5; font-size: 12px; font-weight: bold; padding: 5px 10px 5px 6px; width: 206px; margin: 0 0 10px;}
.busineesSearch-box form input.submit { border: none; width: 86px; height: 26px; clear: both; background: #2c5c55; color: #ffffff; cursor: pointer; margin: 0;}
.busineesSearch-box form input.submit:hover { background: #1f403b;}
.find-local { width: 206px; margin: 0 0 5px; overflow: hidden;}
.find-local li { width: 100%; margin: 0 0 3px;}
.find-local li a { font-size: 12px; color: #2c5c55; padding: 0 0 0 22px;}
.find-local li a:hover { text-decoration: underline;}
.find-local li { background: url(../img/icons/icon-allicon.png) 0 0 no-repeat;}
.find-local li:nth-child(1) { background-position: 0 -187px;}
.find-local li:nth-child(2) { background-position: 0 -215px;}
.find-local li:nth-child(3) { background-position: 0 -244px;}
.find-local li:nth-child(4) { background-position: 1px -273px;}
.find-local li:nth-child(5) { background-position: 1px -302px;}
.find-local li:nth-child(6) { background-position: 0 -331px;}
.find-local li:nth-child(7) { background-position: 2px -361px;}
.find-local li:nth-child(8) { background-position: 0 -386px;}
.find-local li:nth-child(9) { background-position: 2px -414px;}
.find-local li:nth-child(10) { background-position: 0 -444px;}
.find-local li:last-child { background: none;}
.twoSmallCol .find-local li:first-child { margin: 0 0 3px;}
.busineesSearch-box a:last-child { font-size: 12px; color: #2c5c55;}
.busineesSearch-box a:last-child:hover { text-decoration: underline;}

.businees-Calendar { width: 200px; overflow: hidden; clear: both; margin: 0 0 0; background: #f3f3f3; padding: 10px;}
.businees-Calendar h2 { text-transform: uppercase; font-size: 15px; margin: 0 0 10px;}
.businees-Calendar #datepicker { width: 200px; margin: 0 0 15px;}
.dirCalendar { width: 200px; overflow: hidden; clear: both; margin: 0 0 0; background: #f3f3f3; padding: 10px;}
.dirCalendar h2 { text-transform: uppercase; font-size: 15px; margin: 0 0 10px;}
.dirCalendar #datepicker { width: 200px; margin: 0 0 15px;}
.what-on ul li h3 { font-size: 13px; line-height: 11px; margin-bottom: 5px;}
.what-on ul li h3 a { color: rgb(33, 60, 112);}
.what-on ul li h3 a:hover { color: rgb(33, 60, 112); text-decoration: underline;}
.special-box .twoSmallCol .dirCalendar .what-on li { border-bottom: 1px solid #e6e6e6;}
.special-box .twoSmallCol .dirCalendar .what-on li:last-child { border: none; margin: 0 0 10px 0; padding: 10px 0 0;}
.twoSmallCol .what-on li { width: 200px;}
.twoSmallCol .what-on .detail { width: 90px;}
.twoSmallCol .link { width: 220px; overflow: hidden; clear: both; background: #f3f3f3;} 
.twoSmallCol .link p { width: 220px;}
.twoSmallCol .link p:first-child a,
.twoSmallCol .link p:last-child a { width: 220px;}
.twoSmallCol .link p a { border-top: 1px solid #fff; color: #213c70; float: left; font-size: 10px; font-weight: bold; padding: 10px 0; text-align: center; text-transform: uppercase; width: 110px;}
.twoSmallCol .link p a:hover { text-decoration: underline;}
.twoSmallCol .link p:nth-child(2) a:last-child { width: 109px; border-left: 1px solid #ffffff;}

aside .HotelRecommendBox { width: 280px; background: none #f3f3f3; height: auto; margin: 0 0 35px;}
aside .HotelRecommendBox h2 { color: #333333; text-transform: uppercase;}
aside .HotelRecommendBox .thumbnail h3 a,
aside .HotelRecommendBox .thumbnail p { width: 170px;}
aside .HotelRecommendBox .highlight .img-thumbnail { float: left; width: 90px; margin: 0 10px 0 0;}
aside .HotelRecommendBox .highlight h3 { margin: 0 0 5px 0; float: none;}
aside .HotelRecommendBox .highlight h3 a,
aside .HotelRecommendBox .thumbnail h3 a { font-size: 13px; line-height: 11px; float: none;}
aside .HotelRecommendBox .highlight p { font-size: 11px;}
aside .HotelRecommendBox .detail { float: left; width: 180px; overflow: hidden;}
.twoCol .dir-reviews { border: none; border-radius: 0; box-shadow: none; margin: 0 0 25px; padding: 0; width: 620px;}
.twoCol .dir-reviews h2 { text-transform: uppercase; color: #333333; margin: 0 0 10px;}
.twoCol .dir-reviews .slideshow { width: 300px;}
.twoCol .dir-reviews .slideshow .viewport { width: 300px; height: 280px;}
.twoCol .dir-reviews .rankVote li:last-child { border: none; padding: 0; margin: 0 !important;}
.twoCol .dir-reviews .slideshow .overview li { float: left; margin: 0; overflow: hidden; width: 300px; height: 280px;}
.dir-reviews .slideshow .next, 
.dir-reviews .slideshow .prev { height: 43px; position: absolute; top: 94px; width: 43px; z-index: 1; background: url("../img/button/btn-next_prev-travel.png") 0 0 no-repeat; display: none;}
.dir-reviews .slideshow .next span, 
.dir-reviews .slideshow .prev span { display: block; text-indent: -9999px;}
.dir-reviews .slideshow .prev { background-position: 0 0; left: 0;}
.dir-reviews .slideshow .prev:hover { background-position: 0 -53px;}
.dir-reviews .slideshow .next { background-position: -53px 0; right: 0;}
.dir-reviews .slideshow .next:hover { background-position: -53px -53px;}
.dir-reviews .slideshow .disable { display: none;}
.twoCol .dir-reviews .slideshow .viewport:hover .disable { display: none;}
.dir-reviews .slideshow .viewport:hover .next,
.dir-reviews .slideshow .viewport:hover .prev { display: block;}
.dir-reviews .slideshow .pager { width: 65px; margin: 0 auto 10px; overflow: hidden; clear: both;}
.dir-reviews .slideshow .pager li { float: left; width: 9px; height: 9px; margin-right: 5px;}
.dir-reviews .slideshow .pager li a { background: url(../img/button/bt-all_pagenum.png) 0 0 no-repeat; display: block; height: 9px; width: 9px;}
.dir-reviews .slideshow .pager li a:hover,
.dir-reviews .slideshow .pager li a.active { background: url(../img/button/bt-all_pagenum.png) -80px 0 no-repeat;}
.dir-reviews .slideshow .pager li a span { visibility: hidden;}
.dir-reviews .slideshow .pager .last { margin: 0;}
.dir-reviews .rankVote .detail p.byEditor { color: #333333; text-transform: uppercase; font-weight: bold; font-size: 10px;}
.dir-reviews ol.rankVote li h3 a { font-size: 13px; line-height: 11px;}

.TopThailand { overflow: hidden; padding: 0px; margin: 0px 0px 25px; width: 380px;}
.TopThailand h2 { margin: 0px 0px 10px;}
.TopThailand .rankVote { float: left; overflow: hidden; width: 380px;}
.TopThailand .rankVote li { padding: 0 0 10px; border-bottom: 1px solid #e2e2e2; width: 100%; margin-bottom: 10px !important}
.TopThailand .rankVote li:last-child { border: none;}
.TopThailand .rankVote li .detail { width: 277px;}
.TopThailand .rankVote li h3 span.up { margin: -4px 3px 0 -5px;}
.TopThailand .rankVote li h3 span.latestreview { display: block; float: left; margin-left: 0; width: 246px;}
.TopThailand .rankVote li h3 span.norating, .replycomment li span.norating { margin:  -4px 3px 0 7px}
.TopThailand .rankVote li h3 a { font-size: 13px; line-height: 16px;}
ol.rankVote li div.detail p a:hover { text-decoration: underline;}
.highlightChannel .highlight-list li > p.name { margin: 0; width: auto; height: auto;}

.highlightChannel h2.headline { font-size: color: #333333; font-size: 15px; line-height: 17px;}

.twoSmallCol .fuelPrices { width: 380px;}
.twoSmallCol .fuelPrices .headline { background-position: 325px 0;}
.twoSmallCol .fuelPrices table { width: 380px;}
.twoSmallCol .fuelPrices table th { width: 180px;}
.twoSmallCol .subChannelBox.fuelPrices ul li { border: none;}
.businessNews-box .twoSmallCol .fuelPrices table { width: 300px;}

.special-box .twoSmallCol > li:last-child .subChannelBox { width: 220px;}
.special-box .twoSmallCol > li:last-child .subChannelBox ul { width: 220px;}
.special-box .twoSmallCol > li:last-child .subChannelBox .detail { width: 220px;}
.special-box .twoSmallCol > li:last-child .subChannelBox .detail p { line-height: 16px;}

/* opinion */
.latest-opinion { width: 620px; overflow: hidden; clear: both; margin: 0 0 25px;}
.latest-opinion h2 { margin: 0 0 20px;}
.latest-opinion .highlight { width: 620px;  overflow: hidden; background: #eeeeee; margin: 0 0 35px;}
.latest-opinion > .highlight > li { width: 290px; float: left; overflow: hidden; padding: 10px;}
.latest-opinion .highlight li .img-thumbnail { clear: both; float: left; margin: 0 10px 10px 0;}
.latest-opinion .highlight li .detail { overflow: hidden; width: 600px; float: left;}
.latest-opinion .highlight li.addImg .detail { width: 290px;}
.latest-opinion .highlight li .thumbnail { display: block; margin: 0;}
.latest-opinion .highlight li .thumbnail a { margin: 0 5px 0 0;}
.latest-opinion .highlight li .thumbnail img { float: left; margin: 0 5px 5px 0; overflow: hidden;}
.latest-opinion .highlight li .thumbnail span:first-child { float: left; height: 35px; margin: 0 5px 5px 0; overflow: hidden; width: 35px;}
.latest-opinion .highlight li .thumbnail span.name { font-size: 11px; clear: none; color: #666666; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 10px 0 0; float: none; width: auto; height: auto; margin: 0;}
.latest-opinion .highlight li .thumbnail span.name:hover { text-decoration: underline;}
.latest-opinion .highlight li h3 { clear: both; margin: 0 0 5px; font-size: 15px; line-height: 17px;}
.latest-opinion .highlight li h3 a { margin: 0; color: #213c70;}
.latest-opinion .highlight li h3 a:hover { text-decoration: underline;}
.latest-opinion .highlight li p { clear: both; font-size: 12px; margin: 0 0 10px;}
.latest-opinion .highlight li p.day-time { margin: 0;}
.latest-opinion > .highlight > li:first-child { border-bottom: 1px solid #ffffff; width: 600px;}
.latest-opinion > .highlight > li:first-child h3 { font-size: 30px; line-height: 32px;}
.latest-opinion .highlight > li:nth-child(2) { padding: 0; width: 620px;}
.latest-opinion .highlight li ul { width: 620px; overflow: hidden; display: table;}
.latest-opinion .highlight li ul li { display: table-cell; float: none; width: 290px; padding: 10px;}
.latest-opinion .highlight li ul li:first-child { width: 289px; border-right: 1px solid #ffffff;}
.latest-opinion .highlight li ul li .detail { width: 289px;}
.latest-opinion .highlight li ul li.addImg .detail { width: 179px; float: left;}

.latest-opinion .latest-list { width: 620px;  overflow: hidden; margin: 0 0 25px;}
.latest-opinion .latest-list > li { width: 300px; float: left; overflow: hidden;}
.latest-opinion .latest-list > li:first-child { margin: 0 20px 0 0; }
.latest-opinion .latest-list > li > div { margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; overflow: hidden; padding: 0 0 15px;}
.latest-opinion .latest-list > li > div:last-child { border: none;}
.latest-opinion .latest-list li .detail { overflow: hidden; width: 300px; float: left;}
.latest-opinion .latest-list li .img-thumbnail { clear: both; float: left; margin: 0 10px 10px 0;}
.latest-opinion .latest-list div.addImg .detail { width: 190px;}
.latest-opinion .latest-list li .thumbnail { display: block; margin: 0; }
.latest-opinion .latest-list li .thumbnail a { margin: 0 5px 0 0;}
.latest-opinion .latest-list li .thumbnail img { float: left; margin: 0 5px 5px 0; overflow: hidden;}
.latest-opinion .latest-list li .thumbnail span:first-child { float: left; height: 35px; margin: 0 5px 5px 0; overflow: hidden; width: 35px;}
.latest-opinion .latest-list li .thumbnail span.name { font-size: 11px; clear: none; color: #666666; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 10px 0 0; float: none; width: auto; height: auto; margin: 0;}
.latest-opinion .latest-list li .thumbnail span.name:hover { text-decoration: underline;}
.latest-opinion .latest-list li h3 { clear: both; margin: 0 0 5px; font-size: 15px; line-height: 17px;}
.latest-opinion .latest-list li h3 a { margin: 0; color: #213c70;}
.latest-opinion .latest-list li h3 a:hover { text-decoration: underline;}
.latest-opinion .latest-list li h3 img { margin: 0 5px 0 -5px;}
.latest-opinion .latest-list li p { clear: both; font-size: 12px; margin: 0 0 10px;}
.latest-opinion .latest-list li p.day-time { margin: 0;}

.topColumnist { width: 620px; overflow: hidden; margin: 0 0 25px;}
.topColumnist h2 { margin: 0 0 20px;}
.topColumnist ul { width: 620px; overflow: hidden;}
.topColumnist ul li { float: left; width: 300px; margin: 0 20px 20px 0;}
.topColumnist > ul > li:nth-child(2n) { margin: 0 0 20px 0;}
.topColumnist ul li .thumbnail { float: left; margin: 0 10px 0 0;}
.topColumnist ul li .detail { float: left; overflow: hidden; width: 205px;}
.topColumnist ul li h3  { font-size: 13px; line-height: 15px; margin: 0 0 5px; text-transform: uppercase;}
.topColumnist ul li h3 a { color: #213c70;} 
.topColumnist ul li h3 a:hover {  text-decoration: underline;;} 
.topColumnist ul li h3 span { color: #999999; display: block; font-size: 10px;}
.topColumnist ul li p { font-size: 12px; margin: 0 0 5px;}
.topColumnist .contact { width: auto;}
.topColumnist .contact li { width: 16px; height: 16px; float: left; text-indent: -9999px; margin: 0 5px 0 0; padding: 0;}
.topColumnist .contact li a { background: url(../img/icons/icon-contact.png) 0 0 no-repeat; display: block;}
.topColumnist .contact li.mail a { background-position: 0 0;}
.topColumnist .contact li.facebook a { background-position: 0 -21px;}
.topColumnist .contact li.twitter a { background-position: 0 -41px;}

.Most-discussed { width: 300px; overflow: hidden; margin: 0 0 25px;}
.Most-discussed h2 { margin: 0 0 10px;}
.Most-discussed .thumbnail { color: #cccccc; float: left; font-size: 24px; font-weight: bold; margin-bottom: 0; overflow: hidden; padding-left: 10px; width: 30px;}
.Most-discussed ul li { border-bottom: 1px solid #ebebeb; padding: 7px 0; width: 300px; overflow: hidden;}
.Most-discussed > ul > li:first-child { margin: 0; padding: 0 0 10px;}
.Most-discussed > ul > li:first-child h3 { margin: 0 0 5px;}
.Most-discussed > ul > li:first-child .thumbnail { margin: 20px 0 0;}
.Most-discussed ul li .detail { float: left; margin-top: 7px; overflow: hidden; width: 240px;}
.Most-discussed ul li .detail h3 { font-size: 13px; line-height: 15px; }
.Most-discussed ul li .detail h3 a { color: #213c70;}
.Most-discussed ul li .detail h3 a:hover { text-decoration: underline;}
.Most-discussed ul li .detail p { font-size: 12px;}
.opinionNavyBlueTheme .twoSmallCol .Also li:last-child { border-bottom: 1px solid #e6e6e6;}

.view-character { width: 620px; overflow: hidden; margin: 0 0 25px;}
.view-character h2.headline { margin: 0 0 10px;}
.view-character h2.headline span { font-size: 15px; line-height: 17px;}
.view-character .character { margin: 0 0 5px; display: inline-block;}
.view-character .character a,
.view-character .character span { text-transform: uppercase; font-size: 15px; font-weight: bold; padding: 3px 7px; float: left; margin: 0 5px 8px 0;}
.view-character .character a { background: #f7f7f7; color: #999999;}
.view-character .character a.active,
.view-character .character a:hover { background: #394550; color: #ffffff;}
.view-character .character span { background: #f7f7f7; color: #e2e2e2;}
.view-character .name-list { width: 620px; overflow: hidden;}
.view-character .name-list > li { float: left; padding: 0 10px 0 0; overflow: hidden; width: 300px; margin: 0 9px 0 0; border-right: 1px solid #e6e6e6;}
.view-character .name-list > li:last-child { padding: 0; margin: 0; border-right: none;}
.view-character .name-list li ul li { border-bottom: 1px solid #e6e6e6; padding: 15px 0;  font-size: 13px; text-transform: uppercase; font-weight: bold;}
.view-character .name-list li ul li:first-child { border-top: 1px solid #e6e6e6;}
.view-character .name-list li ul li a { color: #213c70;}
.view-character .name-list li ul li a:hover { text-decoration: underline;}

.opinionNavyBlueTheme nav.pagination { text-align: center; clear: both;}
.opinionNavyBlueTheme nav.pagination >* {padding:3px 0; display: inline-block; font-size: 12px; font-weight: bold; margin-right: 0; text-align:center; width: 22px;}
.opinionNavyBlueTheme nav.pagination span,
.opinionNavyBlueTheme nav.pagination a:hover{background: #213c70; border: 1px solid #213c70; color:#fff; }
.opinionNavyBlueTheme nav.pagination a {background:#fff; border: 1px solid #e6e6e6; color:#999;}
.opinionNavyBlueTheme nav.pagination > *:last-child { margin:0;}
.opinionNavyBlueTheme nav.pagination > .first,
.opinionNavyBlueTheme nav.pagination > .last,
.opinionNavyBlueTheme nav.pagination > .next { width: 37px; height: auto;}
.opinionNavyBlueTheme nav.pagination > .prev { width: 60px;}

.writer-profile { width: 620px; overflow: hidden; padding: 0 0 5px;}
.writer-profile h2 { font-size: 24px; color: #333333; text-transform: uppercase; border-bottom: 2px solid #cccccc; margin: 0 0 20px; padding: 0 0 10px;}
.writer-profile h2 span { font-size: 12px; display: block; color: #999999;}
.writer-profile img { float: left; margin: 0 10px 10px 0;}
.writer-profile .detail { float: left; width: 460px;}
.writer-profile .detail h3 { font-size: 18px; line-height: 20px; margin: 0 0 5px;}
.writer-profile .detail h3 a { color: #213c70;}
.writer-profile .detail h3 a:hover { text-decoration: underline;}
.writer-profile p { margin: 0 0 10px; font-size: 12px;}
.writer-profile .contact { overflow: hidden;}
.writer-profile .contact li { margin: 0 0 5px; padding: 0;}
.writer-profile .contact li a { background: url(../img/icons/icon-contact.png) 0 0 no-repeat; display: block; padding-left: 21px; font-size: 12px; color: #333333; line-height: 16px;}
.writer-profile .contact li a:hover { text-decoration: underline;}
.writer-profile .contact li.mail a { background-position: 0 0;}
.writer-profile .contact li.facebook a { background-position: 0 -21px;}
.writer-profile .contact li.twitter a { background-position: 0 -41px;}
.writer-profile.postbag { overflow: hidden;}
.writer-profile.postbag header { border-bottom: 2px solid #cccccc; padding: 0 0 10px; overflow: hidden; position: relative;}
.writer-profile.postbag header h2 { border: none; margin: 0; padding: 0; float: left;}
.writer-profile.postbag header > a:last-child { background: url(../img/icons/icon-postbag.png) 0 0 no-repeat; position: absolute; right: 0; bottom: 10px; padding: 3px 0 3px 25px; font-size: 12px;}
.writer-profile.postbag header > a:hover { text-decoration: underline;}
.writer-profile.postbag article { padding: 20px 0 10px; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.writer-profile.postbag article a img { margin: 0 10px 0 0;}
.writer-profile.postbag .detail { width: 360px;}
.writer-profile.postbag .detail h3 { margin: 0 0 10px;}
.writer-profile p.day-time { margin: 0 0 5px; background: url(../img/icons/icon-postbag.png) 0 0 no-repeat; padding: 4px 0 4px 25px; font-size: 13px;}

.postbag-list { overflow: hidden; margin: 0 0 25px;}
.postbag-list li { overflow: hidden; padding: 10px 0 15px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6;}
.postbag-list li h3 { font-size: 15px; line-height: 17px; margin: 0 0 5px;}
.postbag-list li h3 a { color: #213c70;}
.postbag-list li h3 a:hover { text-decoration: underline;}
.postbag-list li p { font-size: 12px;}
.postbag-list li p.day-time { background: url(../img/icons/icon-postbag.png) 0 0 no-repeat; padding: 6px 0 4px 25px; font-size: 12px;}
.postbag-list nav { width: 620px; overflow: hidden; text-align: center; padding: 5px 0; margin: 15px 0;}
.postbag-list nav span, 
.postbag-list nav a { padding: 3px 5px; background: #ffffff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: bold; color: #999999}
.postbag-list nav span { color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.postbag-list nav a:hover { color: #ffffff; background: #213c70; border: 1px solid #213c70;}

.writer-list { width: 620px; overflow: hidden; margin: 0 0 25px; border-top: 1px solid #e6e6e6; padding: 25px 0 0;}
.writer-list ul li { float: left; width: 300px;}
.writer-list ul li:first-child {  margin: 0 20px 0 0;}
.writer-list ul li > div { border-bottom: 1px solid #e6e6e6; padding: 0 0 10px; margin: 10px 0 0; overflow: hidden;}
.writer-list ul li > div:first-child { margin: 0;}
.writer-list ul li > div h3 { font-size: 13px; line-height: 15px; margin: 0 0 5px;}
.writer-list ul li > div h3 img { margin: 0 5px 0 0;}
.writer-list ul li > div h3 a { color: #213c70;}
.writer-list ul li > div h3 a:hover { text-decoration: underline;}
.writer-list ul li > div p { font-size: 12px; margin: 0 0 5px;}
.writer-list ul li > div:last-child { border-bottom: none;}
.writer-list .detail { width: 300px; overflow: hidden;}
.writer-list .addImg .img-thumbnail { float: left; margin: 0 10px 0 0;}
.writer-list .addImg .detail { float: left; width: 190px;}

.opinionNavyBlueTheme .articleContent article header ul li.detail-writer { float: left; margin: 0 15px 0 0; width: 180px; border-right: 1px solid #e6e6e6; padding: 0 10px 0 0; list-style: none;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .img-thumbnail { float: left; margin: 0 5px 0 0;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer p { font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 12px; line-height: 14px;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer p a { text-decoration: none;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer p a:hover { text-decoration: underline;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer p span { font-size: 10px; color: #999999; display: block;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .contact { border: none; clear: none; padding: 5px 0 0; width: auto; min-height: inherit;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .contact li { width: 16px; height: 16px; float: left; text-indent: -9999px; margin: 0 5px 0 0;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .contact li a { background: url(../img/icons/icon-contact.png) 0 0 no-repeat; display: block;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .contact li.mail a { background-position: 0 0;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .contact li.facebook a { background-position: 0 -21px;}
.opinionNavyBlueTheme .articleContent article header ul li.detail-writer .contact li.twitter a { background-position: 0 -41px;}
.opinionNavyBlueTheme .articleContent article header ul a.comment,
.opinionNavyBlueTheme .articleContent article header ul span.view { margin: 0 10px 0 0;}

.Expat-forum a.topictitle, .Expat-forum a.forumtitle { font-size: 13px; line-height: 15px;}
.Expat-forum li.header dl.icon dd { font-weight: normal !important;}