/*======================================================================================*/
/*=============================== header responsive ===================================*/
/*====================== nav & mega menu & off canvas menu =============================*/
/*=======================================================================================*/

/*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:97%; 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(/20221209112938oe_/https://news.mingpao.com/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(/20221209112938oe_/https://news.mingpao.com/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(/20221209112938oe_/https://news.mingpao.com/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(/20221209112938oe_/https://news.mingpao.com/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(/20221209112938oe_/https://news.mingpao.com/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;}
}




@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);
}


}