/*======================================================================================*/ /*=============================== header responsive ===================================*/ /*====================== nav & mega menu & off canvas menu =============================*/ /*=======================================================================================*/ @media only screen and (max-width:1024px) { #mainportal{ display:none!important; } } /*815*/ @media screen and (max-width: 40.009em) { #content-wrap { position: relative; width: 100%; margin:0 auto;} .newsmenu_wrapper .slide-trigger:after { content: ""; width: 0; height: 0; position: absolute; right: 8%; top: 50%; margin-top: -5px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #999999 transparent; z-index:999;} } @media only screen and (min-width : 10em) and (max-width: 40em) { header{ background:none; } #bkg_wrapper { background-color:#FFF; background-image:none;} #maincontent_container {width: 100%; clear: both; position:relative; display:block; } #outer_wrapper {width:100%; position: relative;text-align: left; margin:0 auto; min-width: 620px; display:block;} #maincontent{width:100%; min-height:600px; padding:0px;} .navigation { display: none; } .no-js .navigation { display: block; } .navigation {background:#FFF; width:96.7%; position:absolute; font-size: 1.3125em; font-weight:bold; z-index:9999; } .navigation li { float:none; float:left; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; width:99.8%; border-left: 1px solid #CCC; padding:0;} .navigation li a { width:92%; text-align:left; padding:4%; } .navigation li:last-child a { border-bottom: 1px solid #CCC; } #offcanvas{ position:absolute; left:0.25em; top:0.5em;} .news_submenu .navigation li a { width:100%; padding:0.7em 0; font-size:1.5em;} .news_submenu .navigation li a#current, .news_submenu .navigation li a:hover, .news_submenu .navigation li a:focus { background-image:none;} .news_submenu .navigation li a#current { background: url(../image/submenu_li2.gif) bottom center;} .otherinfo { position:inherit; width:70%; border:none; float:left; height:1em; margin-bottom:2px;} .otherinfo .date{ width:100%; margin:3px auto; text-align:left;} .otherinfo2 { border:none; float:right; position:inherit; width:30%; bottom:0; margin-bottom:2px; } .otherinfo2 .back { float:right; font-size:0.8125em; margin-left:0.25em; } .otherinfo .weather{ top:-10em; width:99%; display:block; } .otherinfo .weather .alert_icon{ position:absolute; top:-11px; z-index:99; right:14%;} .otherinfo .weather .alert_icon img{ float: right; height: 32px; margin-right: 0.3em; } .otherinfo .weather span.tem { margin:0 0.5em 0 0; text-align:right; float:right;} #main{ width:98%; margin:0 auto;} .news_menu{ background:none;} .joinus { display:none;} .otherfunction { display:none;} nav_keyword { display:black;} a.oldnews{ display:none;} .top_absolute { position:inherit; top:0; } .top_absolute2 { position:inherit; top:0; } /*****************/ .colleft{ display: none; float: left;margin: 1% 0 1% 0%; width: 66.08%; } .colright{display: block; float: left; margin: 0%; width: 100%; top: 0px; } #mobileSearch { display:block; width:100%; position:relative;} .quicksearch_wrapper { width:100%; padding-left:0; background:url(../image/mobile_nav.jpg) repeat-x top left; height:65px;} .quicksearch { float: right; width: 55%;} .quicksearch_wrapper #mb_portal_title { padding:4% 0 0 3% ; position: absolute; display:block; z-index: 999;} .quicksearch_wrapper #mb_portal_title img{ width: 76px; display:block;} .SearchBox_wrapper { width:100%; float:left; position:relative; } } @media screen and (max-width: 48em) { .dropdown_wrapper { display:none;} #menu li:hover .dropdown_wrapper{ display:none;} } /******************************320px to 480px*****************************/ @media only screen and (min-width : 10em) and (max-width: 40em) { .txt1 {font-size :0.875em; /*13/16*/ } .txt2 {font-size :0.95em; } .txt3 {font-size :1em; /*14/16*/ } .txt4 {font-size :1.1875em; /*19/16*/ } .txt5 {font-size :1.3125em; /*21/16*/ } .txt6 {font-size :1.5em; /*24/16*/ } .txt7 {font-size :1.625em; /*26/16*/ } h1 {font-size : 1.7em; /*24/16*/ } h2 {font-size : 1.25em; /*24/16*/ } h3 {font-size : 1.3125em; /*21/16*/ } h4 {font-size: 1.125em; /*18/16*/} h5 {font-size : 1em; /*18/16*/ _font-size :0.75em; } .pattern_greyline {padding-bottom: 1em;} #outer_wrapper {width:100%; position: relative;text-align: left; margin:0 auto; min-width: 320px; display:block;} .quicksearch_wrapper #mb_portal_title { width:20.666667%; /*padding:5% 0 0 3% ;*/ position: absolute; display:block;} .quicksearch_wrapper #mb_portal_title img {width: 65px; display:block;} .navheader { margin:0; position: relative; top:5px; } .dropdown{ display:none;} #pageslide { width: 50%; position: fixed; } .navigation {width:99.8%; background:#F7F7F7;} .news_portalmenu .navigation { margin-left: -5px; } .news_submenu .navigation {font-size:1em;} .news_submenu .navigation {left: -5px; width: 100%;} .news_submenu .navigation li a { width:100%; padding:0.6em 0; font-size:1.125em;} .news_submenu .navigation li a#current, .news_submenu .navigation li a:hover, .news_submenu .navigation li a:focus { background-image:none;} .news_submenu .navigation li a#current { background: url(../image/submenu_li2.gif) bottom center;} .slide-trigger h3 { padding: 0.5em 0.5em; } .newsmenu_wrapper .slide-trigger:after { content: ""; width: 0; height: 0; position: absolute; right: 8%; top: 50%; margin-top: -5px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #999999 transparent; z-index:999;} #mobileSearch { margin:0;} .news_portalmenu { width: 35%;} .news_submenu { width: 45%;} .top_absolute { position:inherit; top:0; } .top_absolute2 { position:inherit; top:0; } } @media all and (max-width: 40em) { /* mobile header */ .receptacle {overflow: hidden; width:100%;} .site-masthead-search_wrapper{} .site-masthead-search.pinned-masthead {display: none !important;}/* !important needed to override inline styles added by JS */ .site-masthead-search {padding-top: 0; float: right; width:100%;} .site-masthead-search .block-nav {display: none; } .site-masthead-search .site-brand { } .site-masthead-search > .inner, .site-masthead-search .section, .site-masthead-search .find, .site-masthead-search .search { position: static;} .site-masthead-search .search {padding: 0;border: 0;margin-left: 0; } .site-masthead-search .search .container {background-color: #EAEDEF;position: absolute;top: 60px; left: 0; right: 0; height: 50px; padding: 5px 3%;z-index:9999;display: inline-block;width:96%;} .site-masthead-search .search input { background: #FFF; border: 2px solid #DDD; left: 8px; right: 10px; bottom: 8px; top: 5px; -moz-box-sizing: border-box; box-sizing: border-box; height:3em; width: 94%; position: absolute; padding: 10px 10px; } .site-masthead-search .search button { position: absolute; bottom: 0; right: 0; top:0; padding: 0 4%; margin: 0; border-left: 1px solid #E9EAEB; background-color: #ffffff; background-repeat: repeat-x; background: #96d0b6; /* Old browsers */ /* the standard */ width:2.65em; height:2.25em; } .site-masthead-search .search button span {background: url(../image/main-sprite.png) no-repeat 0px -150px; } .site-masthead-search .explore-nav { margin: 0; position: absolute;right: 53px; bottom: 0;} .site-masthead-search.open-search { margin-bottom: 60px;} .site-masthead-search.open-search button span {background: url(../image/main-sprite.png) no-repeat -150px -350px;} .site-masthead-search .predictor { display: none !important;/* !important needed to override inline styles added by JS */ } .generatedcontent .site-masthead-search { } .generatedcontent #site-body { } .generatedcontent .site-masthead-search:after, .generatedcontent .site-masthead-search:before {display: none; } } @media only screen and (min-width : 10em) and (max-width: 40em) { /* to 480px*/ .site-masthead-search_wrapper{} .site-masthead-search {overflow: visible; position: absolute; top:0; right:0; width: 20%; z-index: 1000;border-bottom: 5px solid #b4bec5;} .site-masthead-search .search input {padding: 0 10px;} .site-masthead-search .section { border-right: none;} } @media all and (max-width: 40.5em) { .csstransforms #site-body {background-position: 67% -10px; padding-top: 0px;} a.mailbox_btn, a.correct_btn, a.report_btn{ font-size:0.8em; } } @media only screen and (min-width : 10em) and (max-width: 40.009em) { } /*================================================== ad ================================================== =========================================================================================================*/ @media only screen and (min-width : 10em) and (max-width: 40em) { .col, aside .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12{ margin:0;} } @media only screen and (min-width : 10em) and (max-width: 40em) { .tag { border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1); } }