/***********************************! mingpao style ***********************************/
#bkg_wrapper {width:100%;  clear: both; background:#fcfcfc;}
#bkg_wrapper:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#outer_wrapper {width:100%;  position: relative; text-align: left; margin:0 auto; clear: both; /*background: url(../image/background2.gif) repeat-y center;*/}
#outer_wrapper:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#maincontent_container {width: 996px; clear: both; position: relative; background:#FFF;  margin:0 auto;}
#maincontent_container:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
#maincontent{clear: both;width: 100%; /* 1000px / 1250px */max-width: 92.3em; /* 1200px / 13 */margin: 0 auto;/* 20140731 padding: 0px; */ padding: 0px; color: #333;position: relative; background:#F5F5F5;}
#maincontent:after { clear:both; content:""; display:block; height:0; visibility:hidden;}	
.maincontent{clear: both;width: 100%; /* 1000px / 1250px */font-size: 0.8125em; /* 13 / 16 */max-width: 92.3em; /* 1200px / 13 */margin: 0 auto; padding: 1em 0px;color: #333;line-height: 1.5em; position: relative;}
header {background:#fff;}
section {background:#fff; margin-bottom:0.625em;}

a img:hover, .hover:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */ filter: alpha(opacity=90);  /* IE 5-7 */ -moz-opacity: 0.9;          /* Netscape */ -khtml-opacity: 0.9;        /* Safari 1.x */ opacity: 0.9; }

.imgLiquid:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */ filter: alpha(opacity=90);  /* IE 5-7 */ -moz-opacity: 0.9;          /* Netscape */ -khtml-opacity: 0.9;        /* Safari 1.x */ opacity: 0.9; }

/* self clearing floats */
.group:after,.lastUnit:after {clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.group{*zoom:1;}

.photoresize_H150 {width:208px; height:150px; overflow:hidden; display:table-cell; vertical-align:middle; }
/***********************************! mingpao style ***********************************/

/* font */
body { /*font-family: Arial, "Microsoft YaHei";*/ /*font-family:Arial,sans-serif;*/ font-family: Arial,Microsoft JhengHei;} /* 20160519 */
/* article font*/
p {font-size:15px;}
.title_font { font-family:"Gill Sans MT Condensed", "impact", "Microsoft YaHei"; }
.txt_15em { font-size:1.5em; }
.color_ol { color:#CA257B;}
.color_mpf { color:#436eb3;}
.color_white { color:#fff !important; }
.color_666 { color:#666; }
.color_aaa { color:#aaa; }
.color_orange {color:#FF9326;}
.color_yellow {color:#FFC926;}
.pt_up {color:#149B00;}
.pt_down {color:#F00606;}
.line_3em { line-height:3em; }
.line_2em { line-height:2em; }
.line_1_5em { line-height:1.5em; }
.line_24px { line-height:24px; }
.txt_12px { font-size:0.75em; }
.txt_13px { font-size:0.8125em; }
.txt_14px { font-size:0.875em; }
.txt_16px { font-size:16px; }
.txt_18px { font-size:18px; }
.txt_20px { font-size:1.25em; }
.txt_20px small{font-size:65%}
.bold {font-weight:bold;}
ul, ul li {list-style:none; margin-top:0px; padding:0;}

.color_666 a:link, .color_666 a:visited, a.color_666:link, a.color_666:visited, a h4.color_666:visited, a h4.color_666:link { text-decoration:none; }
.color_666 a:hover, .color_666 a:active, a.color_666:hover, a.color_666:active, a h4.color_666:hover, a h4.color_666:active, a h5.color_666:hover, a h5.color_666:active { color:#74a4c7 !important; text-decoration:none; }

.color_aaa a:link, .color_aaa a:visited, a.color_aaa:link, a.color_aaa:visited, a h4.color_aaa:visited, a h4.color_aaa:link { text-decoration:none; }
.color_aaa a:hover, .color_aaa a:active, a.color_aaa:hover, a.color_aaa:active, a h4.color_aaa:hover, a h4.color_aaa:active, a h5.color_aaa:hover, a h5.color_aaa:active { color:#74a4c7 !important; text-decoration:none; }

.color_ol a:link, .color_ol a:visited, a.color_ol:link, a.color_ol:visited,  a h3.color_ol:visited, a h3.color_ol:link { text-decoration:none; }
.color_ol a:hover, .color_ol a:active, a.color_ol:hover, a.color_ol:active, a h3.color_ol:hover, a h3.color_ol:active { color:#74a4c7; text-decoration:none; }

.color_mpf a:link, .color_mpf a:visited, a.color_mpf:link, a.color_mpf:visited,  a h3.color_mpf:visited, a h3.color_mpf:link { color:#436eb3; text-decoration:none; }
.color_mpf a:hover, .color_mpf a:active, a.color_mpf:hover, a.color_mpf:active, a h3.color_mpf:hover, a h3.color_mpf:active { color:#74a4c7; text-decoration:none; }

.color_white a:link, .color_white a:visited, a.color_white:link, a.color_white:visited,  a h4.color_white:visited, a h4.color_white:link { text-decoration:none; }
.color_white a:hover, .color_white a:active, .color_white a:focus, a.color_white:hover, a.color_white:active, a.color_white:focus, a h4.color_white:hover, a h4.color_white:active, a h4.color_white:focus, a h5.color_white:hover, a h5.color_white:active, a h5.color_white:focus { color:#fff !important; /*color:#eee !important;*/ text-decoration:none; }

.color_yellow a:link, .color_yellow a:visited, a.color_yellow:link, a.color_yellow:visited,  a h4.color_yellow:visited, a h4.color_yellow:link { text-decoration:none; }
.color_yellow a:hover, .color_yellow a:active, a.color_yellow:hover, a.color_yellow:active, a h4.color_yellow:hover, a h4.color_yellow:active, a h5.color_yellow:hover, a h5.color_yellow:active { color:#74a4c7 !important; /*color:#eee !important;*/ text-decoration:none;}

/* override Header and footer */
.color6th{ color:#337AB7 !important; }
header .block{ display:none !important; }
#top{ z-index:9000; width:100%; float:left; }
#top .nav-btn{ display:none; }
.logo_wrapper { width:100%; display:block; float:left;}
.otherinfo{ float:left; margin:0 auto; text-align:left; width:37%; height:height:4.165em; }
.otherinfo .weather{ margin:1em 0 0 0.4em; width:80%; position:relative; clear:left; } 
.otherinfo .weather .alert_icon{  position:absolute; top:-10px; z-index:99; left:15%; }
.otherinfo .weather .alert_icon img{ float:left; height:32px; margin-right:0.5em; }
.otherinfo .weather span.tem{ float:left; display:inline; width:50%; text-align:left; }
.otherinfo .date{ width:18em; margin:1.7em 0 0.5em 0.5%; }
.otherinfo2{ text-align:left; width:30%; height:18px; }
.otherinfo2 .back{ font-size:0.8125em; margin-left:0.25em; }
.otherinfo3{width:32%; z-index:9000; float:right; height:4.165em; }
.otherinfo3 .top_absolute{ width:100%; z-index:9000; }
#mingpaonews_logo{width:23.09236%/*230px/996px*/; *width:230px; margin: 0 auto; padding:0; display:block; float:left; }
#mingpaonews_logo img{width:100%;}
.desktopheader{ display:block; }
.mobileheader{ display:none; }
.dl-menuwrapper button{ display: none; }
mpfooter .footer_menu .item1{ background:#337AB7 !important;}
mpfooter .footer_menu .item2{ background:#337AB7 !important;}
mpfooter .footer_menu .item3{ background:#337AB7 !important;}
mpfooter .footer_menu .item4{ background:#337AB7 !important;}
mpfooter .footer_menu .item5{ background:#337AB7 !important;}
mpfooter .footer_menu .item6{ background:#337AB7 !important;}
mpfooter .footer_menu .item7{ background:#337AB7 !important;}
mpfooter .footer_menu .item8{ background:#337AB7 !important;}
mpfooter .footer_menu .item9{ background:#337AB7 !important;}

/*ol font */


/***********************************! mpf header footer ***********************************/
.mpf_top_nav_wrapper { width:100%; /*height:62px;*/ margin:0;  display:inline; float:left; background:rgba(255,255,255,1);  }
.ol_menu_btn { width:44px; height:44px; background:url(../image/top_btn_menu.png) no-repeat; }
.top_btn_sep { width:1px; height:62px; background:url(../image/top_ver_border.png) repeat-y; float:left; display:block; }
.top_btn_sep2 { width:1px; height:62px; background:url(../image/top_ver_border.png) repeat-y; float:right; display:block; }
.top_btn_wrap { width:62px; height:62px; padding:9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; }
.top_search_posit { position:relative; }
.top_mpf_logo_wrap { width:200px; height:62px; margin:0 auto; display:block; margin-top:0.5em; margin-bottom:0.5em; }
/*.top_mpf_logo_wrap > a> img {width:200px; height:62px;}*/
.top_soc_media_wrap{ float:right; height:62px; width:200px; display:block; }
.ol_subscribe { width:80%; margin:0 auto; background:#D90000; height:20px; text-align:center; color:#fff; line-height:1.3em; }
.ol_share { width:80%; height:35px; margin:2px auto; padding:0; }
.ol_share ul { margin:0; padding:0; }
.ol_share li { width:35px; margin:0 2px; float:left; list-style:none; }


/* search */
.top_search_wrap { width: 150px; height:62px; display:block;}
.top_search_wrap .input-group {margin:0.875em 0;}
.top_search_wrap .dropdown-menu { position: absolute; min-width: 0;}
.top_search_wrap .btn, .top_search_wrap .form-control { border: 0; box-shadow: inset 0 0px 0px; padding: 4px 6px;}
.top_search_wrap .form-control:focus {box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.top_search_wrap .btn {}
.top_search_wrap .search-panel, .top_search_wrap .form-control  { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#436eb3;font-family: inherit;}
.top_search_wrap .search-panel:focus, .top_search_wrap .search-panel:active, .top_search_wrap .search-panel button:focus, .top_search_wrap .form-control:focus, .top_search_wrap .form-control:active {outline:0 !important;}
.top_search_wrap .btn-default.dropdown-toggle.btn {background: #fff; border: 0;}
.top_search_wrap .btn-default:focus, .top_search_wrap .btn-default:hover { background-color: #FFF; border-color: #FFF; } 
.top_search_wrap i.fa-24 {font-size:24px;}


/* mpf nav 1em=18px*/
nav.top_nav_wrap {background:#436eb3; width:100%; font-size:1.125em;}
nav.top_nav_wrap ul {position:relative; background:#436eb3; border:0; border-radius:0; width:100%; min-height: 40px;}
nav.top_nav_wrap ul li {float:left; color:#fff;}
nav.top_nav_wrap ul li i {font-size:14px;}
nav.top_nav_wrap ul li:hover/*, nav.top_nav_wrap .co_search:hover*/ {background:#74a4c7;}
nav.top_nav_wrap ul li.es {background:#B28500;}
nav.top_nav_wrap ul li.es:hover {background:#74a4c7;}
nav.top_nav_wrap ul li.hightlight {background:#74a4c7;}
nav.top_nav_wrap ul li a {display:block; padding:0.361123em 0.675em; /*padding:0.361123em 1.11111em;*/}
nav.top_nav_wrap ul li a:link, nav.top_nav_wrap ul li a:visited, nav.top_nav_wrap ul li a:hover, nav.top_nav_wrap ul li a:active {color:#fff !important;}
nav.top_nav_wrap ul li > ul > li  {float:none; background:#436eb3;}
nav.top_nav_wrap ul.dropdown-menu {border-top:#fff 1px solid; margin:0; padding:0; font-size:1em; position:absolute;}
nav.top_nav_wrap ul.dropdown-menu > li > a:hover, nav.top_nav_wrap ul.dropdown-menu > li > a:focus {background:transparent;}
nav.top_nav_wrap ul.dropdown-menu a {padding:17.5px 15px;}
nav.top_nav_wrap ul.dropdown-menu>li {display: table-cell;}
nav.top_nav_wrap li.dropdown.open, nav.top_nav_wrap li.dropdown:hover {position:static;}
nav.top_nav_wrap li.dropdown.open .dropdown-menu, nav.top_nav_wrap li.dropdown:hover .dropdown-menu {display:table; width: 100%;}
nav.top_nav_wrap li.dropdown:hover .dropdown-menu {z-index:2000;}

/*nav.top_nav_wrap .co_search { width:134px; height:40px; margin:0 1em 0 0; display:block;}*/
nav.top_nav_wrap .co_search { background:#74a4c7; /*background:#5E3173;*/ width:140px; height:40px; margin:0; padding:0 0.277778em; display:block;}
nav.top_nav_wrap .input-group {background:#fff; margin:0.277778em 0;}
nav.top_nav_wrap .btn, nav.top_nav_wrap .form-control {background:transparent; border: 0; box-shadow: inset 0 0px 0px; height:30px;}
nav.top_nav_wrap .btn {padding:5px 9px;}
nav.top_nav_wrap .form-control {padding:5px 0px;}

.top_search_wrap input, .top_nav_wrap .co_search input {font-family:PMingLiU;}

/* mpf header */

/* footer */ 

/***********************************! font face ***********************************/
@font-face{font-family:'Gill Sans MT Condensed';src:url(../fonts/gill_sans_mt_condensed_1_.eot);src:url(../fonts/gill-sans-mt-condensed.woff) format('woff'),url(../fonts/gill-sans-mt-condensed.ttf) format('truetype')}

/* pagination */
.article_page { float: left; width: 100%; margin-bottom: 2em;}
.article_page .left_page { float: left; }
.article_page .right_page { float: right;}

/* article login box */
.headline2 .loginbox .headcontent .title { float: left; margin: -5px 0 0 -5px; }
.headline2 .loginbox .headcontent .title:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.headline2 .loginbox .headcontent .title .top { background: url(../image/headline_title-top.gif) no-repeat left bottom; width: 100%; height: 10px; }
.headline2 .loginbox .headcontent .title .bottom { background: url(../image/headline_title-end.gif) no-repeat right bottom #436eb3; padding: 6px; height: auto;}
.headline2 .loginbox .headcontent .title h3 { padding: 0 1em 0 0.25em; margin: 0; font-size: 1.125em; color: #FFF; font-family: Arial,Calibri,Helvetica,"Heiti TC","PMingLiu",sans-serif;}
.headline2 .loginbox .headcontent .inontent { width:94%; margin:0 auto; clear: both;}
.headline2 .loginbox .headcontent .inontent p { margin-bottom:0.1em ;}
.headline2 .loginbox .headcontent p { border-bottom: none; padding: 1em 0; text-align: center; font-weight:bold; line-height:160%;}
.headline2 .loginbox .headcontent ul { display: block; padding-left: 20px; list-style-type: disc; margin:0 0 1em 0; line-height: 180%;}
.headline2 .loginbox .headcontent li { list-style-type: disc;}
.headline2 .loginbox .headcontent h4 { color:#000; padding:1em 0; margin:0; font-size:1em; font-family: Arial,Calibri,Helvetica,"Heiti TC","PMingLiu",sans-serif; font-weight: bold;}
.headline2 .loginbox .headcontent span { line-height: 180%;}
.headline2 .loginbox .headcontent .inontent_wrapper {width: 100%; background: url(../image/headline2_bk.gif) repeat-y left top; padding: 0 0 1em 0; clear: both;}

/*2021-01-22*/
#upper{}

@media only screen and (max-width:991px) {
#mainportal{ display:none!important; }
}

@media only screen and (min-width:10em) and (max-width:40em) {
.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;}
.desktopheader{ display:none; }
.mobileheader{ display:block; }
.dl-menuwrapper{ width:100%; top:0em; left:0em; position:absolute; }
}