/* INV Responsive */ /* ======================================================================= */ /* IE 8 */ /* ======================================================================= */ /* test mobile below content */ .mobileHeader_icon, .m_logo, .mobile_search, .mobile_nav, #test_mobile_below_content { display: none; } #Header, #Content, #Footer { left:0; } /* .menu-dropdown { } */ .menu-dropdown > i, .menu-dropdown-boxmenu { display: none; } /* form */ .historical-filter-row, .historical-filter-row > .control-group { display: inline-block; } .historical-filter-row > label { margin:0; display: inline-block; width: 80px; } .historical-filter-row .ui-button { width: 100px !important;} /* 第三方 table */ #AccountsChannel #account-api-free-offers-form .inner .TmgOfferVerbiageText { font-family:'SlingLight', Georgia, "Times New Roman", Times, serif !important; font-weight: normal !important; } #AccountsChannel #account-api-free-offers-form .inner .TmgCampaignCreativeText { font-family:Verdana, Geneva, sans-serif !important; } /* corp/contactus.aspx */ .user-voice { width: 800px; margin:30px auto; } @media only screen and (min-width: 769px) { .mobileHeader_icon, .m_logo, .mobile_search, .mobile_nav { display: none;} #Header, #Content, #Footer { left:0 !important;} /* form */ .historical-filter-row, .historical-filter-row > .control-group { display: inline-block; } .historical-filter-row > label { margin:0; display: inline-block; width: 80px; } .historical-filter-row .ui-button { width: 100px !important;} } @media only screen and (max-width: 768px) { body { width:100%; min-width:100%; max-width:100%; overflow:hidden; position:relative;} /* ======================================================================= */ /* Header */ /* ======================================================================= */ /* 隐藏WEB头部 */ .member, .mainnav, .subnav { display:none; } .mobileHeader_icon, .m_logo, .mobile_search, .mobile_nav { display: block; } #Header, #Content, #Footer { left:auto; } /* ------------------ 导航 : 显示移动版导航 ------------------ */ .mobile_nav { position:absolute; top:0; left:-200px; z-index:0; display:block; width:200px; height:100%; background:#454545; box-shadow:inset -2px 0 6px rgba(0,0,0,0.6);} .mobile_nav .mobile_nav_inner { } .mobile_nav .mobile_nav_inner ul{ margin:0; padding:0; list-style:none;} .mobile_nav .mobile_nav_inner ul li { border-bottom:1px solid #343434; position: relative;} .mobile_nav .mobile_nav_inner ul li:hover, .mobile_nav .mobile_nav_inner ul li:active, .mobile_nav .mobile_nav_inner ul li.active{ background:#343434;} .mobile_nav .mobile_nav_inner ul li:hover a, .mobile_nav .mobile_nav_inner ul li:active a, .mobile_nav .mobile_nav_inner ul li.active a{ color: #fff; text-shadow:0 1px 3px #000;} .mobile_nav .mobile_nav_inner ul li a{ display:block; padding:12px 20px; color:#fff; text-decoration:none; font-size:15px; font-family:'SlingLight', Georgia, "Times New Roman", Times, serif;} .mobile_nav .mobile_nav_inner ul li a#MenuSignIn, .mobile_nav .mobile_nav_inner ul li a#MenuRegister{ text-align:right; padding:10px 20px; font-size:13px;} /* 二级 */ .mobile_nav .mobile_nav_inner ul li ul { display: none; padding:10px; background:#222;} .mobile_nav .mobile_nav_inner ul li ul li { border-bottom: 0;} .mobile_nav .mobile_nav_inner ul li ul li a { color:#ccc !important; font-size: 13px; padding: 10px 10px 10px 20px;} .mobile_nav .mobile_nav_inner ul li ul li a.active, .mobile_nav .mobile_nav_inner ul li ul li a:active, .mobile_nav .mobile_nav_inner ul li ul li a:hover{ color:#fff !important; background:#343434;} /* 展开按钮 */ .mobile_nav .mobile_nav_inner ul li i{ display: block; position: absolute; top: 0; right: 0; width: 50px; height: 100%; cursor: pointer; background-image:url('../img/mobile/mobilenav_sildeup_icon.png'); background-repeat: no-repeat; background-position: 0 -4px; font-size: 0; background-color: #343434; filter:Alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .mobile_nav .mobile_nav_inner ul li i:hover, .mobile_nav .mobile_nav_inner ul li i:active, .mobile_nav .mobile_nav_inner ul li i.active{ background-color: #222; filter:Alpha(opacity=100); -moz-opacity:1; opacity:1; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* 点击后 */ .mobile_nav .mobile_nav_inner ul li.active i{ background-position: 0 -54px; filter:Alpha(opacity=100); -moz-opacity:1; opacity:1; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .mobile_nav .mobile_nav_inner ul li.active ul{ display: block; height: 100%; } /* 显示移动版 图标 */ .mobileHeader_icon_nav { display:block; float:left; margin-top:10px; margin-left:6px;} .mobileHeader_icon { display:block; float:right; margin-top:10px;} /* 展开输入框时的Search button */ .SearchButton.mobile { width: 64px; height: 26px; background-image:url('../img/search_button.png'); background-repeat: no-repeat; font-size: 0; } /* 图标 */ .m_nav_icon, .m_search_icon { width:40px; height:40px; background:url('../img/mobile/mobile_icon.png') no-repeat; cursor:pointer; display:-moz-inline-stack; display:inline-block; vertical-align:middle; zoom:1; *display:inline;} .m_nav_icon { background-position: 0px 3px;} .m_search_icon { display:none;} .mobile_search.jqm-search-toggle { display: block; } .mobile_search { position:absolute; top:33px; right:20px; display:block; overflow:hidden; width:45%; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.5) inset; background:#fff;} .mobile_search input#SearchBarSearchValue_mobile { font-size:14px; width:75%; padding:6px; border:none; background:transparent; margin:0; box-shadow:none; } .mobile_search input#SearchBar_SearchButton_mobile{ position:absolute; top:1px; right: 1px; height:26px; } .m_search_icon { display:block; background-position:-100px 3px;} .mobile_search { position:relative; display:none; top:13px; left:2%; overflow:hidden; width:96%; background:#fff; margin-bottom:17px;} .mobile_search input#SearchBarSearchValue_mobile{ padding:6px 6px 7px; width:90%;} .mobile_search input#SearchBar_SearchButton_mobile{ right:2px; top:2px;} /* Sign in, sign up, sign out, username */ .m_account { padding: 0px 8px !important; height: 40px; border:0 !important; background: #343434; } .m_account a { color: #ECE2CA !important; } .m_account.m_username, .m_account.m_signout { } .m_account.m_username a:hover, .m_account.m_signout a:hover{ text-decoration: underline; } /* 姓名换行 */ .m_account.m_username { display: table !important; width: 184px !important; } .m_account.m_username a { vertical-align:bottom !important; display:table-cell !important; padding: 0 18px 0 0 !important; } .m_account.m_signin, .m_account.m_register { } .m_account.m_signin a, .m_account.m_register a { margin-top: 4px; padding: 8px 20px !important; text-align: center !important; border-radius: 4px; border:1px solid #222; background:url(../img/bkg_header.png) repeat-x !important; background-position: left bottom !important; cursor: pointer; } .m_account.m_signin a:hover, .m_account.m_register a:hover{ background-position: left top !important; } .m_account.m_register a { margin-top: 1px;} .m_account.m_register { border-bottom: 1px solid #222 !important;} /* ------------------ 导航 : 显示移动版导航 //End ------------------ */ /*#Header .btm { display:none;}*/ #Header .mid .brand .logo { margin:2px 0 0 0; background: none;} /* 顶部广告 */ #Header .btm { border:0; background:none;} .ad-leaderboard { width:auto;} /* 布局 */ #Content { padding:0; width: 94%; min-height: 640px;} .layout-width { margin:0 auto; width:100%; } .layout-page { float:none; width:100%; } .layout-side { width:0 !important; height:0!important; float:none; min-height: 0} .layout-page-content { margin:0 auto; padding:0; width:100%;} .layout-side > div, .layout-side > form { display: none; } /* Select */ .nav-selectmenu { display: block !important; z-index: 999999 !important; margin-bottom: 10px} .nav-selectmenu-option { width: 100%; margin-bottom: 10px} /* pagination */ .pagination.group { margin: 0 auto 20px; padding: 0; font-size: 0; -webkit-text-size-adjust:none; border-width: 1px; text-align: center; border:0;} .pagination li { margin-left: -1px; display: none; float:none; } .pagination .prev, .pagination .next { width: 80px; display: inline-block !important; border: 1px solid #ccc !important; font-size: 13px; text-align: center;} /* form */ .historical-filter-row { display: block; width: 100%; } .historical-filter-row:before, .historical-filter-row:after { content:""; display:table; } .historical-filter-row:after { clear: both;} .historical-filter-row > label { float: left; margin:0; width: 80px; } .historical-filter-row > label, .historical-filter-row > span { display: block; padding-top: 8px; overflow: hidden;} .historical-filter-row > span > label {} .historical-filter-row > .control-group { display: block; overflow: hidden; } .historical-filter-row > .control-group > input { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .historical-filter-row .ui-button { margin:0 0 0 80px !important; } /* ======================================================================= */ /* AD & video & Carousel */ /* ======================================================================= */ .ad-leaderboard { width:auto; min-height:0 !important; border-bottom: 1px solid #ddd} .ad-leaderboard #AdSlot_AF-Top-Leaderboard{display: inline-block} /* #SidebarFloat, .dfp_ad_box_center_desktop_side { display:block !important; } */ #AdSlot_IC-BelowContent { display: none;} #ad-AFC-incontent, .ad-AFC-incontent { display: none;} /* Share 上面的文字广告 */ .ad-textlink { padding: 0 !important; margin-bottom: 20px !important;} /* Related Definitions 上面的广告 */ .dfp_ad_box_center_desktop_content { margin-bottom: 20px; } /* Footer 上面的广告 */ .SidebarFloat_desktop_content { margin-bottom: 20px; } /* 首页：AF-right-multi -2014.3.20 */ #HomeChannel .AF-right-multi { margin: 15px auto; width: 300px; display: block !important;} /* InvestingChannel : box group center ads */ #InvestingChannel .box.group.center.ads { display: none;} /* h1 */ .box .title h1 { font-size:25px; } /* 正文 */ .table-definition .icon { display:none;} .table-definition .text { padding: 0;} /* Tag */ .tags,.content-tags { padding: 0 0 10px 0 !important;} /* Video */ #Video > a { display: block; padding-top: 20px; width: 100%; max-width: 419px; margin: 0 auto;} #Video img { width: 100%; max-width: 419px; min-width: 0px; } /* 2014.3.20 - Carousel */ #Carousel { margin-bottom: 20px; width: 100% !important; } #Carousel .item { display:block; height:200px; overflow: hidden; } #Carousel .native-ad { display: none; } #Carousel td { vertical-align: top; } .ui-teaser { display: none; } /* Video */ #video_wrapper, #JWPVideo_wrapper, #JWPVideo { width:100% !important; margin: 0 auto;} /* HTML5 Chart */ #tradeview_chart_box, #tradeview_quotes_box, #tradeview_default_box, #tradeview_chart_box > iframe, #tradeview_quotes_box > iframe, #tradeview_default_box > iframe { width: 100% !important;} /* ======================================================================= */ /* Home Page */ /* ======================================================================= */ /* 2014.3.20 */ #VideoWhatsNew { width: 100%; margin: 0 auto;} #VideoWhatsNew #Video { width: 300px !important; float: left; overflow: hidden;} #VideoWhatsNew #Video .title{ text-align: left;} #VideoWhatsNew #WhatsNew{ padding:0 0 20px 20px; overflow: hidden; } #VideoWhatsNew #WhatsNew .list .item .item-title, #VideoWhatsNew #WhatsNew .list .item .item-description { height: 48px !important; overflow: hidden;} #VideoWhatsNew #WhatsNew .list .native-ad .item-title { height:60px !important; } #VideoWhatsNew #WhatsNew .list .native-ad .item-title:before { height: 14px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; } /*#VideoWhatsNew .list { overflow: hidden; } #VideoWhatsNew .list .item{ height: 100% !important; border-bottom: 0;margin: 0 0 10px 0; width: 100%; float: none;} #VideoWhatsNew .list .item-title{ font-size:18px; display:block;} #VideoWhatsNew .list .item-title a { display: block; padding: 5px 0; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-family:Helvetica,Arial,sans-serif;} #VideoWhatsNew .list .item-description { display:block !important; height: 72px; line-height: 18px; overflow: hidden; } #VideoWhatsNew .list .item-image { display:block !important;}*/ /* Clear fix */ /*#VideoWhatsNew .list .item:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}*/ /*#VideoWhatsNew .list .item { display:inline-block; }*//* Safari, Chrome, Opera, FF */ /*#VideoWhatsNew .list .item { display:block;} *//* IE */ /* 2014.3.20 - Chart */ #InsideMarkets .col-right, #InsideMarkets .flow-left { overflow: hidden; } #HomeChannel #MarketsChart { width: 100% !important; padding: 0 !important;} #HomeChannel #MarketsChart .table-chart-1 { padding: 5px; } #HomeChannel #MarketsChart .table-chart-1 td { padding: 0 !important; } /* 2014.3.20 - InsideMarkets */ #InsideMarkets .item-title { overflow: hidden; } #InsideMarkets .item-image, #InsideMarkets .item-description { } .disclaimer { width: 100% !important; font-size: 9px !important;} /* 2014.3.20 - Investing */ #Investing .item { height: 110px; overflow: hidden; } #Investing .item-title { overflow: hidden; } #Investing .item-image, #Investing .item-description { } /* 2014.3.20 - PersonalFinance */ #PersonalFinance .item { height: 110px; overflow: hidden;} #PersonalFinance .item-title { overflow: hidden; } #PersonalFinance .item-image, #PersonalFinance .item-description { } /* 2014.3.20 - ActiveTrading */ #ActiveTrading .item { height: 110px; overflow: hidden;} #ActiveTrading .item-title { overflow: hidden; } #ActiveTrading .item-image, #ActiveTrading .item-description { } /* 2014.3.20 - Forex */ #Forex .col { float: left; } #Forex #LiveRatesTableTabs li { } #Forex .two-col .flow-right { } #Forex .item { } #Forex .item-title { } #Forex .item-image, #Forex .item-description { } /* 2014.3.20 - ForexEducation */ #ForexEducation .item { } #ForexEducation .item-title { } #ForexEducation .item-image, #ForexEducation .item-description { } /* 2014.3.20 - .layout-side */ #HomeChannel .layout-side { margin: 0 auto !important; width: 100% !important; height: auto !important; position: static !important;} #HomeChannel .layout-side > div, #HomeChannel .layout-side > form { display: block; } #HomeChannel #AdX33, #HomeChannel #SidebarFloat, #HomeChannel .social.group { display: none !important;} #HomeChannel .layout-side .box.featured-author-s8 .item-title { padding-left: 0; font-size:18px !important; display:block;} /* Social */ .social { padding:10px 0;} .social a { display:block; float:left; overflow:hidden; margin-right:10px; width:30px; height:30px; background:url('../img/mobile/social.png') no-repeat; text-indent:-99999px;} .social .facebook { background-position: 0 0;} .social .twitter { background-position: -41px 0;} .social .google { background-position: -81px 0;} .social .iin { background-position:-121px 0;} .social .gmail { background-position:-161px 0;} /* Articles of interest */ #RelatedDefinitions, #term_ArticlesOfInterest{ width:100%; float:none;} /*.s8 li { border-bottom: 1px dotted #CCCCCC; width:48%; margin:0 1%; float:left; overflow: hidden;} .s8.small .item { height: 40px; } .s8 .item-title { font-size:18px; display:block;} .s8 .item-image { display:none;} .s8 .item-description { display:none;} .s8 .item-title a { display: block; padding: 5px 0; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-family:Helvetica,Arial,sans-serif;}*/ #term_ArticlesOfInterest .native-ad { padding:0;} #term_ArticlesOfInterest .native-ad .item-title a { line-height: 14px;} /* Related Definitions */ .layout-side .related-box { right: 0%;} .layout-page .layout-side .related-box { right:0;} /* Clear fix */ .related-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .related-box { display:inline-block; }/* Safari, Chrome, Opera, FF */ .related-box { display:block; overflow: hidden;} /* IE */ .related-box .list { margin-left:0 !important; padding-left: 0 !important;} .related-box li { height: 36px !important; border-bottom: 1px dotted #CCCCCC; width:48% !important; margin:0 1% !important; float:left; overflow: hidden;} .related-box .item-image { display:none;} .related-box .item-description { display:none;} .related-box .item-title { font-size:18px !important; display:block !important;} .related-box .item-title a { display: block; padding: 7px 0 5px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; font-size:16px !important; font-family: Georgia, "Times New Roman", Times, serif !important;} .related-box .native-ad { padding:0 !important;} .related-box .native-ad .item-title a { line-height: 14px; padding: 2px 0 5px;} .related-pic-box .list .item-title { overflow: hidden !important;} /* Clear fix */ .related-pic-box .list .item:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .related-pic-box .list .item { display:inline-block; }/* Safari, Chrome, Opera, FF */ .related-pic-box .list .item { display:block; overflow: hidden;} /* IE */ #VideoConsole, #VideoMenu { float:none; padding:0;} #VideoConsole { margin:0 !important;} #VideoMenu { margin:10px 0 0 0;} .two-col .col { float:none; padding-right:0;width:100%;} .two-col .col:last-child { padding-left:0; } .ui-canvas table td { padding:20px;} .ui-canvas-tableIMG { display:none;} #DictionaryChannel #TermOfDay h3{ font-size:36px;} /* ======================================================================= */ /* Dictionary */ /* ======================================================================= */ #DictionaryChannel #TopSearched .list-1.group { margin-bottom: 20px;} /* #DictionaryChannel .alphabet .tooltip:hover .content{ display: none;} */ /* ======================================================================= */ /* Market */ /* ======================================================================= */ .analysis-opinions .list .item-description, .stock-analysis .list .item-description{height:34px; overflow: hidden;} #MarketsChannel .ui-tabset { display: none !important; } /* markets symbol not found */ .snf-controls-top{display: none} #MarketsFeature .related-pic-box { padding-left: 0;} #MarketsFeature .related-pic-box .item-image { display: none !important; } #MarketsFeature .related-pic-box .item-description { height: auto; } #MarketsFeature #MarketsChart { width: 340px !important; float: left; margin-right: 2%; overflow: hidden;} #MarketsFeature #MarketsChart .table-chart-1 { padding: 5px; } #MarketsFeature #MarketsChart .table-chart-1 td { padding: 0 !important; } #ChartAdvisor .list { padding-left: 320px;} #ChartAdvisor .list .item { position: relative; float:none; margin: 0 0 6px 0; width: 100%; height: auto !important; } #ChartAdvisor .list .item-image{float: none; margin:0 10px 0 0; position: absolute; left: -320px; top: 0} #ChartAdvisor .list .item-title {display: block; padding: 5px 0; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;} #ChartAdvisor .list .item-description{ overflow: hidden; } #TopPerforming.related-pic-box .item-image { display: none !important; } #TopPerforming.related-pic-box .item-description { height: auto !important; } /* InsidersTopAll: Tab */ #MarketsChannel #InsidersTopAllTable.ui-tabset{display: block !important;} #InsidersTopAllTable { margin:10px 6px 0 0; width:80px; float:left;} #InsidersTopAllTableTabs {padding:0; margin:0; } #InsidersTopAllTableTabs li { margin:0; float:none; position:relative; } #InsidersTopAllTableTabs li.selected:before{display: block; content:''; position:absolute; right:-12px; top:50%; margin-top:-6px; border-width:6px; border-style:solid; border-color:transparent transparent transparent #000 ; width:0px; height:0px; z-index:1;} #InsidersTopAllTableTabs li.selected:after{display: block; content:''; position:absolute; right:-12px; top:50%; margin-top:-6px; border-width:6px; border-style:solid; border-color:transparent transparent transparent #fff ; width:0px; height:0px; z-index:2;} /* InsidersTopAll: Tab-Content */ #MarketsChannel .lr-panel { padding:0; width:auto !important; height: auto !important; overflow:hidden;} #InsideTheSector.related-pic-box .item-image { display: none !important; } #InsideTheSector.related-pic-box .item-description { height: auto !important; } #MarketsChannel .two-col .col{ margin-bottom: 20px} #MarketsChannel .two-col .col:nth-last-child(1){ margin-bottom: 0;} #MarketsChannel #WorstPerforming { margin-bottom: 0;} #HostedContent.related-pic-box .item.first, #HostedContent.related-pic-box .item.second { height: 110px;} /* ======================================================================= */ /* Investing */ /* ======================================================================= */ /* Future */ #InvestingChannel .flow-right.related-pic-box .list .item .item-image { display: none !important;} /* Investing-Basics */ #InvestingChannel #Articles.related-pic-box .item, #InvestingChannel #StockAnalysis.related-pic-box .item, #InvestingChannel #Tutorials.related-pic-box .item, #InvestingChannel #Slideshows.related-pic-box .item { height: 110px; overflow: hidden; } /* two column image and title */ #InvestingChannel .s12 { width: 49%; height: auto !important; margin:0 0 2% 0; padding:0; border: 0;} #InvestingChannel #divTC1, #InvestingChannel #divTC3 { margin-right:2%;} /* #InvestingChannel #divTC3, #InvestingChannel #divTC4 { margin-bottom:0;} */ #InvestingChannel .investing-column-list { height:380px; padding: 10px 14px; border: solid 1px #ccc; overflow: hidden; } #InvestingChannel .investing-column-list .list { } #InvestingChannel .investing-column-list .title h2 { font-size: 16px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; } #InvestingChannel .investing-column-list .item .item-title { max-height: 32px; overflow: hidden; } #InvestingChannel .investing-column-list .item.first .item-title { height: 44px; max-height: 44px; overflow: hidden; } #InvestingChannel .investing-column-list .item.first .item-image { display: block; } #InvestingChannel .investing-column-list .item.first .item-image-src{ width: 100%; background-position: center center; background-size:cover !important; } /* list */ #InvestingChannel .first .title .info { padding-top: 2px !important; } #InvestingChannel .side_left_navbar { display: none;} /* #InvestingChannel .flow-right { padding: 0;} */ #InvestingChannel .list .item .item-title { font-family:'SlingLight', Georgia, "Times New Roman", Times, serif !important; } #InvestingChannel .list-2 .list .item { list-style-position: inside; margin-left: 0; } #InvestingChannel #Investing .item, #InvestingChannel #PersonalFinance .item, #InvestingChannel #ActiveTrading .item, #InvestingChannel #Forex .item { height: auto;} /* ======================================================================= */ /* Personal Finance Channel */ /* ======================================================================= */ /* Personal Finance Center Homepage */ #PersonalFinanceChannel #WhatsNew .item-description { height: 80px; overflow: hidden;} /* ui-tabset */ #PersonalFinanceChannel .ui-tabset { display: none !important; } /* HomePage */ .life-stage-left, .life-stage-right { float: none; width: 100%; margin:0;} .life-stage-left .ls-panel, .life-stage-right .ls-panel { margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100%; height: auto !important; border-width: 0 0 1px 0; border-color: #bbb; border-style: solid; } .life-stage-left .ls-panel .life-stages-text, .life-stage-right .ls-panel .life-stages-text { margin: 0; padding: 0;} .life-stage-left .stacked { float: none !important; width: 100%; } /* career */ .life-stage-left .career .life-stages-text{ width: 70%; } .life-stage-left .career img { float: right; } /* couple */ .life-stage-left .couple:before, .life-stage-left .couple:after { content:""; display:table; } .life-stage-left .couple:after { clear:both; } .life-stage-left .couple { zoom:1; } .life-stage-left .couple img { float: left; margin:0 25px 0 0; padding:0;} /* family */ .life-stage-left .family .life-stages-text{ float: none; padding: 0; width: auto !important; overflow: hidden; } .life-stage-left .family img { float: right; margin: 0; } /* social */ .life-stage-right .box { border:0 !important; margin: 0;} .life-stage-right .social { display: none;} .life-stage-right .ls-panel{ border:0;} .life-stage-right .retirement img { float: left; margin:0 25px 0 0; padding:0;} .life-stage-right #AdSlot_AF-Right-Rectangle { margin-bottom: 20px;} /* ListPage */ #LSHeader { } #LSHeader .title .info .social, #LSHeader .center, #LSHeader .ui-tabset { display: none;} #LSHeader > .box { width: auto !important;} #PersonalFinanceChannel .s15 { float: none !important; } #PersonalFinanceChannel .s15 .title { position: static; margin-bottom: 10px; width: 100%; text-align:left;} #PersonalFinanceChannel .s15 .title .info { margin: -20px 0 0 0; padding: 0;} #PersonalFinanceChannel .s15 .list { list-style: circle; background: none !important; } #PersonalFinanceChannel .s15 .list .item { list-style-position: inside; position: relative !important; left: 0 !important; top: 0 !important; width:auto !important; margin:0 !important; padding: 0 0 0 260px !important; } /* #PersonalFinanceChannel .s15 .list .item h3 { display: inline;} #PersonalFinanceChannel .s15 .list .item h3:after { content: ""; display: block; margin-bottom: 1em; } */ #PersonalFinanceChannel .s15 .list .first { margin-bottom: 10px !important;} #PersonalFinanceChannel .s15 .list .item-title{ display: inline;} #PersonalFinanceChannel .s15 .list .item-image{ position: absolute; left: 0px; top: 0;} #PersonalFinanceChannel .s15.vertical > div { width: 100% !important; float: none !important; } #PersonalFinanceChannel .s15.vertical .life-stage-ad{ display: none;} #PersonalFinanceChannel #Type{ padding-left: 0 !important} #PersonalFinanceChannel #BBCPH_MCPH_MCPH_imgCreditCardsCompare { display: none;} #PersonalFinanceChannel .ui-canvas { text-align: center} /* personal finance list*/ #TagCategory .list .item-description{height:52px; overflow: hidden;} /* Comment */ #disqus_thread { margin-bottom:20px;} /* ======================================================================= */ /* Active Trading */ /* ======================================================================= */ /* Fundamentals */ #ActiveTradingChannel #Fundamentals .first .item-title, #ActiveTradingChannel #Fundamentals .second .item-title{ height:90px; overflow: hidden;} /* ChartsPatterns */ #ActiveTradingChannel #ChartsPatterns .first .item-title, #ActiveTradingChannel #ChartsPatterns .second .item-title{ height:90px; overflow: hidden;} /* TechnicalIndicators */ #ActiveTradingChannel #TechnicalIndicators .first .item-title, #ActiveTradingChannel #TechnicalIndicators .second .item-title{ height:90px; overflow: hidden;} /* TradingStrategies */ #ActiveTradingChannel #TradingStrategies .first .item-title, #ActiveTradingChannel #TradingStrategies .second .item-title{ height:90px; overflow: hidden;} /* BrokersAndReviews */ #ActiveTradingChannel #BrokersAndReviews .first .item-title, #ActiveTradingChannel #BrokersAndReviews .second .item-title{ height:90px; overflow: hidden;} /* TradingSystemsSoftware */ #ActiveTradingChannel #TradingSystemsSoftware .first .item-title, #ActiveTradingChannel #TradingSystemsSoftware .second .item-title, #ActiveTradingChannel #TradingSystemsSoftware .third .item-title{ height:90px; overflow: hidden;} /* OptionsFutures */ #ActiveTradingChannel #OptionsFutures .first .item-title, #ActiveTradingChannel #OptionsFutures .second .item-title{ height:90px; overflow: hidden;} /* ChartTypes */ #ActiveTradingChannel #ChartTypes .first .item-title, #ActiveTradingChannel #ChartTypes .second .item-title{ height:90px; overflow: hidden;} /* ReversalPatterns */ #ActiveTradingChannel #ReversalPatterns .first .item-title, #ActiveTradingChannel #ReversalPatterns .second .item-title{ height:90px; overflow: hidden;} /* ContinuationPatterns */ #ActiveTradingChannel #ContinuationPatterns .first .item-title, #ActiveTradingChannel #ContinuationPatterns .second .item-title{ height:90px; overflow: hidden;} /* two column image and title */ #ActiveTradingChannel .s12 { width: 49%; height: auto !important; margin:0 0 2% 0; padding:0; border: 0;} #ActiveTradingChannel #divTC1, #ActiveTradingChannel #divTC3, #ActiveTradingChannel #divTC5, #ActiveTradingChannel #divTC7 { margin-right:2%;} #ActiveTradingChannel #divTC7 { margin-bottom:0;} #ActiveTradingChannel .investing-column-list { height:380px; padding: 10px 14px; border: solid 1px #ccc; overflow: hidden; } #ActiveTradingChannel .investing-column-list .list { } #ActiveTradingChannel .investing-column-list .title h2 { font-size: 16px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; } #ActiveTradingChannel .investing-column-list .item .item-title { max-height: 32px; overflow: hidden; } #ActiveTradingChannel .investing-column-list .item.first .item-title { height: 44px; max-height: 44px; overflow: hidden; } #ActiveTradingChannel .investing-column-list .item.first .item-image { display: block; } #ActiveTradingChannel .investing-column-list .item.first .item-image-src{ width: 100%; background-position: center center; background-size:cover !important; } /* NewArticles */ #ActiveTradingChannel #NewArticles .item { width: 48%; height: 110px; float: left; } #ActiveTradingChannel #NewArticles .first .item-title, #ActiveTradingChannel #NewArticles .second .item-title, #ActiveTradingChannel #NewArticles .third .item-title { height: auto;} /* ui-canvas */ #ActiveTradingChannel .ui-canvas, #ActiveTradingChannel .ui-canvas .txt { text-align: center;} #ActiveTradingChannel .ui-canvas > div > img { display: none; } /* ======================================================================= */ /* Forex */ /* ======================================================================= */ #ForexChannel .three-col .col { width: 44%;} #ForexChannel .three-col .col .title + div { height: 166px !important;} #ForexChannel .three-col .col > a { display: block; margin-bottom: 10px; } /* Forex Guides */ #ForexChannel #Div2 .first .item-title, #ForexChannel #Div2 .second .item-title{ height:90px; overflow: hidden;} /* Table BBCPH_MCPH_MCPH_PivotPoints_PivotPointsWeekly */ #ForexChannel #BBCPH_MCPH_MCPH_PivotPoints_PivotPointsWeekly { width: 100% !important; overflow-x:auto; overflow-y:hidden; } /* USDForexArticles */ #ForexChannel .panel-fm.s14 .list .first { height: auto; min-height: 80px; } /* two column image and title */ #ForexChannel .s12 { width: 49%; height: auto !important; margin:0 0 2% 0; padding:0; border: 0;} #ForexChannel #divTC1, #ForexChannel #divTC3, #ForexChannel #divTC5, #ForexChannel #divTC7 { margin-right:2%;} #ForexChannel .investing-column-list { height:380px; padding: 10px 14px; border: solid 1px #ccc; overflow: hidden; } #ForexChannel .investing-column-list .list { } #ForexChannel .investing-column-list .title h2 { font-size: 16px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; } #ForexChannel .investing-column-list .item .item-title { max-height: 32px; overflow: hidden; } #ForexChannel .investing-column-list .item.first .item-title { height: 44px; max-height: 44px; overflow: hidden; } #ForexChannel .investing-column-list .item.first .item-image { display: block; } #ForexChannel .investing-column-list .item.first .item-image-src{ width: 100%; background-position: center center; background-size:cover !important; } /* currency-converter */ #ForexChannel .main-currency-converter, #ForexChannel .converter-wrapper { width: 100%;} #ForexChannel .list.converter { text-align: center;} /* #ForexChannel 翻页 */ #ForexChannel #ForexContent { margin-bottom: 20px;} /* convert button */ #ForexChannel .converter li { vertical-align: bottom;} /* ======================================================================= */ /* dictionary */ /* ======================================================================= */ #RelatedArticles.related-pic-box .item-image { display: none !important; } #RelatedArticles.related-pic-box .item-description { height: auto !important; } #RecentlyAdded.related-pic-box .item-image { display: none !important; } #RecentlyAdded.related-pic-box .item-description { height: auto !important; } /* ======================================================================= */ /* ProfessionalsChannel */ /* ======================================================================= */ #ProfessionalsChannel #ProFeature .feature > img{ display: none;} #ProfessionalsChannel #ProFeature .feature .right, #ProfessionalsChannel #ProFeature .feature .left{ margin:0 !important; float: none; text-align: center;} #ProfessionalsChannel #ProFeature .feature .right .btn, #ProfessionalsChannel #ProFeature .feature .left .btn{ margin:0 auto;} #ProfessionalsChannel .responsive-insert-ad .list .item .item-description{ overflow: hidden;} /* globalarchive */ #ProfessionalsChannel .exam .item { height: auto !important; margin-bottom: 15px; padding-bottom: 15px} #ProfessionalsChannel .faq-question-group img{max-width: 100%} /* ======================================================================= */ /* TutorialsChannel */ /* ======================================================================= */ #TutorialsChannel .side_left_navbar{ display: none; } #TutorialsChannel .flow-right { padding: 0;} #TutorialsChannel .box .info.forh1 { padding-top: 10px;} #TutorialsChannel #Investing .list .item, #TutorialsChannel #PersonalFinance .list .item, #TutorialsChannel #ActiveTrading .list .item, #TutorialsChannel #Forex .list .item { height: auto;} #TutorialsChannel #Investing .list .item .item-title a, #TutorialsChannel #PersonalFinance .list .item .item-title a, #TutorialsChannel #ActiveTrading .list .item .item-title a, #TutorialsChannel #Forex .list .item .item-title a{ font-family:'SlingLight', Georgia, "Times New Roman", Times, serif !important; } /* ======================================================================= */ /* VideoChannel */ /* ======================================================================= */ /* slide */ #VideoChannel #Feature .ui-colcarousel { float: none; } #VideoChannel #Feature .ui-colcarousel-nav { width: 100%; float: none;} #VideoChannel #Feature .ui-colcarousel-nav .list { padding: 5px; margin:0;} #VideoChannel #Feature .ui-colcarousel-nav .list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #VideoChannel #Feature .ui-colcarousel-nav .list { display:inline-block; } #VideoChannel #Feature .ui-colcarousel-nav .list { display:block; overflow: hidden;} #VideoChannel #Feature .ui-colcarousel-nav .list .item { width: 25%; float: left; } #VideoChannel #Feature .ui-colcarousel-nav .list .item a{ height: 38px; padding: 12px 10px;} #VideoChannel #Feature .ui-colcarousel-nav .list .item .pointer{ display: none;} #VideoChannel #Feature .ui-colcarousel-view { width: 100%; float: none;} #VideoChannel #Feature .ui-colcarousel-view :after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #VideoChannel #Feature .ui-colcarousel-view { display:inline-block; } #VideoChannel #Feature .ui-colcarousel-view { display:block; overflow: hidden;} #VideoChannel #Feature .ui-colcarousel-screen { margin-top: 0; } #VideoChannel #Feature .ui-colcarousel-screen .item-image-src{ width: 100%;} #VideoChannel .video-tags { width: 100%;} #VideoChannel .first .title .info{ padding:12px 0 0 0;} /* list */ #VideoChannel .s11 .list { } #VideoChannel .s11 .list .item { width: 29%; margin:0 10px;} #VideoChannel .s11 .list .item .item-image{ display: block;} #VideoChannel .s11 .list .item .item-image .item-image-src{ width: 100%; } /* AD layout side */ #VideoChannel .layout-side { margin-left: 0;} #VideoChannel .layout-side .ad-colcarousel { margin-top:-1px;} /* other video page */ #VideoChannel .layout-page-content .video-screen, #VideoChannel .layout-page-content .video-screen .vid-overlay{ width: 100% !important; } /* ======================================================================= */ /* slide-show */ /* ======================================================================= */ /* slide */ #GeneralChannel #Feature .ui-colcarousel { float: none; background-color:#363636; } #GeneralChannel #Feature .ui-colcarousel-nav { width: 100%; float: none;} #GeneralChannel #Feature .ui-colcarousel-nav .list { padding: 5px; margin:0;} #GeneralChannel #Feature .ui-colcarousel-nav .list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #GeneralChannel #Feature .ui-colcarousel-nav .list { display:inline-block; } #GeneralChannel #Feature .ui-colcarousel-nav .list { display:block; overflow: hidden;} #GeneralChannel #Feature .ui-colcarousel-nav .list .item { width: 25%; float: left; overflow: hidden; } #GeneralChannel #Feature .ui-colcarousel-nav .list .item a{ height: 38px; padding: 12px 10px;} #GeneralChannel #Feature .ui-colcarousel-nav .list .item .pointer{ display: none;} #GeneralChannel #Feature .ui-colcarousel-view { width: 100%; float: none;} #GeneralChannel #Feature .ui-colcarousel-view :after { content:"."; display:block; height:0; clear:both; visibility:hidden;} #GeneralChannel #Feature .ui-colcarousel-view { display:inline-block; } #GeneralChannel #Feature .ui-colcarousel-view { display:block; overflow: hidden;} #GeneralChannel #Feature .ui-colcarousel-screen { margin-top: 0; } #GeneralChannel #Feature .ui-colcarousel-screen .item-image-src{ width: 100%;} /* more */ #ActiveTradingChannel .slideshow-tags, #GeneralChannel .slideshow-tags { width: 100%;} #ActiveTradingChannel .first .title .info, #GeneralChannel .first .title .info, #ForexChannel .first .title .info{ padding:2px 0 0 0 !important;} /* list */ #InvestingChannel .s11 .list .item, #ActiveTradingChannel .s11 .list .item, #GeneralChannel .s11 .list .item, #ForexChannel .s11 .list .item { width: 29%; margin:0 10px;} #InvestingChannel .s11 .list .item .item-image, #ActiveTradingChannel .s11 .list .item .item-image, #GeneralChannel .s11 .list .item .item-image, #ForexChannel .s11 .list .item .item-image{ display: block;} #InvestingChannel .s11 .list .item .item-image .item-image-src, #ActiveTradingChannel .s11 .list .item .item-image .item-image-src, #GeneralChannel .s11 .list .item .item-image .item-image-src, #ForexChannel .s11 .list .item .item-image .item-image-src{ width: 100%; background-size:cover !important; } /* AD layout side */ #GeneralChannel .layout-side { margin-left: 0;} #GeneralChannel .layout-side .ad-colcarousel { margin-top:-1px;} /* slide-show/shoplift/ */ #InvestingChannel .slideshow .slide-viewer { min-height: 0 !important;} #InvestingChannel .slideshow .slide-viewer .list .item { width: 100% !important; height: 173px; padding-top: 0;} #InvestingChannel .slideshow .slide-viewer .list .item .item-title { width: auto !important; padding-top: 0; overflow: hidden; } #InvestingChannel .slideshow .slide-viewer .list .item .item-title a { margin-left: 10px !important; } #InvestingChannel .slideshow .slide-viewer .list .item .item-image { width: 30% !important; } #InvestingChannel .slideshow .slide-viewer .list .item .item-image .item-image-src { width: 100% !important; background-size:cover !important; } #InvestingChannel .slideshow .slide-viewer .list .item .item-description { width: auto !important; padding-left: 10px; overflow: hidden;} #InvestingChannel .slideshow .slide-btns { display: none;} #InvestingChannel #view-as-article { display: none !important; } /* ======================================================================= */ /* Corp */ /* ======================================================================= */ #GeneralChannel .Advandlicense .contactusbutton { position: static; width: 100%;} #GeneralChannel #DownloadLinks, #GeneralChannel #AdditionalLinks { width: 100%; } #GeneralChannel #FlipboardPromo { width: 100%;} #GeneralChannel #FlipboardPromo .group.two-col .col { text-align: center;} #GeneralChannel #FlipboardPromo .group.two-col .col img { width: 100%; max-width: 568px; margin-bottom: 20px;} #GeneralChannel #FlipboardPromo .group.two-col .flow-right { width: 100px; margin: 0 auto;} #GeneralChannel #FlipboardPromo .group.two-col .flow-right a{ display: block;} #ActiveTradingChannel .errorpage { width: 100%;} #ActiveTradingChannel .errorpage li { border:0;} .freeReport_table td img{padding-top:6px} /* ======================================================================= */ /* Calculate */ /* ======================================================================= */ .calculator-inner .calculator-textinformation { padding: 20px;} .calculator-inner .form-horizontal .control-group { padding: 0 20px;} .calculator-inner .form-horizontal .control-group .control-label { width: 30%; } .calculator-inner .form-horizontal .control-group .controls { margin-left: 35%; } .calculator-inner .form-horizontal .control-group .controls input[type="text"]{ width: 88%; float: left; box-sizing: border-box;} .calculator-inner .form-horizontal .control-group .controls .radio_label > input { vertical-align: 0px !important; margin-right: 6px;} #calVideo .video-screen { width: 100% !important; height: auto;} /* list font size */ #InvestingChannel .buttonlist .item-title a { font-size: 13px;} /* ======================================================================= */ /* ASK */ /* ======================================================================= */ #InvestingChannel .faq-flow-right { padding-left: 0;} /* ======================================================================= */ /* AccountsChannel */ /* ======================================================================= */ #loginTakeOver { display: none;} #AccountsChannel { background-image: none; } .page-accounts.not-logged-in.page-accounts- .login-form, .page-accounts.not-logged-in.page-accounts-login-aspx .login-form, .page-accounts.not-logged-in.page-accounts- .center, .page-accounts.not-logged-in.page-accounts-login-aspx .center { position: static;} .page-accounts.not-logged-in.page-accounts- .center, .page-accounts.not-logged-in.page-accounts-login-aspx .center { padding-top: 0;} .login-form .form-submit { display: none;} #AccountsChannel .layout-side { display: block; float: none; margin:0 0 20px 0 !important; width: 100% !important; height: auto !important; min-height: 100% !important;} #AccountsChannel .layout-side > div, #AccountsChannel .layout-side > form * { display: block;} #AccountsChannel .layout-side table { width: 100%;} #AccountsChannel .registration-form .form-item .form-text { width: 100%; } #AccountsChannel #RegistrationDiv .center { width: 100% !important;} #AccountsChannel .inner, #AccountsChannel .inner .center { width: 100% !important;} #AccountsChannel .newsletter-form .fieldset-wrapper .col > img { width: 100%; max-width: 286px; } #AccountsChannel .newsletter-form .fieldset-wrapper .col .form-type-checkbox { left: 50%; margin-left: -82px; bottom: 13%; top: auto;} #AccountsChannel .form-item .tooltip { display: block; width: 100%; } #AccountsChannel .form-item .tooltip .form-radios.warning { width: 100%; padding-right: 0; } #AccountsChannel .form-item .tooltip .content { right: 5px; } /* 登陆后 */ #AccountsChannel #AccountPrefs .form-item label { width: 40%; } #AccountsChannel #AccountPrefs .form-item .form-text, #AccountsChannel #AccountPrefs .form-item .tooltip, #AccountsChannel #AccountPrefs .form-item .form-textarea-wrapper.resizable { width: 56%; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; box-sizing: border-box; -moz-box-sizing: border-box;} #AccountsChannel #AccountPrefs .form-item .tooltip .form-text, #AccountsChannel #AccountPrefs .form-item .form-textarea-wrapper.resizable .form-textarea{ width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;} #AccountsChannel #AccountPrefs .form-item .selectmenu { width: 56% !important;} #AccountsChannel #AccountPrefs .form-type-radios { padding:0; margin-left: 40%; } #AccountsChannel #AccountPrefs .form-type-radios label { width: 100%;} #AccountsChannel #AccountPrefs .form-checkboxes { padding-left: 0; overflow: hidden; } #AccountsChannel #AccountPrefs #edit-subscriptions .table-newsletterlist, #AccountsChannel #AccountPrefs #edit-subscriptions .form-item-exclude-partners { width: 100% !important;} #AccountsChannel #AccountPrefs #edit-subscriptions .form-item-exclude-partners > label { width: 90%;} /* 第三方 table */ #AccountsChannel #account-api-free-offers-form .inner table { width: 100% !important; padding:0 !important } #AccountsChannel #account-api-free-offers-form .inner .TmgOffersArea { margin-top: 40px;} #AccountsChannel #account-api-free-offers-form .inner .TmgCampaignControlArea { width: 60px !important; } #AccountsChannel #account-api-free-offers-form .inner .TmgCampaignCreativeText { width: auto !important; font-family:Verdana, Geneva, sans-serif !important; } #AccountsChannel #account-api-free-offers-form .inner .TmgCampaignSepratorImageTheme{ width: 100% !important; } #AccountsChannel #account-api-free-offers-form .inner .TmgOfferVerbiageText { font-family:'SlingLight', Georgia, "Times New Roman", Times, serif !important; font-weight: normal !important; } #AccountsChannel table[id*="TmgSpacerBottom"], #AccountsChannel table[id^="TmgSpacerBottom"], #AccountsChannel table[id*="TmgSpacerTop"], #AccountsChannel table[id^="TmgSpacerTop"] { display: none;} #AccountsChannel .TmgOffersArea td[id*="TMGOfferTD"], #AccountsChannel .TmgOffersArea td[id^="TMGOfferTD"]{ border-bottom: 1px solid #ccc; padding: 10px 0; } /* .table-newsletterlist 表格里tooltip位置fix */ #AccountsChannel .table-newsletterlist td.details .tooltip .content { width: 200px !important; bottom: 30px !important; } #AccountsChannel .table-newsletterlist td.details .tooltip .content .pointer { right: 23px !important; } #AccountsChannel .sticky-header { z-index: 1;} /* ======================================================================= */ /* Footer */ /* ======================================================================= */ #Footer .top, #Footer hr, #Footer .sfooter-brand, #Footer .sfooter, #Footer .colone, #Footer .colthree { display:none;} #Footer .coltwo { width:100%;} #Footer .table-nav{ margin-bottom:0;} #Footer .table-nav .col ul{ text-align:center} #Footer .table-nav .col ul li{ display:inline-block; padding:0 20px; line-height:24px; white-space:nowrap;} #Footer .table-nav .col ul li a{ font-size:12pt;} #Footer .table-nav .col ul li:first-child{ display:none;} #Footer .btm{ text-align:center; padding: 10px 0 20px;} /* ======================================================================= */ /* Article */ /* ======================================================================= */ #GeneralChannel .side_left_navbar{ display: none; } #GeneralChannel .flow-right { padding: 0;} /* ===== 2014.03.06 =====*/ /* 文章标题宽度自适应 */ .partner-articles h1 { width:100%; } .responsive-partner-articles-profile-pic{display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;} .partner-articles-profile-pic{margin-top: 0;display:none} #BBCPH_MCPH_MCPH_SB2_pnlRelatedArticles{display: block} .ad-textlink{display: none} .content-body .ad-textlink{display:block; float: left; margin:0 30px 30px 0;} .content-body .ad-textlink > div{display: none} .responsive-article-content .tags, .responsive-article-content .content-tags, .responsive-article-content .tickers{display: none} /* 标题后的 By 作者 */ .featured-author-title-parent .featured-author-top-bar { display:-moz-inline-stack; display:inline-block; vertical-align:middle; zoom:1; *display:inline; margin-right: 70px} /* 2014.3.11 Melvon */ .featured-author-title-parent .content-title { position: relative;} .content-title.featured-author{float: none; width: auto;} .featured-author-title-parent #print_button { position: absolute; right:0; bottom:0;} .featured-author-title-parent #font-size { position: absolute; right:28px; bottom:2px; } /* 文章里面的长条按钮 */ .btn_faq img { width: auto !important; max-width:100%;} /* 文章左侧图标 */ .faq-question-icon, .faq-answer-icon { display: none !important;} .faq-question-text, .faq-answer-text { float: none !important; overflow: hidden !important; width: auto !important; } #FAQ .content-title h2 { display: none } #FAQ .faq-question-text h1 { font-size: 30px; display: none } /* article-author */ .featured-author-article-author .profile-pic { margin-right: 10px;} .featured-author-article-author .profile-text { float: none; width: auto !important; overflow: hidden; } /* Forex Article Title */ #ForexChannel #Tutorial .content-title.title { display: inline-block !important; padding-right: 90px; width: auto !important;} /* Forex Article Tab */ #ForexChannel #TableOfContents .sections, #ProfessionalsChannel #TableOfContents .sections { width: 100%; min-width: 100%; height: 50px; } #ForexChannel #TableOfContents .sections > li { width: 20% !important; height: 50px;} #ProfessionalsChannel #TableOfContents .sections > li { width: 25% !important; height: 50px;} #ForexChannel #TableOfContents .sections > li > a, #ProfessionalsChannel #TableOfContents .sections > li > a { height: 34px; padding: 8px;} /* corp/contactus.aspx */ .user-voice { width: 100%;} } @media only screen and (max-width: 512px) { #Header .mid .brand .logo { position:relative; width:70%; background:none; } #Header .mid .brand .logo .m_logo { display:block; width:200px; height:auto; margin-top:12px;} #DictionaryChannel #TermOfDay h3 { font-size:24px;} /* h1 */ .box .title h1 { font-size:25px;} .content-title .info { display:none;} /*Images in body text need to resize dynamically*/ .content-body .content-image, .content-body table { width: 100%;} .content-body img { width: 100%; } #RelatedDefinitions li, .s8 li { border-bottom: 1px dotted #CCCCCC; width:100%; margin:0; float:none;} .related-box li { float: none !important; width: 100% !important; margin: 0 !important;} .related-pic-box .list { overflow: hidden; } .related-pic-box .list .item { margin: 0 0 10px 0; height: auto!important; margin: 0; border-bottom: 1px dotted #CCCCCC; overflow: hidden;} .related-pic-box .list .item-description, .related-pic-box .list .item-date, .related-pic-box .list .item-image { display:none !important;} .related-pic-box .native-ad { padding:0 !important;} .related-pic-box .native-ad .item-title a { line-height: 14px;} .related-box .list .item, .related-pic-box .list .item { width: 100%; float: none; height: auto !important;} .related-box .item-title, .related-pic-box .item-title { padding: 0 !important; font-size:13px !important; display:block !important;} .related-box .item-title a, .related-pic-box .item-title a { display: block; padding: 5px 0; overflow:visible; white-space:normal !important; -o-text-overflow:none; text-overflow:none; font-size:13px !important; font-family: Georgia, "Times New Roman", Times, serif !important;} /* 2014.3.20 - Carousel */ #Carousel { height: 340px !important; } #Carousel .slide { height: 340px !important;} #Carousel .item { height:72px; top: 244px; padding: 0} #Carousel .item p { margin: 0;} #Carousel .item p, #Carousel .item h2 { margin:0 10px; } #Carousel .item h2 { font-size: 22px;line-height: 26px; } #Carousel .item .item-description { display: none;} #Carousel table { border-collapse:collapse; width:100%;display: block} #Carousel td { display: block; position: absolute; width: 100%} #Carousel td img { width: 99.2%;border:0; } /* HTML5 Chart #tradeview_index_box */ #tradeview_index_box, #tradeview_default_box, #tradeview_index_box iframe, #tradeview_default_box iframe { width: 100% !important;} /* ---------- menu-dropdown ---------- */ .ui-colcarousel .item-image-src { background-size:100% 253px !important;} .ui-colcarousel-screen { margin: 5px !important; } /* menu-dropdown */ .menu-dropdown { position: relative; left:0; top: -40px; margin-top: 50px; height: 0; } .menu-dropdown > i { position: relative; display:block; z-index: 2; width: 48px; height: 40px; cursor: pointer; background:#363636 url('../img/mobile/mobile_icon.png') -140px 4px no-repeat; border-radius: 4px;} .menu-dropdown .list, .menu-dropdown .nav { display: none !important; position: absolute; left:0; top:40px; z-index: 1; padding: 0 !important; width: 100%; background:#696969 !important; border:0; opacity: 0.95; box-shadow: 0 10px 30px rgba(0,0,0,0.4); } .menu-dropdown li { margin:0 !important; width: 100% !important; height: auto !important; float: none !important; border:0 !important;} .menu-dropdown li a { padding: 12px 10px !important; height: auto !important; text-align: left !important; text-decoration: none !important; color: #fff !important; font-size: 13px !important; font-family:Verdana, Geneva, sans-serif !important; } .menu-dropdown li, .menu-dropdown li a { background: none !important;} .menu-dropdown li:hover { background:#363636 !important;} .menu-dropdown li.selected, .menu-dropdown li.selected:hover, .menu-dropdown li.selected:active { background: #4c9610 !important;} /* 激活后 */ .menu-dropdown.active > i { background-position: -182px 4px; background-color: #696969; border-radius: 4px 4px 0 0;} .menu-dropdown.active .list, .menu-dropdown.active .nav { display: block !important; border-radius: 0 6px 6px 6px; } /* ======================================================================= */ /* HomePage */ /* ======================================================================= */ /*test mobile below content*/ #test_mobile_below_content {display: block;} /* 2014.3.20 */ #VideoWhatsNew { width: 100%; margin: 0 auto;} #VideoWhatsNew #Video { width: 100% !important; text-align: center; margin-bottom: 20px; padding: 0; float: none;} #VideoWhatsNew #Video .title{ text-align: left;} #VideoWhatsNew #WhatsNew{ width: 100%; float: none; padding: 0 0 20px 0; overflow: hidden; } #VideoWhatsNew #WhatsNew .list .item .item-title { height:auto !important; } /* 2014.3.20 - Chart */ #InsideMarkets .col-right, #InsideMarkets .flow-left { width: 100% !important; float: none; } #MarketsChart { width: 100% !important; padding: 0 !important;} #MarketsChart .table-chart-1 { padding: 5px; } #MarketsChart .table-chart-1 td { padding: 0 !important; } /* 2014.3.20 - InsideMarkets */ #InsideMarkets .item { margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #InsideMarkets .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block; max-height: 100% !important;} #InsideMarkets .item-title a { display: block; padding: 5px 0;} #InsideMarkets .item-image, #InsideMarkets .item-description { display: none;} /* 2014.3.20 - Investing */ #Investing .item { margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #Investing .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block; max-height: 100% !important;} #Investing .item-title a { display: block; padding: 5px 0;} #Investing .item-image, #Investing .item-description { display: none;} /* 2014.3.20 - PersonalFinance */ #PersonalFinance .item { margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #PersonalFinance .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block;} #PersonalFinance .item-title a { display: block; padding: 5px 0;} #PersonalFinance .item-image, #PersonalFinance .item-description { display: none;} /* 2014.3.20 - ActiveTrading */ #ActiveTrading .item { margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #ActiveTrading .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block;} #ActiveTrading .item-title a { display: block; padding: 5px 0;} #ActiveTrading .item-image, #ActiveTrading .item-description { display: none;} /* 2014.3.20 - Forex */ #Forex .col { width: 100% !important; float: none;} #Forex #LiveRatesTableTabs li { width: 24%;} #Forex .two-col { margin-bottom: 0 !important;} #Forex .two-col .flow-right { padding-left: 0; float: none; } #Forex .item { margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #Forex .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block;} #Forex .item-title a { display: block; padding: 5px 0;} #Forex .item-image, #Forex .item-description { display: none;} /* 2014.3.20 - ForexEducation */ #ForexEducation .item { margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #ForexEducation .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block;} #ForexEducation .item-title a { display: block; padding: 5px 0;} #ForexEducation .item-image, #ForexEducation .item-description { display: none;} /* 2014.3.20 - .layout-side */ #HomeChannel .layout-side { margin: 0 auto !important; width: 100% !important; height: auto !important; position: static !important;} #HomeChannel .layout-side > div, #HomeChannel .layout-side > form { display: block; } #HomeChannel #AdX33, #HomeChannel #SidebarFloat, #HomeChannel .social.group { display: none } #HomeChannel .layout-side .box.s5 .list .item{ margin-bottom: 0; width: 100%; height:auto !important; float: none; border-bottom: 1px dotted #ccc; overflow: hidden;} #HomeChannel .layout-side .box.s5 .list .item-title { margin:0 !important; padding: 0 !important; font-size:13px !important; display:block;} #HomeChannel .layout-side .box.s5 .list .item-title a{ display: block; padding: 5px 0;} #HomeChannel .layout-side .box.s5 .list .item-description { margin-bottom: 8px;} #HomeChannel .layout-side .box.featured-author-s8 .item-title { padding-left: 0; font-size:13px !important; display:block;} #HomeChannel .layout-side .box.featured-author-s8 .item-image { display: none;} /* ======================================================================= */ /* Market */ /* ======================================================================= */ #MarketsFeature #MarketsChart { width: 100% !important; float: none} #ChartAdvisor .list { min-height: 0; padding-left: 0} #ChartAdvisor .list .item { float: none; width: 100%; height: auto !important; margin: 0 !important; border-bottom: 1px dotted #ccc; overflow: hidden;} #ChartAdvisor .list .item-title { font-size:13px; display:block; padding: 0;} #ChartAdvisor .list .item.second { border-top: 0 !important; padding-top: 0} #ChartAdvisor .list .item-title a { display: block; padding: 5px 0; overflow:visible; white-space:normal !important; -o-text-overflow:none; text-overflow:none; font-family:'SlingLight', Georgia, "Times New Roman", Times, serif;} #ChartAdvisor .list .item-image, #ChartAdvisor .list .item-description { display:none !important;} #TopPerforming.related-pic-box .item .item-title a { padding: 0 0 5px 0 !important;} #InsideTheSector.related-pic-box .list .item { width:100% !important; } #InsideTheSector.related-pic-box .list .item .item-category{ padding: 4px 0 0 !important;} #HostedContent.related-pic-box .item { height: auto !important; width: 100%; float: none;} /* ======================================================================= */ /* Investing */ /* ======================================================================= */ /* Future */ #InvestingChannel #InvestingFeature { float: none; width:auto !important; text-align: center; background-position: center center; background-size:cover;} #InvestingChannel .flow-right.related-pic-box { padding: 0; } #InvestingChannel .related-pic-box .list .item .item-category{ padding: 4px 0 0 !important;} /* two column image and title */ #InvestingChannel .s12 { width: 100%; margin:0 0 2% 0;} /* #InvestingChannel #divTC1, #InvestingChannel #divTC3 { margin-right:0;} #InvestingChannel #divTC3, #InvestingChannel #divTC4 { margin-bottom:0;} */ #InvestingChannel .investing-column-list { height: auto !important;} #InvestingChannel .investing-column-list .list { margin-bottom: 20px;} #InvestingChannel .investing-column-list .title h2 { word-break:keep-all; white-space:normal; text-overflow:none; overflow:visible; } #InvestingChannel .investing-column-list .item .item-title { max-height: 100% !important; overflow: visible; } #InvestingChannel .investing-column-list .item.first .item-title { height: auto !important; max-height: 100% !important; overflow: visible; } /* ======================================================================= */ /* dictionary */ /* ======================================================================= */ #TermOfDay > .title{position: relative; height: 80px} #TermOfDay > .title > .info{position: absolute; top: 20px; left: 0} #TermOfDay .ui-canvas img{display: none} #TermOfDay .ui-canvas table{padding: 20px} #TermOfDay .ui-canvas td{padding: 0} /* ======================================================================= */ /* Personal Finance Channel */ /* ======================================================================= */ .life-stage-left .ls-panel img, .life-stage-right .ls-panel img { display: none; } #divPopularComparisons { margin-bottom: 20px; } #PersonalFinanceChannel .s15 .list .item { width:100% !important; padding:8px 0 !important; border-top:1px dashed #ddd; } #PersonalFinanceChannel .s15 .list .item.first{ border-top: 0;} #PersonalFinanceChannel .s15 .list .item-image{ position: static; margin-bottom: 10px; float: none; width: 98%; } #PersonalFinanceChannel .s15 .list .item-image .item-image-src{ width: 100%; background-size:100% !important;} #PersonalFinanceChannel .s15 .list .item-title { clear: both;} #PersonalFinanceChannel .ui-canvas > div { padding: 20px 0; overflow: hidden} #PersonalFinanceChannel .ui-canvas .txt { padding: 20px 0 10px 0 !important; } #PersonalFinanceChannel .ui-canvas .txt img { width: 100%; max-width: 335px; } #PersonalFinanceChannel .ui-canvas .btn img { width: 100%; max-width: 284px; } /* ======================================================================= */ /* Active Trading */ /* ======================================================================= */ /* Fundamentals */ #ActiveTradingChannel #Fundamentals .first .item-title, #ActiveTradingChannel #Fundamentals .second .item-title, /* ChartsPatterns */ #ActiveTradingChannel #ChartsPatterns .first .item-title, #ActiveTradingChannel #ChartsPatterns .second .item-title, /* TechnicalIndicators */ #ActiveTradingChannel #TechnicalIndicators .first .item-title, #ActiveTradingChannel #TechnicalIndicators .second .item-title, /* TradingStrategies */ #ActiveTradingChannel #TradingStrategies .first .item-title, #ActiveTradingChannel #TradingStrategies .second .item-title, /* BrokersAndReviews */ #ActiveTradingChannel #BrokersAndReviews .first .item-title, #ActiveTradingChannel #BrokersAndReviews .second .item-title, /* TradingSystemsSoftware */ #ActiveTradingChannel #TradingSystemsSoftware .first .item-title, #ActiveTradingChannel #TradingSystemsSoftware .second .item-title, #ActiveTradingChannel #TradingSystemsSoftware .third .item-title, /* OptionsFutures */ #ActiveTradingChannel #OptionsFutures .first .item-title, #ActiveTradingChannel #OptionsFutures .second .item-title, /* ChartTypes */ #ActiveTradingChannel #ChartTypes .first .item-title, #ActiveTradingChannel #ChartTypes .second .item-title, /* ReversalPatterns */ #ActiveTradingChannel #ReversalPatterns .first .item-title, #ActiveTradingChannel #ReversalPatterns .second .item-title, /* ContinuationPatterns */ #ActiveTradingChannel #ContinuationPatterns .first .item-title, #ActiveTradingChannel #ContinuationPatterns .second .item-title{ height:auto; } #ActiveTradingChannel .related-pic-box .first .item-title, #ActiveTradingChannel .related-pic-box .second .item-title, #ActiveTradingChannel .related-pic-box .third .item-title { height:auto; } /* two column image and title */ #ActiveTradingChannel .s12 { width: 100%; margin:0 0 2% 0;} #ActiveTradingChannel #divTC1, #ActiveTradingChannel #divTC3, #ActiveTradingChannel #divTC5, #ActiveTradingChannel #divTC7 { margin-right:0;} #ActiveTradingChannel #divTC7 { margin-bottom:0;} #ActiveTradingChannel .investing-column-list { height: auto !important;} #ActiveTradingChannel .investing-column-list .list { margin-bottom: 20px;} #ActiveTradingChannel .investing-column-list .title h2 { word-break:keep-all; white-space:normal; text-overflow:none; overflow:visible; } #ActiveTradingChannel .investing-column-list .item .item-title { max-height: 100% !important; overflow: visible; } #ActiveTradingChannel .investing-column-list .item.first .item-title { height: auto !important; max-height: 100% !important; overflow: visible; } /* NewArticles */ #ActiveTradingChannel #NewArticles .item { width: 100%; float: none; } /* ======================================================================= */ /* Forex */ /* ======================================================================= */ #ForexChannel .three-col .col { width: 100%; float: none;} #ForexChannel .three-col .col .title + div { height: auto !important;} /* Forex Guides */ #ForexChannel #Div2 .first .item-title, #ForexChannel #Div2 .second .item-title{ height:auto;} /* Table BBCPH_MCPH_MCPH_PivotPoints_PivotPointsWeekly */ #ForexChannel #BBCPH_MCPH_MCPH_PivotPoints_PivotPointsWeekly { width: 100% !important; overflow-x:auto; overflow-y:hidden; } /* two column image and title */ #ForexChannel .s12 { width: 100%; margin:0 0 2% 0;} #ForexChannel #divTC1, #ForexChannel #divTC3, #ForexChannel #divTC5, #ForexChannel #divTC7 { margin-right:0;} #ForexChannel #divTC7 { margin-bottom:0;} #ForexChannel .investing-column-list { height: auto !important;} #ForexChannel .investing-column-list .list { margin-bottom: 20px;} #ForexChannel .investing-column-list .title h2 { word-break:keep-all; white-space:normal; text-overflow:none; overflow:visible; } #ForexChannel .investing-column-list .item .item-title { max-height: 100% !important; overflow: visible; } #ForexChannel .investing-column-list .item.first .item-title { height: auto !important; max-height: 100% !important; overflow: visible; } /* ForexArticlesByCurrency */ #ForexArticlesByCurrency .nav li a { padding: 8px 0; text-align: center;} #ForexArticlesByCurrency .nav li.selected a{ padding: 10px 0;} #ForexArticlesByCurrency .nav li { width: 12%;} #ForexArticlesByCurrency .nav input { display: none;} /* convert button */ #ForexChannel .converter-wrapper .converter { padding: 0 6px;} #ForexChannel .converter-wrapper li:nth-last-child(1) { width: 100%;} #ForexChannel .converter-wrapper .input-text { width: 50px;} #ForexChannel .converter-wrapper .convert-button a { display: block;} #ForexChannel .converter-wrapper .convert-button span { width: 100% !important; padding: 5px 0;} #BBCPH_MCPH_MCPH_RelatedTutorialsContent_RelatedContent_RelatedArticles_RelatedContentBox .box { margin-bottom: 0;} /* ======================================================================= */ /* ProfessionalsChannel */ /* ======================================================================= */ #ProfessionalsChannel .responsive-insert-ad .list .item { height: auto; } #ProfessionalsChannel .responsive-insert-ad .list .item .item-image { display: none;} #ProfessionalsChannel .responsive-insert-ad .list .item .item-description{ padding-bottom: 10px; } #ProfessionalsChannel .s8.box.icon .list .item .item-image { display: none;} /* table */ #ProfessionalsChannel .table-exam-details td { display: block;} #ProfessionalsChannel .article-body > img, #ProfessionalsChannel .graph > img { width: 100%;} /* list */ #ProfessionalsChannel .col-1 { width:100% !important; float: none; } #ProfessionalsChannel .col-1 .list .item { margin: 0 0 10px 0; height: auto !important; margin: 0; border-bottom: 1px dotted #CCCCCC; overflow: hidden; } #ProfessionalsChannel .col-1 .list .item a{ display: block; padding: 5px 0; overflow:visible; white-space:normal !important; -o-text-overflow:none; text-overflow:none; font-size:13px !important; font-family:'SlingLight', Georgia, "Times New Roman", Times, serif !important;} #ProfessionalsChannel .table-exam-prep td { display: block; width: auto;} #ProfessionalsChannel .table-exam-prep .icon { display: none;} #ProfessionalsChannel .text-bottom { padding: 20px; height: auto; } #ProfessionalsChannel .text-bottom p { margin:0; padding: 0;} /* ======================================================================= */ /* VideoChannel */ /* ======================================================================= */ #VideoChannel #VideoLibrary .ui-tabset .nav { padding: 0 0 0 4px;} #VideoChannel #VideoLibrary .ui-tabset .nav li { width: 16.2%; height: 42px; overflow: hidden;} #VideoChannel #VideoLibrary .ui-tabset .nav li.selected{ height: 46px;} #VideoChannel #VideoLibrary .ui-tabset .nav li a { padding: 8px 2px; text-align: center; } /* list */ #VideoChannel .s11 .list { } #VideoChannel .s11 .list .item { margin:0 0 10px 0; width: auto !important; height: auto !important; float: none;} #VideoChannel .s11 .list .item .item-image { display: block;} #VideoChannel .s11 .list .item .item-image .item-image-src{ width: 100%; height: 250px; background-size:contain !important;} #VideoLibrary > .panel { margin-top: 20px; } #VideoLibrary .title h2 { margin-bottom: 20px;} #VideoChannel #Feature .ui-colcarousel { background: none; background-color: none;} #VideoChannel #Feature .ui-colcarousel .ui-colcarousel-view { background: #363636; margin-top: 20px;} /* ======================================================================= */ /* slide-show */ /* ======================================================================= */ #GeneralChannel #Feature .ui-colcarousel-nav .list .item a{ height: 70px; padding: 4px 10px 12px;} #GeneralChannel #SlideshowLibrary .ui-tabset .nav { padding: 0 0 0 4px;} #GeneralChannel #SlideshowLibrary .ui-tabset .nav li { width: 19%; height: 42px; overflow: hidden;} #GeneralChannel #SlideshowLibrary .ui-tabset .nav li.selected{ height: 46px;} #GeneralChannel #SlideshowLibrary .ui-tabset .nav li a { padding: 8px 2px; text-align: center; } /* list */ #InvestingChannel .s11 .list .item, #ActiveTradingChannel .s11 .list .item, #GeneralChannel .s11 .list .item, #ForexChannel .s11 .list .item { margin:0 0 10px 0; width: auto !important; height: auto !important; float: none;} #InvestingChannel .s11 .list .item .item-image, #ActiveTradingChannel .s11 .list .item .item-image, #GeneralChannel .s11 .list .item .item-image, #ForexChannel .s11 .list .item .item-image{ display: block;} #InvestingChannel .s11 .list .item .item-image .item-image-src, #ActiveTradingChannel .s11 .list .item .item-image .item-image-src, #GeneralChannel .s11 .list .item .item-image .item-image-src, #ForexChannel .s11 .list .item .item-image .item-image-src{ width: 100%; height: 250px; background-size:cover !important; } /* slide-show/shoplift/ */ #InvestingChannel .slideshow .slide-viewer .list .item .item-description { display: none; } #SlideshowLibrary > .panel { margin-top: 20px; } #SlideshowLibrary .s11 { margin-top: 0;} #GeneralChannel #Feature .ui-colcarousel { background: none; background-color: none;} #GeneralChannel #Feature .ui-colcarousel .ui-colcarousel-view { background: #363636; margin-top: 20px;} /* ======================================================================= */ /* Corp */ /* ======================================================================= */ #GeneralChannel .Advandlicense .sidebar, #GeneralChannel .Advandlicense .pagecontent { margin: 0; width: 100%; float: none; border:0; min-height: 0 !important; } #GeneralChannel .emailcampaign td { display: block; } #GeneralChannel .emailcampaign .EmailLogo { border:0; } #GeneralChannel .emailcampaign .EmailInfo { padding:0 0 25px 0; } #GeneralChannel .contact-us-form .form-item .form-select, #GeneralChannel .contact-us-form .form-item .form-text, #GeneralChannel .contact-us-form .form-item .form-textarea, #GeneralChannel .contact-us-form .form-item .form-textarea-wrapper { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; } #GeneralChannel .contact-us-form #elements_wrapper > p { padding-left: 0;} /* ======================================================================= */ /* Calculate */ /* ======================================================================= */ .calculator-inner .form-horizontal .control-group .control-label { width: 100%; float: none; text-align: left; } .calculator-inner .form-horizontal .control-group .controls { margin-left: 0; } .calculator-inner .form-horizontal .control-group .controls > input{ margin:0;} /* 图片撑开了 */ .calculator-inner .calculator-chart { overflow: hidden;} .calculator-inner .calculator-chart > div { width:250px !important; margin:0 auto;} .calculator-inner .calculator-chart svg { zoom:0.4 !important; width: 100% !important; } .calculator-inner .calculator-chart div:nth-child(1){ height: 250px !important;} .calculator-inner > table { width: 100% !important;} /* ======================================================================= */ /* AccountsChannel */ /* ======================================================================= */ #AccountsChannel .login-form .form-item, #AccountsChannel .forgot-password-form, #AccountsChannel .forgot-password-form > div, #AccountsChannel .reset-password-form .form-item { width: 96% !important;} #AccountsChannel .form-item .form-text { box-sizing: border-box; -moz-box-sizing: border-box; } #AccountsChannel .login-form .form-item .form-text, #AccountsChannel .forgot-password-form .form-item .form-text, #AccountsChannel .forgot-password-form .form-item > label, #AccountsChannel .reset-password-form .form-item .form-text { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;} #AccountsChannel .newsletter-form .fieldset-wrapper .col { margin-bottom: 10px; padding: 0; width: 100%; float: none; } /* 登陆后 */ #AccountsChannel #AccountPrefs .form-item > label { width: 100%; text-align: left; } #AccountsChannel #AccountPrefs .form-item .form-text, #AccountsChannel #AccountPrefs .form-item .tooltip, #AccountsChannel #AccountPrefs .form-item .form-textarea-wrapper.resizable { width: 100%; } #AccountsChannel #AccountPrefs .form-item .selectmenu { width: 100% !important;} #AccountsChannel #AccountPrefs .form-type-radios { margin-left: 0%; } #AccountsChannel #AccountPrefs .form-item.form-type-checkboxes, #AccountsChannel #AccountPrefs .form-item.form-type-file { margin-bottom: 20px;} #AccountsChannel #AccountPrefs .form-item.form-type-checkboxes > label { padding: 20px 0 0 0; float: none;} /* ======================================================================= */ /* Article */ /* ======================================================================= */ /* Forex Article */ #ForexChannel #TableOfContents .sections > li > a, #ProfessionalsChannel #TableOfContents .sections > li > a { font-size: 11px !important; padding: 8px 2px;} /* share */ .socialicons .pw-share{display: none} } @media only screen and (max-width: 320px) { /* h1 */ .box .title h1 { font-size:25px;} #Header .mid .brand .logo { width:50%; } .table-chart-1 .cell { padding: 6px 4px !important;} }