* {margin: 0; padding: 0;} #globalAssistance .assistanceTabs { padding-left: 20px !important; width: 380px !important; } .static-content { /*background: #FFF url("../img/bg/bg-contain.gif") left top no-repeat ;*/ margin: 0 auto; overflow: hidden; padding: 0 0 30px 0; width: 984px; } .productWrapper { font-size: 12px; width: 950px; margin: 0 auto;} .productWrapper a { color: #213C70;} .main-product { padding: 10px 0 0 0; float: left; overflow: hidden; width: 800px; } .main-product img { clear: both; float: left; padding: 10px 0;} .main-product h1 { background: url("../img/epaper_sub/epaper_headline.jpg") 0 0 no-repeat; float: left; height: 125px; width: 314px; } .main-product h1 span { display: none;} .main-product p { display: block; float: left; padding-bottom: 15px; width: 314px; } .news-E-paper { background: url("../img/bg/bg_epaper_news.jpg") 0 0 no-repeat; float: left; height: 126px; overflow: hidden; width: 314px; } .news-E-paper h2 span { display: none;} .news-E-paper p { padding: 45px 0 0 20px; width: 285px; } .news-E-paper p span { display: block;} .news-E-paper p a { color: #213C70; font-size: 13px; font-weight: bold;} .news-E-paper p a:hover { text-decoration: underline;} .fordownload { clear: both; float: left; overflow: hidden; padding: 0 0 10px 10px; width: 470px;} .fordownload li { float: left; padding-right: 5px;} #wrapper .sideBar { float: right; overflow: hidden; width: 140px;padding:0;} #wrapper .sideBar ul { padding-top: 20px;} #wrapper .sideBar .ad-boombox { padding-left: 2px;} .Special-Publication { background: url("../img/img_eco/epaper_sub/special_bg.jpg") 10px 0 no-repeat; clear: both; height: 310px; overflow: hidden; padding: 0 0 30px 10px; width: 706px; } .Special-Publication h3 { display: none;} .Special-Publication img { clear: both; float: left; padding: 50px 0 0 50px; } .Special-Publication p{ float: left; font-size: 12px; padding: 40px 0 0 15px; width: 470px;} .Special-Publication p span { display: block; padding: 10px 8px;} .sample-E-paper { background: url("../img/img_eco/epaper_sub/bg_gray2.jpg") 10px 0 no-repeat; clear: both; height: 341px; overflow: hidden; padding-right: 10px; width: 706px; } .sample-E-paper .thumbnail { font-weight: bold; padding: 15px 20px 0 60px; width: 706px;} .sample-E-paper img { clear: both; float: left; padding: 30px 0 0 50px; } .sample-E-paper p { float: left; font-size: 12px; padding-left: 10px; width: 470px;} .sample-E-paper .bluef { color: #004886; font-weight: bold; padding: 30px 0 0 10px;} .sample-E-paper ul { float: left; font-size: 12px; padding-left: 10px; width: 470px; } /*********************************************/ /*********************************************/ /**************start-epaper-about*************/ /*********************************************/ /*********************************************/ .about-BangkokPost { clear: both; float: left; overflow: hidden; width: 790px;} .about-BangkokPost h1 { clear: both; float: left; font-size: 18px; padding: 15px 0 5px 0;} .about-BangkokPost p { clear: both; padding: 5px 0 10px 0;} /*********************************************/ /*********************************************/ /**************start-epaper-about*************/ /*********************************************/ /*********************************************/ .SubscriptionPlans { background: url("../img/epaper_sub/bg_graysub.jpg") 0 0 no-repeat; clear: both; float: left; height: 369px; margin: 15px 0 0 0; width: 772px; overflow: hidden; } .SubscriptionPlans h1 { font-size: 18px; padding: 20px 0 5px 25px;} .SubscriptionPlans p { padding: 10px 0 10px 15px; width: 750px;} .SubscriptionPlans a:hover { text-decoration: underline;} .subscription { margin-left: 6px;} .subscription tr th { color: #004886; background: #d9d9d9; text-align: left; padding: 10px 0 10px 20px;} .subscription tr .Back-issues-include { width: 200px;} .subscription tr td { padding: 10px 0 5px 20px;} .subscription .bluef { color: #004886; font-weight: bold;} .PleaseNote { clear: both; color: #004886; font-weight: bold; overflow: hidden; padding: 15px 0 25px; width: 772px; } .PleaseNote a:hover { text-decoration: underline;} .questionbox h2 { background: url("../img/bg/bg-free-trial.gif") 0 0 no-repeat; color: #004886; font-size: 12px; height: 20px; padding: 7px 0 0 10px; width: 772px; } .questionbox p { color: #004886; font-weight: bold; width: 772px;} .questionbox p strong { color: #000000;} .questionbox p span { color: #000000; font-weight: normal;} .questionbox .thumbnail { padding-top: 15px;} .questionbox a:hover { text-decoration: underline;} /*********************************************/ /*********************************************/ /**********start-SpecialPublication***********/ /*********************************************/ /*********************************************/ .SpecialPublication { padding: 0; width: 886px;} .SpecialPublication h1 { clear: both; min-height: 40px; padding: 10px 0; width: 866px; text-transform: uppercase; color: #213c70; font-size: 25px; line-height: 30px; } .SpecialPublication h1 span { display: block;} .economic-thumbnail { clear: both; float: left; overflow: hidden; margin-right: 20px; width: 290px; } .economic-thumbnail .main-img { padding: 0; width: 290px;} .economic-thumbnail p { color: #CC0000; font-size: 12px; font-weight: bold; text-align: center; width: 290px;} .economic-thumbnail a { padding-left: 99px; width: 290px;} .economic-thumbnail a.buyNow { background: #294782; color: #ffffff; display: inline-block; margin: 3px 0 0 96px; padding: 7px 0; text-align: center; text-transform: uppercase; width: 100px;} .Box_economic-review { width: 833px; overflow: hidden; background: #eaeff1; border: 1px solid #aec1d1; padding: 10px; margin: 0 0 20px;} .Box_economic-review p { float: left; font-size: 12px; font-weight: bold; padding: 7px 0 0; width: 695px;} .Box_economic-review p span { display: block;} .Box_economic-review a.subcribeNow { display: inline-block; width: 130px; background: #294782; padding: 7px 0; margin: 0; text-align: center; color: #ffffff; text-transform: uppercase; float: right;} .economic-thumbnail a.buyNow:hover, .Box_economic-review a.subcribeNow:hover { background: #1d325b;} .economic-right-side { float: left; overflow: hidden; width: 550px; } .economic-highlight { background: url("../img/bg/bg_econmic_content.gif") 0 0 no-repeat; min-height: 100px; width: 560px;} .economic-highlight h3 { padding: 10px;} .economic-highlight p { padding: 10px; width: 525px; line-height: 20px;} .economic-highlight p span { display: block;} .economic-highlight p span a { text-decoration: underline; color: #333333;} .economic-highlight p span a:hover { text-decoration: none;} .Main-Features { float: left; overflow: hidden; padding-top: 20px; width: 550px; } .Main-Features h2{ background: url("../img/bg/bg_economic_Main_Features.gif") 0 0 no-repeat; color: #083CA1; font-size: 14px; height: 27px; padding: 8px 0 0 10px; width: 560px; } .Main-Features ul, .Main-Features p { padding-left: 10px;} .Main-Features ul li{ padding-bottom: 5px;} .economic-review { clear: both; padding: 20px 0 0;} .economic-review h2 { background: url("../img/bg/bg_economic_economic_review.gif") 0 0 no-repeat; color: #083CA1; font-size: 14px; height: 31px; padding: 8px 0 0 10px; width: 865px; } .economic-review ul { overflow: hidden; padding: 10px 0 0 20px; width: 855px; } .economic-review ul li { float: left; padding: 0 23px 20px 0;} .economic-review ul li:nth-child(5n+1) { clear: both;} .economic-review ul li p { text-align: center;} .economic-review ul li p span { display: block; padding-top: 5px} /*********************************************/ /*********************************************/ /************start-DownloadOffline************/ /*********************************************/ /*********************************************/ .DownloadOffline h1{ color: #004C89; padding: 20px 0 5px 0;} .DownloadOffline p { padding-bottom: 10px;} .DownloadOffline-detail { border-top: 1px solid #e0e0e0; float: left; width: 945px;} .leftSide { clear: both; float: left; overflow: hidden; padding-right: 45px; width: 445px;} .leftSide h2 { background: #e0e0e0; color: #004C89; font-size: 14px; margin-top: 10px; padding: 5px 0 5px 10px; width: 445px; } .leftSide ul li h3 { color: #207DC4; font-size: 15px; padding-top: 15px;} .leftSide ul li { border-bottom: 1px solid #e0e0e0; height: 170px; width: 455px; } .leftSide ul li .thumbnail { float: left; padding-top: 15px; width: 103px;} .leftSide ul li img { float: right; padding-top: 15px;} .leftSide .productInformation { float: left; padding-top: 25px; width: 285px;} .leftSide .productInformation h3 { color: #3E3E3E; font-size: 12px; padding: 0;} .leftSide .productInformation p { padding: 0;} .leftSide .productInformation a { clear: both; color: #213C70; float: left; padding-top: 15px; width: 200px;} .leftSide .productInformation a:hover { text-decoration: underline;} .leftSide .productInformation a img { float: left; padding: 0;} .leftSide ul .DownloadOffline-detail-last, .rightSide ul .DownloadOffline-detail-last { border: none;} .rightSide { float: left; overflow: hidden; width: 455px;} .rightSide h2 { background: #e0e0e0; color: #004C89; font-size: 14px; margin-top: 10px; padding: 5px 0 5px 10px; width: 445px; } .rightSide ul li h3 { color: #207DC4; font-size: 15px; padding-top: 15px;} .rightSide ul li { border-bottom: 1px solid #e0e0e0; height: 200px; width: 455px; } .rightSide ul li .ipad { float: left; padding: 15px 10px 0 10px;} .rightSide ul li .iphone { float: left; padding: 15px 25px 0 30px;} .rightSide ul li .galaxy { float: left; padding: 15px 20px 0 20px;} .rightSide ul li img { float: right; padding-top: 15px;} .rightSide .productInformation { float: left; padding-top: 25px; width: 280px;} .rightSide .productInformation h3 { color: #3E3E3E; font-size: 12px; padding: 0; width: 265px;} .rightSide .productInformation p { padding: 0;} .rightSide .productInformation a { clear: both; float: left; padding-top: 15px;} .rightSide .productInformation a img { clear: both; float: left; padding: 0;} .rightSide ul .DownloadOffline-detail-last { padding-top: 10px;} /*********************************************/ /*********************************************/ /***************Economic review***************/ /*********************************************/ /*********************************************/ .special-publication-wrapper { overflow: hidden; width: 944px; padding-top: 20px; width: 944px;} /*****************brown-theme*****************/ .brown-theme { background: url("../img/bg/bg_brown-theme.gif") 0 0 repeat-y;} .brown-theme #special-public-navigation ul li a { background: #B59B61; color: #333333;} .brown-theme #special-public-navigation ul li a:hover { background: #333333; color: #B59B61;} .brown-theme .special-public-detail li h2 { background: #B59B61;} .brown-theme img { padding-bottom: 10px;} /*****************green-theme*****************/ .green-theme { background: url("../img/bg/bg_green-theme.gif") 0 0 repeat-y;} .green-theme #special-public-navigation ul li a { background: #70BF42; color: #333333;} .green-theme #special-public-navigation ul li a:hover { background: #BDBDBD; color: #333333;} .green-theme .special-public-detail li h2 { background: #70BF42;} .green-theme img { padding-bottom: 10px;} /****************yellow-theme*****************/ .yellow-theme { background: url("../img/bg/bg_yellow-theme.gif") 0 0 repeat-y;} .yellow-theme #special-public-navigation ul li a { background: #e0b506; color: #333333;} .yellow-theme #special-public-navigation ul li a:hover { background: #BDBDBD; color: #333333;} .yellow-theme .special-public-detail li h2 { background: #e0b506;} .yellow-theme img { padding-bottom: 10px;} /****************midyear2011*****************/ #wrapper .static-content .productWrapper #top { height: 120px; width: 944px;} #wrapper .static-content .productWrapper .midyear2011 img#top { border-bottom: 10px solid #b59b61;} #wrapper .static-content .productWrapper .yearend2011 img#top { border-bottom: 10px solid #6c8cc8;} #wrapper .static-content .productWrapper .yearend2012 img#top { border-bottom: 10px solid #8ea5b2;} #wrapper .static-content .productWrapper .midyear2011 .special-publication-wrapper, #wrapper .static-content .productWrapper .yearend2011 .special-publication-wrapper { border-top: 5px solid #000000;} #wrapper .static-content .productWrapper .yearend2012 .special-publication-wrapper { border-top: 5px solid #606a71;} #wrapper .static-content .productWrapper #special-public-content .img-highlight img { border: none;} #wrapper .static-content .productWrapper #special-public-navigation ul li { border-bottom: 1px solid #cccccc;} #special-public-navigation ul .first-list { border-top: 1px solid #cccccc;} #special-public-navigation ul li a { color: #000000;} .midyear2011 #special-public-navigation ul li a:hover { background: #dacdb0; color: #000000;} .yearend2011 #special-public-navigation ul li a:hover { background: #b5c5e3; color: #000000;} .yearend2012 #special-public-navigation ul li a:hover { background: #c6d2d8; color: #000000;} #special-public-content .special-public-detail li .go-to-top img { float: right; padding: 0; border: none; overflow: hidden;} #production-list p { color: #333333; font-size: 11px;} #special-public-content .img-highlight p { padding: 5px 0 0 0; width: 80px;} .midyear2011 .special-public-detail li .Headline { border-bottom: 5px solid #b59b61;} .yearend2011 .special-public-detail li .Headline { border-bottom: 5px solid #6c8cc8;} .yearend2012 .special-public-detail li .Headline { border-bottom: 5px solid #8ea5b2;} /********************************************/ #special-publication { overflow: hidden; padding-top: 30px; width: 944px;} #special-publication img { padding-bottom: 20px; display: block;} #special-public-navigation { clear: both; float: left; overflow: hidden; width: 200px; } #special-public-navigation h2 { background: url("../img/img_eco2/menu_bar.jpg") 0 0 no-repeat; width: 200px; height: 32px;} #special-public-navigation h2 span { visibility: hidden;} #special-public-navigation ul { overflow: hidden;} #special-public-navigation ul li a { display: block; font-weight: bold; height: 25px; padding: 10px 0 0 10px; width: 190px; } #special-public-navigation ul li a:hover { display: block; font-weight: bold; height: 25px; padding: 10px 0 0 10px; width: 190px; } #production-list { overflow: hidden; padding: 30px 0 0 10px;} #production-list p { color: #666666; font-size: 11px; } #special-public-content { float: right; padding: 0 25px 0 12px; width: 695px; border-left: 1px solid #CCCCCC;} #special-public-content h1 { font-size: 30px; padding-bottom: 10px;} #special-public-content p { float: left; line-height: 20px; width: 465px; } #special-public-content .img-highlight { float: left; height: auto; padding-right: 10px; width: 215px;} #special-public-content .img-highlight p { color: #FF0000; font-size: 14px; font-weight: bold; padding: 0 0 0 50px; width: 128px;} #special-public-content .img-highlight .buy-now { padding: 0 0 0 40px;} #special-public-content .img-big-highlight img { padding: 0;} #special-public-content .content-highlight p { float: right; padding-bottom: 20px;} #special-public-content .sub-categories-list p { width: 600px;} .special-public-detail { clear: both;} .special-public-detail li h2 { border-bottom: 5px solid #000000; clear: both; float: left; font-size: 15px; padding: 7px 0 5px 7px; width: 693px; } .special-public-detail li .thumbnail { float: left; height: 112px; overflow: hidden; padding: 10px 10px 0 0; width: 89px; } .special-public-detail li ul { float: left; width: 590px;} .special-public-detail li ul li { float: left; padding-top: 10px;} .special-public-detail li ul li h3 { color: #886E03;} .special-public-detail li ul li a img { padding-right: 10px;} .special-public-detail .writer { color: #666666;} #special-public-content .special-public-detail li .go-to-top img { float:right; padding: 0; } /*********************************************/ /*********************************************/ /****************SMS News Page****************/ /*********************************************/ /*********************************************/ #wrapper .no-sub-channel { background: #fff; overflow: hidden; clear: both; _margin-top: -3px;} .sms-highlight { overflow: hidden; width: 900px;} .sms-highlight-content { float: left; overflow: hidden; padding-top: 30px; width: 490px; } .sms-highlight-content h1 { background: url("../img/sms_page/head_sms_news.gif") 0 0 no-repeat; float: left; height: 152px; overflow: hidden; padding-bottom: 10px; width: 448px;} .sms-highlight-content h1 span { visibility: hidden;} .sms-highlight-content p { float: left; width: 450px;} .sms-highlight-content .subscribe { background: url("../img/sms_page/c1.jpg") 0 0 no-repeat; color: #FA002F; font-weight: bold; height: 26px; margin-top: 10px; padding: 5px 0 0 10px; width: 490px; } .sms-highlight-content .subscribe span { color: #000000; font-weight: normal;} .sms-highlight-img { float: right; overflow: hidden; padding: 10px 10px 0 0; width: 360px; } .news-services { clear: both; overflow: hidden; width: 925px;} .news-services h2 { color: #083DA0;} .news-services ul li { height: 30px; margin-top: 10px; overflow: hidden; padding: 10px 0 10px 5px; width: 925px; } .news-services ul li p { width: 900px; line-height: 16px; font-size: 12px;} .news-services ul li p strong{ color: #083DA0;} .PostToday-English-Version { background: #F0F0F0;} .BangkokPost-English-Version { background: #d0e4e9;} .BangkokPost-business-news-service { background: #d5d9e8;} .How-to-subscribe { clear: both; padding-top: 30px} .How-to-subscribe h2 { color: #083DA0; padding-bottom: 10px;} .sms-subscribe { background: url("../img/sms_page/tab_bgbody.jpg") 0 0 no-repeat; height: 410px; overflow: hidden; width: 925px;} .subscribe-sms-news { height: 330px; overflow: hidden; width: 905px; margin: 20px 10px 0 10px;} .subscribe-sms-news tr th { font-size: 12px; font-weight: bold; color: #083DA0;} .subscribe-sms-news tr th span { display: block;} .subscribe-sms-news tr td { border-bottom: 1px solid #EAEAEA; height: 30px; padding-left: 5px; text-align: center; vertical-align: middle; } .subscribe-sms-news tr td strong { color: #FA002F;} .subscribe-sms-news tr .price span { display: block; text-align: center; vertical-align: middle;} .subscribe-sms-news tr td img { float: left; padding: 10px 0 0 10px; vertical-align: middle; _display: inline;} .subscribe-sms-news .Price { background: #E5E5E5; height: 30px; padding-right: 10px; text-align: right; vertical-align: middle; width: 364px;} .subscribe-sms-news .Head_PTD_news { background: #d3d3d3; height: 30px; overflow: hidden; vertical-align: middle; width: 173px;} .subscribe-sms-news .Head_BKP_news { background: #9fccd7; height: 30px; overflow: hidden; vertical-align: middle; width: 173px;} .subscribe-sms-news .Head_BKP_business { background: #a7b2d2; height: 30px; overflow: hidden; vertical-align: middle; width: 173px;} .PTD_news { background: #F0F0F0; height: 30px; overflow: hidden; vertical-align: middle; text-align: center; width: 173px;} .BKP_news { background: #d0e4e9; height: 30px; overflow: hidden; vertical-align: middle; text-align: center; width: 173px;} .BKP_business{ background: #d5d9e8; height: 30px; overflow: hidden; vertical-align: middle; text-align: center; width: 173px;} .default-number { color: #FA002F;} .extra-number { color: #207DC4;} .subscribe-sms-news .Price_last { border: none; overflow: hidden;} .subscribe-sms-news .PTD_news_last { background: #F0F0F0; border: none; height: 30px; overflow: hidden; vertical-align: middle; text-align: center;} .subscribe-sms-news .BKP_news_last { background: #d0e4e9; border: none; height: 30px; overflow: hidden; vertical-align: middle; text-align: center;} .subscribe-sms-news .BKP_business_last { background: #d5d9e8; border-bottom: none; height: 30px; overflow: hidden; vertical-align: middle; text-align: center;} .MoreInformation { clear: both; overflow: hidden; padding: 0 0 0;} .MoreInformation h3 { font-size: 16px; font-weight: normal; color: #1a7cbb; padding-bottom: 5px; } .MoreInformation h3 span { color: #000000;} .MoreInformation img { float: left;} .MoreInformation p { clear: both; float: left; font-weight: bold; margin-bottom: 5px;} .MoreInformation ul { clear: both; float: left; width: 900px;} .MoreInformation ul li { line-height: 18px;} .MoreInformation ul li p { clear: none; float: none; font-weight: normal; padding: 0; color: #666666; margin: 0;} .MoreInformation ul li p a { text-decoration: none;} .MoreInformation ul li p a:hover { text-decoration: underline;} /*********************************************/ /*********************************************/ /**********main-content-FontPages*************/ /*********************************************/ /*********************************************/ .main-content-FontPages { height: 400px; overflow: hidden; padding: 20px 0 30px 20px; width: 910px;} .main-content-FontPages img { float: left; padding-right: 25px;} .main-content-FontPages h1 { background: url("../img/frontpage/fontpage_headline.jpg") 0 0 no-repeat ; float: left; height: 142px; width: 498px;} .main-content-FontPages h1 span { display: none;} .main-content-FontPages p { float: left; width: 498px;} .main-content-FontPages .Contact-us { background: url("../img/bg/bg_frontpages_contactUs.gif") 0 0 no-repeat; float: left; height: 69px; margin-top: 10px; overflow: hidden; padding: 12px 0 0 10px; width: 390px; } .main-content-FontPages .Contact-us { font-weight: bold;} .main-content-FontPages .Contact-us a:hover { text-decoration: underline;} .main-content-FontPages .Contact-us p { width: 380px;} .Premium-Collection { background: url("../img/frontpage/bg_yellow.jpg") 0 0 no-repeat; clear: both; float: left; height: 635px; overflow: hidden; padding: 15px 20px 10px 22px; width: 902px; _display: inline; } .Premium-Collection h2 { background: url("../img/bg/bg_PremiumCollection_header.jpg") 0 0 no-repeat; float: left; height: 60px; overflow: hidden; width: 670px; } .Premium-Collection h2 span { display: none;} .Premium-Collection .introduction { clear: both; color: #213C70; text-align: center; padding: 0; } .Premium-Collection .introduction span { display: block;} .Premium-Collection a { float: right; overflow: hidden;} .Premium-Collection-list { clear: both; padding: 10px 0 0 15px; width: 895px; overflow: hidden; _display: inline; } .Premium-Collection-list li { float: left; padding: 0 20px 15px 0; width: 159px; overflow: hidden; } .Premium-Collection-list li a p { color: #213C70; text-align: center; width: 159px; } .Premium-Collection-list li a:hover { text-decoration: underline;} .FrontPages-category { width: 939px; padding-bottom: 40px;} .FrontPages-category a { padding-left: 370px;} .Select-by-category { background: url("../img/frontpage/bg_gray.jpg") 0 0 no-repeat; clear: both; float: left; height: 324px; padding: 15px 20px 0 22px; width: 920px; } .FrontPages-category .Select-by-category a { padding: 0; } .Select-by-category h2 { border-bottom: 1px solid #999999; color: #213C70; padding-bottom: 5px; width: 895px;} .Select-by-category ul { clear: both; padding: 10px 0 0 15px; width: 895px;} .Select-by-category li { float: left; padding: 0 20px 15px 0; width: 159px; overflow: hidden;} .Select-by-category li a p { color: #213C70; text-align: center; width: 159px; } .Select-by-category li a:hover { text-decoration: underline;} /*********************************************/ /*********************************************/ /**************FontPages Price****************/ /*********************************************/ /*********************************************/ .tablePrice { background: url("../img/frontpage_price/bg_gray.jpg") 0 0 no-repeat; height: 286px; margin-top: 20px; padding: 10px 0 15px 10px; width: 934px; } .tablePrice h1 { font-size: 18px; padding-left: 20px;} .FrontPage-price { padding-top: 10px;} .FrontPage-price tr th { background: #D9D9D9; color: #004886; padding: 10px 0;} .FrontPage-price tr td { padding: 15px 0 5px 0;} .FrontPage-price tr td.Broadsheet-size, .FrontPage-price tr th.Broadsheet-size { text-align: left; padding-left: 100px; width: 203px;} .FrontPage-price tr td.Print-Frame-size, .FrontPage-price tr th.Print-Frame-size, .FrontPage-price tr td.PriceTotal, .FrontPage-price tr th.PriceTotal { text-align: left; padding-left: 30px; width: 273px;} .price-detail a { padding-left: 370px;} .price-detail-list { float: left; width: 940px; padding: 20px 0;} .price-detail-list li { float: left; width: 180px; padding: 0 20px 0 30px;} .price-detail-list li p { color: #004886; font-weight: bold; text-align: center;} .price-detail-list li p span { display: block;} .Contact-us a { padding: 0;} .Contact-us a:hover { text-decoration: underline;} /*********************************************/ /*********************************************/ /******************Newswire*******************/ /*********************************************/ /*********************************************/ .sub-navigation { background: #ebebeb; width: 100%; padding: 5px 0; overflow: hidden;} .sub-navigation li { float: left;} .sub-navigation li a { font-size: 12px; color: #13344F; padding-left: 15px;} .sub-navigation li a:hover { text-decoration: underline;} .newswire-highlight img { float: right; padding: 20px 20px 0 0;} .newswire-content { float: left; width: 515px; padding-top: 10px;} .newswire-content h1 { background: url("../img/newswire/p_text.jpg") 0 0 no-repeat; height: 160px; width: 515px; } .newswire-content h1 span { display: none;} .newswire-content p { width: 515px;} .newswire-content .thumbnail { background: url("../img/frontpage_price/bg_thumbnail.gif") 0 0 no-repeat; height: 26px; padding: 5px 0 5px 10px; margin-top: 10px; width: 399px; } .Republishing-policy { border: 1px solid #DDE5E7; height: 90px; margin: 10px 0; padding: 10px; width: 515px; } .Republishing-policy h2 { color: #CC0000; font-weight: normal;} .Republishing-policy p a:hover { text-decoration: underline;} .newswire-detail { clear: both;} .newswire-detail ul li { float: left;} .newswire-detail ul li a:hover { text-decoration: underline;} .For-Personal-Use, .For-News-Aggregator, .Free-for-Affiliated-partners { background: url("../img/newswire/bg_2_1.jpg") 0 0 no-repeat; width: 313px; height: 188px;} .For-Personal-Use p, .For-News-Aggregator p, .Free-for-Affiliated-partners p { width: 300px;} .For-Personal-Use h2 { padding: 30px 0 10px 20px;} .For-Personal-Use p { padding: 0 0 10px 20px; width: 280px;} .For-Personal-Use a { padding-left: 17px;} .For-News-Aggregator h2 { padding: 30px 0 10px 20px;} .For-News-Aggregator p { padding-left: 20px; width: 280px;} .For-News-Aggregator .last-content { padding-top: 10px;} .Free-for-Affiliated-partners h2 { padding: 30px 0 10px 20px;} .Free-for-Affiliated-partners p { padding: 0 0 10px 20px; width: 280px;} /*********************************************/ /*********************************************/ /******************Newswire*******************/ /*********************************************/ /*********************************************/ .subscription-content { height: 380px; width: 930px; } .print-subscription-content { padding-left: 10px; width: 930px;} .print-subscription-highlight { padding: 20px 0; width: 920px; overflow: hidden;} .print-subscription-highlight h1 { background: url("../img/print_sub/edit20090923/head_highlight.gif") 0 0 no-repeat; float: left; height: 129px; width: 422px; } .print-subscription-highlight .thumbnail { float: left; width: 430px; overflow: hidden;} .print-subscription-highlight h1 span { display: none;} .print-subscription-highlight p { color: #144685; float: left; line-height: 18px; padding: 5px 0 0 5px; width: 427px; } .print-subscription-highlight img { float: right; width: 465px; height: 217px;} .subscription-detail { clear: both; float: left; width: 665px;} .subscription-detail h3 { padding: 10px 0 5px 0;} .subscription-detail p { line-height: 20px;} .subscription-detail ul { padding-bottom: 10px;} .subscription-detail ul li p strong { font-size: 14px;} .subscription-detail .thumbnail { color: #1A4186; } .subscription-sidebar { float: right; width: 190px; padding-right: 45px;} .subscription-sidebar img { float: left; padding-bottom: 5px;} .subscription-rate { background: url("../img/print_sub/edit20090923/bg_subscription-rate.jpg") 0 0 no-repeat; clear: both; height: 459px; overflow: hidden; width: 914px; } .subscription-rate h2 { color: #474747; padding: 15px 0 0 15px;} .subscription-rate .table-BangkoPost h3 { color: #1A4186; float: left; width: 102px; padding-left: 10px; _display: inline;} .subscription-rate .table-BangkoPost tr th { background: #284c8d; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 6px 0 6px 6px;} .subscription-rate .table-BangkoPost .Subscription-number { color: #1A4186; font-size: 14px; font-weight: bold;} .subscription-rate .table-WeekendPost h3 { clear: both; color: #1F7CC2; float: left; width: 102px; padding-left: 10px;_display: inline;} .subscription-rate .table-WeekendPost tr th { background: #1F7CC2; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 6px 0 6px 6px;} .subscription-rate .table-WeekendPost .Subscription-number { color: #1F7CC2; font-size: 14px; font-weight: bold;} .subscription-rate .table-BangkoPost, .subscription-rate .table-WeekendPost { float: left; overflow: hidden; padding: 20px 0 0 15px; width: 915px; clear:both;} .subscription-rate .table-BangkoPost tr td, .subscription-rate .table-WeekendPost tr td { border-bottom : 1px solid #EAEAEA; color: #666666; padding: 10px 0 10px 6px;} .subscription-rate .table-BangkoPost .save-price, .subscription-rate .table-WeekendPost .save-price { color: #CC0000; display: block;} .Subscription-head { text-align: left; width: 197px;} .Newsstand-head { text-align: left; width: 364px;} .pay-head { text-align: left; width: 189px;} .Bangkok-Post-Subscription { float: left; width:755px;} .Weekend-Post-Subscription { float: left; width:755px;} .For-more-information { clear: both; padding-top: 30px;} .For-more-information p { color: #213C70; font-size: 15px;} /*********************************************/ /*********************************************/ /******************BKP-plus*******************/ /*********************************************/ /*********************************************/ .static-content .BKP-plus { /* background: url("../common/img/bg/bg_BKP-plus.jpg") no-repeat scroll 20px 0 #FFFFFF; */ clear: both; height: 140px; margin: 20px auto 0; overflow: hidden; padding: 0 20px 10px; width: 950px; } .no-sub-channel .BKP-plus { /* background: url("../common/img/bg/bg_BKP-plus.jpg") no-repeat scroll 20px 0 #FFFFFF; */ clear: both; height: 140px; margin: 0 auto; overflow: hidden; padding: 0 15px 10px; width: 950px; } .static-content .BKP-plus p, .no-sub-channel .BKP-plus p, .Normal-members .BKP-plus p { font-size: 12px;} .no-sub-channel .productWrapper .BKP-plus { padding: 0;} /* sms page by benz 20/10/54 */ .sms-content { width: 950px; margin: 0 auto; overflow: hidden; margin-bottom: 20px;} .sms-content .thumbnail { float: left; overflow: hidden; padding: 0; width: 631px; } .sms-content h1 { background: url("../img/bg/bg-SMSnews.png") 0 0 no-repeat; width: 227px; height: 40px; margin-bottom: 5px;} .sms-content h1 span { visibility: hidden;} .sms-content p { font-size: 15px; font-weight: bold; color: #666666;} .sms-content img { float: left;} .sms-content .thumbnail p img { float: none;} .subscribeSmsNews { float: right; background: url("../img/bg/bg-subscribeSmsNews.png") 0 0 no-repeat; width: 277px; height: 60px; padding: 15px 0 10px 10px;} .subscribeSmsNews .styleHighlight { color: #083da0; float: left; margin-right: 5px;} .subscribeSmsNews ul li { width: 277px; overflow: hidden;} .subscribeSmsNews ul li .content { color: #083da0; font-size: 14px; font-weight: bold; margin: 3px 0 0; width: 265px; float: left; letter-spacing: 0.008em;} .subscribeSmsNews ul li .content span { color: #666666; font-weight: normal;} .subscribe { background: url("../img/sms_page/bg-Subscribe-getFree.png") 0 0 no-repeat; height: 63px; padding: 13px 0 10px 10px; margin-top: 10px; width: 487px; } .subscribe li { color: #f9002f; font-size: 13px; font-weight: bold; line-height: 18px; } .subscribe li span { color: #000000; font-weight: normal;} .sms-news-service { clear: both; padding-top: 10px;} .sms-news-service h2 { color: #083da0; font-size: 18px; padding-bottom: 20px;} /*.world-news { background: url("../img/sms_page/bg-SMS-page.png") 0 0 no-repeat; height: 320px; float: left; width: 446px; padding: 10px; _display: inline; } .world-business { background: url("../img/sms_page/bg-SMS-page.png") 0 0 no-repeat; height: 320px; float: left; width: 446px; padding: 10px 0 10px 10px; _display: inline; } .business-politics { background: url("../img/sms_page/bg-SMS-page.png") 0 0 no-repeat; height: 320px; float: left; width: 446px; padding: 10px 0 10px 10px; _display: inline; } .hot-news { background: url("../img/sms_page/bg-hot-news.gif") 0 0 no-repeat; height: 171px; float: left; padding: 10px 0 10px 10px; margin-left: 13px; width: 446px; _display: inline; } .English-Version h3, .Thai-Version h3 { color: #083da0; font-size: 15px; line-height: 22px;} .English-Version table, .Thai-Version table { margin-top: 10px;} .English-Version .one-month, .Thai-Version .one-month { margin-top: 10px;} .English-Version table tr th, .Thai-Version table tr th { background: #d0e4e9; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; font-size: 15px; height: 30px; vertical-align: middle; width: 110px; } .English-Version table tr th span, .Thai-Version table tr th span { color: #666666;} .English-Version table tr .month, .Thai-Version table tr .month { border-left: 1px solid #cccccc; height: 30px; padding-left: 10px; text-align: left; width: 200px; } .English-Version table tr td, .Thai-Version table tr td { border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; height: 52px; text-align: center; vertical-align: middle; } .English-Version table tr td span, .Thai-Version table tr td span { color: #fa002f;} .English-Version table tr .border-bottom, .Thai-Version table tr .border-bottom { border-bottom: 1px solid #cccccc;} .English-Version table tr .logo, .Thai-Version table tr .logo { border-left: 1px solid #cccccc; padding-left: 5px;} .DTAC-only { background: url("../img/sms_page/bg-dtac-only.png") 0 0 no-repeat; clear: both; height: 159px; overflow: hidden; padding: 10px; width: 904px; } .DTAC-only h3 { clear: both;} .DTAC-only ul li { float: left; overflow: hidden; width: 434px; } .sms-news-service .DTAC-only ul .thumbnail { padding: 0 33px 0 0; width: 434px; } .ads { float: left; height: 114px; margin: 14px 0 0 5px; overflow: hidden; width: 465px; } .ads a img { float: none;}*/ /***** yearend2011 ******/ .yearend2011 #special-public-content .content-highlight p { padding-bottom: 10px;} .yearend2011 #special-public-content .content-highlight p span { display: block;} #special-public-navigation .detail { overflow: hidden; padding: 30px 0 0 10px;} #special-public-navigation .detail p { color: #333333; font-size: 11px; padding-bottom: 5px;} #special-public-navigation .detail p span { display: block;} .yearend2011 #production-list { padding: 10px 0 0 10px;} /****************midyear2012*****************/ #wrapper .static-content .productWrapper .midyear2012 #top { height: 120px; width: 944px;} #wrapper .static-content .productWrapper .midyear2012 img { border-bottom: 10px solid #0D3B6D; float: left; overflow: hidden;} #wrapper .static-content .productWrapper .midyear2012 .special-publication-wrapper { border-top: 5px solid #78A68E;} #wrapper .static-content .productWrapper .midyear2012 #special-public-content .img-highlight img { border: none;} #wrapper .static-content .productWrapper .midyear2012 #special-public-navigation ul li { border-bottom: 1px solid #cccccc;} .midyear2012 #special-public-navigation ul .first-list { border-top: 1px solid #cccccc;} .midyear2012 #special-public-navigation ul li a { color: #000000;} .midyear2012 #special-public-navigation ul li a:hover { background: #BBD2C6; color: #000000;} .midyear2012 #special-public-content .special-public-detail li .go-to-top img { float: right; padding: 0; border: none; overflow: hidden;} .midyear2012 #production-list p { color: #333333; font-size: 11px;} .midyear2012 #special-public-content .img-highlight p { padding: 5px 0 0 0; width: 80px;} .midyear2012 .special-publication-wrapper #special-public-content .img-highlight a img { float: right; padding-bottom: 10px;} .midyear2012 .special-public-detail li .Headline { border-bottom: 5px solid #0D3B6D; clear: both; float: left; font-size: 18px; overflow: hidden; padding-top: 20px; width: 720px;} .midyear2012 .special-public-detail li .Headline h2 { float: left; border-bottom: none; padding: 7px 0 5px 0; width: 400px;} .midyear2012 .special-public-detail li .go-to-top { clear: none; color: #666666; float: right; font-size: 11px; overflow: hidden; padding: 10px 0 5px 0; width: 40px;} .midyear2012 #special-public-content { border-left: 1px solid #CCCCCC; padding-left: 12px; width: 695px;} .midyear2012 #special-public-content p { width: 465px;} .midyear2012 #special-public-content .img-highlight { width: 215px;} .midyear2012 #special-public-content .sub-categories-list p { width: 600px;} .midyear2012 .special-public-detail li ul { width: 590px;} /**************** BKP SMS News by benz 11,01,56 *****************/ .BKP-smsNews { width: 950px; clear: both; overflow: hidden; margin-bottom: 40px;} .BKP-smsNews .logoBKP-smsNews { float: left; margin: 0 5px 10px 0;} .BKP-smsNews h3 { float: left; color: #666666; margin: 12px 0 0;} .BKP-smsNews table { clear: both; width: 950px; margin-top: 10px;} .BKP-smsNews table tr th { vertical-align: middle; text-align: center; border: 1px solid #cccccc; border-right: none; background: #e7f3fd; padding: 2px 0; color: #333333; font-size: 15px; font-weight: bold; letter-spacing: 0.008em;} .BKP-smsNews table tr th.borderRight { border-right: 1px solid #cccccc;} .BKP-smsNews table tr th span { display: block; font-size: 13px; color: #999999;} .BKP-smsNews table tr td.borderTop { border-top: 1px solid #cccccc;} .BKP-smsNews table tr td.BG-blue { background: #e7f3fd; padding: 5px 5px 4px;} .BKP-smsNews table tr td.BG-blue span { display: block; color: #eb212e;} .BKP-smsNews table tr td.BG-gray { background: #edebeb; padding: 5px 5px 4px;} .BKP-smsNews table tr td.BG-gray span { display: block; color: #083da0; font-weight: bold;} .BKP-smsNews table tr td { vertical-align: middle; text-align: center; border: 1px solid #cccccc; border-right: none; border-top: none; padding: 15px 0 14px; font-size: 13px; background: #f9f8f8; letter-spacing: 0.008em;} .BKP-smsNews table tr td.borderRight { border-right: 1px solid #cccccc;} .BKP-smsNews table tr td span { display: block;} .BKP-smsNews table tr td span.textRed { color: #eb212e; display: inline;} .BKP-smsNews table tr td .unsub { display: block; color: #333333;} .BKP-smsNews table tr td.truemoveH { width: 135px; padding: 2px 0;} .BKP-smsNews table tr td.truemove { width: 106px; padding: 2px 0;} .BKP-smsNews table tr td.ais { width: 85px; padding: 2px 0;} .BKP-smsNews table tr td.dtac { width: 110px; padding: 2px 0;} .BKP-smsNews table tr th.smsNewsSection { width: 160px; margin: 0 auto;} .BKP-smsNews table tr td.smsNewsSection { width: 160px; margin: 0 auto; background: #edebeb; padding: 10px 0; color: #083da0; font-weight: bold; font-size: 17px;} .BKP-smsNews table tr td.smsNewsSection span { font-weight: normal; color: #333333; font-size: 13px;} .BKP-smsNews table tr th.smsNewsContents, .BKP-smsNews table tr td.smsNewsContents { width: 138px; margin: 0 auto;} .BKP-smsNews table tr th.smsNewsPrice, .BKP-smsNews table tr td.smsNewsPrice { width: 120px; margin: 0 auto;} .BKP-smsNews table tr th.smsNewsPeriod, .BKP-smsNews table tr td.smsNewsPeriod { width: 150px; margin: 0 auto;} .BKP-smsNews table tr th.smsNewsPromotion { width: 85px; background: url(../img/bg/bg-smsNewsPromotion.gif) 0 0 repeat-x; color: #f8f7f7; border: 1px solid #0b4d8a; margin: 0 auto;} .BKP-smsNews table tr td.smsNewsPromotion { width: 85px; background: url(../img/bg/bg-arrowDown.png) 0 top no-repeat #EDEBEB; padding: 5px 0 4px; margin: 0 auto;} .BKP-smsNews table tr th.smsNewsNetwork { width: 435px;} .smsNewsPeriod span { color: #eb212e; font-weight: bold;} .BKP-smsNews .toggle-navigation { background: url("../img/bg/bg_smsBKP-toggle-navigation.gif") repeat-x 0 0; width: 950px; clear: both; height: 43px; padding-left: 518px;} .BKP-smsNews .toggle-navigation #subscribe { background: url("../img/bg/bg-smsBKP.gif") 0 -46px no-repeat; font-size: 20px; font-weight: bold; color: #999999; cursor: pointer; height: 30px; padding: 13px 0 0 0px; width: 210px; text-align: center; margin-right: 5px; } .BKP-smsNews .toggle-navigation #subscribe.active { background: url("../img/bg/bg-smsBKP.gif") 0 0 no-repeat; font-size: 20px; font-weight: bold; color: #083da0; cursor: pointer; height: 33px; padding: 10px 0 0 0px; width: 210px; text-align: center;} .BKP-smsNews .toggle-navigation #unsubscribe { background: url("../img/bg/bg-smsBKP.gif") 0 -46px no-repeat; font-size: 20px; font-weight: bold; color: #999999; cursor: pointer; height: 30px; padding: 13px 0 0 0px; width: 210px; text-align: center;} .BKP-smsNews .toggle-navigation #unsubscribe.active { background: url("../img/bg/bg-smsBKP.gif") 0 0 no-repeat; font-size: 20px; font-weight: bold; color: #083da0; cursor: pointer; height: 33px; padding: 10px 0 0 0px; width: 210px; text-align: center;} .BKP-smsNews table tr td.noBorder { background: none; border: none; margin: 0; padding: 0; line-height: 5px;} /**************** PTD SMS News by benz 11,01,56 *****************/ .PTD-smsNews { width: 950px; clear: both; overflow: hidden; margin-bottom: 30px;} .PTD-smsNews .logoPTD-smsNews { float: left; margin: 0 5px 15px 0;} .PTD-smsNews h3 { float: left; color: #666666; margin: 12px 0 0;} .PTD-smsNews table { clear: both; width: 950px; margin-top: 10px;} .PTD-smsNews table tr th { vertical-align: middle; text-align: center; border: 1px solid #cccccc; border-right: none; background: #ffeaea; padding: 2px 0; color: #333333; font-size: 15px; font-weight: bold;} .PTD-smsNews table tr th.borderRight { border-right: 1px solid #cccccc;} .PTD-smsNews table tr th span { display: block; font-size: 13px; color: #999999;} .PTD-smsNews table tr td.borderTop { border-top: 1px solid #cccccc;} .PTD-smsNews table tr td.BG-pink { background: #FFEAEA; padding: 2px 0;} .PTD-smsNews table tr td.BG-pink span { display: block; color: #eb212e;} .PTD-smsNews table tr td.BG-gray { background: #edebeb; padding: 5px 5px 4px;} .PTD-smsNews table tr td.BG-gray span { display: block; color: #eb212e; font-weight: bold;} .PTD-smsNews table tr td { vertical-align: middle; text-align: center; border: 1px solid #cccccc; border-right: none; border-top: none; padding: 15px 0 14px; font-size: 13px; background: #f9f8f8;} .PTD-smsNews table tr td.borderRight { border-right: 1px solid #cccccc;} .PTD-smsNews table tr td span { display: block;} .PTD-smsNews table tr td span.textRed { color: #eb212e; display: inline;} .PTD-smsNews table tr td .unsub { display: block; color: #333333;} .PTD-smsNews table tr td.truemoveH { width: 145px; padding: 2px 0;} .PTD-smsNews table tr td.truemove { width: 100px; padding: 2px 0;} .PTD-smsNews table tr td.ais { width: 90px; padding: 2px 0;} .PTD-smsNews table tr td.dtac { width: 100px; padding: 2px 0;} .PTD-smsNews table tr th.smsNewsSection { width: 160px; margin: 0 auto;} .PTD-smsNews table tr td.smsNewsSection { width: 160px; margin: 0 auto; background: #edebeb; padding: 10px 0; color: #eb212e; font-weight: bold; font-size: 17px;} .PTD-smsNews table tr td.smsNewsSection span { font-weight: normal; color: #333333; font-size: 13px;} .PTD-smsNews table tr th.smsNewsContents, .PTD-smsNews table tr td.smsNewsContents { width: 138px; margin: 0 auto;} .PTD-smsNews table tr th.smsNewsPrice, .PTD-smsNews table tr td.smsNewsPrice { width: 120px; margin: 0 auto;} .PTD-smsNews table tr th.smsNewsPeriod, .PTD-smsNews table tr td.smsNewsPeriod { width: 150px; margin: 0 auto;} .PTD-smsNews table tr th.smsNewsPromotion { width: 85px; background: url(../img/bg/bg-PTDsmsNewsPromotion.gif) 0 0 repeat-x; color: #f8f7f7; border: 1px solid #d71215; margin: 0 auto;} .PTD-smsNews table tr td.smsNewsPromotion { width: 85px; background: url(../img/bg/bg-PTDarrowDown.png) 0 top no-repeat #EDEBEB; padding: 5px 0 4px; margin: 0 auto;} .PTD-smsNews .toggle-navigation { background: url("../img/bg/bg_smsPTD-toggle-navigation.gif") repeat-x 0 0; width: 950px; clear: both; height: 43px; padding-left: 518px;} .PTD-smsNews .toggle-navigation #subscribe { background: url("../img/bg/bg-smsPTD.gif") 0 -46px no-repeat; font-size: 20px; font-weight: bold; color: #999999; cursor: pointer; height: 34px; padding: 9px 0 0 0px; width: 210px; text-align: center; margin-right: 5px;} .PTD-smsNews .toggle-navigation #subscribe.active { background: url("../img/bg/bg-smsPTD.gif") 0 0 no-repeat; font-size: 20px; font-weight: bold; color: #eb212e; cursor: pointer; height: 38px; padding: 5px 0 0 0px; width: 210px; text-align: center;} .PTD-smsNews .toggle-navigation #unsubscribe { background: url("../img/bg/bg-smsPTD.gif") 0 -46px no-repeat; font-size: 20px; font-weight: bold; color: #999999; cursor: pointer; height: 34px; padding: 9px 0 0 0px; width: 210px; text-align: center;} .PTD-smsNews .toggle-navigation #unsubscribe.active { background: url("../img/bg/bg-smsPTD.gif") 0 0 no-repeat; font-size: 20px; font-weight: bold; color: #eb212e; cursor: pointer; height: 38px; padding: 5px 0 0 0px; width: 210px; text-align: center;} .PTD-smsNews table tr td.noBorder { background: none; border: none; margin: 0; padding: 0; line-height: 5px;} /**************** Resident by benz 11,01,56 *****************/ .BKP-resident .toggle-navigation { background: url("../img/bg/bg_smsBKP-toggle-navigation.gif") repeat-x 0 0; width: 943px; clear: both; height: 38px; margin: 0 0 15px;} .BKP-resident .toggle-navigation li { background: url("../img/bg/bg-toggle-navigation-right.gif") right 0 no-repeat; color: #999999; cursor: pointer; font-size: 15px; font-weight: bold; height: 32px; margin: 5px 3px 0 0; text-align: center; padding: 0;} .BKP-resident .toggle-navigation li p { background: url("../img/bg/bg-toggle-navigation-left.gif") left 0 no-repeat; height: 28px; padding: 10px 20px 0; font-size: 13px; color: #666666; font-weight: bold;} .BKP-resident .toggle-navigation li.active { background: url("../img/bg/bg-toggle-navigation-right-active.gif") right 0 no-repeat; height: 38px; padding: 0; margin: 0 3px 0 0;} .BKP-resident .toggle-navigation li.active p { background: url("../img/bg/bg-toggle-navigation-left-active.gif") left 0 no-repeat; height: 28px; padding: 10px 20px 0; margin: 0; color: #083da0; font-size: 13px; font-weight: bold;} .BKP-resident .toggle-detail { width: 950px; overflow: hidden; } .BKP-resident .toggle-detail li { width: 950px; overflow: hidden; } .BKP-resident .toggle-detail li p { margin-bottom: 5px; width: 940px; overflow: hidden; font-size: 13px; color: #333333;} .BKP-resident .toggle-detail li p span.number { float: left; margin: 24px 0 0 0; width: 15px; } .BKP-resident .toggle-detail li p span.detail { float: left; width: 910px; line-height: 20px;} .BKP-resident .toggle-detail li p span.detail img { margin: 0;} .BKP-resident .toggle-detail li p a:hover { text-decoration: underline;} .BKP-resident .toggle-detail li img { margin-top: 20px;} .BKP-resident .overview { margin-bottom: 150px;} .BKP-resident .overview ul li { display: block;} .BKP-resident .overview ul li a img { margin: 0;} .BKP-resident .highlight-feed { overflow: hidden; position: relative; width: 950px; z-index: 1;} .BKP-resident .highlight-feed .register { background: url("../img/button/btn-resident-regis.png") 0 0 no-repeat; width: 133px; height: 35px; margin: 0 auto; display: block;} .BKP-resident .highlight-feed .register:hover { background: url("../img/button/btn-resident-regis.png") 0 -35px no-repeat;} .BKP-resident .highlight-feed .register span { visibility: hidden;} .BKP-resident .highlight-feed h3 { font-size: 13px; color: #333333; line-height: 20px; margin-bottom: 5px;} .BKP-resident .highlight-feed .resident-detail { width: 950px; margin-bottom: 15px;} .BKP-resident .highlight-feed .resident-detail li { display: block;} .BKP-resident .highlight-feed .resident-detail li span { line-height: 20px;} .BKP-resident .highlight-feed .resident-detail li span.number { float: left; width: 15px;} .BKP-resident .highlight-feed .resident-detail li span.detail { float: left; width: 900px;} #wrapper .BKP-resident .tab2-detail {width: 1900px;} .BKP-resident .tab2-detail .detail {display: none; padding: 25px 0 0;} .BKP-resident .tab2-detail .active {display: block!important; } .BKP-resident .tab2-detail .registration {width: 950px; float: left;} .BKP-resident .tab2-detail .saveup {margin: 0 0 0 -828px; } .BKP-resident .tab2-detail .toggleswitch {cursor: pointer; font-size: 13px; font-weight: bold; color:#666; padding: 5px 0 0; display: block; padding: 0 0 1px 0;line-height: 24px;} #wrapper .BKP-resident .tab2-detail .active .toggleswitch {color: #083da0; } .BKP-resident .tab2-detail .saveup .detail {margin: 0 0 0 -122px;} .BKP-resident .tab2-detail .saveup .toggleswitch {border-left: 1px solid #ccc;padding: 0 0 1px 10px;} /*slide show*/ .BKP-resident .carousel {width: 950px; margin:0 0 20px; height: 460px; overflow: hidden; position: relative;} .BKP-resident .carousel .viewport li{display: block;} .BKP-resident .carousel .viewport{position: relative; width: 950px; margin: 0 auto; float: left; height: 440px; overflow: hidden;} .BKP-resident .carousel .overview {position: absolute; left:0; overflow: hidden;} .BKP-resident .carousel .overview li {float: left; width: 950px;} .BKP-resident .highlight-feed .pager { bottom: 0; position: absolute; right: -12px; } .BKP-resident .highlight-feed .pager li { float: left; width: 20px; display: block;} .BKP-resident .highlight-feed .pager li a { background: url("../img/bg/pagenum.png") no-repeat scroll 0 0 transparent; display: block; width: 8px;} .BKP-resident .highlight-feed .pager li a.active { background: url("../img/bg/pagenum-active.png") no-repeat scroll 0 0 transparent; display: block; width: 8px;} .BKP-resident .highlight-feed .pager li a span { visibility: hidden;} /****************midyear2013*****************/ #wrapper .static-content .productWrapper .midyear2013 #top { height: 120px; width: 944px;} #wrapper .static-content .productWrapper .midyear2013 img { border-bottom: 10px solid #797f84; float: left; overflow: hidden; padding-bottom: 20px;} #wrapper .static-content .productWrapper .midyear2013 .special-publication-wrapper { border-top: 5px solid #fff33d; padding-top: 20px; width: 944px;} #wrapper .static-content .productWrapper .midyear2013 #special-public-content .img-highlight img { border: none;} #wrapper .static-content .productWrapper .midyear2013 #special-public-navigation ul li { border-bottom: 1px solid #cccccc;} .midyear2013 #special-public-navigation ul .first-list { border-top: 1px solid #cccccc;} .midyear2013 #special-public-navigation ul li a { color: #000000;} .midyear2013 #special-public-navigation ul li a:hover { background: #c9ccce; color: #000000;} .midyear2013 #special-public-content .special-public-detail li .go-to-top img { float: right; padding: 0; border: none; overflow: hidden;} .midyear2013 #production-list p { color: #333333; font-size: 11px;} .midyear2013 #special-public-content .img-highlight p { padding: 5px 0 0 0; width: 80px;} .midyear2013 .special-publication-wrapper #special-public-content .img-highlight a img { float: right; padding-bottom: 10px;} .midyear2013 .special-public-detail li .Headline { border-bottom: 5px solid #797f84; clear: both; float: left; font-size: 18px; overflow: hidden; padding-top: 20px; width: 720px;} .midyear2013 .special-public-detail li .Headline h2 { float: left; border-bottom: none; padding: 7px 0 5px 0; width: 400px;} .midyear2013 .special-public-detail li .go-to-top { clear: none; color: #666666; float: right; font-size: 11px; overflow: hidden; padding: 10px 0 5px 0; width: 40px;} .midyear2013 #special-public-content { border-left: 1px solid #CCCCCC; padding-left: 12px; width: 695px;} .midyear2013 #special-public-content p { width: 465px;} .midyear2013 #special-public-content .img-highlight { width: 215px;} .midyear2013 #special-public-content .sub-categories-list p { width: 600px;} .midyear2013 .special-public-detail li ul { width: 590px;} /*** common eco ***/ #special-public-navigation ul .first-list { border-top: 1px solid #cccccc;} #special-public-navigation ul li a { color: #000000;} #special-public-navigation ul li a:hover { background: #c9ccce; color: #000000;} #special-public-content .special-public-detail li .go-to-top img { float: right; padding: 0; border: none; overflow: hidden;} #special-public-content { border-left: 1px solid #CCCCCC; padding-left: 12px; width: 695px;} #special-public-content p { width: 465px;} #special-public-content .img-highlight { width: 215px;} #special-public-content .sub-categories-list p { width: 600px;} #special-public-content .img-highlight p { padding: 0; width: auto; text-align: center; font-size: 12px; line-height: 16px; margin: 0 0 5px;} #production-list p { color: #333333; font-size: 11px;} .special-publication-wrapper #special-public-content .img-highlight a img { float: right; padding-bottom: 10px;} .special-public-detail li .Headline { border-bottom: 5px solid #797f84; clear: both; float: left; font-size: 18px; overflow: hidden; padding-top: 20px; width: 720px;} .special-public-detail li .Headline h2 { float: left; border-bottom: none; padding: 7px 0 5px 0; width: 400px;} .special-public-detail li .go-to-top { clear: none; color: #666666; float: right; font-size: 11px; overflow: hidden; padding: 10px 0 5px 0; width: 40px;} .special-public-detail li ul { width: 590px;} .img-highlight a.buyNow { background: #294782 0 0; color: #ffffff; display: inline-block; float: right; margin: 0; padding: 7px 0; text-align: center; text-transform: uppercase; width: 100px;} .img-highlight a.subcribeNow { display: inline-block; width: 130px; background: #294782; padding: 7px 0; margin: 0; display: inline-block; margin: 0 0 0 43px; text-align: center; color: #ffffff; text-transform: uppercase;} .img-highlight a.buyNow:hover, .img-highlight a.subcribeNow:hover { background: #1d325b;} /**midyear2015**/ .midyear2015 #top { border-bottom: 10px solid #000000;} .midyear2015 .special-publication-wrapper { border-top: 5px solid #cccccc;} .midyear2015 #special-public-navigation ul li a:hover { background: #e8e8e8;} .midyear2015 .special-public-detail li .Headline { border-bottom: 5px solid #000000;} /**midyear2015-2**/ .midyear2015-2 #top { border-bottom: 10px solid #000000;} .midyear2015-2 .special-publication-wrapper { border-top: 5px solid #00aeef;} .midyear2015-2 #special-public-navigation ul li a:hover { background: #d9f3fe;} .midyear2015-2 .special-public-detail li .Headline { border-bottom: 5px solid #000000;} #special-public-content .Box_economic-review { width: 690px;} #special-public-content .Box_economic-review p { line-height: 16px;} #special-publication > h1 { clear: both; color: #213c70; font-size: 25px; height: 72px; line-height: 30px; padding-bottom: 10px; text-transform: uppercase; width: 866px; font-family: "arial_blackregular"; font-weight: normal;} #special-publication > h1 span { display: block;}