#E-newspaper #page4 .other-page h2, #E-newspaper #slide-show h2, .membership h2, #E-newspaper #slide-show.ChangePackage h1, .promotion h1, .economic-review h2, .Main-Features h2, .Main-Features h2, #E-newspaper .application-header, #E-newspaper #productWrapper .verticalAlign td .style_head3, #E-newspaper #productWrapper .verticalAlign td .style_head1, .contact-us h1, .SpecialPublication h1, .economic-thumbnail a.buyNow, .img-highlight a.buyNow, .Box_economic-review a.subcribeNow, .img-highlight a.subcribeNow, .campaign-ananda .campaign-detial h2:first-child, .campaign-price .link-package a, #E-newspaper .campaign-price table th.header, #E-newspaper #page4 .other-page .Contact-Us ul li h3 , #E-newspaper .campaign-price h3, .membership .toggle-detail table td a { font-family:'arial_blackregular'; font-weight: normal;} #E-newspaper .promotion .detail h3 { font-family: charis_silbold; font-weight: normal;} #E-newspaper .blue { background: none;} #E-newspaper #header p.homepage { padding-left: 0;} #E-newspaper #globalAssistance p.dateTime { padding-left: 0; line-height: 13px;} #E-newspaper .truehits { padding: 3px 0 0 3px;} #E-newspaper #globalAssistance .assistanceTabs li { } #E-newspaper #bkkPostTab #memberAssistance li { height: auto;} #E-newspaper .intro a,#E-newspaper .detail a{color:#666666; text-decoration: underline; display: inline-block;} #E-newspaper a:hover,#E-newspaper .detail a:hover {text-decoration: none;} /*slideshow*/ #E-newspaper .slideshow {width:984px; overflow: hidden; height: 386px; position: relative;} #E-newspaper .viewport {float: left;height: 386px;overflow: hidden;position: relative;width: 984px;} #E-newspaper .overview {position: absolute; width: 920px; left: 0; overflow: hidden;} #E-newspaper .slideshow li {float: left; width: 984px;height: 386px; position: relative;} #E-newspaper .slideshow li .figure img {width: 871px;margin: 0 auto; display: block;} .slideshow .link {background: url(../img/Normal/group-btn1.png) no-repeat;} #E-newspaper .slideshow .disable{display: none;} #E-newspaper .slideshow .buttons {z-index: 5;position: absolute; top: 150px; background: url(../img/Normal/btn-homepage.png) no-repeat 1px 1px; width: 36px; height: 37px;} #E-newspaper .slideshow .buttons span {display: block; text-indent: -9999px;} #E-newspaper .slideshow .next {background-position:0 -41px; right: 20px; } #E-newspaper .slideshow .prev{left:20px;} /*slide1*/ #E-newspaper .slideshow .link {width: 370px; height: 78px; position: absolute; bottom: 45px; left: 100px;} #E-newspaper .slideshow .second .link {left: 120px;} #E-newspaper .slideshow .link a span {display: block; text-indent: -9999px;} #E-newspaper .slideshow .download1 {float: left; width: 95px; height:35px; margin:36px 0 0 82px;} #E-newspaper .slideshow .download1 a,#E-newspaper .slideshow .subscribe .download2 a{float: left; width: 95px; height:35px;} #E-newspaper .slideshow .download2{float: left; width: 95px; height:35px; margin:38px 0 0 9px; } #E-newspaper #content { width: 100%; background: none; padding:0; margin: 0 auto;} #E-newspaper #content .page { padding: 0px; background: none;} #E-newspaper #content #page1 { float: left; width: 100%;} #E-newspaper #content #page2 { clear: both; overflow: hidden; /margin: 0 0 -3px;} #E-newspaper #content #page3 { clear: both; overflow: hidden; /margin: 0 0 -3px;} #E-newspaper #content #page4 { clear: both; overflow: hidden; /margin: 0 0 -3px;} #E-newspaper #content #page5 { clear: both; overflow: hidden;} /*#E-newspaper #content .page .slide-2 { background: none repeat scroll 0 0 #FFFFFF; height: 267px; width: 984px;overflow: hidden;}*/ #E-newspaper .nav { width: 984px; overflow: hidden; margin: 0px auto; float: left; display: block;} #E-newspaper .nav p { text-align: center; padding: 10px 0; height: 20px;color: #d6d6d6; width: 984px;background: #f0f0f0; float: left; overflow: hidden;} #E-newspaper .nav p a { color: #213c70; font-size: 15px; font-weight: bold;} #E-newspaper .nav p a:hover { text-decoration: underline;} #E-newspaper #content .nav { float: none; border-top: 5px solid #213c70;} #wrapper-1 {width:984px; margin: 0 auto; overflow: hidden;} #E-newspaper .intro { width: 930px; overflow: hidden; clear: both; float: left; padding: 0 20px 50px 35px; background: #ffffff;} #E-newspaper .intro p { padding: 0 0 15px; font-size: 12px; color: #666666; width: 930px; float: left; clear: both;} #E-newspaper .intro p:first-of-type {padding: 15px 0 0;} #E-newspaper #page1 .scrollable { width: 984px; } /*#E-newspaper .group-button {margin: 0 auto; width: 862px; overflow: hidden;} #E-newspaper .group-button li { float: left; margin: 10px 15px 50px 0;} #E-newspaper .group-button li.last { margin-right: 0;} #E-newspaper .group-button li p { clear: both; text-align: center; font-size: 13px; padding: 5px 0 0;color:#666; font-weight: bold;} #E-newspaper .group-button li p span { display: block;}*/ #slide1 {background:#fff; width: 984px; margin: 0 auto;position: relative;} #slide1 h2{position: absolute; left: 80px; top:20px;} #slide1 .figure {float: right;margin:0;} #E-newspaper #pages { margin: 0 auto; overflow: hidden; } #E-newspaper #page3 .membership-page { position: relative; width: 984px; margin: 0 auto; background: #ececec; } #E-newspaper #page3 .membership { background: #ececec; width: 984px; margin: 0; overflow: hidden; padding: 0; height: 550px;} #E-newspaper #page3 .membership h2 { margin:0; padding: 10px 0 0;} #E-newspaper #page3 .membership ul { width: 944px; padding: 10px 20px 0; overflow: hidden;} #E-newspaper #page3 .membership ul li { width: 305px; overflow: hidden; float: left; margin-right: 14px;} #E-newspaper #page3 .membership ul .last { margin-right: 0;} #E-newspaper #page3 table th { width: 305px; background: #1577c0; padding: 0; border-bottom: 1px solid #ffffff; height: 138px; vertical-align: middle;} #E-newspaper #page3 table th h3 { color: #ffffff; font-size: 18px;} #E-newspaper #page3 table td { width: 152px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center; vertical-align: middle; height: 57px; font-weight: bold;} #E-newspaper #page3 table td.noBorderRight { border-right: none;} #E-newspaper #page3 table td.noBorderBottom { border-bottom: none;} /*#E-newspaper #page3 table .top-left { background: #c3c3c3; color: #333333; font-size: 14px;} #E-newspaper #page3 table .top-right { background: #6a9000; color: #333333; font-size: 14px;}*/ #E-newspaper #page3 table .left { background: #d9d9d9; color: #78a300; font-size: 18px;} #E-newspaper #page3 table .right { background: #78a300; color: #ffffff; font-size: 18px;} #E-newspaper #page3 table .Bg-white { background: #ffffff; border-top: 1px solid #ececec; height: 67px; font-size: 14px; font-weight: normal; width: auto;} #E-newspaper #page3 table span { display: block; font-size: 14px; color: #333333; font-weight: normal;} #E-newspaper #page3 .digital-device { position: relative;} #E-newspaper #page3 .digital-device th { background: #4c3c81; text-align: center;} #E-newspaper #page3 .digital-device td p { text-align: center;} #E-newspaper #page3 .digital-device td.price { background: #bcb7cc; color: #333333; font-size: 20px; height: 65px;} #E-newspaper #page3 .digital-device td.price span { font-size: 12px;} #E-newspaper #page3 .digital-device .bestValued { position: absolute; right: 0; top: 0;} #E-newspaper #page3 .digital-device .month { background: #4c3c81; color: #ffffff; font-size: 14px; font-weight: bold;} #E-newspaper #page3 .iOS-device th { background: #07779c; text-align: center;} #E-newspaper #page3 .iOS-device td { text-align: center;} #E-newspaper #page3 .iOS-device td.price { background: #a7c9d4; color: #333333; font-size: 20px; height: 65px;} #E-newspaper #page3 .iOS-device td.price span { font-size: 12px;} #E-newspaper #page3 .iOS-device .month { background: #07779c; color: #ffffff; font-size: 14px; font-weight: bold;} #E-newspaper #page3 .andriod-device th { background: #1b7e65; text-align: center;} #E-newspaper #page3 .andriod-device td { text-align: center;} #E-newspaper #page3 .andriod-device td.price { background: #adcbc3; color: #333333; font-size: 20px; height: 65px;} #E-newspaper #page3 .andriod-device td.price span { font-size: 12px;} #E-newspaper #page3 .andriod-device .month { background: #1b7e65; color: #ffffff; font-size: 14px; font-weight: bold;} .moreDetail { text-decoration: underline; float: right; margin: 20px 20px 0 0; font-size: 13px; color: #333333;} #E-newspaper #page4 .other-page { position: relative; width: 984px; margin: 0 auto; background: #ffffff; } #E-newspaper #page4 .other-page ul { background: #ffffff; width: 984px; overflow: hidden; padding: 0; height: 750px;} #E-newspaper #page4 .other-page ul li { height: auto; width: 984px; overflow: hidden;} #E-newspaper #page4 .other-page ul li.bg-Gradient { background: url(../img/Normal/bg-grayGradient.jpg) 0 0 no-repeat; height: 371px; width: 984px; overflow: hidden;} #E-newspaper #page4 .other-page .promotion { padding: 40px 45px 0 25px; clear: both; float: left; width: 300px; overflow: hidden; background: none;} #E-newspaper #page4 .other-page .special-issue { float: left; overflow: hidden; padding: 40px 0 0; width: 580px;} #E-newspaper #page4 .other-page .special-issue img { margin-right: 20px; float: left;} #E-newspaper #page4 .other-page .special-issue .detail { width: 410px; overflow: hidden; float: left; font-size: 13px;} #E-newspaper #page4 .other-page .special-issue .detail p { margin-bottom: 10px;} /*#E-newspaper #page4 .other-page .special-issue .detail p:last-child a { margin: 0; color: #213c70; text-decoration: none;} #E-newspaper #page4 .other-page .special-issue .detail p:last-child a:hover { text-decoration: underline;}*/ #E-newspaper #page4 .other-page h2 { font-size: 15px; line-height: 13px; margin-bottom: 15px; text-transform: uppercase;} #E-newspaper #page4 .other-page .why-Enewspaper { padding: 30px 0 0 15px; float: left; width: 472px;} #E-newspaper #page4 .other-page .why-Enewspaper img { border: 1px solid #e3e3e3; padding: 10px; box-shadow: 0px 1px 5px -2px; margin-bottom: 10px;} #E-newspaper #page4 .other-page .why-Enewspaper ul { background: none; height: auto; margin: 0; padding: 0; position: inherit; top: inherit; width: 470px; margin-bottom: 15px;} #E-newspaper #page4 .other-page .why-Enewspaper ul li { font-size: 13px;} #E-newspaper #page4 .other-page .why-Enewspaper a { font-size: 13px; text-decoration: underline; color: #333333;} #E-newspaper #page4 .other-page .why-Enewspaper a:hover { text-decoration: none;} #E-newspaper #page4 .other-page .Contact-Us { padding: 30px 10px 0 0; float: right; width: 472px;} #E-newspaper #page4 .other-page .Contact-Us img { border: 1px solid #e3e3e3; padding: 10px; box-shadow: 0px 1px 5px -2px; margin-bottom: 10px;} #E-newspaper #page4 .other-page .Contact-Us ul { background: none; height: auto; margin: 0; padding: 0; position: inherit; top: inherit; width: 470px; margin-bottom: 15px;} #E-newspaper #page4 .other-page .Contact-Us ul li { font-size: 13px; margin:0 0 10px;} #E-newspaper #page4 .other-page .Contact-Us ul li h3 { font-size:13px; line-height: 15px; text-transform:uppercase; margin:0 0 5px; color: #213c70;} #E-newspaper #page4 .other-page .Contact-Us ul li p { clear: both;} #E-newspaper #page4 .other-page .Contact-Us a { font-size: 13px; text-decoration: underline; color: #333333;} #E-newspaper #page4 .other-page .Contact-Us a:hover { text-decoration: none;} #E-newspaper #page4 .other-page .dot { font-size: 16px; margin-right: 10px; float: left; width: auto;} #E-newspaper #page4 .other-page .detail { float: left; width: 450px;} #E-newspaper #page5 .footer-page { position: relative; width: 984px; margin: 0 auto; background: #213C70; overflow: hidden;} #E-newspaper #page5 .footer-page .infoBox-footer { background: #213C70; width: 984px; margin: 0; overflow: hidden; padding: 0; height: auto; float: left;} #E-newspaper #page5 .footer-page #footer { background: #213C70; margin: 0 0 40px; float: left;} #E-newspaper .endingShadow {height: 3px;} .scrollable { margin: 0 auto; overflow: hidden; position: relative; width: 984px; height: 385px; clear: both;} .scrollable .items { clear: both; position: absolute; width: 20000em;} .scrollable .item { width: 984px; overflow: hidden; float: left; height: 385px; position: relative;} .scrollable .item .donwload { bottom: 27px; left: 84px; position: absolute; overflow: hidden;} .scrollable .item .donwload li { float: left; margin-right: 10px;} .scrollable .item .donwload li a { float: left; margin-top: 33px;} .movebtn { margin: 0 auto; position: relative; top: 175px; width: 100%; z-index: 2;} #moveprevbtn { left: 22px; position: absolute;} #movenextbtn { position: absolute; right: 22px;} .TapOverlay { width: 100%; background: #333333; position: fixed; bottom: 0; z-index: 3;} .TapOverlay p { text-align: center; padding: 10px 0 5px;} .TapOverlay p img { margin: 0 10px;} .whyEpaper { background: url(../img/Normal/bg-WhyEpaper.gif) 0 0 repeat-x; width: 984px; clear: both; overflow: hidden; height: 495px; margin: 0 auto;} .whyEpaper h2 { text-align: center; margin: 45px 0 25px;} .whyEpaper ul { background: url(../img/Normal/bg-borderWhyEpaper.png) 0 0 repeat-y; width: 954px; overflow: hidden; padding: 5px 15px 10px;} .whyEpaper ul li { width: 288px; float: left; overflow: hidden; text-align: center; padding: 0 15px;} .whyEpaper ul li img { margin-bottom: 20px;} .whyEpaper ul li h3 { color: #1e79bc; font-size: 15px; margin-bottom: 20px;} .whyEpaper ul li p { color: #666666; font-size: 13px; clear: both; float: left; text-align: left; margin-bottom: 10px; width: 288px;} .whyEpaper ul li p img { float: left; margin: 0 5px 0 0;} .whyEpaper ul li p span { float: left;} .whyEpaper ul li p .detail { width: 255px;} .whyEpaper ul li p a { text-decoration: underline;} .whyEpaper ul li p a:hover { text-decoration: none;} .whyEpaper ul .last { padding: 0 0 0 30px;} .whyEpaper ul .last p { margin-bottom: 2px;} #E-newspaper #slide-show { width: 984px; overflow: hidden; clear: both; margin: 0 auto; padding: 45px 0; position: relative; background: #ffffff;} #E-newspaper #slide-show h2 { text-align: center; font-size: 13px; line-height: 11px; text-transform: uppercase; color: #333333;} #E-newspaper #slide-show .pager { width: 298px; overflow: hidden; margin: 30px auto;} #E-newspaper #slide-show .pager li { float: left;} #E-newspaper #slide-show .pager li a { background: #e5e5e5; padding: 12px 25px; border-right: 1px solid #cccccc; float: left; font-size: 15px; color: #666666;} #E-newspaper #slide-show .pager li a.active { color: #ffffff; background: #0475c3;} #E-newspaper #slide-show .pager li.first a { border-radius: 5px 0 0 5px;} #E-newspaper #slide-show .pager li.last a { border-right: none; border-radius: 0 5px 5px 0;} #E-newspaper #slide-show .viewport { float: none; width: 800px; margin: 0 auto; height: 450px;} #E-newspaper #slide-show .overview { height: 450px; overflow: hidden;} #E-newspaper #slide-show .overview figure { float: left; height: 450px; overflow: hidden; width: 800px;} #E-newspaper #slide-show .buttons { position: absolute; top: 350px; width: 34px; height: 89px;} #E-newspaper #slide-show .buttons span { float: left; text-indent: -9999px;} #E-newspaper #slide-show .prev { left: 20px; background: url(../img/Normal/btn-slide-prev.png) 0 0 no-repeat;} #E-newspaper #slide-show .next { right: 20px; background: url(../img/Normal/btn-slide-next.png) 0 0 no-repeat;} .membership { width: 954px; overflow: hidden; clear: both; margin: 0 auto; padding: 40px 15px 20px; background: #ffffff;} .membership h2 { color: #213c70; font-size: 23px; margin-bottom: 20px; text-transform: uppercase;} .membership .toggle-navigation { width: 954px; overflow: visible; padding: 0; /*background: url("../img/Normal/bg_toggle-navigation.gif") 0 bottom repeat-x;*/ height: 70px; margin-bottom: 25px; border-bottom: 2px solid #999999; background: none;} .membership .toggle-navigation li { float: left; margin-right: 2px; cursor: pointer; height: 68px; padding: 2px 10px 0; background: #f0f0f0;} .membership .toggle-navigation li.active { border: 2px solid #999999; border-bottom: none; background: #ffffff; padding: 0 8px; height: 70px;} .membership .toggle-navigation li p { color: #888888; font-size: 15px; line-height: 15px;} .membership .toggle-navigation li p span { color: #888888; font-size: 15px; display: block;} /*.membership .toggle-navigation li.tab1 { background: url("../img/Normal/bg-DigitalTab.gif") 0 0 no-repeat;} .membership .toggle-navigation li.tab2 { background: url("../img/Normal/bg-iOSTab.gif") 0 0 no-repeat;} .membership .toggle-navigation li.tab3 { background: url("../img/Normal/bg-androidTab.gif") 0 0 no-repeat;} .membership .toggle-navigation li.tab4 { background: url("../img/Normal/bg-printTab.gif") 0 0 no-repeat;}*/ .membership .toggle-detail { clear: both; width: 954px; overflow: hidden;} .membership .toggle-detail li { clear: both; width: 954px; overflow: hidden;} #DigitalTab p { padding: 20px 0 20px 110px; background: url("../img/Normal/icon-member-price.png") 3px -74px no-repeat;} #DigitalTab.active p { background: url("../img/Normal/icon-member-price.png") 3px 5px no-repeat; color: #333333;} #DigitalTab.active p span { color: #333333;} #iOSTab p { padding: 25px 0 25px 85px; background: url("../img/Normal/icon-member-price.png") 3px -232px no-repeat;} #iOSTab.active p { background: url("../img/Normal/icon-member-price.png") 3px -154px no-repeat; color: #333333;} #iOSTab.active p span { color: #333333;} #androidTab p { padding: 20px 0 20px 85px; background: url("../img/Normal/icon-member-price.png") 3px -373px no-repeat;} #androidTab.active p { background: url("../img/Normal/icon-member-price.png") 3px -305px no-repeat; color: #333333;} #androidTab.active p span { color: #333333;} /*#printTab p { padding: 20px 0 19px 67px; background: url("../img/Normal/icon-membership.png") 0 -336px no-repeat;} #printTab.active p { background: url("../img/Normal/icon-membership.png") 0 -392px no-repeat; color: #333333;} #printTab.active p span { color: #333333;}*/ .membership .bundel-package table { padding: 20px 0 0;} .membership .bundel-package .remarks { color: #333333;} .membership .bundel-package .bkpPlus-detail h4 { color:#333333; font-weight: bold;} .membership .toggle-detail table { width: 954px; overflow: hidden;} .membership .toggle-detail table th { vertical-align: middle; padding: 10px 0; color: #ffffff; font-size: 12px; text-align: center; text-transform: uppercase;} .membership .toggle-detail table th p { font-size:12px;} .membership .toggle-detail table th p span { display: block; color:#ffffff;} .membership .toggle-detail table td { vertical-align: middle; font-size: 13px; text-align: center;} .membership .toggle-detail table td.price { position: relative; text-align: left; padding: 17px 0 17px 25px;} .membership .toggle-detail table td .pop-up { display: none;} .membership .toggle-detail table td:hover .pop-up { display: block; position: absolute; top: 10px; right: 110px; background: url(../img/Normal/bg-popup-left.gif) 0 0 no-repeat; padding: 0 0 0 10px; height: 29px;} .membership .toggle-detail table td:hover .pop-up p { background: url(../img/Normal/bg-popup-right.png) right 0 no-repeat; display: block; height: 23px; padding: 6px 13px 0 0; font-size:13px; margin:0;} .membership .toggle-detail table td .pop-up p span { margin: 0 5px 0 0; color: #333333; font-weight: normal; display: inline;} .membership .toggle-detail table td a { padding: 10px; color: #666666; font-size: 13px;} .membership .toggle-detail table td a:hover { background: #2b4980; color: #ffffff;} .membership .toggle-detail table td a.active { background: #2b4980; color: #ffffff; padding: 10px; display: inline-block;} .membership .toggle-detail table td > span { display: block;} .font-medium { font-size: 14px;} .font-small { font-size: 11px; font-weight: normal;} .borderRight { border-right: 1px solid #ffffff;} td.borderRight { border-right: 1px solid #f2f1f1;} td.borderBottom { border-bottom: 1px solid #f2f1f1;} .membership .toggle-detail table td.rowfirst { font-weight: bold;} .width149 { width: 149px;} /*.membership .tab1-detail, .membership .tab2-detail, .membership .tab3-detail { height: 660px;}*/ .membership .tab1-detail table th, .membership .tab2-detail table th { background: #465973;} .membership .toggle-detail .bluelight { background: #f1f6f8;} .membership .tab1-detail h3, .membership .tab2-detail h3 { font-size:20px; color: #1e79bc; margin: 0 0 20px;} .membership .tab1-detail > div { margin: 0 0 25px; overflow: hidden;} .membership .tab1-detail div > p { font-size:13px; padding: 10px 0; line-height:18px;} .membership .tab1-detail div:first-child > p span { color: #cc0000; font-weight: bold;} .membership .tab1-detail div > p span { font-weight: bold;} .membership .tab1-detail > div > p.subscribeNow { float: right; padding: 20px 0; overflow: hidden; margin: 20px 0 0;} .membership .tab1-detail > div > p.subscribeNow a { display: inline-block; float: right; margin: -20px 0 0 10px;} .membership .tab1-detail > div > p:last-child { clear: both;} #E-newspaper .membership .tab1-detail div > p a { color: #213c70; text-decoration: underline;} #E-newspaper .membership .tab1-detail div > p a:hover { text-decoration: none;} .membership .bkpPlus-detail ul li { overflow: visible; clear: none; width: auto; color: #333333; margin: 0 0 5px 15px;} .membership .toggle-detail .bundel-package { padding: 0; width: 954px;} .membership .toggle-detail .bundel-package table th { font-size: 13px; line-height: 15px; font-weight: bold;} .membership .toggle-detail .bundel-package table tr th div p { font-size: 13px; line-height: 11px;} .membership .toggle-detail .bundel-package table td { border-bottom: 1px solid #CCCCCC; background: #ffffff; padding: 10px 0;} .membership .toggle-detail .bundel-package table tr .noBorderBottom { border-bottom: none;} .membership .toggle-detail .bundel-package table tr .category { font-size: 14px; padding-left: 10px; text-align: left; width: 155px; font-weight: bold;} .membership .toggle-detail .bundel-package table .gray td { background: #F4F4F4;} .membership .toggle-detail .bundel-package .bkpPlus-detail { width: 715px;} .membership .note-detail { width: 715px; overflow: hidden; float: left; clear: both; margin: 15px 0 0; color: #666666; font-size: 13px;} .membership .note-detail p { margin-bottom: 10px;} .membership .note-detail h4 { font-weight: normal; font-size: 13px;} .membership .note-detail li a { text-decoration: underline; color: #666666;} .membership .note-detail li span { display: block;} .membership .note-detail li span.fontBold { display: inline-block; font-weight: bold; color: rgb(204, 0, 0);} .membership .note-detail li span.fontBold a { color: rgb(204, 0, 0);} .membership .note-detail ol { width: 715px; overflow: hidden;} .membership .note-detail ol li { width: 715px; overflow: hidden;} .membership .btn-left { width: 221px; overflow: hidden; float: right; margin: 15px 0 0;} .membership .btn-left a { float: right; clear: both; margin: 0 0 10px;} #E-newspaper #slide-show.ChangePackage .pager { width: 471px;} #E-newspaper #slide-show.ChangePackage h1 { color: #213c70; font-size: 25px; margin-left: 30px; text-transform: uppercase;} .contact-us { margin: 0 auto 0; width: 954px; overflow: hidden; padding: 30px 15px 60px; background: #ffffff;} .contact-us h1 { font-size: 25px; color: #213c70; margin-bottom: 30px; text-transform: uppercase;} .contact-us h1 span { display: block; font-size: 12px; font-weight: normal; color: #000000; font-family: Arial,Helvetica,sans-serif; text-transform: none;} .contact-us p { font-size: 13px; margin-bottom: 10px;} .contact-us form { width: 954px; overflow: hidden;} .contact-us form ul { width: 954px; overflow: hidden; margin-bottom: 20px;} .contact-us form ul li { width: 954px; overflow: hidden; clear: both; float: left; margin-bottom: 10px;} .contact-us form ul li label { width: 300px; float: left; font-size: 15px; font-weight: bold; color: #363636;} .contact-us form ul li label p { color: #666666; font-size: 11px; margin-bottom: 0;} .contact-us form ul li label span { color: #cc0000;} .contact-us form ul li select { width: 390px;} .contact-us form ul li input { width: 386px; background: #fbfbfb; border: 1px solid #808080; padding: 2px;} .contact-us form ul li p label { margin-right: 15px; font-size: 13px; width: auto; font-weight: normal;} .contact-us form ul li p label input { width: auto; margin-right: 5px; border: none; background: none;} .contact-us form ul li img { float: left; margin-right: 5px;} .contact-us form ul li .changimg { cursor: pointer;} .contact-us form ul li .validate { width: 255px;} .group-btn { float: left; width: 230px; margin-left: 300px;} .group-btn a { float: left; margin-right: 5px;} .promotion { width: 954px; overflow: hidden; margin: 0 auto; padding: 30px 15px 50px; background: #ffffff;} .promotion h1 { font-size: 25px; color: #213c70; margin-bottom: 30px; text-transform: uppercase;} .promotion .highlight { width: 926px; overflow: hidden; border: 1px solid #eaeaea; padding: 13px; margin-bottom: 20px;} #E-newspaper .promotion .highlight .detail { width: 455px;} .promotion .thumbnail { float: left; margin: 0 20px 0 0;} .promotion ul { width: 954px; overflow: hidden; clear: both; float: left;} .promotion ul .left { width: 465px; overflow: hidden; float: left;} .promotion ul .right { width: 465px; overflow: hidden; float: right;} .promotion ul li ul li { width: 437px; border: 1px solid #eaeaea; padding: 13px; margin-bottom: 20px; overflow: hidden; float: left; clear: both;} #E-newspaper .promotion ul .left .thumbnail, #E-newspaper .promotion ul .right .thumbnail { margin-right: 10px;} #E-newspaper .promotion ul .left .detail, #E-newspaper .promotion ul .right .detail { width: 225px;} #E-newspaper .promotion .detail { float: left; width: 455px; overflow: hidden;} #E-newspaper .promotion .detail h3 { margin-bottom: 5px; line-height: 16px;} #E-newspaper .promotion .detail h3 a { font-size: 13px; line-height: 11px; color: #213c70; text-decoration: none;} #E-newspaper .promotion .detail h3 a:hover { text-decoration: underline;} #E-newspaper .promotion .detail p { margin-bottom: 5px;} #E-newspaper .promotion .detail a { font-size: 13px; color: #333333; text-decoration: underline;} #E-newspaper .promotion .detail a:hover { text-decoration: none;} .promotion .detail p { font-size: 13px;} .promotion .detail p sup { vertical-align: super;} #E-newspaper .form-message { clear: both; float: left; margin-left: 300px; } #E-newspaper .form-message label { font-size: 12px; color: #CC0000;} #E-newspaper .confirmationcode .form-message { margin-left: 431px;} #E-newspaper .confirmationcode .form-message label { width: 330px;} .thank { width: 954px; overflow: hidden; margin: 0 auto; padding: 30px 15px 150px; text-align: center; background: #ffffff;} .thank h1 { font-size: 25px; color: #213c70; margin-bottom: 50px; text-align: left;} .thank p { font-size: 18px; font-weight: bold; color: #363636; margin-bottom: 30px;} .thank p span { display: block;} #E-newspaper #productWrapper { width: 944px; margin: 0 auto; padding: 10px 20px; background: rgb(255,255,255); font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #E-newspaper #productWrapper .thumbnail { margin-top: 10px;} #E-newspaper #productWrapper .thumbnail a { color: #6E6E6E; text-decoration: underline;} #E-newspaper #productWrapper .thumbnail a:hover { text-decoration: none;} #E-newspaper .application-header { background: none repeat scroll 0 0 #EDEDED; color: #1A4088; font-size: 13px; text-transform: uppercase; padding: 5px 0 5px 10px; text-align: left;} #E-newspaper .Epaper-microsite { margin: 0 auto; background: #ffffff;} #E-newspaper #productWrapper .verticalAlign td { vertical-align: top;} #E-newspaper #productWrapper .verticalAlign td.style_head1 { text-transform: uppercase;} #E-newspaper #productWrapper .verticalAlign td.style_head3 { text-transform: uppercase; font-size: 13px;} #E-newspaper #productWrapper .Economic-left { vertical-align: top;} #E-newspaper #productWrapper .Economic-left tr, #E-newspaper #productWrapper .Economic-left td, #E-newspaper #productWrapper .Economic-left td a { vertical-align: middle;} #E-newspaper #productWrapper .Economic-right tr, #E-newspaper #productWrapper .Economic-right td, #E-newspaper #productWrapper .Economic-right td a { vertical-align: top;} .btn-click { position: absolute; right: 176px; top: 240px;} #E-newspaper .static-content { background: #ffffff;} .ActivityPage { width: 964px; background: #ffffff; padding: 10px; margin: 0 auto; overflow: hidden;} .ActivityPage .ActivityPage-billboard { height: 701px; background: url("../img/bg/bg-winFreeWorldCup.jpg") 0 0 no-repeat; width: 964px; overflow: hidden; position: relative; margin: 0 0 20px;} .ActivityPage .Epaper-download { position: absolute; left: 20px; bottom: 20px; clear: none; float: none; padding: 0; width: 300px;} .ActivityPage .Epaper-download .btn-download { float: left; overflow: hidden; width: 190px; margin: 15px 0 0;} .ActivityPage .Epaper-download img { margin-right: 5px;} .ActivityPage .Epaper-download .btn-download a { float: left; margin-right: 5px;} .ActivityPage .Epaper-download .btn-download a img { margin: 0;} .ActivityPage-billboard .btn-Subscribe { position: absolute; bottom: 20px; left: 408px;} .ActivityPage-content { width: 944px; clear: both; overflow: hidden; margin: 0 0 20px; padding: 0 10px;} .ActivityPage-content h4 { font-size: 14px; color: #333333; line-height: 20px;} .ActivityPage-content p { font-size: 12px; color: #333333; line-height: 20px;} .ActivityPage-content p a { color: #00397f;} .ActivityPage-content p a:hover { text-decoration: underline;} .ActivityPage-detail { width: 944px; clear: both; overflow: hidden; margin: 0 0 10px; padding: 0 10px;} .ActivityPage-detail h4 { font-size: 14px; color: #333333; line-height: 20px;} .ActivityPage-detail p { font-size: 12px; color: #333333; line-height: 20px;} .ActivityPage-detail h4 span { font-weight: normal;} .ActivityPage-detail ul li { font-size: 12px; color: #333333; line-height: 20px;} .ActivityPage-detail ul li a { color: #333333; text-decoration: underline;} .ActivityPage-detail ul li a:hover { text-decoration: none;} #E-newspaper .ActivityPage-detail p.contactUs span a { color: #1e79bc; font-weight: bold;} #E-newspaper .ActivityPage-detail p.contactUs span a:hover { text-decoration: underline;} .group-detail { width: 944px; margin: 0 0 20px; overflow: hidden;} .group-detail .font-small { font-size: 12px;} #E-newspaper .group-detail a { color: #00397f;} #E-newspaper .group-detail a:hover { text-decoration: underline;} .freeGive { padding: 20px; width: 944px;} .freeGive .ActivityPage-billboard { background: url("../img/bg/bg-Free400baht.jpg") 0 0 no-repeat; width: 944px; height: 670px;} .freeGive.may2015 .ActivityPage-billboard { background: url("../img/bg/bg-Free400baht_may2015.jpg") 0 0 no-repeat; width: 944px; min-height: 694px;} .freeGive .Epaper-download img { margin: 0 15px 0 0;} .freeGive .Epaper-download { width: 515px; left: 245px; bottom: 70px;} /*campaign feb 2016*/ .freeGive.feb16 .ActivityPage-billboard { background: url("../img/bg/bg-ActivityPage-billboard.jpg") 0 0 no-repeat; width: 940px; height: 500px;} .freeGive.feb16 .Epaper-download{bottom: 140px; left: 366px;} .freeGive.feb16 .Epaper-download .btn-download a{margin: 15px 10px 0 0;} .freeGive.feb16 span.hl {color: #cc2829; font-size: 13px; display: inline; margin: 0;} .freeGive.feb16 .Epaper-download { width: 515px; left: 366px; bottom: 140px;} .freeGive .Epaper-download .btn-download { width: 415px; margin: 0;} .freeGive .Epaper-download .btn-download a { margin: 15px 20px 0 0;} .freeGive .Epaper-download .btn-download a.btn-Subscribe { position:static; margin: 15px 0 0;} .freeGive .ActivityPage-content { padding: 0; width: 785px;} .freeGive .ActivityPage-detail { padding: 0; width: 945px;} #E-newspaper .freeGive .ActivityPage-detail ul li a { color: #00397f; text-decoration: none;} #E-newspaper .freeGive .ActivityPage-detail ul li a:hover { text-decoration: underline;} #E-newspaper .freeGive .ActivityPage-detail p.contactUs { color: #333333; font-weight: bold;} #E-newspaper .freeGive .ActivityPage-detail p.contactUs span a { color: #00397f; font-weight: normal;} #E-newspaper .freeGive .ActivityPage-detail p.contactUs span a:hover { text-decoration: underline;} .freeGive .ActivityPage-content p { font-size: 13px;} .freeGive .ActivityPage-detail p { font-size: 13px;} .freeGive .ActivityPage-detail ul li { font-size: 13px;} .freeGive .team-condition { width: 805px; overflow: hidden;} .freeGive .team-condition li { overflow: hidden; width: 805px; clear: both; float: left;} .freeGive .team-condition li span { display: block; margin-left: 16px;} .freeGive .toggle-navigation { background: none; height: 30px;; width: 944px; border-bottom: 1px solid #00397f; padding: 0; margin: 0 0 10px 0;} .freeGive .toggle-navigation li { font-size: 13px; background: #f4f3f3; padding: 8px 10px; cursor: pointer;} .freeGive .toggle-navigation li span { color: #666666;} .freeGive .toggle-navigation li.active { font-size: 15px; font-weight: bold; background: #00397f; padding: 6px 10px 7px;} .freeGive .toggle-navigation li.active span { color: #ffffff;} .freeGive .toggle-detail { min-height: 880px;} .freeGive .toggle-detail li { width: 944px; overflow: hidden;} .winner-list { clear: both; margin: 0 auto; padding: 20px 0 0; width: 900px; overflow: hidden;} .winner-list p { color: #e84054;} .winner-list ol.list { overflow: hidden; width: 900px; margin: 10px 0 40px;} .winner-list ol.list>li { display: block !important; float: left; margin-bottom: 5px; overflow: hidden; width: 295px; line-height: 20px; padding: 10px 0 0 0; } .winner-list ol li { font-size: 14px; margin-bottom: 5px;} .winner-list ol li a { color: #1e79bc;} .winner-list ol li a:hover { text-decoration: underline;} .winner-list { width: 900px; margin: 0; padding-top: 15px;} .winner-list h3 { padding-top: 20px !important; font-size: 16px; clear: both; margin-bottom: 10px;} .winner-list p { color: #1e79bc; font-size: 15px; font-weight: bold; width: 915px; margin-bottom: 15px;} #E-newspaper .winner-list .first {width: 100%; overflow: hidden; border-bottom: 5px solid #e9e7e7; padding: 0 0 20px; margin: 0 0 40px;} #E-newspaper .winner-list p.intro { color: #333; line-height: 30px; width: 900px; padding: 0 0 20px 0; margin: 0;} #E-newspaper .winner-list p.list:before {display: inline-block; content:''; width:6px; height: 6px; vertical-align:middle; background: #257aba; margin: 0 10px 0 0;} #E-newspaper .winner-list p.intro span { color: #1e79bc; display: block;} #E-newspaper .winner-list p.intro span.blue { display: inline;} .winner-list { overflow: hidden; clear: both;} .winner-list table { overflow: hidden; width: 430px; margin-bottom: 10px;} .winner-list .table-left { float: left;} .winner-list .table-right { float: right;} .winner-list table th { background: #1e79bc; border: 1px solid #1e79bc; color: #FFFFFF; padding: 8px 10px; text-align: center;} .winner-list table td { border: 1px solid #1e79bc; padding: 5px 10px; font-size: 14px;} .winner-list table .noBorderRight { border-right: none; text-align: center;} .winner-list table .noBorderbottom { border-bottom: none;} .winner-list table span { color: #333333; float: left; width: 150px;} .text-red { color: rgb(204, 0, 0); font-weight: bold;} /* report-problem */ .report-problem { width: 940px; overflow: hidden; padding: 20px 10px 10px; margin: 0 auto;} .report-problem h1 { font-size: 15px; font-family: arial_blackregular; font-weight: normal; margin: 0 0 10px;} .report-problem header { padding: 0 0 10px; border-bottom: 1px solid #e6e6e6;} .report-problem h2 { float: left; font-size: 14px; margin: 24px 20px 40px 0;} .report-problem .thank-content { font-size: 18px; font-weight: bold; text-align: center; clear: both; margin: 50px 0 100px;} .report-problem .thank-content span { display: block;} .report-problem section { width: 940px; overflow: hidden; padding: 30px 0 10px;} .report-problem section form { clear: both; width: 940px; overflow: hidden;} .report-problem section form label { font-size: 14px; font-weight: bold; color: #333333; float: left;} .report-problem section form ul { width: 940px; overflow: hidden; padding: 20px 0;} .report-problem section form ul li { width: 940px; overflow: hidden; margin: 0 0 8px;} .report-problem section form .headline { width: 205px; font-size: 12px; color: #363636; font-weight: bold; float: left; border: none; padding: 3px 0 0; text-transform: none;} .report-problem section form input { width: 398px; height: 15px; padding: 2px; float: left; border: 1px solid #cccccc;} .report-problem section form input.submit { background: #2b4980; width: 120px; overflow: hidden; color: #ffffff; border: none; padding: 5px 0; height: auto; font-size: 12px; font-family: arial_blackregular; font-weight: normal; cursor: pointer; margin: 50px 0 0;} .report-problem section form select { width: 155px; float: left; margin: 0 23px 0 0;} .report-problem section form .other { width: 100px; font-size: 12px; font-weight: bold; color: #363636; padding: 3px 0 0;} .report-problem section form .specify-other { width: 209px; height: 15px; padding: 2px; float: left; border: 1px solid #cccccc;} .report-problem section form .radio { font-size: 12px; color: #363636; float: left; margin: 0 20px 0 0;} .report-problem section form .radio input { border: none; float: none; height: auto; margin: 2px 2px 2px 0; padding: 0; width: auto;} .report-problem section form textarea { padding: 2px; width: 400px; height: 60px; border: 1px solid #cccccc; font-size: 12px;} .report-problem section form .imgFile { overflow: hidden;} .report-problem section form .imgFile span { float: left; font-size: 12px; width: 400px; margin: 13px 0 0;} .report-problem section form .imgFile input { float: left;} .report-problem section form .imgFile #butAdd { clear: both; margin: 10px 10px 0 0;} .report-problem section form .uploadFile { border: none; clear: both; padding: 0; width: auto; margin: 0 0 5px; height: auto;} .report-problem section form .delete { margin: 0 0 8px; width: 50px; height: 20px; cursor: pointer; border: 1px solid #cccccc; border-radius: 5px 5px 5px 5px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 1%, #f2f2f2 49%, #e3e3e3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(49%,#f2f2f2), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 1%,#f2f2f2 49%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 1%,#f2f2f2 49%,#e3e3e3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 1%,#f2f2f2 49%,#e3e3e3 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 1%,#f2f2f2 49%,#e3e3e3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */} .report-problem section p .close { color: #ffffff; background: #2b4980; width: 118px; padding: 5px 0; display: inline-block; vertical-align: middle; text-align: center; text-transform: uppercase; font-family: arial_blackregular; font-weight: normal; font-size: 12px; cursor: pointer; margin: 20px 0 0;} #E-newspaper .report-problem .form-message { margin: 5px 0 0 207px;} #E-newspaper.container footer { padding: 10px 0 0;} .productWrapper .economic-review h2 { padding: 6px 0 0 10px;} .productWrapper .Main-Features h2 { font-size: 11px; text-transform: uppercase;} .campaign-ananda { margin: 0 auto; overflow: hidden; padding: 0 15px; width: 954px;} .campaign-ananda h2:first-child { margin: 20px 0; font-size: 30px; color: #213c70;} .campaign-ananda .toggle-navigation { height: 33px; width: 100%; background: url("../img/bg/bg_toggle-navigation.gif") repeat-x scroll 0 bottom; margin: 0 0 20px;} .campaign-ananda .toggle-navigation li { background: #f4f3f3; color: #666; cursor: pointer; float: left; font-size: 13px; font-weight: bold; height: 21px; line-height: 18px; padding: 7px 15px 0; margin: 3px 5px 0 0; border: 1px solid #cccccc; border-bottom:none;} .campaign-ananda .toggle-navigation .active { color: #083da0; height: 25px; padding: 6px 14px 0; border-bottom: 1px solid #ffffff; background: #ffffff; margin: 0 5px 0 0;} .campaign-ananda .discount { display: inline-block; margin: 20px 0 20px 404px;} .campaign-ananda .campaign-contact h2 { font-size:15px; line-height:17px; text-transform:uppercase; color:#333333;} .campaign-ananda .campaign-contact .why-Enewspaper { padding: 0; float: left; width: 472px;} .campaign-ananda .campaign-contact .why-Enewspaper img { border: 1px solid #e3e3e3; padding: 10px; box-shadow: 0px 1px 5px -2px; margin-bottom: 10px;} .campaign-ananda .campaign-contact .why-Enewspaper ul { background: none; height: auto; margin: 0; padding: 0; position: inherit; top: inherit; width: 470px; margin-bottom: 15px; overflow: hidden;} .campaign-ananda .campaign-contact .why-Enewspaper ul li { font-size: 13px;} .campaign-ananda .campaign-contact .why-Enewspaper a { font-size: 13px; text-decoration: underline; color: #333333;} .campaign-ananda .campaign-contact .why-Enewspaper a:hover { text-decoration: none;} .campaign-ananda .campaign-contact .Contact-Us { padding: 0; float: right; width: 472px;} .campaign-ananda .campaign-contact .Contact-Us img { border: 1px solid #e3e3e3; padding: 10px; box-shadow: 0px 1px 5px -2px; margin-bottom: 10px;} .campaign-ananda .campaign-contact .Contact-Us ul { background: none; height: auto; margin: 0; padding: 0; position: inherit; top: inherit; width: 470px; margin-bottom: 15px; overflow: hidden;} .campaign-ananda .campaign-contact .Contact-Us ul li { font-size: 13px;} .campaign-ananda .campaign-contact .Contact-Us a { font-size: 13px; text-decoration: underline; color: #333333;} .campaign-ananda .campaign-contact .Contact-Us a:hover { text-decoration: none;} .campaign-ananda .campaign-contact .dot { font-size: 16px; margin-right: 10px; float: left; width: auto;} .campaign-ananda .campaign-contact .detail { float: left; width: 450px;} .campaign-ananda .campaign-contact li { float:left; width: 480px;} .campaign-ananda .campaign-detial h3 { color:#333333;} .campaign-ananda .campaign-detial .toggle-detail { min-height: 1000px;} .campaign-price {background: #e9e9e9 url("../img/E-newspaper/bg-epaper-promotion-price.jpg") 0 0 no-repeat; width: 940px; margin: 0 auto;} .campaign-price table {width:825px; overflow:hidden; margin: 0 auto;} #E-newspaper .campaign-price table th.header {color:#333; font-weight:bold; font-size: 14px; width:145px; padding:10px 10px 10px 0; text-transform: uppercase; line-height: 16px;} #E-newspaper .campaign-price table th.blue.header {color:#fff; padding:15px 0; width:335px;} #E-newspaper .campaign-price table th.light-blue.header {padding:10px 0; width:335px;} #E-newspaper .campaign-price table .blue {color:#fff; font-size:14px; background: #223d6e; text-align: center; width:243px;} .campaign-price table .light-blue {background:#e8f2f8; width:452px;} .campaign-price table .light-blue.two-col {width:226px; font-size:12px; font-weight:normal; padding: 10px 0;} .campaign-price table .light-blue.two-col.last {font-weight:bold;} .campaign-price table .light-blue.two-col h2 {font-size:12px; font-weight:bold; color:#333; padding:0;} .campaign-price table .light-blue.two-col span {display: block; text-indent: -9999px; position:relative;} .campaign-price table .light-blue.two-col span:before {background:url("../img/E-newspaper/icon-subscribe.png") no-repeat 5px -2px; width: 34px; height:30px; content:""; left:50%; margin-left:-17px; position:absolute; top:-7px;} .campaign-price table .light-blue.two-col span#icon-family:before {background-position: 0 -41px;} .campaign-price table th.blue span, .campaign-price table th.light-blue span {display:block; font-size:14px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; text-transform: none; padding:5px 0;} .campaign-price table tr th:first-child, .campaign-price table tr td:first-child {text-align:right; padding-right:10px;} .campaign-price table tr td {font-size:12px; font-weight:bold; text-align:center; padding:13px 0;} /*.campaign-price table tr:last-child td {padding:0;}*/ .campaign-price table tr td.bd-header {border-top:3px solid #fff;} .campaign-price table tr td.bd-normal {border-top:1px solid #fff;} .campaign-price table tr td.gray-bd-header {position:relative;} .campaign-price table tr td.gray-bd-header:before {content:""; display:block; height:3px; width:95%; background:#ccc; top:0; position:absolute;} .campaign-price table tr td.gray-bd-normal {position:relative;} .campaign-price table tr td.gray-bd-normal:before {content:""; display:block; height:1px; width:95%; background:#ccc; top:0; position:absolute;} .campaign-price table tr td span, .campaign-price table .light-blue.two-col.bd-normal span {display:block; text-indent:0;} .campaign-price table .light-blue.two-col.bd-normal span:before {background:none;} .campaign-price .link-package {text-align:center; overflow:hidden; padding:35px 0 40px;} .campaign-price .link-package h3 {display:inline-block; width: 243px; height:50px; background:#c9232d; overflow:hidden;} .campaign-price .link-package a {display:inline-block; width: 243px; height: 45px; background:#c9232d; overflow:hidden; padding: 15px 0 0; color:#fff; font-size:14px; font-weight:bold; line-height:16px; text-transform:uppercase;} .campaign-price .link-package a:hover { background: #95010a;} .campaign-price .link-package a span {display:block; font-size:12px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; text-transform: none;} .campaign-price-detail {background:#f4f4f4; padding:25px 30px; position:relative; width: 880px; margin: 0 auto 50px;} .campaign-price-detail h2 {font-weight:bold; font-size:14px; color:#333333; padding:0 0 5px;} .campaign-price-detail p {font-weight:normal; font-size:12px; color:#333333; padding:0 0 5px;} .campaign-price-detail p a { color:#00397f;} .campaign-price-detail p span { font-weight:bold;} #E-newspaper .campaign-price-detail p a:hover { text-decoration:underline;} .campaign-price-detail h3 {color:#333333; font-weight:bold; font-size:12px; padding:30px 0 5px;} .campaign-price-detail h3 a {color:#00397f; font-weight:normal;} #E-newspaper .campaign-price-detail h3 a:hover { text-decoration:underline;} .campaign-price-detail .media-detail {position:absolute; right: 40px; bottom:25px; width:235px;} .campaign-price-detail .media-detail a:first-child {padding-right:5px;} .campaign-price h3 {font-size:16px; font-weight:bold; color:#333333; padding:20px 0 15px 212px; text-transform:uppercase; line-height:18px;} .campaign-price h3 span {display:block;} /*lastchance campaign slideshow*/ /* ------------------------- Black Theme ------------------------- */ .dsCountDown.ds-black { color: #fff; position: relative; font-family: Arial, Helvetica, sans-serif, serif; font-size: 1em; padding: 10px; 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: 10px;text-align: center;border-right: 1px solid #444;padding-right: 10px;} .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.8em;text-transform: lowercase;} .ds-black .ds-element-value {font-size: 2.5em;color: #fff;text-shadow: 0px -2px 0px #222;} .lastchance .demo2{position: absolute!important; top: 187px; left: 88px;} .scrollable .item .lastchance .donwload {right: 259px; bottom: 75px; left: auto;} .scrollable .item .lastchance a[title="SUBSCRIBE NOW"] {position: absolute; bottom: 20px; left: 88px;} .scrollable .item .lastchance a[title="More information"] {position: absolute; bottom: 20px; left: 332px;} .payment-detail { padding: 40px 0 0;} .membership .payment-detail h2 { font-size: 20px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; color: #333333;} .membership .payment-detail h3 { color:#333333; margin: 0 0 10px; font-size: 18px;} .membership .payment-detail ol { margin: 0 0 25px;} .membership .payment-detail ol li { font-size: 15px; margin: 0 0 5px;} .membership .payment-detail ol li span { margin: 0 0 0 15px;} .membership .payment-detail ol:last-of-type li { font-size: 13px;} #E-newspaper .membership .payment-detail ol li a { color: #213c70; text-decoration: underline;} #E-newspaper .membership .payment-detail ol li a:hover { text-decoration: none;} .membership .toggle-detail .payment-detail table { width: auto; margin: 0 0 10px;} .membership .toggle-detail .payment-detail table th, .membership .toggle-detail .payment-detail table td { padding: 10px; border-right: 1px solid #f2f1f1;} .membership .toggle-detail .payment-detail table th:first-child, .membership .toggle-detail .payment-detail table td:first-child { border-left: 1px solid #f2f1f1;} .membership .toggle-detail .payment-detail table th:last-child, .membership .toggle-detail .payment-detail table td:first-child { border-right: 1px solid #f2f1f1;} .membership .toggle-detail .payment-detail table td { padding: 5px 10px; border-bottom: 1px solid #f2f1f1;} .membership .tab2-detail div > p { float: left; margin: 10px 20px 0 0;} .membership .tab2-detail div > p span { font-size:15px; font-weight:bold; display: block;} .membership .tab2-detail div > img { margin: 0 10px 20px 0; float:left;} .membership .tab2-detail div > a { float: left; margin: 10px 10px 0 0;} .membership .tab2-detail div table tr:nth-child(6) td { border-top: 2px solid #e4e2e2;} .membership .tab2-detail div table tr:last-child td { border-bottom: 2px solid #e4e2e2;} .membership .tab2-detail div table tr:nth-child(6) td[rowspan="5"] { border-bottom: 2px solid #e4e2e2;} .membership .tab2-detail div table tr:nth-child(1) td:last-child p span, .membership .tab2-detail div table tr:nth-child(6) td:last-child p span { display: block;} /*Free voucher 29 sep 2016*/ .freevoucher { padding: 0; width: 940px;} .freevoucher .ActivityPage-billboard { background: url("../img/bg/bg-Freevoucher.jpg") no-repeat scroll 0 0; height: 445px; width: 940px;} .ActivityPage.freevoucher .Epaper-download .btn-download { width: 245px;} .freevoucher .ActivityPage-billboard .btn-Subscribe { bottom: 110px; left: 203px; position: absolute;} .freevoucher .ActivityPage-content { padding: 0 0 10px; width: 940px;border-bottom: 1px solid #edecec; } .freevoucher .ActivityPage-detail { padding: 0; width: 940px; margin: 0 0 50px;} .freevoucher .ActivityPage-detail ul li a { text-decoration: none;} #E-newspaper .freevoucher .ActivityPage-detail p.contactUs span a { color: #00397f;} /*remembance*/ .economic-review.special ul li:nth-of-type(6),.economic-review.special ul li:nth-of-type(11) {clear: both;} h1.remembrance {padding: 5px 0 20px;} .economic-review h2.remembrance {height: auto; background:#eaeff1; border-radius: 5px; text-transform: uppercase; line-height: 18px; padding: 10px; margin: 0 0 10px;}