.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, .subscribe-here .subscribe-content a, .contentDetail-right .content-info h2, .getFull_version p a, .archive-memberDetail li h4, 
.archive-login h2, .highlightLogin p.btn-group a, .archive-premium table th, .archive-premium table td a,
#content fieldset.alert_setting h3, #content fieldset.alert_setting .submit input, .error-step2 h2.headline, .recomment .headline span, #directoryWrapper .DirectoryAllCat h2, #search-hp .toggle-navigation li, #search-hp form.mini h2, #search-hp form.mini input[type="submit"], #search-hp .headline, #search-hp form.mini a[title="POST A LISTING"], .Latest-interview h2, .Latest-inaction h2 span, .interview h2 span, .aside-toggle .toggle-navigation li 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 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, .subscribe-here .subscribe-content p, body.searchArchive #headergroup h2, .img-search h2 span, .SearchList .detail h3, .archive-login h3.img-bg, #search-hp .search-list-HP li h3 a, .people h2 a, .people div .detail h3, .interview ul li .figure span, .Latest-interview ul li .figure, #Re-Commended li a { font-family: charis_silbold; font-weight: normal;}

.generalNews-box .SpecialReport h2.headline a, .MostViewed .mostViewList li .thumbnail, .sectionPhoto .highlight h2, .PhotoNews .header h2 a span, .hotTopics_hp h1, .generalNews-box .SpecialReport h2,
.a-dayInPhoto h2 a span, .inFocus .headline a,
.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, .ExpatForum-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.svg) no-repeat right center; background-size: 13px; 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;}
.recomment .headline span { font-size: 15px; line-height: 17px;}
.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; position: relative;}
.section-vdo.article-vdo .highlight-vdo p.note { background: url(../img/icons/icon-note.png) 20px 12px no-repeat #e02428; color: #ffffff; padding: 15px 0 15px 50px; position: absolute; top: 0; left: 0; font-size: 12px; font-weight: bold; width: 100%;}
.section-vdo.article-vdo .highlight-vdo p.note a { color: #ffffff; text-decoration: underline;}
.section-vdo.article-vdo .highlight-vdo p.note a:hover { text-decoration: none;}
.article-vdo .vdo-embed { margin: 0 20px 10px 0;}

.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: 970px; position: relative; z-index: 3;}
.headerAd .leaderAd {position: relative;z-index: 2 !important;margin: 0 auto;overflow: hidden;}
/* Change When rollOver by javaScript */
.headerAd .leaderAdExpand {position: relative;z-index: 999 !important;margin: 0 auto;}

body .headerAd .leaderAd,
body .headerAd .leaderAdExpand,
body #top-channel .headerAd .leaderAd,
body #top-channel .headerAd .leaderAdExpand { margin: 0 auto; width: 728px;}

.billboard body .headerAd .leaderAd,
.billboard body .headerAd .leaderAdExpand,
.billboard body #top-channel .headerAd .leaderAd,
.billboard body #top-channel .headerAd .leaderAdExpand  { margin: 0 auto; width: 970px; text-align: center;}


.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.svg") 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.svg") 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, div.text-ads { width: 580px; margin: 20px 0; overflow: hidden; background: #e6e6e6; padding: 20px;}
.articleContents div.text-ads p, div.text-ads p { margin: 0; font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #666666;}
.articleContents div.text-ads p:first-child,, 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 .inputdata textarea::-webkit-input-placeholder { color: #999999;}
.articleContent #comment-list form.comment-not-login .inputdata textarea:-moz-placeholder { color: #999999;}
.articleContent #comment-list form.comment-not-login .inputdata textarea::-moz-placeholder {  color: #999999;}
.articleContent #comment-list form.comment-not-login .inputdata textarea:-ms-input-placeholder {  color: #999999;}

.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,span.analysis { text-indent: -9999px; background: url(../img/icons/icon-allicon.svg) 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: 103px; height: 11px; margin: 0 0 5px;}
span.adver {background-position: 0 -162px; width: 60px; }
span.exclusive { background-position: 0 -527px; width: 60px;}
span.analysis { background-position: 0 -609px; width: 51px;}
.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 3px 0 0; background-position: 0 -46px;}
.Most-Recent ul li p span.icon-photo,
.Most-Recent ul li p span.icon-vdo { margin: 0 3px 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;}

body.blueTheme .TopStory { overflow: hidden; float: right; width: 220px;}
.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.svg) 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.svg) 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.svg) 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.svg) no-repeat 110px center; background-size: 13px; 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: url("../img/icons/icon-arrowOpa.png") right center no-repeat;}
.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;}

.sectionPhoto .latest nav { width: 940px; overflow: hidden; text-align: right; padding: 5px 0; margin: 15px 0;}
.sectionPhoto .latest nav span, .sectionPhoto .latest nav a { padding: 3px 5px; background: #ffffff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: bold; color: #999999}
.sectionPhoto .latest nav span { color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.sectionPhoto .latest 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.svg") right 0 no-repeat; background-size: 13px; 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; border: none;}
.box-subChannel .a-dayInPhoto h2 a { color: #ffffff; background: url("../img/icons/icon-arrowOpa.png") right center no-repeat; padding: 0 20px 0 0;}
.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 a {font-size: 13px; color:#213c70; display:block; line-height: 18px;}
#MostUpdate li a:hover { text-decoration: underline;}
#MostUpdate li .time { color:#333333; font-size: 11px; width: 35px; vertical-align: middle; font-weight: bold; margin: 0 5px 0 0;}
#MostUpdate li p {display:inline-block; width: 245px; vertical-align: top;}
#MostUpdate li:first-child { border-bottom: 1px solid #dcdcdc; padding: 10px 0;}
#MostUpdate li:first-child a { font-size: 15px; line-height: 17px;}
#MostUpdate li:first-child .time { color: #333333; font-size: 14px; width: 45px;}
#MostUpdate li:first-child p { 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: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;}
.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-local-service.png) no-repeat 0 5px; padding: 2px 0 2px 22px;}
.local-service .left-clm {width: 100%;}
.local-service .left-clm li:nth-child(2) { background-position: 0 -28px;}
.local-service .left-clm li:nth-child(3) { background-position: 0 -59px;}
.local-service .left-clm li:nth-child(4) { background-position: 0 -90px;}
.local-service .left-clm li:nth-child(5) { background-position: 0 -119px;}
.local-service .left-clm li:nth-child(6) { background-position: 0 -153px;}
.local-service .left-clm li:nth-child(7) { background: none;}
.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;}
.homepage .footer-search form.search-menu { margin: 0;}
/*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: 810px; overflow: hidden; padding: 15px 0 0; margin-bottom: 20px; height: 640px\0;}
section.exchange #exchange-rate iframe {position: absolute; top: -135px; left: -33px; }
.ie section.exchange #exchange-rate {height: 810px}
.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;}
.boxSurvey p.btn { text-align: center; background: #d31145; padding: 15px 0; clear: both; margin: -5px 0 0;}
.boxSurvey p.btn a { width: 148px; height: 14px; display: inline-block; text-align: center; background: #123a77; color: #ffffff; padding: 13px 0 15px; font-weight: bold; font-family:'arial_blackregular'; font-size: 12px;}
.boxSurvey p.btn a:hover { background: #192c4c;}
.boxSurvey p.btn a:first-child { margin: 0 15px 0 0;}

.text-warning { background: #ffffff;  width: 100%; padding: 0; height: 0; overflow: hidden;}
.text-warning > div { background: url(../img/bg/warning.png) 135px 7px no-repeat #e02428; padding: 9px 177px; width: 586px; overflow: hidden; margin: 10px auto 0; color: #ffffff; font-size: 12px; position: relative;}
.text-warning > div h2 { font-family:'arial_blackregular'; font-weight: normal; font-size: 12px;}
.text-warning > div a { position: absolute; right: 0; top: 0; cursor: pointer;}
.text-warning > div.text-warning-hp { padding: 9px 105px; width: 730px; background-position: 63px 7px;}

/* 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;}
aside .busineesSearch-box { width: 286px;}
aside .busineesSearch-box form { width: 286px;}
aside .busineesSearch-box form input { width: 264px;}
aside .busineesSearch-box form select { width: 286px;}
.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-local-service.png) 0 0 no-repeat;}
.find-local li:nth-child(1) { background-position: 0 4px;}
.find-local li:nth-child(2) { background-position: 0 -30px;}
.find-local li:nth-child(3) { background-position: 0 -61px;}
.find-local li:nth-child(4) { background-position: 0 -93px;}
.find-local li:nth-child(5) { background-position: 0 -122px;}
.find-local li:nth-child(6) { background-position: 0 -156px;}
/*.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 0;}
.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;}

/** archive login**/
#content.archive-login { width: 940px; padding: 0 10px 30px;}
.archive-login .login-Box { float: left; overflow: hidden; width: 342px; float: right;}
.archive-login h2 { font-size: 15px; line-height: 17px; text-transform: uppercase; margin: 0 0 35px;}
.archive-login h3.img-bg { padding: 0 0 0 100px; background: url(../img/bg/bg-imgLogin.png) 10px 6px no-repeat; font-size: 24px; line-height: 26px; margin: 0 0 25px;}
.archive-login h3.img-bg span { display: block;}
.archive-login .login-Box .login-member { background: #ffffff; border: 1px solid #e6e6e6; overflow: hidden; width: 340px;padding: 10px 0 0; margin: 0 0 10px;}
.archive-login .login-Box .login-member h2 { font-size: 13px; padding-left: 10px; text-transform: uppercase; margin: 0;}
.archive-login .login-Box .login-member h2 span { display: block;}
.archive-login .login-Box .login-member form { overflow: hidden;padding: 10px 0 0 10px;width: 318px;}
.archive-login .login-Box .login-member form ul { overflow: hidden; width: 318px;}
.archive-login .login-Box .login-member form ul li { clear: both; float: left; overflow: hidden; padding-bottom: 10px; width: 318px;}
.archive-login .login-Box .login-member form ul li p { font-size: 12px; float: right; padding: 5px 0; width: 185px;}
.archive-login .login-Box .login-member form ul li p a { color: #363636; text-decoration: underline;}
.archive-login .login-Box .login-member form ul li p a:hover { text-decoration: none;}
.archive-login .login-Box .login-member form ul .login label { font-size: 12px; float: left; padding-top: 4px;}
.archive-login .login-Box .login-member form ul .login input { float: right; width: 175px;}
.archive-login .login-Box .login-member form ul .login input[type="text"],
.archive-login .login-Box .login-member form ul .login input[type="password"] { clear: both; float: left; width: 296px; padding: 8px; border-radius: 5px; border: 1px solid #dfdfdf;}
.archive-login .login-Box .login-member form ul .checkbox { clear: both; font-size: 12px; float: left; overflow: hidden; padding: 0; width: 310px;}
.archive-login .login-Box .login-member form ul .checkbox label { padding-left: 5px; width: 280px;}
.archive-login .login-Box .login-member form ul .submit { margin: 14px 0 0; background: url(../img/property/btn-LogIn.png) 0 0 no-repeat; border: none; display: inline-block; height: 26px; margin: 14px 0 0; width: 118px; cursor: pointer;}
.archive-login .login-Box .login-member form ul .submit:hover { margin: 14px 0 0; background-position: 0 -26px;}
.archive-login .login-Box .login-member form ul li .headline { width: 130px; text-transform: none; line-height: normal; border: none;}
.archive-login .login-Box .login-member form ul li .form-message { clear: both; float: left; width: 315px;}
.archive-login .login-Box .login-member form ul li .fotgotPassword { margin: 14px 0 0; width: 175px;}

.archive-login .login-Box .Login-with-social p:nth-child(2) { background: none; margin: 0 0 10px; text-align: left;}

.archive-login .login-Box > a { background: #294782; float: left; color: #ffffff; width: 340px; text-align: center; text-transform: uppercase; font-size: 12px; padding: 5px 0;}
.archive-login .login-Box > a:hover { background: #1d325b;}
.archive-login .login-Box > a span { display: block;}
.archive-login .login-Box #validate_img { float: left; clear: both; margin: 0 10px 0 0;}
.archive-login .login-Box #changimg { float: left; margin: 32px 0 0 0; cursor: pointer;}

.highlightLogin { background: url(../img/bg/bg-archive-highlighLogin.png) 0 0 no-repeat #f5f5f5; width: 570px; overflow: hidden; height: 580px; float: left; position: relative; margin: 0 0 30px;}
.highlightLogin p.btn-group { position: absolute; text-align: center; width: 100%; bottom: 20px;}
.highlightLogin p.btn-group a { text-transform: uppercase; font-size: 12px; line-height: 14px; color: #ffffff; min-width: 140px; padding: 15px 10px; background: #223d6e; display: inline-block; vertical-align: top;}
.highlightLogin p.btn-group a:hover { background: #182b4d;}
.highlightLogin p.btn-group a span { display: block;}
.highlightLogin p.btn-group a:last-child { padding: 8px 10px;}
.highlightLogin > a[class^="btn"] { position: absolute; text-indent: -9999px;}
.highlightLogin > a.btn-1 { bottom: 98px; height: 109px; left: 291px; width: 170px;}
.highlightLogin > a.btn-2 { bottom: 328px; height: 99px; left: 388px; width: 170px;}
.highlightLogin > a.btn-3 { height: 109px; left: 138px; top: 38px; width: 130px;}

.archive-premium { padding: 20px 0;}
.archive-login .archive-premium h2 { margin: 0 0 20px; }

.archive-premium table { width: 100%; overflow: hidden; text-align: left;}
.archive-premium table th { padding: 20px 16px; background: #223d6e; color: #ffffff; font-size: 12px; line-height: 14px; text-transform: uppercase;}
.archive-premium table th:first-child { width: 307px; border-right: 1px solid #ffffff;}
.archive-premium table td { padding: 20px 16px; background: #ededed; border-bottom: 1px solid #ffffff; font-size: 12px; vertical-align: top;}
.archive-premium table td:first-child { font-weight: bold; text-transform: uppercase; border-right: 1px solid #ffffff; font-size: 14px;}
.archive-premium table td:first-child span { display: block;}
.archive-premium table td:last-child span { font-weight: bold; color: #cc0000;}
.archive-premium table tr.blue td { background: #e0edfc;}
.archive-premium table td p { width: 375px; float: left;}
.archive-premium table td a { text-transform: uppercase; color: #ffffff; background: #223d6e; float: right; width: 140px; text-align: center; padding: 8px 0;}
.archive-premium table td a:hover { background: #182b4d;}

.archive-premium .archive-billboard { background: url("../img/bg/bg-archive-memberPremium.jpg") 0 0 no-repeat; margin: 0 0 20px; width: 940px; height: 529px; position: relative;}
.archive-premium .archive-billboard > a[class^="btn"] { position: absolute; text-indent: -9999px;}
.archive-premium .archive-billboard > a.btn-1 { bottom: 45px; height: 109px; left: 474px; width: 170px;}
.archive-premium .archive-billboard > a.btn-2 { bottom: 282px; height: 99px; left: 578px; width: 160px;}
.archive-premium .archive-billboard > a.btn-3 { height: 109px; left: 322px; top: 38px; width: 130px;}

#content fieldset.alert_setting { width: 940px;}
#content fieldset.alert_setting h3 { margin: 0 0 15px; text-transform: uppercase;}
#content fieldset.alert_setting h3 span { display: block;}
#content fieldset.alert_setting ul { border-bottom: 1px solid #e6e6e6; padding: 3px 0 25px; margin: 0 0 30px; overflow: hidden;}
#content fieldset.alert_setting table { width: 940px; border-bottom: 1px solid #e6e6e6; padding: 0 0 25px; margin: 0 0 25px;}
#content fieldset.alert_setting table td  { background: #ededed; width: 121px; height: 14px; padding: 10px 8px; border-right: 19px solid #ffffff; border-bottom: 10px solid #ffffff;}
#content fieldset.alert_setting table td label img { float: right; margin: 0 10px 0 0;}
#content fieldset.alert_setting table tr td:last-child { border-right: none;}
#content fieldset.alert_setting table td.none { background: #ffffff;}
#content fieldset.alert_setting p.productUpdate { border-bottom: 1px solid #e6e6e6; padding: 0 0 25px; margin: 0 0 25px; width: 100%;}
#content fieldset.alert_setting label span { display: inline-block; margin: 0 0 0 5px;}
#content fieldset.alert_setting .submit input { border: none; background: #294783; text-transform: uppercase; font-size: 12px; color: #ffffff; padding: 10px; margin: 0 20px 0 0; cursor: pointer;}
#content fieldset.alert_setting .submit input:hover { background: #1d325b;}

/* error 404 */
#Search-noresult { padding: 40px 0 0; background: url('../img/bg/bg-Error404.png') 0 bottom no-repeat; height: 469px;}
#Search-noresult h2 { background: url('../img/bg/intro-Error404.png') 0 0 no-repeat; text-indent: -9999px; width: 801px; height: 98px; margin: 0 0 20px;}
#Search-noresult p { line-height: 24px; color: #333333;}
#Search-noresult p span { display: block;}
#Search-noresult p a { display: inline-block; color: #213c70; text-decoration: none;}
#Search-noresult p a:hover { text-decoration: underline;}
#Search-noresult form fieldset label { display: block; margin: 0 0 10px; color: #333333;}
#Search-noresult form fieldset input { width: 315px; height: 34px;}
#Search-noresult form fieldset .searchbtn { background-image: none; background-color: #294783; font-family:'arial_blackregular'; font-weight: normal; color: #ffffff; font-size: 14px; text-transform: uppercase; width: 102px; height: 39px; padding: 0;}
#Search-noresult form fieldset .searchbtn:hover { background-color: #213969;}
.error-step2 { padding: 20px 0; overflow: hidden; width: 940px; margin: 0 auto;}
.error-step2 h2.headline { text-transform: uppercase; font-size: 15px; line-height: 17px; padding: 0 0 10px; margin: 0 0 25px;}
.error-step2 form.default input[type="text"] { height: 34px; width: 315px; padding: 2px;}
.error-step2 form.default input[type="submit"] { background: #294783; color: #ffffff; font-family: "arial_blackregular"; font-size: 14px; font-weight: normal; height: 39px; padding: 0; text-transform: uppercase; width: 102px; border: none;}
.error-step2 form.default input[type="submit"]:hover { background-color: #213969;}

/*video embed*/
.video-embed { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative;}
.video-embed > iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*search homepage*/
#search-hp { width: 100%; overflow: hidden; margin: 0 auto;}
#search-hp .toggle-navigation { width: 940px; overflow: hidden; margin: 0 auto 1px; height: auto; background: none; padding: 0;}
#search-hp .toggle-navigation li { width: 117px; overflow: hidden; float: left; overflow: hidden; text-align: center; border-top: 8px solid #ffffff; font-size: 10px; color: #ffffff; text-transform: uppercase; padding: 45px 0 12px; cursor: pointer; background: url('../img/icons/icon-search-hp.png') 0 0 no-repeat;}
#search-hp .toggle-navigation li.Jobs { background-color: #1e608a; background-position: center 16px;}
#search-hp .toggle-navigation li.Jobs.active,
#search-hp .toggle-navigation li.Jobs:hover { border-top: 8px solid #1e608a;}
#search-hp .toggle-navigation li.Property { background-color: #406174; background-position: center -103px;}
#search-hp .toggle-navigation li.Property.active,
#search-hp .toggle-navigation li.Property:hover { border-top: 8px solid #406174;}
#search-hp .toggle-navigation li.Travel { background-color: #3c8413; background-position: center -228px;}
#search-hp .toggle-navigation li.Travel.active,
#search-hp .toggle-navigation li.Travel:hover { border-top: 8px solid #3c8413;}
#search-hp .toggle-navigation li.Education { background-color: #d24602; background-position: center -357px;}
#search-hp .toggle-navigation li.Education.active,
#search-hp .toggle-navigation li.Education:hover { border-top: 8px solid #d24602;}
#search-hp .toggle-navigation li.Lifestyle { background-color: #c44577; background-position: center -484px;}
#search-hp .toggle-navigation li.Lifestyle.active,
#search-hp .toggle-navigation li.Lifestyle:hover { border-top: 8px solid #c44577;}
#search-hp .toggle-navigation li.Auto { background-color: #343739; background-position: center -601px;}
#search-hp .toggle-navigation li.Auto.active,
#search-hp .toggle-navigation li.Auto:hover { border-top: 8px solid #343739;}
#search-hp .toggle-navigation li.Company { background-color: #2c5c55; background-position: center -725px;}
#search-hp .toggle-navigation li.Company.active,
#search-hp .toggle-navigation li.Company:hover { border-top: 8px solid #2c5c55;}
#search-hp .toggle-navigation li.All { background-color: #999999; padding: 0; background-position: center -844px; width: 121px;}
#search-hp .toggle-navigation li.All a { padding: 45px 50px 12px; display: inline-block; color: #ffffff;}
#search-hp .toggle-navigation li.All.active,
#search-hp .toggle-navigation li.All:hover { border-top: 8px solid #999999;}


#search-hp .toggle-detail { width: 100%; margin: 0 auto; height: 446px; overflow: hidden;}
#search-hp .toggle-detail li { width: 100%; height: 446px; overflow: hidden;}
#search-hp .toggle-detail li.Jobs-detail { background: url('../img/bg/bg-search-job.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Property-detail { background: url('../img/bg/bg-search-property.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Travel-detail { background: url('../img/bg/bg-search-travel.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Education-detail { background: url('../img/bg/bg-search-education.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Lifestyle-detail { background: url('../img/bg/bg-search-lifestyle.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Auto-detail { background: url('../img/bg/bg-search-auto.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Company-detail { background: url('../img/bg/bg-search-company.jpg') center 0 no-repeat;}

#search-hp .Jobs-detail > div { background: url(../img/opacity/Opa-job.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Property-detail > div { background: url(../img/opacity/Opa-property.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Travel-detail > div { background: url(../img/opacity/Opa-travel.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Education-detail > div { background: url(../img/opacity/Opa-education.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Lifestyle-detail > div { background: url(../img/opacity/Opa-lifestyle.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Auto-detail > div { background: url(../img/opacity/Opa-auto.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Company-detail > div { background: url(../img/opacity/Opa-company.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}

#search-hp form.mini { margin: 0 auto; overflow: hidden; width: 860px; margin: 0 0 10px;}
#search-hp form.mini h2 { color: #ffffff; font-size: 13px; line-height: 15px; margin: 0 0 10px;}
#search-hp form.mini div { width: 860px; overflow: hidden;}
#search-hp form.mini input[type="text"] { border: 1px solid #fff; color: #999; float: left; font-size: 12px; height: 15px; line-height: 14px; margin: 0 10px 0 0; padding: 5px 10px; width: 280px;}
#search-hp form.mini input[type="submit"] { background: #123a53; border: none; color: #fff; float: left; font-size: 11px; height: 28px; line-height: 14px; padding: 0 15px; width: 83px; cursor: pointer;}
#search-hp form.mini a[title="POST A LISTING"] { background: #406174; color: #fff; display: inline-block; float: right; font-size: 11px; line-height: 14px; margin: 0 0 0 5px; padding: 7px 15px; text-transform: uppercase;}
#search-hp form.mini input[type="submit"]:hover { background: #0d283a;}
#search-hp form.mini .custom { float: left; margin: 0 10px 0 0; position: relative; width: 153px;}
#search-hp form.mini .custom span.customSelect { background: #fff url("../img/auto/search-ico.png") no-repeat scroll 135px -102px; border: medium none; color: #999; float: none; font-size: 12px; height: 27px; line-height: 10px; padding: 0; width: 153px;}
#search-hp form.mini .custom select option { border: none; padding: 5px 0; color: #999; font-size: 12px;}

#search-hp .trend { font-size: 11px; color: #ffffff; margin: 0 0 20px;}
#search-hp .trend span { background: url('../img/bg/bg-arrowTrend.png') 0 0 no-repeat; width: 100px; display: inline-block; padding: 4px 5px;}
#search-hp .trend a { display: inline-block; color: #ffffff; font-size: 12px;}
#search-hp .trend a:hover { text-decoration: underline;}

#search-hp .Jobs-detail .trend span { background-position: 0 0;}
#search-hp .Property-detail .trend span { background-position: 0 -41px;}
#search-hp .Travel-detail .trend span { background-position: 0 -82px;}
#search-hp .Education-detail .trend span { background-position: 0 -123px;}
#search-hp .Lifestyle-detail .trend span { background-position: 0 -164px;}
#search-hp .Auto-detail .trend span { background-position: 0 -205px;}
#search-hp .Company-detail .trend span { background-position: 0 -246px;}

#search-hp .headline { font-size: 15px; line-height: 17px; color: #ffffff; margin: 0 0 20px; padding: 0 0 20px; background: url(../img/opacity/Opa-w30.png) 0 bottom repeat-x; border: none;}

#search-hp .search-list-HP { width: 860px; overflow: hidden; margin: 0;}
#search-hp .search-list-HP li { width: 198px; overflow: hidden; margin: 0 22px 0 0; float: left; background: #ffffff; height: 225px;}
#search-hp .search-list-HP li:last-child { margin: 0;}
#search-hp .search-list-HP li a.figure { padding: 0 0 10px; display: inline-block; display: table-cell; height: 132px; text-align: center; vertical-align: middle; width: 198px; background: #ffffff; position:relative;}
#search-hp .search-list-HP li a.figure img { display: inline-block; vertical-align: middle;}
#search-hp .search-list-HP li a.figure span { display:block; position:absolute; bottom: 2px; left:0; background: url("../img/bg/bg-rent-sell.png") no-repeat 0 0; height: 18px; width:198px; overflow: hidden; text-indent: -9999px;}
#search-hp .search-list-HP li a.figure span.forSell { background-position: -210px -124px;}
#search-hp .search-list-HP li a.figure span.forRent { background-position: -210px 0;}
#search-hp .search-list-HP li h3 { padding: 0 10px; font-size: 13px; line-height: 15px; margin: 0 0 5px;}
#search-hp .search-list-HP li h3 a { color: #213c70; margin: 0;}
#search-hp .search-list-HP li h3 a:hover { text-decoration: underline;}
#search-hp .search-list-HP li p { padding: 0 10px; font-size: 11px; font-weight: bold;}
#search-hp .Property-detail .search-list-HP li a.figure { padding: 0 0 20px;}

#search-hp .Jobs-detail form.mini .custom span.customSelect.customSelect.styled { width: 310px; background-position: 290px -102px;}
#search-hp .Jobs-detail form.mini .custom { width: 310px;}
#search-hp .Jobs-detail .search-list-HP li h3 { padding: 0 20px;}
#search-hp .Jobs-detail .search-list-HP li p { font-family: Arial,Thonburi,Tahoma; font-weight: normal; padding: 0 20px;}
#search-hp .Jobs-detail .search-list-HP li .figure { display: table-cell; height: 90px; padding: 20px 19px; text-align: center; vertical-align: middle; width: 160px; background: #ffffff;}
#search-hp .Jobs-detail .search-list-HP li .figure img { display: inline-block; vertical-align: middle;}

#search-hp .Property-detail form.mini input[type="submit"] { background: #e6a815;}
#search-hp .Property-detail form.mini input[type="submit"]:hover { background: #ebb944;}
#search-hp .Property-detail form.mini a[title="POST A LISTING"]:hover { background: #668190;}

#search-hp .Travel-detail form.mini input[type="submit"] { background: #244f0b;}
#search-hp .Travel-detail form.mini input[type="submit"]:hover { background: #193708;}
#search-hp .Travel-detail form.mini a[title="POST A LISTING"] { background: #b0ae0e;}
#search-hp .Travel-detail form.mini a[title="POST A LISTING"]:hover { background: #9e9c0c;}

#search-hp .Education-detail form.mini input[type="submit"] { background: #802a00;}
#search-hp .Education-detail form.mini input[type="submit"]:hover { background: #722500;}
#search-hp .Education-detail form.mini a[title="POST A LISTING"] { background: #f78810;}
#search-hp .Education-detail form.mini a[title="POST A LISTING"]:hover { background: #eb7c04;}

#search-hp .Lifestyle-detail form.mini input[type="submit"] { background: #782748;}
#search-hp .Lifestyle-detail form.mini input[type="submit"]:hover { background: #6c2341;}
#search-hp .Lifestyle-detail form.mini a[title="POST A LISTING"] { background: #ff91a3;}
#search-hp .Lifestyle-detail form.mini a[title="POST A LISTING"]:hover { background: #ee788c;}

#search-hp .Auto-detail form.mini input[type="submit"] { background: #cdcdcd;}
#search-hp .Auto-detail form.mini input[type="submit"]:hover { background: #8f8f8f;}
#search-hp .Auto-detail form.mini a[title="POST A LISTING"] { background: #ffc031;}
#search-hp .Auto-detail form.mini a[title="POST A LISTING"]:hover { background: #f7b113;}

#search-hp .Company-detail form.mini input[type="submit"] { background: #183733;}
#search-hp .Company-detail form.mini input[type="submit"]:hover { background: #132c29;}
#search-hp .Company-detail form.mini a[title="POST A LISTING"] { background: #1da995;}
#search-hp .Company-detail form.mini a[title="POST A LISTING"]:hover { background: #1b9a88;}

#search-hp .Property-detail form.mini div > p .styled .customSelectInner { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 127px !important;}

footer.no-border { border: none;} 

.people { width:250px; height: 454px; overflow: hidden; background: #000000; padding: 0 25px; margin: 0 0 25px;}
.people h2 { text-align: center; padding: 10px 0; border: none;}
.people h2 a { font-size:18px; line-height: 20px; text-transform: uppercase; color: #ffffff; background: url("../img/icons/icon-arrowOpa.png") right center no-repeat;}
.people > div { cursor: pointer; height: 375px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 250px;}
.people > div figure { width: 250px; height: 375px; display: block;}
.people > div p.figure a { background: url("../img/opacity/Opa-b80.png") repeat 0 0; display: inline-block; float: left; font-size: 11px; height: 17px; padding: 9px 0 0; width: 143px; text-transform: uppercase; line-height: 11px; color: #c64377;}
.people > div .detail { background: url(../img/lifestyle/bg-opacity-b20.png) 0 0 repeat; height: 80px; padding: 10px 10px 0; position: absolute; width: 230px; z-index: 1; top: 340px;}
.people > div .detail h3 {  font-size: 15px; line-height:17px; margin: 0 0 10px}
.people > div .detail h3 a { color: #ffffff;}
.people > div .detail h3 a:hover { color: #ffffff; text-decoration: underline;}
.people > div .detail p { color: #ffffff; font-size: 12px;}

.people .share-mail { width: 100px; overflow: hidden; padding: 10px 0 0;}
.people .share-mail li { width: 16px; height: 16px; overflow: hidden; float: left; margin-right: 5px; border: none; padding: 0;}
.people .share-mail li:last-child { margin: 0;}
.people .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;}
.people .share-mail li:nth-child(2) a { background-position: -20px 0;}
.people .share-mail li:nth-child(3) a { background-position: -40px 0;}

.subChannel-people h2 { margin: 0 0 10px;}
.subChannel-people .highlight-list { width:620px; overflow:hidden; clear:both; padding: 0; column-gap: 20px; column-width: 300px; max-width: 620px; -moz-column-width: 300px; -moz-column-gap: 20px; -moz-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.subChannel-people .highlight-list li { overflow: hidden; display: inline-block; float:none; vertical-align: top; margin: 0 0 25px; background:#000; padding: 0; width: 300px;}
.subChannel-people .highlight-list li:last-child { margin-right: 0;} 
.subChannel-people .highlight-list li img { float: left;}
.subChannel-people .highlight-list li .detail { background: #000000; height: 55px; overflow: hidden; padding: 5px 10px; width: 180px; width: 280px;}
.subChannel-people .highlight-list li  h3 a { color: #ffffff;}
.subChannel-people .highlight-list span.inAlbum { float: right; position: static;} 

.interview h2 { margin: 0 0 10px; font-size:15px; line-height: 17px;}
.interview ul { width:620px; overflow:hidden; clear:both; margin: 0 0 25px;}
.interview ul li { float: left; margin: 0 10px 15px 0; width: 200px; background: #e5e5e5;}
.interview ul li:nth-child(3n+3) { margin: 0 0 10px;}
.interview ul li .figure { position: relative; display: inline-block; width: 200px; height:300px;}
.interview ul li .figure span { position: absolute; bottom:0; left:0; background: url("../img/opacity/Opa-b80.png") repeat 0 0; width:180px; color: #ffffff; padding: 5px 10px; line-height: 20px;}
.interview ul li .detail { padding: 5px 10px 15px; height: 90px; overflow:hidden;}
.interview ul li .detail p { font-size:12px; margin: 0 0 5px;}

.Latest-inaction h2 { margin: 0 0 10px; font-size: 15px; line-height: 17px;}
.Latest-inaction .highlight-list { width:620px; overflow:hidden; clear:both; padding: 0; column-gap: 10px; column-width: 200px; max-width: 620px; -moz-column-width: 200px; -moz-column-gap: 10px; -moz-column-count: 3; -ms-column-count: 3; -webkit-column-count: 3; column-count: 3;}
.Latest-inaction .highlight-list li { width: 200px; overflow: hidden; display: inline-block; float:none; vertical-align: top; margin: 0 0 25px; background:#000; padding: 0;}
.Latest-inaction .highlight-list li:last-child { margin-right: 0;}
.Latest-inaction .highlight-list li img { float: left;}
.Latest-inaction .highlight-list li .detail { background: #000000; height: 55px; overflow: hidden; padding: 5px 10px; width: 180px;}
.Latest-inaction .highlight-list li h3 a { color: #ffffff;}
.Latest-inaction .pagination,
.interview .pagination { clear:both; text-align: center;}

.Latest-inaction .highlight-list span.inAlbum { float: right; position: static;} 

.Latest-interview h2 { margin: 0 0 10px; font-size: 15px; line-height: 17px;}
.Latest-interview ul { width:620px; overflow:hidden; clear:both; margin: 0 0 25px;}
.Latest-interview ul li { float: left; margin: 0 20px 10px 0; width: 300px; background: #e5e5e5;}
.Latest-interview ul li:last-child { margin: 0 0 10px;}
.Latest-interview ul li .figure { position: relative; display: inline-block; width: 200px; height: 450px;}
.Latest-interview ul li .figure span { position: absolute; bottom:0; left:0; background: url("../img/opacity/Opa-b80.png") repeat 0 0; width:280px; color: #ffffff; padding: 3px 10px;}
.Latest-interview ul li .detail { padding: 5px 10px 15px; height: 70px; overflow:hidden;}
.Latest-interview ul li .detail p { font-size:12px; margin: 0 0 5px;}

.articlePeople article header h1 { font-size: 30px; line-height: 32px;}
.articlePeople article header h1 span { color: #999999; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px;}
.articlePeople article p { color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: normal; margin: 0 0 15px;}
.articlePeople article p a { font-weight: bold; text-decoration: none;}
.articlePeople article p a:hover { text-decoration: underline;}
.articlePeople article p.published-date { color: #999999; float: left; font-size: 11px;}
.articlePeople article #main-sns { clear: both; float: left; position: static;}
.articlePeople article #main-sns .tweeter-icon { width:71px;}

.articlePeople .all-photo { width:620px; margin: 0 0 25px; padding: 10px 0 0;}
.articlePeople .all-photo li { width:620px; margin: 0 0 25px; padding: 0;}
.articlePeople article .all-photo li p { color: #ffffff; font-size: 12px;}
.articlePeople article .all-photo li p a { color: #ffffff; text-decoration: underline;}
.articlePeople article .all-photo li p a:hover { text-decoration: none;}
.articlePeople .all-photo .number { font-size: 48px;}

/*tag article*/
.articleContent .article-footer {border-top: 2px solid #eee; overflow: hidden; padding: 15px 0 20px; width: 620px;}
.articleContent .article-footer .tags {float: left; width: 100%; }
.articleContent .article-footer .tags h3 {color: #333333; padding: 0 0 5px; font-size:11px; font-family:'arial_blackregular'; font-weight: normal; margin: 0;}
.articleContent .article-footer .tags a{position: relative; padding: 0 8px; z-index: 2; text-decoration: none; color:#213c70; line-height: 25px; margin: 3px 3px 0 0; float: left; font-size:13px;}
.articleContent .article-footer .tags a:hover {color:#fff;}
.articleContent .article-footer .tags a:before{content:''; display:block; position:absolute; left: 0;top:0; height: 100%; width: 100%; background: #ededed; z-index:-1;}
.articleContent .article-footer .tags a:hover:before{background: #213c70;}
/*Mostview on article page*/
.articleContent .footer-lastest .MostViewed h2 {font-size: 15px; font-family: arial_blackregular; margin: 0;}
.articleContent .footer-lastest .MostViewed  ul li,.articleContent .footer-lastest .recent-article ul li{margin: 0;}
.articleContent .footer-lastest .MostViewed  ul li a,.articleContent .footer-lastest .recent-article ul li a{text-decoration: none;}
/*news-relate on article page*/
.articleContent .news-relate h3 {color:#333333; font-size: 15px; font-family:'arial_blackregular'; font-weight: normal; border-bottom: 1px solid #f1f1f1; padding: 0 0 5px; margin: 0;text-decoration: none;}
.articleContent .news-relate {margin: 0 0 25px; overflow: hidden; width:620px;}
.articleContent .news-relate ul {width:635px; overflow:hidden; margin: 0;}
.articleContent .news-relate ul li {list-style: none; float: left; padding-right:20px; width: 193px; margin: 10px 0 0;}
.articleContent .news-relate ul li:last-child {padding-right:0;}
.articleContent .news-relate ul li p a {font-size:13px; color:#213c70; font-weight:normal; font-family:'charis_silbold'; line-height:15px; text-decoration: none;}
.articleContent .news-relate ul li p a:hover,.articleContent .footer-lastest .MostViewed  ul li a:hover {text-decoration:underline;}
.articleContent .news-relate ul li p .adver {line-height:14px;}


/*footer lastest on article page*/
.articleContent .footer-lastest {width:620px; overflow:hidden;}
.articleContent .footer-lastest div {float:left;}
.articleContent .footer-lastest div:first-child {padding-right:20px}
.articleContent .recent-article h2 {border-bottom: 1px solid #e6e6e6; color: #333333; font-size:15px; margin-bottom:5px; padding:0 0 5px; text-transform:uppercase; font-family:'arial_blackregular'; font-weight: normal;}
.articleContent .recent-article {width:300px; overflow:hidden;}
.articleContent .recent-article ul li {overflow:hidden; padding:10px 0; border-bottom:1px solid #e6e6e6;}
.articleContent .recent-article ul li:last-child {border-bottom:0; padding: 10px 0 0;}
.articleContent .recent-article ul li a.thumbnail {width:100px; float:left; padding-right:10px; overflow:hidden;}
.articleContent .recent-article ul li .detail {float:left; width:185px;}
.articleContent .recent-article ul li .detail h3 {font-size:13px; font-weight:normal; font-family:'charis_silbold'; line-height:15px;}
.articleContent .recent-article ul li .detail h3 a {color:#213c70;}
.articleContent .recent-article ul li .detail h3 a:hover {text-decoration:underline;}

/*aside lastest on article page*/
.articleContent aside .recent-article { margin: 0 0 25px;}

/*lastchance campaign slideshow*/
/* ------------------------- Black Theme ------------------------- */
.dsCountDown.ds-black { 
	overflow: hidden;
	color: #fff;
	position: relative;
	font-family: Arial, Helvetica, sans-serif, serif;
	font-size: 1em;
	padding: 1px;
	border: 1px solid #323232;
	border-radius: 2px;
	background: #686868; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #686868 0%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #686868 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #686868 0%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #686868 0%,#444444 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #686868 0%,#444444 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#444444',GradientType=0 ); /* IE6-8 */

}
.ds-black .ds-element {float: left;margin-right: 3px;text-align: center;border-right: 1px solid #444; padding-right: 3px;}
.dsCountDown.ds-black > .ds-element.ds-element-seconds {margin-right: 0;padding-right: 0;border-right: 0;}
.ds-black .ds-element-title {font-size: 0.5em;text-transform: lowercase;}
.ds-black .ds-element-value {font-size: 0.8em;color: #fff;text-shadow: 0px -2px 0px #222;}

.hotTopics_hp .ds-black .ds-element { margin-left: 1px; margin-right: 1px; pading-right: 2px;}
.hotTopics_hp .dsCountDown.ds-black { background: #333333; margin: -30px 0 5px; border: none;}
.hotTopics_hp .dsCountDown.ds-black > div { overflow: hidden;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-days { width:21px;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-hours { width:24px;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-minutes {margin-right: 0;padding-right: 0;border-right: 0; width:32px;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-seconds { display: none;}
.hotTopics_hp .demo2 > p:last-child { position: absolute; top:0; right: 0; width: 30px; height: 32px; display: block; background: #666666; font-family: charis_silbold; font-weight: normal; color: #ffffff; font-size: 11px; line-height: 10px; padding: 4px 0 0;}
.hotTopics_hp .ds-black .ds-element-title {font-size: 8px;text-transform: lowercase;}

.hotTopics_hp.hotTopics_special { background: #000000;}
.hotTopics_hp.hotTopics_special li h1 a { color: #ffffff;}

/*top banner*/
.top-banner{
	background-color: #213c70;
}
.top-banner .content{ width: 940px; margin: 0 auto;}
/*end*/
#top-page { width: 100%; background: url(../img/banner/bg_homepage6.jpg) 0 top repeat-x; height: 195px;}
#top-page > a { margin: 0 auto; width: 940px; height: auto; display:block; text-align: center; position: relative;}
#top-page > p.btn-bottom { background: url(../img/banner/bg-graphic.png) center 55px no-repeat; height: 50px; text-align: center; padding: 20px 0 25px;}
#top-page > p.btn-bottom a[title="Click Here"] { background: url(../img/button/clickhere-banner.png) 0 0 no-repeat; width: 110px; height:24px; display: inline-block;}
#top-page > p.btn-bottom a[title="Click Here"]:hover { background-position: 0 -26px;}
#top-page > p.btn-bottom a[title="Click Here"] span { text-indent: -9999px; display: none;}
#top-page .feed-update { background: #151515; padding: 20px 0 0;}
#top-page .feed-update > p { width: auto; margin:0 auto; text-align: center; padding: 10px 0 0;}
#top-page .feed-update > ul {  width: 940px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
#top-page .feed-update > ul li { float: left; margin: 0 2% 0 0; overflow: hidden; width: 300px; width: 49%;}
#top-page .feed-update > ul li:last-child { margin:0;}
#top-page .feed-update > ul li a { float: left;}
#top-page .feed-update > ul li a img { width: 143px; overflow:hidden; float: left; margin: 0 10px 0 0;}
#top-page .feed-update > ul li > div h3 a { color:#ffffff; font-family: Times New Roman ,Georgia, Thonburi, Tahoma ;  font-size: 17px; line-height:20px; font-weight: normal; margin: 0 0 5px;}
#top-page .feed-update > ul li > div h3 a:hover { text-decoration: underline;}
#top-page .feed-update > ul li > div { float: left; width: 65%;}
#top-page .feed-update > ul li > div p { font-size: 12px; color: #999999; font-family: Times New Roman ,Georgia, Thonburi, Tahoma; font-weight: normal; clear: both; margin: 0 0 5px;}
#top-page .feed-update > ul li > div p.date { color:#999999; font-size: 11px;  font-family: Times New Roman ,Georgia, Thonburi, Tahoma ;}
#top-page .feed-update .latest-update { background: url("../img/bg/bg-latest-banner.png") 0 center no-repeat; width:940px; margin: 0 auto; padding: 0;}
#top-page .feed-update .latest-update a { padding: 0 17px 0 0; font-family: Times New Roman ,Georgia, Thonburi, Tahoma; font-size: 14px; color: #dddddd; text-transform: uppercase; background: url("../img/icons/icon-arrowVdo_banner.png") no-repeat  right 1px; }
#top-page .feed-update .latest-update a:hover { text-decoration: underline;}
.homepage #top-page a:after { content:''; width: 71px; height: 19px; background: url(../img/banner/btn-homepage5.png) 0 0 no-repeat; display: block; position: absolute; right: 115px; bottom: 50px;}
.homepage #top-page a:hover:after { background-position: 0 -19px;}

.hottopicSpecial { padding: 20px 0;}
.hottopicSpecial h1 { font-size: 40px; line-height: 42px; font-family: charis_silbold; font-weight: normal; color: #000000; margin: 0 0 10px;}
.hottopicSpecial header p.date { font-size:11px; color: #999999; font-weight: bold; text-transform: uppercase; margin: 0 0 5px;}
.hottopicSpecial header p { color: #333333; font-size: 13px;}
.hottopicSpecial .toggle-navigation { height: 33px; width: 100%; background: url("../img/bg/bg_toggle-navigation.gif") repeat-x scroll 0 bottom; margin: 0 0 20px;}
.hottopicSpecial .toggle-navigation li { background: #f4f3f3; color: #666; cursor: pointer; float: left; font-size: 13px; font-weight: bold; height: 25px; line-height: 18px; padding: 6px 25px 0; margin: 0 5px 0 0; border: 1px solid #cccccc; border-bottom:none;}
.hottopicSpecial .toggle-navigation .active { color: #666666; height: 25px; padding: 6px 25px 0; border-bottom: 1px solid #ffffff; background: #ffffff; margin: 0 5px 0 0;}
.hottopicSpecial .toggle-detail li { width:940px;}

.hottopicSpecial-toggle { padding: 20px 0; clear: both; overflow:hidden;}
#hot-list.hottopicSpecial .list .highlight .content { width:620px;}
#hot-list.hottopicSpecial .list .content { width: 790px;}
#hot-list.hottopicSpecial .list .section a { line-height: 13px;}

.hottopicSpecial .subChannel-photo .highlight-list li { width:220px;}
#hot-list.hottopicSpecial .subChannel-photo .highlight-list li h3 a { color: #ffffff;}
.hottopicSpecial .subChannel-photo .highlight-list .img-highlight img { float: left;}
.hottopicSpecial .subChannel-photo .highlight-list .detail { background: #000000; width: 200px; padding: 5px 10px; overflow: hidden; position: relative; height: 55px;}
.hottopicSpecial .subChannel-photo .highlight-list .detail h3 { line-height: 16px; margin-bottom: 5px; width: 170px;}
.hottopicSpecial .subChannel-photo .highlight-list .detail h3 a { color: #ffffff;}
.hottopicSpecial .subChannel-photo .levelNavigaton { padding: 0 0 15px 0;}
.hottopicSpecial .subChannel-photo .levelNavigaton a { color: #213c70;}
.hottopicSpecial .subChannel-photo .levelNavigaton a:hover { color: #213c70;}
#hot-list.hottopicSpecial .toggle-detail .section-vdo li { width: 220px;}
#hot-list.hottopicSpecial .toggle-detail .section-vdo .highlight-list li h3 a { color: #333333;}
.section-vdo nav a:hover,#hot-list nav a:hover{ color: #ffffff; background: #333333; border: 1px solid #333333;}
#hot-list.hottopicSpecial .intro { border-bottom: none;}

/*fixed- special banner phase 3
.homepage #main-navigation a.close-nav { top:470px; background: #000000 url("../img/button/btn-close_mainNav.png") no-repeat 0 0;}
.homepage form.search-menu {margin-top: 495px;}
#top-page {position:relative; z-index: 10002;}*/

/*US-Election*/
#MostUpdate.US-Election > h2 { height: 44px;}
#MostUpdate.US-Election > h2 a { background-position : 115px -156px; display: inline-block;}

/*iStyle*/
.iStyle { clear: both; overflow: hidden; background: url(../img/bg/bg-iStyle-learning.png) 0 0 no-repeat; width: 654px; height: 279px; position: relative; padding: 56px 0 20px; margin: 10px 0; display: inline-block;}
.iStyle h2 { position: absolute; top: 0; left: 10px; z-index: 1;}
.iStyle h2 a { background: url("../img/icons/menu-01.svg") no-repeat scroll 0 2px; color: #ffffff; display: inline-block; font-family: Arial Rounded MT Bold; font-size: 42px; font-weight: bold; height: 85px; padding: 6px 0 0; text-indent: -9999px; width: 138px;}
.iStyle > p { position: absolute; right: 10px; top: 17px; font-family: 'Sukhumvit set', 'Prompt', sans-serif; color: #ffffff; font-size: 16px;}
.iStyle > p a { color: #ffffff;}
.iStyle .viewport { width: 654px; height: 280px; overflow: hidden; position: relative;}
.iStyle .overview { position: absolute;}
.iStyle .overview li { float: left; width: 654px;}
.iStyle .overview li > a { float: left; position: relative;}
.iStyle .overview li.vdo > a:before { background: #ff3600 url(../img/bg/video.svg) center center no-repeat; content: ''; width:62px; height: 62px; display: block; position: absolute; left: 0; bottom: 0;}
.iStyle .overview li .detail { float: left; clear: none; background: none; padding: 10px; height: auto; width: 214px;}
.iStyle .overview li .detail > span { color: #ffffff; font-size: 10px; text-transform: uppercase; padding: 2px 10px;}
.iStyle .overview li .detail h3 { font-size: 20px; line-height: 24px; padding: 10px 0 0;}
.iStyle .overview li .detail p {  font-family: 'Sukhumvit set', 'Prompt', sans-serif; font-size: 14px; line-height: 18px;}
.iStyle span.coach { background: #009785; }
.iStyle span.sweekly { background: #c4161c;}
.iStyle span.learning { background: #f47a20;}
.iStyle span.yourstyle { background: #905ba9;}
.iStyle span.explorer { background: #905ba9;}
.iStyle span.dailyhoroscope { background: #905ba9;}
.iStyle .pager { bottom: 0; left: 50%; margin: 0 0 0 -47px; position: absolute; text-align: center; width: 95px;}
.iStyle .pager li { float: left; width: 19px;}
.iStyle .pager li a { background: #cccccc; display: block; height: 9px; width: 9px; border-radius: 10px;}
.iStyle .pager li a span { text-indent: -9999px; display: inline-block;}
.iStyle .pager li a.active,
.iStyle .pager li a.hover{ background: #f93635;}

/*hot topics royal cremation*/
#top-page.hottopic-inside { width: 100%; background: url(../img/banner/bg-hottopic.jpg) 0 bottom repeat-x; height: 259px;}
.hottopicSpecial.twoCol .toggle-detail li { width: 100%;}
#hot-list.hottopicSpecial.twoCol .list .highlight .content { width: 310px;}
#hot-list.hottopicSpecial.twoCol .list .content { width: 470px;}
.hottopicSpecial.twoCol aside { padding: 80px 0 0;}
.hottopicSpecial.twoCol .subChannel-photo .highlight-list li { width: 300px;}
.hottopicSpecial.twoCol .subChannel-photo .highlight-list .detail { width: 280px;}
.hottopicSpecial.twoCol .subChannel-photo { padding: 0;}
.hottopicSpecial.twoCol .section-vdo section { padding: 0;}
#hot-list.hottopicSpecial.twoCol nav { text-align: center;}
#hot-list.hottopicSpecial.twoCol .toggle-detail .section-vdo li { width: 300px;}
#hot-list.hottopicSpecial.twoCol .highlight-list { width: 620px;} 
#hot-list.hottopicSpecial.twoCol .highlight-list li > p  { width: 300px; height: 169px;}
#hot-list.hottopicSpecial.twoCol .highlight-list li p span { width: 295px; background: url("../img/bg/bg-playVdo-hottopics.png") no-repeat 0 0; padding: 9px 5px 8px 0;}
#hot-list.hottopicSpecial.twoCol .highlight-list li:nth-child(2n) { margin: 0;}

/*new most recent & recommended (Cxense)*/
.aside-toggle { border-top: 5px solid #1f3974; width: 300px; overflow: hidden; background: #ededed; margin: 0 0 25px;}
.aside-toggle #MostUpdate { border: none; padding: 0 10px 20px; margin: 0; width: 280px;}
.aside-toggle #MostUpdate ul { padding: 0 0 15px; overflow: hidden;}
.aside-toggle #MostUpdate li:first-child { padding: 15px 0 10px;}
.aside-toggle #MostUpdate li:first-child p { width: 225px;}
.aside-toggle #MostUpdate li .time { display: inline-block;}
.aside-toggle #MostUpdate li p { width: 235px;}
.aside-toggle .toggle-navigation { background: none; height: 30px; padding: 0; width: auto;}
.aside-toggle .toggle-navigation li { height: 30px; padding: 0 11px; text-align: center; cursor: pointer; background: #9dacc1;}
.aside-toggle .toggle-navigation li.active { background: #213c70; }
.aside-toggle .toggle-navigation li:first-child { float: left; margin: 0 0 0 7px;}
.aside-toggle .toggle-navigation li:last-child { float: right; margin: 0 7px 0 0;}
.aside-toggle .toggle-navigation li h2 { font-size: 14px; color: #fff; line-height: 25px; padding: 2px 0 0;}
.aside-toggle .toggle-detail { width: 600px; overflow: hidden;}
.aside-toggle .toggle-detail li { width: 300px; float: left; overflow: hidden;}
.aside-toggle .toggle-detail li { display: inline-block;}
.aside-toggle .toggle-detail > li:first-child { margin: 0 0 0 -300px;}
.aside-toggle .toggle-detail li.active:first-child { margin: 0;}
#Re-Commended { width: 290px; background:#ededed; margin-bottom: 0; padding: 0 0 0 10px; overflow: hidden;}
#Re-Commended li { width: 280px; margin-bottom: 5px; border-bottom: 1px solid #dcdcdc; padding: 2px 0 7px;}
#Re-Commended li h2 {display: table-cell; vertical-align: middle;}
#Re-Commended li h2 {line-height: 15px;}
#Re-Commended li a {font-size: 13px; color:#213c70; display:block; line-height: 18px;}
#Re-Commended li a:hover { text-decoration: underline;}
#Re-Commended li p {display:inline-block; width: 100%; vertical-align: top;}
#Re-Commended li:first-child { border-bottom: 1px solid #dcdcdc; padding: 15px 0 10px;}
#Re-Commended li:first-child a { font-size: 15px; line-height: 17px;}
#Re-Commended li:first-child p { width: 100%;}
#Re-Commended li span.update { width: 41px;}
#Re-Commended li:last-child { border: none;}
.aside-toggle #MostUpdate > a { background: url("../img/icons/icon-arrowVdo.svg") right 0 no-repeat; background-size: 13px; bottom: 16px; color: #999999; font-size: 10px; font-weight: bold; padding: 0 15px 0 0; float: right;}

/*also Cxense*/
.special-box .Also { width: 220px;}
.special-box .Also > ul { width: 220px;}
.special-box .Also > ul > li { width: 220px;}
.special-box .Also ul li h3 { margin: 0 0 5px;}
.special-box .Also ul li .thumbnail { margin: 0 10px 10px 0;}
.special-box .Also li .detail { width: 220px;}
.special-box .twoSmallCol .Also .view-inside { width: 220px;}
.special-box .twoSmallCol .Also .view-inside li { width: 18px; margin: 0 5px 0 0;}
.special-box .twoSmallCol .Also .view-inside .view-comment { width: auto; margin: 3px 0 0;}

/*Switch colour tone*/
.SwitchColour { position: fixed; right: 20px; bottom: 20px; width:113px; height: 78px; overflow: hidden; z-index: 3;}
.SwitchColour span { width: 113px; height: 78px; display: inline-block; background: url(../img/button/btn-SwitchColour.png) 0 -78px no-repeat; text-indent: -9999px; cursor: pointer;}
.SwitchColour span.active { background-position: 0 0;}

/*ads in read*/
.boomboxSize3 { width: 100%; text-align: center; position: relative; clear: both; margin: 0 0 20px; display:none;}.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, .subscribe-here .subscribe-content a, .contentDetail-right .content-info h2, .getFull_version p a, .archive-memberDetail li h4, 
.archive-login h2, .highlightLogin p.btn-group a, .archive-premium table th, .archive-premium table td a,
#content fieldset.alert_setting h3, #content fieldset.alert_setting .submit input, .error-step2 h2.headline, .recomment .headline span, #directoryWrapper .DirectoryAllCat h2, #search-hp .toggle-navigation li, #search-hp form.mini h2, #search-hp form.mini input[type="submit"], #search-hp .headline, #search-hp form.mini a[title="POST A LISTING"], .Latest-interview h2, .Latest-inaction h2 span, .interview h2 span, .aside-toggle .toggle-navigation li h2, .exchange-toggle.toggle-navigation li h2 , .exchange .headline, .hotTopics_hp-event li h1 a { font-family:'arial_blackregular'; font-weight: normal;}

.highling-vdo h3, .box-subChannel ul li h3, .OnlinePoll p, .OnlinePoll ul li label, .Also h3, .mostViewList h3, .lastUpdate h3, .allStory li .detail h3, .sectionPhoto .highlight .detail h3,
.editorPick ul li .detail h3, .head-inPhoto .detail h3, .slide-hp .overview li h1, .highlight-list_hp h1, .hotTopics_hp h2,
.MostUpdate li h2, .highlightChannel .highlight h3, .generalNews-box .SpecialReport .headline a, .pr-box ul li h3, .latestPost .detail h3, .latestJob .detail h3, .careerGuides ul li .detail h3,.what-on .detail h3 a,.event-promotion h3 a ,.subChannelBox h3 a,
#MostUpdate li 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, .subscribe-here .subscribe-content p, body.searchArchive #headergroup h2, .img-search h2 span, .SearchList .detail h3, .archive-login h3.img-bg, #search-hp .search-list-HP li h3 a, .people h2 a, .people div .detail h3, .interview ul li .figure span, .Latest-interview ul li .figure, #Re-Commended li a, .hotTopics_hp-event li h2 { 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, .ExpatForum-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.svg) no-repeat right center; background-size: 13px; 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;}
.recomment .headline span { font-size: 15px; line-height: 17px;}
.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; position: relative;}
.section-vdo.article-vdo .highlight-vdo p.note { background: url(../img/icons/icon-note.png) 20px 12px no-repeat #e02428; color: #ffffff; padding: 15px 0 15px 50px; position: absolute; top: 0; left: 0; font-size: 12px; font-weight: bold; width: 100%;}
.section-vdo.article-vdo .highlight-vdo p.note a { color: #ffffff; text-decoration: underline;}
.section-vdo.article-vdo .highlight-vdo p.note a:hover { text-decoration: none;}
.article-vdo .vdo-embed { margin: 0 20px 10px 0;}

.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: 970px; position: relative; z-index: 3;}
.headerAd .leaderAd {position: relative;z-index: 2 !important;margin: 0 auto;overflow: hidden;}
/* Change When rollOver by javaScript */
.headerAd .leaderAdExpand {position: relative;z-index: 999 !important;margin: 0 auto;}

body .headerAd .leaderAd,
body .headerAd .leaderAdExpand,
body #top-channel .headerAd .leaderAd,
body #top-channel .headerAd .leaderAdExpand { margin: 0 auto; width: 728px;}

.billboard body .headerAd .leaderAd,
.billboard body .headerAd .leaderAdExpand,
.billboard body #top-channel .headerAd .leaderAd,
.billboard body #top-channel .headerAd .leaderAdExpand  { margin: 0 auto; width: 970px; text-align: center;}


.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.svg") 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.svg") 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, div.text-ads { width: 580px; margin: 20px 0; overflow: hidden; background: #e6e6e6; padding: 20px;}
.articleContents div.text-ads p, div.text-ads p { margin: 0; font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #666666;}
.articleContents div.text-ads p:first-child,, 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: 250px; margin-top: 3px; float: left;}
.MostViewed .mostViewList li .thumbnail { background: none; width: 40px; height: 40px;  color: #ffffff; padding: 0; font-size: 15px; float: left; letter-spacing: 0.07em; line-height: 17px; text-align: right; margin: 0 10px 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 .inputdata textarea::-webkit-input-placeholder { color: #999999;}
.articleContent #comment-list form.comment-not-login .inputdata textarea:-moz-placeholder { color: #999999;}
.articleContent #comment-list form.comment-not-login .inputdata textarea::-moz-placeholder {  color: #999999;}
.articleContent #comment-list form.comment-not-login .inputdata textarea:-ms-input-placeholder {  color: #999999;}

.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.svg) 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: 103px; height: 11px; margin: 0 0 5px;}
span.adver {background-position: 0 -162px; width: 60px; }
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;}

body.blueTheme .TopStory { overflow: hidden; float: right; width: 220px;}
.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.svg) 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.svg) 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.svg) 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: none;}
.subChannelBox .icon-photo, .subChannelBox .icon-vdo, .subChannelBox .update { float: none;}

/* 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.svg) no-repeat 110px center; background-size: 13px; 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: url("../img/icons/icon-arrowOpa.png") right center no-repeat;}
.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;}

.sectionPhoto .latest nav { width: 940px; overflow: hidden; text-align: right; padding: 5px 0; margin: 15px 0;}
.sectionPhoto .latest nav span, .sectionPhoto .latest nav a { padding: 3px 5px; background: #ffffff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: bold; color: #999999}
.sectionPhoto .latest nav span { color: #ffffff; background: #213c70; border: 1px solid #213c70;}
.sectionPhoto .latest 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.svg") right 0 no-repeat; background-size: 13px; 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; border: none;}
.box-subChannel .a-dayInPhoto h2 a { color: #ffffff; background: url("../img/icons/icon-arrowOpa.png") right center no-repeat; padding: 0 20px 0 0;}
.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 a {font-size: 13px; color:#213c70; display:block; line-height: 18px;}
#MostUpdate li a:hover { text-decoration: underline;}
#MostUpdate li .time { color:#333333; font-size: 11px; width: 35px; vertical-align: middle; font-weight: bold; margin: 0 5px 0 0;}
#MostUpdate li p {display:inline-block; width: 245px; vertical-align: top;}
#MostUpdate li:first-child { border-bottom: 1px solid #dcdcdc; padding: 10px 0;}
#MostUpdate li:first-child a { font-size: 15px; line-height: 17px;}
#MostUpdate li:first-child .time { color: #333333; font-size: 14px; width: 45px;}
#MostUpdate li:first-child p { 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 .detail span.adver { background-position: 0 -164px;} 
.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: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;}
.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-local-service.png) no-repeat 0 5px; padding: 2px 0 2px 22px;}
.local-service .left-clm {width: 100%;}
.local-service .left-clm li:nth-child(2) { background-position: 0 -28px;}
.local-service .left-clm li:nth-child(3) { background-position: 0 -59px;}
.local-service .left-clm li:nth-child(4) { background-position: 0 -90px;}
.local-service .left-clm li:nth-child(5) { background-position: 0 -119px;}
.local-service .left-clm li:nth-child(6) { background-position: 0 -153px;}
.local-service .left-clm li:nth-child(7) { background: none;}
.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;}
.homepage .footer-search form.search-menu { margin: 0;}
/*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: 810px; overflow: hidden; padding: 15px 0 0; margin-bottom: 20px; height: 640px\0;}
section.exchange #exchange-rate iframe {position: absolute; top: -135px; left: -33px; }
.ie section.exchange #exchange-rate {height: 810px}
.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;}
.boxSurvey p.btn { text-align: center; background: #d31145; padding: 15px 0; clear: both; margin: -5px 0 0;}
.boxSurvey p.btn a { width: 148px; height: 14px; display: inline-block; text-align: center; background: #123a77; color: #ffffff; padding: 13px 0 15px; font-weight: bold; font-family:'arial_blackregular'; font-size: 12px;}
.boxSurvey p.btn a:hover { background: #192c4c;}
.boxSurvey p.btn a:first-child { margin: 0 15px 0 0;}

.text-warning { background: #ffffff;  width: 100%; padding: 0; height: 0; overflow: hidden;}
.text-warning > div { background: url(../img/bg/warning.png) 135px 7px no-repeat #e02428; padding: 9px 177px; width: 586px; overflow: hidden; margin: 10px auto 0; color: #ffffff; font-size: 12px; position: relative;}
.text-warning > div h2 { font-family:'arial_blackregular'; font-weight: normal; font-size: 12px;}
.text-warning > div a { position: absolute; right: 0; top: 0; cursor: pointer;}
.text-warning > div.text-warning-hp { padding: 9px 105px; width: 730px; background-position: 63px 7px;}

/* 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;}
aside .busineesSearch-box { width: 286px;}
aside .busineesSearch-box form { width: 286px;}
aside .busineesSearch-box form input { width: 264px;}
aside .busineesSearch-box form select { width: 286px;}
.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-local-service.png) 0 0 no-repeat;}
.find-local li:nth-child(1) { background-position: 0 4px;}
.find-local li:nth-child(2) { background-position: 0 -30px;}
.find-local li:nth-child(3) { background-position: 0 -61px;}
.find-local li:nth-child(4) { background-position: 0 -93px;}
.find-local li:nth-child(5) { background-position: 0 -122px;}
.find-local li:nth-child(6) { background-position: 0 -156px;}
/*.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 0;}
.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;}

/** archive login**/
#content.archive-login { width: 940px; padding: 0 10px 30px;}
.archive-login .login-Box { float: left; overflow: hidden; width: 342px; float: right;}
.archive-login h2 { font-size: 15px; line-height: 17px; text-transform: uppercase; margin: 0 0 35px;}
.archive-login h3.img-bg { padding: 0 0 0 100px; background: url(../img/bg/bg-imgLogin.png) 10px 6px no-repeat; font-size: 24px; line-height: 26px; margin: 0 0 25px;}
.archive-login h3.img-bg span { display: block;}
.archive-login .login-Box .login-member { background: #ffffff; border: 1px solid #e6e6e6; overflow: hidden; width: 340px;padding: 10px 0 0; margin: 0 0 10px;}
.archive-login .login-Box .login-member h2 { font-size: 13px; padding-left: 10px; text-transform: uppercase; margin: 0;}
.archive-login .login-Box .login-member h2 span { display: block;}
.archive-login .login-Box .login-member form { overflow: hidden;padding: 10px 0 0 10px;width: 318px;}
.archive-login .login-Box .login-member form ul { overflow: hidden; width: 318px;}
.archive-login .login-Box .login-member form ul li { clear: both; float: left; overflow: hidden; padding-bottom: 10px; width: 318px;}
.archive-login .login-Box .login-member form ul li p { font-size: 12px; float: right; padding: 5px 0; width: 185px;}
.archive-login .login-Box .login-member form ul li p a { color: #363636; text-decoration: underline;}
.archive-login .login-Box .login-member form ul li p a:hover { text-decoration: none;}
.archive-login .login-Box .login-member form ul .login label { font-size: 12px; float: left; padding-top: 4px;}
.archive-login .login-Box .login-member form ul .login input { float: right; width: 175px;}
.archive-login .login-Box .login-member form ul .login input[type="text"],
.archive-login .login-Box .login-member form ul .login input[type="password"] { clear: both; float: left; width: 296px; padding: 8px; border-radius: 5px; border: 1px solid #dfdfdf;}
.archive-login .login-Box .login-member form ul .checkbox { clear: both; font-size: 12px; float: left; overflow: hidden; padding: 0; width: 310px;}
.archive-login .login-Box .login-member form ul .checkbox label { padding-left: 5px; width: 280px;}
.archive-login .login-Box .login-member form ul .submit { margin: 14px 0 0; background: url(../img/property/btn-LogIn.png) 0 0 no-repeat; border: none; display: inline-block; height: 26px; margin: 14px 0 0; width: 118px; cursor: pointer;}
.archive-login .login-Box .login-member form ul .submit:hover { margin: 14px 0 0; background-position: 0 -26px;}
.archive-login .login-Box .login-member form ul li .headline { width: 130px; text-transform: none; line-height: normal; border: none;}
.archive-login .login-Box .login-member form ul li .form-message { clear: both; float: left; width: 315px;}
.archive-login .login-Box .login-member form ul li .fotgotPassword { margin: 14px 0 0; width: 175px;}

.archive-login .login-Box .Login-with-social p:nth-child(2) { background: none; margin: 0 0 10px; text-align: left;}

.archive-login .login-Box > a { background: #294782; float: left; color: #ffffff; width: 340px; text-align: center; text-transform: uppercase; font-size: 12px; padding: 5px 0;}
.archive-login .login-Box > a:hover { background: #1d325b;}
.archive-login .login-Box > a span { display: block;}
.archive-login .login-Box #validate_img { float: left; clear: both; margin: 0 10px 0 0;}
.archive-login .login-Box #changimg { float: left; margin: 32px 0 0 0; cursor: pointer;}

.highlightLogin { background: url(../img/bg/bg-archive-Login.jpg) 0 0 no-repeat #f5f5f5; width: 570px; overflow: hidden; height: 580px; float: left; position: relative; margin: 0 0 30px;}
.highlightLogin p.btn-group { position: absolute; text-align: center; width: 100%; bottom: 20px;}
.highlightLogin p.btn-group a { text-transform: uppercase; font-size: 12px; line-height: 14px; color: #ffffff; min-width: 140px; padding: 15px 10px; background: #223d6e; display: inline-block; vertical-align: top;}
.highlightLogin p.btn-group a:hover { background: #182b4d;}
.highlightLogin p.btn-group a span { display: block;}
.highlightLogin p.btn-group a:last-child { padding: 8px 10px;}
.highlightLogin > a[class^="btn"] { position: absolute; text-indent: -9999px;}
.highlightLogin > a.btn-1 { bottom: 128px; height: 117px; left: 66px; width: 80px;}
.highlightLogin > a.btn-2 { bottom: 297px; height: 122px; left: 245px; width: 80px;}
.highlightLogin > a.btn-3 { height: 109px; left: 138px; top: 38px; width: 130px;}

.archive-premium { padding: 20px 0;}
.archive-login .archive-premium h2 { margin: 0 0 20px; }

.archive-premium table { width: 100%; overflow: hidden; text-align: left;}
.archive-premium table th { padding: 20px 16px; background: #223d6e; color: #ffffff; font-size: 12px; line-height: 14px; text-transform: uppercase;}
.archive-premium table th:first-child { width: 307px; border-right: 1px solid #ffffff;}
.archive-premium table td { padding: 20px 16px; background: #ededed; border-bottom: 1px solid #ffffff; font-size: 12px; vertical-align: top;}
.archive-premium table td:first-child { font-weight: bold; text-transform: uppercase; border-right: 1px solid #ffffff; font-size: 14px;}
.archive-premium table td:first-child span { display: block;}
.archive-premium table td:last-child span { font-weight: bold; color: #cc0000;}
.archive-premium table tr.blue td { background: #e0edfc;}
.archive-premium table td p { width: 375px; float: left;}
.archive-premium table td a { text-transform: uppercase; color: #ffffff; background: #223d6e; float: right; width: 140px; text-align: center; padding: 8px 0;}
.archive-premium table td a:hover { background: #182b4d;}

.archive-premium .archive-billboard { background: url("../img/bg/bg-archive-Premium-member.jpg") 0 0 no-repeat; margin: 0 0 20px; width: 940px; height: 529px; position: relative;}
.archive-premium .archive-billboard > a[class^="btn"] { position: absolute; text-indent: -9999px;}
.archive-premium .archive-billboard > a.btn-1 { bottom: 74px; height: 125px; left: 161px; width: 119px;}
.archive-premium .archive-billboard > a.btn-2 { bottom: 258px; height: 123px; left: 385px; width: 134px;}
.archive-premium .archive-billboard > a.btn-3 { height: 109px; left: 322px; top: 38px; width: 130px;}

#content fieldset.alert_setting { width: 940px;}
#content fieldset.alert_setting h3 { margin: 0 0 15px; text-transform: uppercase;}
#content fieldset.alert_setting h3 span { display: block;}
#content fieldset.alert_setting ul { border-bottom: 1px solid #e6e6e6; padding: 3px 0 25px; margin: 0 0 30px; overflow: hidden;}
#content fieldset.alert_setting table { width: 940px; border-bottom: 1px solid #e6e6e6; padding: 0 0 25px; margin: 0 0 25px;}
#content fieldset.alert_setting table td  { background: #ededed; width: 121px; height: 14px; padding: 10px 8px; border-right: 19px solid #ffffff; border-bottom: 10px solid #ffffff;}
#content fieldset.alert_setting table td label img { float: right; margin: 0 10px 0 0;}
#content fieldset.alert_setting table tr td:last-child { border-right: none;}
#content fieldset.alert_setting table td.none { background: #ffffff;}
#content fieldset.alert_setting p.productUpdate { border-bottom: 1px solid #e6e6e6; padding: 0 0 25px; margin: 0 0 25px; width: 100%;}
#content fieldset.alert_setting label span { display: inline-block; margin: 0 0 0 5px;}
#content fieldset.alert_setting .submit input { border: none; background: #294783; text-transform: uppercase; font-size: 12px; color: #ffffff; padding: 10px; margin: 0 20px 0 0; cursor: pointer;}
#content fieldset.alert_setting .submit input:hover { background: #1d325b;}

/* error 404 */
#Search-noresult { padding: 40px 0 0; background: url('../img/bg/bg-Error404.png') 0 bottom no-repeat; height: 469px;}
#Search-noresult h2 { background: url('../img/bg/intro-Error404.png') 0 0 no-repeat; text-indent: -9999px; width: 801px; height: 98px; margin: 0 0 20px;}
#Search-noresult p { line-height: 24px; color: #333333;}
#Search-noresult p span { display: block;}
#Search-noresult p a { display: inline-block; color: #213c70; text-decoration: none;}
#Search-noresult p a:hover { text-decoration: underline;}
#Search-noresult form fieldset label { display: block; margin: 0 0 10px; color: #333333;}
#Search-noresult form fieldset input { width: 315px; height: 34px;}
#Search-noresult form fieldset .searchbtn { background-image: none; background-color: #294783; font-family:'arial_blackregular'; font-weight: normal; color: #ffffff; font-size: 14px; text-transform: uppercase; width: 102px; height: 39px; padding: 0;}
#Search-noresult form fieldset .searchbtn:hover { background-color: #213969;}
.error-step2 { padding: 20px 0; overflow: hidden; width: 940px; margin: 0 auto;}
.error-step2 h2.headline { text-transform: uppercase; font-size: 15px; line-height: 17px; padding: 0 0 10px; margin: 0 0 25px;}
.error-step2 form.default input[type="text"] { height: 34px; width: 315px; padding: 2px;}
.error-step2 form.default input[type="submit"] { background: #294783; color: #ffffff; font-family: "arial_blackregular"; font-size: 14px; font-weight: normal; height: 39px; padding: 0; text-transform: uppercase; width: 102px; border: none;}
.error-step2 form.default input[type="submit"]:hover { background-color: #213969;}

/*video embed*/
.video-embed { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative;}
.video-embed > iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*search homepage*/
#search-hp { width: 100%; overflow: hidden; margin: 0 auto;}
#search-hp .toggle-navigation { width: 940px; overflow: hidden; margin: 0 auto 1px; height: auto; background: none; padding: 0;}
#search-hp .toggle-navigation li { width: 117px; overflow: hidden; float: left; overflow: hidden; text-align: center; border-top: 8px solid #ffffff; font-size: 10px; color: #ffffff; text-transform: uppercase; padding: 45px 0 12px; cursor: pointer; background: url('../img/icons/icon-search-hp.png') 0 0 no-repeat;}
#search-hp .toggle-navigation li.Jobs { background-color: #1e608a; background-position: center 16px;}
#search-hp .toggle-navigation li.Jobs.active,
#search-hp .toggle-navigation li.Jobs:hover { border-top: 8px solid #1e608a;}
#search-hp .toggle-navigation li.Property { background-color: #406174; background-position: center -103px;}
#search-hp .toggle-navigation li.Property.active,
#search-hp .toggle-navigation li.Property:hover { border-top: 8px solid #406174;}
#search-hp .toggle-navigation li.Travel { background-color: #3c8413; background-position: center -228px;}
#search-hp .toggle-navigation li.Travel.active,
#search-hp .toggle-navigation li.Travel:hover { border-top: 8px solid #3c8413;}
#search-hp .toggle-navigation li.Education { background-color: #d24602; background-position: center -357px;}
#search-hp .toggle-navigation li.Education.active,
#search-hp .toggle-navigation li.Education:hover { border-top: 8px solid #d24602;}
#search-hp .toggle-navigation li.Lifestyle { background-color: #c44577; background-position: center -484px;}
#search-hp .toggle-navigation li.Lifestyle.active,
#search-hp .toggle-navigation li.Lifestyle:hover { border-top: 8px solid #c44577;}
#search-hp .toggle-navigation li.Auto { background-color: #343739; background-position: center -601px;}
#search-hp .toggle-navigation li.Auto.active,
#search-hp .toggle-navigation li.Auto:hover { border-top: 8px solid #343739;}
#search-hp .toggle-navigation li.Company { background-color: #2c5c55; background-position: center -725px;}
#search-hp .toggle-navigation li.Company.active,
#search-hp .toggle-navigation li.Company:hover { border-top: 8px solid #2c5c55;}
#search-hp .toggle-navigation li.All { background-color: #999999; padding: 0; background-position: center -844px; width: 121px;}
#search-hp .toggle-navigation li.All a { padding: 45px 50px 12px; display: inline-block; color: #ffffff;}
#search-hp .toggle-navigation li.All.active,
#search-hp .toggle-navigation li.All:hover { border-top: 8px solid #999999;}


#search-hp .toggle-detail { width: 100%; margin: 0 auto; height: 446px; overflow: hidden;}
#search-hp .toggle-detail li { width: 100%; height: 446px; overflow: hidden;}
#search-hp .toggle-detail li.Jobs-detail { background: url('../img/bg/bg-search-job.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Property-detail { background: url('../img/bg/bg-search-property.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Travel-detail { background: url('../img/bg/bg-search-travel.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Education-detail { background: url('../img/bg/bg-search-education.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Lifestyle-detail { background: url('../img/bg/bg-search-lifestyle.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Auto-detail { background: url('../img/bg/bg-search-auto.jpg') center 0 no-repeat;}
#search-hp .toggle-detail li.Company-detail { background: url('../img/bg/bg-search-company.jpg') center 0 no-repeat;}

#search-hp .Jobs-detail > div { background: url(../img/opacity/Opa-job.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Property-detail > div { background: url(../img/opacity/Opa-property.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Travel-detail > div { background: url(../img/opacity/Opa-travel.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Education-detail > div { background: url(../img/opacity/Opa-education.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Lifestyle-detail > div { background: url(../img/opacity/Opa-lifestyle.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Auto-detail > div { background: url(../img/opacity/Opa-auto.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}
#search-hp .Company-detail > div { background: url(../img/opacity/Opa-company.png) 0 0 repeat; width: 860px; height: 385px; padding: 20px 40px; margin: 0 auto; overflow: hidden;}

#search-hp form.mini { margin: 0 auto; overflow: hidden; width: 860px; margin: 0 0 10px;}
#search-hp form.mini h2 { color: #ffffff; font-size: 13px; line-height: 15px; margin: 0 0 10px;}
#search-hp form.mini div { width: 860px; overflow: hidden;}
#search-hp form.mini input[type="text"] { border: 1px solid #fff; color: #999; float: left; font-size: 12px; height: 15px; line-height: 14px; margin: 0 10px 0 0; padding: 5px 10px; width: 280px;}
#search-hp form.mini input[type="submit"] { background: #123a53; border: none; color: #fff; float: left; font-size: 11px; height: 28px; line-height: 14px; padding: 0 15px; width: 83px; cursor: pointer;}
#search-hp form.mini a[title="POST A LISTING"] { background: #406174; color: #fff; display: inline-block; float: right; font-size: 11px; line-height: 14px; margin: 0 0 0 5px; padding: 7px 15px; text-transform: uppercase;}
#search-hp form.mini input[type="submit"]:hover { background: #0d283a;}
#search-hp form.mini .custom { float: left; margin: 0 10px 0 0; position: relative; width: 153px;}
#search-hp form.mini .custom span.customSelect { background: #fff url("../img/auto/search-ico.png") no-repeat scroll 135px -102px; border: medium none; color: #999; float: none; font-size: 12px; height: 27px; line-height: 10px; padding: 0; width: 153px;}
#search-hp form.mini .custom select option { border: none; padding: 5px 0; color: #999; font-size: 12px;}

#search-hp .trend { font-size: 11px; color: #ffffff; margin: 0 0 20px;}
#search-hp .trend span { background: url('../img/bg/bg-arrowTrend.png') 0 0 no-repeat; width: 100px; display: inline-block; padding: 4px 5px;}
#search-hp .trend a { display: inline-block; color: #ffffff; font-size: 12px;}
#search-hp .trend a:hover { text-decoration: underline;}

#search-hp .Jobs-detail .trend span { background-position: 0 0;}
#search-hp .Property-detail .trend span { background-position: 0 -41px;}
#search-hp .Travel-detail .trend span { background-position: 0 -82px;}
#search-hp .Education-detail .trend span { background-position: 0 -123px;}
#search-hp .Lifestyle-detail .trend span { background-position: 0 -164px;}
#search-hp .Auto-detail .trend span { background-position: 0 -205px;}
#search-hp .Company-detail .trend span { background-position: 0 -246px;}

#search-hp .headline { font-size: 15px; line-height: 17px; color: #ffffff; margin: 0 0 20px; padding: 0 0 20px; background: url(../img/opacity/Opa-w30.png) 0 bottom repeat-x; border: none;}

#search-hp .search-list-HP { width: 860px; overflow: hidden; margin: 0;}
#search-hp .search-list-HP li { width: 198px; overflow: hidden; margin: 0 22px 0 0; float: left; background: #ffffff; height: 225px;}
#search-hp .search-list-HP li:last-child { margin: 0;}
#search-hp .search-list-HP li a.figure { padding: 0 0 10px; display: inline-block; display: table-cell; height: 132px; text-align: center; vertical-align: middle; width: 198px; background: #ffffff; position:relative;}
#search-hp .search-list-HP li a.figure img { display: inline-block; vertical-align: middle;}
#search-hp .search-list-HP li a.figure span { display:block; position:absolute; bottom: 2px; left:0; background: url("../img/bg/bg-rent-sell.png") no-repeat 0 0; height: 18px; width:198px; overflow: hidden; text-indent: -9999px;}
#search-hp .search-list-HP li a.figure span.forSell { background-position: -210px -124px;}
#search-hp .search-list-HP li a.figure span.forRent { background-position: -210px 0;}
#search-hp .search-list-HP li h3 { padding: 0 10px; font-size: 13px; line-height: 15px; margin: 0 0 5px;}
#search-hp .search-list-HP li h3 a { color: #213c70; margin: 0;}
#search-hp .search-list-HP li h3 a:hover { text-decoration: underline;}
#search-hp .search-list-HP li p { padding: 0 10px; font-size: 11px; font-weight: bold;}
#search-hp .Property-detail .search-list-HP li a.figure { padding: 0 0 20px;}

#search-hp .Jobs-detail form.mini .custom span.customSelect.customSelect.styled { width: 310px; background-position: 290px -102px;}
#search-hp .Jobs-detail form.mini .custom { width: 310px;}
#search-hp .Jobs-detail .search-list-HP li h3 { padding: 0 20px;}
#search-hp .Jobs-detail .search-list-HP li p { font-family: Arial,Thonburi,Tahoma; font-weight: normal; padding: 0 20px;}
#search-hp .Jobs-detail .search-list-HP li .figure { display: table-cell; height: 90px; padding: 20px 19px; text-align: center; vertical-align: middle; width: 160px; background: #ffffff;}
#search-hp .Jobs-detail .search-list-HP li .figure img { display: inline-block; vertical-align: middle;}

#search-hp .Property-detail form.mini input[type="submit"] { background: #e6a815;}
#search-hp .Property-detail form.mini input[type="submit"]:hover { background: #ebb944;}
#search-hp .Property-detail form.mini a[title="POST A LISTING"]:hover { background: #668190;}

#search-hp .Travel-detail form.mini input[type="submit"] { background: #244f0b;}
#search-hp .Travel-detail form.mini input[type="submit"]:hover { background: #193708;}
#search-hp .Travel-detail form.mini a[title="POST A LISTING"] { background: #b0ae0e;}
#search-hp .Travel-detail form.mini a[title="POST A LISTING"]:hover { background: #9e9c0c;}

#search-hp .Education-detail form.mini input[type="submit"] { background: #802a00;}
#search-hp .Education-detail form.mini input[type="submit"]:hover { background: #722500;}
#search-hp .Education-detail form.mini a[title="POST A LISTING"] { background: #f78810;}
#search-hp .Education-detail form.mini a[title="POST A LISTING"]:hover { background: #eb7c04;}

#search-hp .Lifestyle-detail form.mini input[type="submit"] { background: #782748;}
#search-hp .Lifestyle-detail form.mini input[type="submit"]:hover { background: #6c2341;}
#search-hp .Lifestyle-detail form.mini a[title="POST A LISTING"] { background: #ff91a3;}
#search-hp .Lifestyle-detail form.mini a[title="POST A LISTING"]:hover { background: #ee788c;}

#search-hp .Auto-detail form.mini input[type="submit"] { background: #cdcdcd;}
#search-hp .Auto-detail form.mini input[type="submit"]:hover { background: #8f8f8f;}
#search-hp .Auto-detail form.mini a[title="POST A LISTING"] { background: #ffc031;}
#search-hp .Auto-detail form.mini a[title="POST A LISTING"]:hover { background: #f7b113;}

#search-hp .Company-detail form.mini input[type="submit"] { background: #183733;}
#search-hp .Company-detail form.mini input[type="submit"]:hover { background: #132c29;}
#search-hp .Company-detail form.mini a[title="POST A LISTING"] { background: #1da995;}
#search-hp .Company-detail form.mini a[title="POST A LISTING"]:hover { background: #1b9a88;}

#search-hp .Property-detail form.mini div > p .styled .customSelectInner { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 127px !important;}

footer.no-border { border: none;} 

.people { width:250px; height: 454px; overflow: hidden; background: #000000; padding: 0 25px; margin: 0 0 25px;}
.people h2 { text-align: center; padding: 10px 0; border: none;}
.people h2 a { font-size:18px; line-height: 20px; text-transform: uppercase; color: #ffffff; background: url("../img/icons/icon-arrowOpa.png") right center no-repeat;}
.people > div { cursor: pointer; height: 375px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 250px;}
.people > div figure { width: 250px; height: 375px; display: block;}
.people > div p.figure a { background: url("../img/opacity/Opa-b80.png") repeat 0 0; display: inline-block; float: left; font-size: 11px; height: 17px; padding: 9px 0 0; width: 143px; text-transform: uppercase; line-height: 11px; color: #c64377;}
.people > div .detail { background: url(../img/lifestyle/bg-opacity-b20.png) 0 0 repeat; height: 80px; padding: 10px 10px 0; position: absolute; width: 230px; z-index: 1; top: 340px;}
.people > div .detail h3 {  font-size: 15px; line-height:17px; margin: 0 0 10px}
.people > div .detail h3 a { color: #ffffff;}
.people > div .detail h3 a:hover { color: #ffffff; text-decoration: underline;}
.people > div .detail p { color: #ffffff; font-size: 12px;}

.people .share-mail { width: 100px; overflow: hidden; padding: 10px 0 0;}
.people .share-mail li { width: 16px; height: 16px; overflow: hidden; float: left; margin-right: 5px; border: none; padding: 0;}
.people .share-mail li:last-child { margin: 0;}
.people .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;}
.people .share-mail li:nth-child(2) a { background-position: -20px 0;}
.people .share-mail li:nth-child(3) a { background-position: -40px 0;}

.subChannel-people h2 { margin: 0 0 10px;}
.subChannel-people .highlight-list { width:620px; overflow:hidden; clear:both; padding: 0; column-gap: 20px; column-width: 300px; max-width: 620px; -moz-column-width: 300px; -moz-column-gap: 20px; -moz-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.subChannel-people .highlight-list li { overflow: hidden; display: inline-block; float:none; vertical-align: top; margin: 0 0 25px; background:#000; padding: 0; width: 300px;}
.subChannel-people .highlight-list li:last-child { margin-right: 0;} 
.subChannel-people .highlight-list li img { float: left;}
.subChannel-people .highlight-list li .detail { background: #000000; height: 55px; overflow: hidden; padding: 5px 10px; width: 180px; width: 280px;}
.subChannel-people .highlight-list li  h3 a { color: #ffffff;}
.subChannel-people .highlight-list span.inAlbum { float: right; position: static;} 

.interview h2 { margin: 0 0 10px; font-size:15px; line-height: 17px;}
.interview ul { width:620px; overflow:hidden; clear:both; margin: 0 0 25px;}
.interview ul li { float: left; margin: 0 10px 15px 0; width: 200px; background: #e5e5e5;}
.interview ul li:nth-child(3n+3) { margin: 0 0 10px;}
.interview ul li .figure { position: relative; display: inline-block; width: 200px; height:300px;}
.interview ul li .figure span { position: absolute; bottom:0; left:0; background: url("../img/opacity/Opa-b80.png") repeat 0 0; width:180px; color: #ffffff; padding: 5px 10px; line-height: 20px;}
.interview ul li .detail { padding: 5px 10px 15px; height: 90px; overflow:hidden;}
.interview ul li .detail p { font-size:12px; margin: 0 0 5px;}

.Latest-inaction h2 { margin: 0 0 10px; font-size: 15px; line-height: 17px;}
.Latest-inaction .highlight-list { width:620px; overflow:hidden; clear:both; padding: 0; column-gap: 10px; column-width: 200px; max-width: 620px; -moz-column-width: 200px; -moz-column-gap: 10px; -moz-column-count: 3; -ms-column-count: 3; -webkit-column-count: 3; column-count: 3;}
.Latest-inaction .highlight-list li { width: 200px; overflow: hidden; display: inline-block; float:none; vertical-align: top; margin: 0 0 25px; background:#000; padding: 0;}
.Latest-inaction .highlight-list li:last-child { margin-right: 0;}
.Latest-inaction .highlight-list li img { float: left;}
.Latest-inaction .highlight-list li .detail { background: #000000; height: 55px; overflow: hidden; padding: 5px 10px; width: 180px;}
.Latest-inaction .highlight-list li h3 a { color: #ffffff;}
.Latest-inaction .pagination,
.interview .pagination { clear:both; text-align: center;}

.Latest-inaction .highlight-list span.inAlbum { float: right; position: static;} 

.Latest-interview h2 { margin: 0 0 10px; font-size: 15px; line-height: 17px;}
.Latest-interview ul { width:620px; overflow:hidden; clear:both; margin: 0 0 25px;}
.Latest-interview ul li { float: left; margin: 0 20px 10px 0; width: 300px; background: #e5e5e5;}
.Latest-interview ul li:last-child { margin: 0 0 10px;}
.Latest-interview ul li .figure { position: relative; display: inline-block; width: 200px; height: 450px;}
.Latest-interview ul li .figure span { position: absolute; bottom:0; left:0; background: url("../img/opacity/Opa-b80.png") repeat 0 0; width:280px; color: #ffffff; padding: 3px 10px;}
.Latest-interview ul li .detail { padding: 5px 10px 15px; height: 70px; overflow:hidden;}
.Latest-interview ul li .detail p { font-size:12px; margin: 0 0 5px;}

.articlePeople article header h1 { font-size: 30px; line-height: 32px;}
.articlePeople article header h1 span { color: #999999; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px;}
.articlePeople article p { color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: normal; margin: 0 0 15px;}
.articlePeople article p a { font-weight: bold; text-decoration: none;}
.articlePeople article p a:hover { text-decoration: underline;}
.articlePeople article p.published-date { color: #999999; float: left; font-size: 11px;}
.articlePeople article #main-sns { clear: both; float: left; position: static;}
.articlePeople article #main-sns .tweeter-icon { width:71px;}

.articlePeople .all-photo { width:620px; margin: 0 0 25px; padding: 10px 0 0;}
.articlePeople .all-photo li { width:620px; margin: 0 0 25px; padding: 0;}
.articlePeople article .all-photo li p { color: #ffffff; font-size: 12px;}
.articlePeople article .all-photo li p a { color: #ffffff; text-decoration: underline;}
.articlePeople article .all-photo li p a:hover { text-decoration: none;}
.articlePeople .all-photo .number { font-size: 48px;}

/*tag article*/
.articleContent .article-footer {border-top: 2px solid #eee; overflow: hidden; padding: 15px 0 20px; width: 620px;}
.articleContent .article-footer .tags {float: left; width: 100%; }
.articleContent .article-footer .tags h3 {color: #333333; padding: 0 0 5px; font-size:11px; font-family:'arial_blackregular'; font-weight: normal; margin: 0;}
.articleContent .article-footer .tags a{position: relative; padding: 0 8px; z-index: 2; text-decoration: none; color:#213c70; line-height: 25px; margin: 3px 3px 0 0; float: left; font-size:13px;}
.articleContent .article-footer .tags a:hover {color:#fff;}
.articleContent .article-footer .tags a:before{content:''; display:block; position:absolute; left: 0;top:0; height: 100%; width: 100%; background: #ededed; z-index:-1;}
.articleContent .article-footer .tags a:hover:before{background: #213c70;}
/*Mostview on article page*/
.articleContent .footer-lastest .MostViewed h2 {font-size: 15px; font-family: arial_blackregular; margin: 0;}
.articleContent .footer-lastest .MostViewed  ul li,.articleContent .footer-lastest .recent-article ul li{margin: 0;}
.articleContent .footer-lastest .MostViewed  ul li a,.articleContent .footer-lastest .recent-article ul li a{text-decoration: none;}
/*news-relate on article page*/
.articleContent .news-relate h3 {color:#333333; font-size: 15px; font-family:'arial_blackregular'; font-weight: normal; border-bottom: 1px solid #f1f1f1; padding: 0 0 5px; margin: 0;text-decoration: none;}
.articleContent .news-relate {margin: 0 0 25px; overflow: hidden; width:620px;}
.articleContent .news-relate ul {width:635px; overflow:hidden; margin: 0;}
.articleContent .news-relate ul li {list-style: none; float: left; padding-right:20px; width: 193px; margin: 10px 0 0;}
.articleContent .news-relate ul li:last-child {padding-right:0;}
.articleContent .news-relate ul li p a {font-size:13px; color:#213c70; font-weight:normal; font-family:'charis_silbold'; line-height:15px; text-decoration: none;}
.articleContent .news-relate ul li p a:hover,.articleContent .footer-lastest .MostViewed  ul li a:hover {text-decoration:underline;}
.articleContent .news-relate ul li p .adver {line-height:14px;}


/*footer lastest on article page*/
.articleContent .footer-lastest {width:620px; overflow:hidden;}
.articleContent .footer-lastest div {float:left;}
.articleContent .footer-lastest div:first-child {padding-right:20px}
.articleContent .recent-article h2 {border-bottom: 1px solid #e6e6e6; color: #333333; font-size:15px; margin-bottom:5px; padding:0 0 5px; text-transform:uppercase; font-family:'arial_blackregular'; font-weight: normal;}
.articleContent .recent-article {width:300px; overflow:hidden;}
.articleContent .recent-article ul li {overflow:hidden; padding:10px 0; border-bottom:1px solid #e6e6e6;}
.articleContent .recent-article ul li:last-child {border-bottom:0; padding: 10px 0 0;}
.articleContent .recent-article ul li a.thumbnail {width:100px; float:left; padding-right:10px; overflow:hidden;}
.articleContent .recent-article ul li .detail {float:left; width:185px;}
.articleContent .recent-article ul li .detail h3 {font-size:13px; font-weight:normal; font-family:'charis_silbold'; line-height:15px;}
.articleContent .recent-article ul li .detail h3 a {color:#213c70;}
.articleContent .recent-article ul li .detail h3 a:hover {text-decoration:underline;}

/*aside lastest on article page*/
.articleContent aside .recent-article { margin: 0 0 25px;}

/*lastchance campaign slideshow*/
/* ------------------------- Black Theme ------------------------- */
.dsCountDown.ds-black { 
	overflow: hidden;
	color: #fff;
	position: relative;
	font-family: Arial, Helvetica, sans-serif, serif;
	font-size: 1em;
	padding: 1px;
	border: 1px solid #323232;
	border-radius: 2px;
	background: #686868; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #686868 0%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #686868 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #686868 0%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #686868 0%,#444444 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #686868 0%,#444444 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#444444',GradientType=0 ); /* IE6-8 */

}
.ds-black .ds-element {float: left;margin-right: 3px;text-align: center;border-right: 1px solid #444; padding-right: 3px;}
.dsCountDown.ds-black > .ds-element.ds-element-seconds {margin-right: 0;padding-right: 0;border-right: 0;}
.ds-black .ds-element-title {font-size: 0.5em;text-transform: lowercase;}
.ds-black .ds-element-value {font-size: 0.8em;color: #fff;text-shadow: 0px -2px 0px #222;}

.hotTopics_hp .ds-black .ds-element { margin-left: 1px; margin-right: 1px; pading-right: 2px;}
.hotTopics_hp .dsCountDown.ds-black { background: #333333; margin: -30px 0 5px; border: none;}
.hotTopics_hp .dsCountDown.ds-black > div { overflow: hidden;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-days { width:21px;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-hours { width:24px;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-minutes {margin-right: 0;padding-right: 0;border-right: 0; width:32px;}
.hotTopics_hp .dsCountDown.ds-black > .ds-element.ds-element-seconds { display: none;}
.hotTopics_hp .demo2 > p:last-child { position: absolute; top:0; right: 0; width: 30px; height: 32px; display: block; background: #666666; font-family: charis_silbold; font-weight: normal; color: #ffffff; font-size: 11px; line-height: 10px; padding: 4px 0 0;}
.hotTopics_hp .ds-black .ds-element-title {font-size: 8px;text-transform: lowercase;}

.hotTopics_hp.hotTopics_special { background: #000000;}
.hotTopics_hp.hotTopics_special li h1 a { color: #ffffff;}

#top-page { width: 100%; background: url(../img/banner/bg_homepage6.jpg) 0 top repeat-x; height: 195px;}
#top-page > a { margin: 0 auto; width: 940px; height: auto; display:block; text-align: center; position: relative;}
#top-page > p.btn-bottom { background: url(../img/banner/bg-graphic.png) center 55px no-repeat; height: 50px; text-align: center; padding: 20px 0 25px;}
#top-page > p.btn-bottom a[title="Click Here"] { background: url(../img/button/clickhere-banner.png) 0 0 no-repeat; width: 110px; height:24px; display: inline-block;}
#top-page > p.btn-bottom a[title="Click Here"]:hover { background-position: 0 -26px;}
#top-page > p.btn-bottom a[title="Click Here"] span { text-indent: -9999px; display: none;}
#top-page .feed-update { background: #151515; padding: 20px 0 0;}
#top-page .feed-update > p { width: auto; margin:0 auto; text-align: center; padding: 10px 0 0;}
#top-page .feed-update > ul {  width: 940px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
#top-page .feed-update > ul li { float: left; margin: 0 2% 0 0; overflow: hidden; width: 300px; width: 49%;}
#top-page .feed-update > ul li:last-child { margin:0;}
#top-page .feed-update > ul li a { float: left;}
#top-page .feed-update > ul li a img { width: 143px; overflow:hidden; float: left; margin: 0 10px 0 0;}
#top-page .feed-update > ul li > div h3 a { color:#ffffff; font-family: Times New Roman ,Georgia, Thonburi, Tahoma ;  font-size: 17px; line-height:20px; font-weight: normal; margin: 0 0 5px;}
#top-page .feed-update > ul li > div h3 a:hover { text-decoration: underline;}
#top-page .feed-update > ul li > div { float: left; width: 65%;}
#top-page .feed-update > ul li > div p { font-size: 12px; color: #999999; font-family: Times New Roman ,Georgia, Thonburi, Tahoma; font-weight: normal; clear: both; margin: 0 0 5px;}
#top-page .feed-update > ul li > div p.date { color:#999999; font-size: 11px;  font-family: Times New Roman ,Georgia, Thonburi, Tahoma ;}
#top-page .feed-update .latest-update { background: url("../img/bg/bg-latest-banner.png") 0 center no-repeat; width:940px; margin: 0 auto; padding: 0;}
#top-page .feed-update .latest-update a { padding: 0 17px 0 0; font-family: Times New Roman ,Georgia, Thonburi, Tahoma; font-size: 14px; color: #dddddd; text-transform: uppercase; background: url("../img/icons/icon-arrowVdo_banner.png") no-repeat  right 1px; }
#top-page .feed-update .latest-update a:hover { text-decoration: underline;}
.homepage #top-page a:after { content:''; width: 71px; height: 19px; background: url(../img/banner/btn-homepage5.png) 0 0 no-repeat; display: block; position: absolute; right: 115px; bottom: 50px;}
.homepage #top-page a:hover:after { background-position: 0 -19px;}

.hottopicSpecial { padding: 20px 0;}
.hottopicSpecial h1 { font-size: 40px; line-height: 42px; font-family: charis_silbold; font-weight: normal; color: #000000; margin: 0 0 10px;}
.hottopicSpecial header p.date { font-size:11px; color: #999999; font-weight: bold; text-transform: uppercase; margin: 0 0 5px;}
.hottopicSpecial header p { color: #333333; font-size: 13px;}
.hottopicSpecial .toggle-navigation { height: 33px; width: 100%; background: url("../img/bg/bg_toggle-navigation.gif") repeat-x scroll 0 bottom; margin: 0 0 20px;}
.hottopicSpecial .toggle-navigation li { background: #f4f3f3; color: #666; cursor: pointer; float: left; font-size: 13px; font-weight: bold; height: 25px; line-height: 18px; padding: 6px 25px 0; margin: 0 5px 0 0; border: 1px solid #cccccc; border-bottom:none;}
.hottopicSpecial .toggle-navigation .active { color: #666666; height: 25px; padding: 6px 25px 0; border-bottom: 1px solid #ffffff; background: #ffffff; margin: 0 5px 0 0;}
.hottopicSpecial .toggle-detail li { width:940px;}

.hottopicSpecial-toggle { padding: 20px 0; clear: both; overflow:hidden;}
#hot-list.hottopicSpecial .list .highlight .content { width:620px;}
#hot-list.hottopicSpecial .list .content { width: 790px;}
#hot-list.hottopicSpecial .list .section a { line-height: 13px;}

.hottopicSpecial .subChannel-photo .highlight-list li { width:220px;}
#hot-list.hottopicSpecial .subChannel-photo .highlight-list li h3 a { color: #ffffff;}
.hottopicSpecial .subChannel-photo .highlight-list .img-highlight img { float: left;}
.hottopicSpecial .subChannel-photo .highlight-list .detail { background: #000000; width: 200px; padding: 5px 10px; overflow: hidden; position: relative; height: 55px;}
.hottopicSpecial .subChannel-photo .highlight-list .detail h3 { line-height: 16px; margin-bottom: 5px; width: 170px;}
.hottopicSpecial .subChannel-photo .highlight-list .detail h3 a { color: #ffffff;}
.hottopicSpecial .subChannel-photo .levelNavigaton { padding: 0 0 15px 0;}
.hottopicSpecial .subChannel-photo .levelNavigaton a { color: #213c70;}
.hottopicSpecial .subChannel-photo .levelNavigaton a:hover { color: #213c70;}
#hot-list.hottopicSpecial .toggle-detail .section-vdo li { width: 220px;}
#hot-list.hottopicSpecial .toggle-detail .section-vdo .highlight-list li h3 a { color: #333333;}
.section-vdo nav a:hover,#hot-list nav a:hover{ color: #ffffff; background: #333333; border: 1px solid #333333;}
#hot-list.hottopicSpecial .intro { border-bottom: none;}

/*fixed- special banner phase 3
.homepage #main-navigation a.close-nav { top:470px; background: #000000 url("../img/button/btn-close_mainNav.png") no-repeat 0 0;}
.homepage form.search-menu {margin-top: 495px;}
#top-page {position:relative; z-index: 10002;}*/

/*US-Election*/
#MostUpdate.US-Election > h2 { height: 44px;}
#MostUpdate.US-Election > h2 a { background-position : 115px -156px; display: inline-block;}

/*iStyle*/
.iStyle { clear: both; overflow: hidden; background: url(../img/bg/bg-iStyle-learning.png) 0 0 no-repeat; width: 654px; height: 279px; position: relative; padding: 56px 0 20px; margin: 10px 0; display: inline-block;}
.iStyle h2 { position: absolute; top: 0; left: 10px; z-index: 1;}
.iStyle h2 a { background: url("../img/icons/menu-01.svg") no-repeat scroll 0 2px; color: #ffffff; display: inline-block; font-family: Arial Rounded MT Bold; font-size: 42px; font-weight: bold; height: 85px; padding: 6px 0 0; text-indent: -9999px; width: 138px;}
.iStyle > p { position: absolute; right: 10px; top: 17px; font-family: 'Sukhumvit set', 'Prompt', sans-serif; color: #ffffff; font-size: 16px;}
.iStyle > p a { color: #ffffff;}
.iStyle .viewport { width: 654px; height: 280px; overflow: hidden; position: relative;}
.iStyle .overview { position: absolute;}
.iStyle .overview li { float: left; width: 654px;}
.iStyle .overview li > a { float: left; position: relative;}
.iStyle .overview li.vdo > a:before { background: #ff3600 url(../img/bg/video.svg) center center no-repeat; content: ''; width:62px; height: 62px; display: block; position: absolute; left: 0; bottom: 0;}
.iStyle .overview li .detail { float: left; clear: none; background: none; padding: 10px; height: auto; width: 214px;}
.iStyle .overview li .detail > span { color: #ffffff; font-size: 10px; text-transform: uppercase; padding: 2px 10px;}
.iStyle .overview li .detail h3 { font-size: 20px; line-height: 24px; padding: 10px 0 0;}
.iStyle .overview li .detail p {  font-family: 'Sukhumvit set', 'Prompt', sans-serif; font-size: 14px; line-height: 18px;}
.iStyle span.coach { background: #009785; }
.iStyle span.sweekly { background: #c4161c;}
.iStyle span.learning { background: #f47a20;}
.iStyle span.yourstyle { background: #905ba9;}
.iStyle span.explorer { background: #905ba9;}
.iStyle span.dailyhoroscope { background: #905ba9;}
.iStyle .pager { bottom: 0; left: 50%; margin: 0 0 0 -47px; position: absolute; text-align: center; width: 95px;}
.iStyle .pager li { float: left; width: 19px;}
.iStyle .pager li a { background: #cccccc; display: block; height: 9px; width: 9px; border-radius: 10px;}
.iStyle .pager li a span { text-indent: -9999px; display: inline-block;}
.iStyle .pager li a.active,
.iStyle .pager li a.hover{ background: #f93635;}

/*hot topics royal cremation*/
#top-page.hottopic-inside { width: 100%; background: url(../img/banner/bg-hottopic.jpg) 0 bottom repeat-x; height: 259px;}
.hottopicSpecial.twoCol .toggle-detail li { width: 100%;}
#hot-list.hottopicSpecial.twoCol .list .highlight .content { width: 310px;}
#hot-list.hottopicSpecial.twoCol .list .content { width: 470px;}
.hottopicSpecial.twoCol aside { padding: 80px 0 0;}
.hottopicSpecial.twoCol .subChannel-photo .highlight-list li { width: 300px;}
.hottopicSpecial.twoCol .subChannel-photo .highlight-list .detail { width: 280px;}
.hottopicSpecial.twoCol .subChannel-photo { padding: 0;}
.hottopicSpecial.twoCol .section-vdo section { padding: 0;}
#hot-list.hottopicSpecial.twoCol nav { text-align: center;}
#hot-list.hottopicSpecial.twoCol .toggle-detail .section-vdo li { width: 300px;}
#hot-list.hottopicSpecial.twoCol .highlight-list { width: 620px;} 
#hot-list.hottopicSpecial.twoCol .highlight-list li > p  { width: 300px; height: 169px;}
#hot-list.hottopicSpecial.twoCol .highlight-list li p span { width: 295px; background: url("../img/bg/bg-playVdo-hottopics.png") no-repeat 0 0; padding: 9px 5px 8px 0;}
#hot-list.hottopicSpecial.twoCol .highlight-list li:nth-child(2n) { margin: 0;}

/*new most recent & recommended (Cxense)*/
.aside-toggle { border-top: 5px solid #1f3974; width: 300px; overflow: hidden; background: #ededed; margin: 0 0 25px;}
.aside-toggle #MostUpdate { border: none; padding: 0 10px 20px; margin: 0; width: 280px;}
.aside-toggle #MostUpdate ul { padding: 0 0 15px; overflow: hidden;}
.aside-toggle #MostUpdate li:first-child { padding: 15px 0 10px;}
.aside-toggle #MostUpdate li:first-child p { width: 225px;}
.aside-toggle #MostUpdate li .time { display: inline-block;}
.aside-toggle #MostUpdate li p { width: 235px;}
.aside-toggle .toggle-navigation { background: none; height: 30px; padding: 0; width: auto;}
.aside-toggle .toggle-navigation li { height: 30px; padding: 0 11px; text-align: center; cursor: pointer; background: #9dacc1;}
.aside-toggle .toggle-navigation li.active { background: #213c70; }
.aside-toggle .toggle-navigation li:first-child { float: left; margin: 0 0 0 7px;}
.aside-toggle .toggle-navigation li:last-child { float: right; margin: 0 7px 0 0;}
.aside-toggle .toggle-navigation li h2 { font-size: 14px; color: #fff; line-height: 25px; padding: 2px 0 0;}
.aside-toggle .toggle-detail { width: 600px; overflow: hidden;}
.aside-toggle .toggle-detail li { width: 300px; float: left; overflow: hidden;}
.aside-toggle .toggle-detail li { display: inline-block;}
.aside-toggle .toggle-detail > li:first-child { margin: 0 0 0 -300px;}
.aside-toggle .toggle-detail li.active:first-child { margin: 0;}
#Re-Commended { width: 290px; background:#ededed; margin-bottom: 0; padding: 0 0 0 10px; overflow: hidden;}
#Re-Commended li { width: 280px; margin-bottom: 5px; border-bottom: 1px solid #dcdcdc; padding: 2px 0 7px;}
#Re-Commended li h2 {display: table-cell; vertical-align: middle;}
#Re-Commended li h2 {line-height: 15px;}
#Re-Commended li a {font-size: 13px; color:#213c70; display:block; line-height: 18px;}
#Re-Commended li a:hover { text-decoration: underline;}
#Re-Commended li p {display:inline-block; width: 100%; vertical-align: top;}
#Re-Commended li:first-child { border-bottom: 1px solid #dcdcdc; padding: 15px 0 10px;}
#Re-Commended li:first-child a { font-size: 15px; line-height: 17px;}
#Re-Commended li:first-child p { width: 100%;}
#Re-Commended li span.update { width: 41px;}
#Re-Commended li:last-child { border: none;}
.aside-toggle #MostUpdate > a { background: url("../img/icons/icon-arrowVdo.svg") right 0 no-repeat; background-size: 13px; bottom: 16px; color: #999999; font-size: 10px; font-weight: bold; padding: 0 15px 0 0; float: right;}

/*also Cxense*/
.special-box .Also { width: 220px;}
.special-box .Also > ul { width: 220px;}
.special-box .Also > ul > li { width: 220px;}
.special-box .Also ul li h3 { margin: 0 0 5px;}
.special-box .Also ul li .thumbnail { margin: 0 10px 10px 0;}
.special-box .Also li .detail { width: 220px;}
.special-box .twoSmallCol .Also .view-inside { width: 220px;}
.special-box .twoSmallCol .Also .view-inside li { width: 18px; margin: 0 5px 0 0;}
.special-box .twoSmallCol .Also .view-inside .view-comment { width: auto; margin: 3px 0 0;}

/*Switch colour tone*/
.SwitchColour { position: fixed; right: 20px; bottom: 20px; width:113px; height: 78px; overflow: hidden; z-index: 3;}
.SwitchColour span { width: 113px; height: 78px; display: inline-block; background: url(../img/button/btn-SwitchColour.png) 0 -78px no-repeat; text-indent: -9999px; cursor: pointer;}
.SwitchColour span.active { background-position: 0 0;}

/*ads in read*/
.boomboxSize3 { width: 100%; text-align: center; position: relative; clear: both; margin: 0 0 20px; display:none;}

/*exchange-toggle*/
.exchange-toggle { border-top: 5px solid #018756; width: 300px; overflow: hidden; background: #e5f3ee; margin: 0 0 25px;}
.exchange-toggle .toggle-navigation {background: none; height: 30px; padding: 0; width: auto;}
.exchange-toggle .toggle-navigation li { height: 30px; padding: 0 13px; text-align: center; cursor: pointer; background: #8ac8b1; width:115px;}
.exchange-toggle .toggle-navigation li.active { background: #018755; }
.exchange-toggle .toggle-navigation li:first-child { float: left; margin: 0 0 0 7px;}
.exchange-toggle .toggle-navigation li:last-child { float: right; margin: 0 7px 0 0;}
.exchange-toggle .toggle-navigation li h2 { font-size: 12px; color: #fff; line-height: 25px; padding: 2px 0 0;}
.exchange-toggle .toggle-detail {overflow: hidden;}
.exchange-toggle .toggle-detail > li { width: 300px; float: left; overflow: hidden;}
.exchange-toggle .toggle-detail > li { display: none;}
.exchange-toggle .toggle-detail li.active {display:inline-block; width: 300px; float: left; overflow: hidden;}
.exchange-toggle .toggle-detail li.active:first-child { margin: 0;}
.exchange-toggle .rate-detail { border: none; padding: 0 10px 5px; margin: 20px 0 0; width: 280px; background: #e5f3ee;}
.exchange-toggle .rate-detail table {text-align:center; width:100%;}
.exchange-toggle .rate-detail table thead th {font-size: 12px; color:#333333; font-weight:normal;}
.exchange-toggle .rate-detail table thead th:first-child {text-align:left;}
.exchange-toggle .rate-detail table tbody td {border-bottom:1px solid #fff; font-size:12px; color:#333; padding: 10px 0;}
.exchange-toggle .rate-detail table tbody td:first-child {text-align:left; font-size: 13px; font-weight: bold;}
.exchange-toggle .rate-detail table tbody tr:last-child td {border:none;}
.exchange-toggle p {color:#333; font-size:10px;padding:0 0 20px 10px;}
.exchange .headline {font-size:15px; text-transform: uppercase; border:0;}

/*excusive content*/
.articleContent article .getFull_version { background: url("../img/bg/bg-getFull_version.gif") 0 0 no-repeat; width: 600px; height: 124px; overflow: hidden; padding: 20px 10px 10px; margin: 20px 0; display: inline-block;}
.articleContent article .getFull_version p { text-align: center; font-weight: bold; font-size: 16px;}
.articleContent article .getFull_version p span { display: block;}
.articleContent article .getFull_version p a { background: #223d6e; text-decoration: none; padding: 6px 10px; color: #ffffff; text-transform: uppercase; font-size: 12px; min-width: 105px; display: inline-block;}
.articleContent article .getFull_version p a:hover { background: #182b4d; color: #ffffff;}

/**/
.highlight-hp span.exclusive { background-position: 0 -525px;}
.highlight-hp span.analysis { background-position: 0 -607px;}
.highlight-hp span.update { margin: 0 0 0 5px; background-position: 0 -45px;}
.aside-toggle #MostUpdate li span.update { background-position: 0 -44px; margin: 0 0 0 5px;}
#MostUpdate li span.exclusive { background-position: 0 -524px;}
.Most-Recent ul li p span.update { float: none; margin: 0 0 0 5px; background-position: 0 -45px;}
.Most-Recent ul li p a span.icon-photo,
.Most-Recent ul li p a span.icon-vdo,
.Most-Recent ul li p a span.exclusive { float: none;}
.Most-Recent ul li p a span.exclusive { float: none; background-position: 0 -525px;}
.TopStory span.update { margin: 0 0 0 5px;}
.MostViewed span.exclusive { background-position: 0 -525px;}
.MostViewed span.update { margin: 0 0 0 5px;}
.opinionsBox span.icon-photo,
.opinionsBox span.icon-vdo{ padding: 3px 0 0; height: 15px;}
.opinionsBox span.update { margin: 0 0 0 5px;}

p.sort { overflow: hidden; clear: both; margin: 0 0 5px;}
p.sort span.icon-photo { background: url(../img/icons/icon-allicon.svg) no-repeat -21px -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; margin-right: 3px; float: left;}
p.sort span.icon-vdo { background: url(../img/icons/icon-allicon.svg) no-repeat 0 -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 18px; margin-right: 3px; float: left;}
p.sort span.advertorial { display: inline-block; margin: 4px 3px 0 0; float: left;}
p.sort span.update { float: left; margin: 2px 0 0; height: 13px;}
p.sort span.exclusive { float: left; background-position: 0 -524px;}
p.sort span.analysis { float: left; background-position: 0 -606px;}

.head-inPhoto span.exclusive { background-position: 0 -526px;}
.article-vdo span.exclusive { background-position: 0 -526px;}
.highlightChannel .TopStory span.icon-vdo,
.highlightChannel .TopStory span.icon-photo { padding: 3px 0 0; height: 15px;}
.box-subChannel .update { margin: 0 0 0 3px;}
.box-subChannel span.icon-vdo { padding: 3px 0 0; height: 15px;}
.box-subChannel span.icon-photo { padding: 3px 0 0; height: 15px;}
.subChannelBox span.icon-vdo { padding: 3px 0 0; height: 15px;}
.subChannelBox span.icon-photo { padding: 3px 0 0; height: 15px;}
.highlightChannel .highlight span.icon-vdo,
.highlightChannel .highlight span.icon-photo { padding: 3px 0 0; height: 15px;}
.highlightChannel .highlight span.update { margin: 0 0 0 5px;}
.highlight-list li p span.icon-photo { background: url(../img/icons/icon-allicon.svg) no-repeat -21px -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 15px; margin-right: 3px; position: relative; padding: 3px 0 0; text-align: left;}
.highlight-list li p span.icon-vdo { background: url(../img/icons/icon-allicon.svg) no-repeat 0 -121px; display: inline-block; text-indent: -9999px; width: 18px; height: 15px; margin-right: 3px; position: relative; padding: 3px 0 0; text-align: left;}
.highlight-list li p span.exclusive { background: url(../img/icons/icon-allicon.svg) no-repeat 0 -527px; display: inline-block; text-indent: -9999px; width: 60px; height: 18px; margin-right: 3px; position: relative; padding: 0; text-align: left;}
.highlight-list li p span.update { text-indent: -9999px; background: url(../img/icons/icon-allicon.svg) no-repeat 0 -47px; width: 41px; display: inline-block; margin: 0 0 0 5px; position: relative; padding: 0; text-align: left;}



.articleContent article header h1{ padding-bottom: 18px; }

.VideoNews .highlight-list li ul li h3{ margin-bottom: 0; }
.mediaInformation{ overflow: hidden; }

.onetwoCol{ background-color: #fff; padding: 25px 30px!important; margin: 0 auto!important; }

.ad-banner{ padding: 20px 0; }



/*holiday time*/
.box-holidaytime{ background-color: #212a38; background-image: url(../img/holiday_time/bg_home.jpg); background-repeat: no-repeat; width: 620px; height: auto; margin-bottom: 30px; padding-bottom: 15px; }
.box-holidaytime h3{ font-family: vonnes-light; font-size: 32px; font-weight: normal; color: #fff; text-align: center; padding-top: 15px; }
.box-holidaytime h3 a{ color: #fff; }
.box-holidaytime h3 a:hover{ text-decoration: underline; }
.box-holidaytime ul{ padding: 15px 10px 0; overflow: hidden; }
.box-holidaytime ul li{ float: left; width: 180px; margin: 0 10px; }
.box-holidaytime ul li a{ font-family: charis_silbold; font-size: 13px; line-height: 15px; font-weight: normal; color: #fff; }
.box-holidaytime ul li a:hover{ text-decoration: underline; }

#top-page.hottopic-holidaytime { width: 100%; background: unset; background-color: #212a38; height: 259px;}
body #hot-topic .headline.hottopic{ font-family: 'arial_blackregular'; font-size: 16px; }
#hd-inside.hd-toppics{ background: #223d6e; float: none; }


.holiday-activity-terms .btn-terms {
    background-color: #203b72;
    font-size: 12px;
    width: auto;
    line-height: 30px;
    padding: 0 10px;
    margin: 20px 0 0 0;
    height: 30px;
	display: inline-block;
	color: #fff;
}

.holiday-activity-terms article{ padding-top: 15px; }
.holiday-activity-terms article h3{ font-size: 14px; line-height: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 5px; }
.holiday-activity-terms article ul{ list-style-type: disc; padding-left: 10px; position: relative; margin-left: 10px; }
.holiday-activity-terms article ul li{ font-size: 13px; line-height: 20px; list-style-type: disc; }
.holiday-activity-terms article ul li::before{ position: absolute; left: 0; content: '• '}
.holiday-activity-terms article p{ font-size: 13px; line-height: 20px; }




/*election*/
.box-election{ background-color: #212a38; background-image: url(../img/election_2019/bg_home.jpg); background-repeat: no-repeat; width: 620px; height: auto; margin-bottom: 30px; padding-bottom: 25px; }
.box-election h3{ font-family: 'vonnesboldcondensed'; font-size: 32px; font-weight: normal; color: #fff; text-align: center; padding: 15px 20px 0; }
.box-election h3 a{ color: #fff; }
.box-election h3 a:hover{ text-decoration: underline; }
.box-election ul{ padding: 15px 10px 0; overflow: hidden; }
.box-election ul li{ float: left; width: 180px; margin: 0 10px; }
.box-election ul li a{ font-family: charis_silbold; font-size: 13px; line-height: 15px; font-weight: normal; color: #fff; }
.box-election ul li a:hover{ text-decoration: underline; }

#top-page.hottopic-election { width: 100%; background: url(../img/election_2019/bg_banner_hottopic.jpg) 0 top repeat; height: 259px;}

.hottopicSpecial .toggle-navigation li, .hottopicSpecial .toggle-navigation .active{ color: #213c70; }



/*live*/
#hot-list header{ position: relative; }
#hot-list header h1 span{ font-family: Arial; font-size: 12px; font-weight: bold; color: #c00; padding-left: 15px; }
#main-sns.hottopic-social { top: 0; right: 0; }
#hot-list .list.list-live > li{ padding: 25px 0; }
#hot-list .list.list-live > li:first-child{ padding-top: 15px; }
.live-time{ float: left; width: 120px; color: #999; }
.live-time span{ display: block; font-size: 14px; color: #333; font-weight: bold; padding-bottom: 5px; }
.live-content{ float: left; width: 500px; }
.live-articlePhotoCenter{ margin: 20px auto 0; background-color: #efefef; }
.live-articlePhotoCenter div{ padding: 13px; color: #666; }

.ads-center{ background-color: #efefef; padding: 20px; text-align: center; }

.live-content .embed-responsive-content { margin-top: 20px; width: 100%; text-align: center; }
.embed-responsive-content > * { margin: 0 auto!important; }
.embed-responsive-content > iframe.instagram-media.instagram-media-rendered{ min-width: auto!important; }


@keyframes liveAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes liveAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes liveAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes liveAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
#hot-list header h1 span.animate-live {
	display: inline-block;
   	border-radius: 50%;
	width: 10px;
	height: 10px;
	padding-left: 0;
	background-color: #c00;
   -webkit-animation: liveAnimation 1s infinite;
   -moz-animation: liveAnimation 1s infinite;
   -o-animation: liveAnimation 1s infinite;
    animation: liveAnimation 1s infinite;
}

#top-channel.premium.hermes {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    background: #fff url('../img/bg/1680x650_hermes.jpg') no-repeat center top;
    overflow: hidden;
	height: 475px;
	max-width: 1228px;
	margin: 0 auto;
	background-size: cover;
}
.elec-banner{display: block; overflow: hidden; position: relative;}
.intro-election h3{font-size: 28px;margin:0 auto 20px;text-align: center;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); color: #ffffff; font-weight: 100; line-height: 35px;}
.intro-election h3 strong{font-weight: bolder;}
.intro-election h3 span{display: block; font-size: 22px; margin-top: 6px;}
.box-live{display: block;text-align: center;margin:20px auto;}
.box-live span{display: inline-block;text-transform: uppercase;padding: 4px 8px;font-weight: bolder;font-size: 15px;background-color:#ffffff; color: #fb2d47;}
.box-live span.active{ background-color: #fb2d47; color: #ffffff;}
.flashit{color:#f2f; -webkit-animation: flash linear 1s infinite; animation: flash linear 1s infinite;}
@-webkit-keyframes flash {
		0% { background-color: rgba(251,45,71,1.00) } 
		50% { background-color: rgba(251,45,71,0.5) } 
		100% { background-color: rgba(251,45,71,1.00) }
	}
@keyframes flash {
		0% { background-color: rgba(251,45,71,1.00) } 
		50% { background-color: rgba(251,45,71,0.5) } 
		100% { background-color: rgba(251,45,71,1.00) }
}
.box-link{position: absolute; left: 0; right: 0;top: 0; bottom: 0; display: block;overflow: hidden; z-index: 1; cursor: pointer;}
.elec-banner{background: #213c70 url(../img/bg-head.jpg?v=2) no-repeat; text-align: center; padding: 20px;}
.elec-banner h1{display: inline-block; border-bottom: solid 2px #ffffff; border-top: solid 2px #ffffff;padding:5px 0;  font-size: 40px; 
	line-height: 40px; font-weight: 900; text-align: center;}