#bkg_wrapper {width: 100%;clear: both;}
#outer_wrapper {width: 100%; text-align: left; clear: both;}
#maincontent_container {width: 100%; clear: both; position: relative; display: block; vertical-align: middle;}

#body {overflow:hidden;}


/*---Header start---*/
header.wrapper { float:left; height:70px;}
.menu_btn {float: left;width: 14px;margin-top: 30px;margin-right:1em;}
.logo_area { width: 190px; margin: 0 auto; }	
.logo1 {display:inline-block; width:60px;}
.logo1 img {max-width:100%}
.logo2 {display:inline-block; width:110px; margin-left:10px;}	
.logo2 img {max-width:100%}

/*---Header end---*/

/*---content start---*/
.marginleft { margin-left:0.8em;}
.margintop { margin-top:0.5em;}
ul, ul li { list-style: none; margin: 0; padding: 0;}

.caption  {padding: 0.4em; float:left; width:100%; border-bottom: 1px #C0C3C4 solid; /**margin-bottom:0.5em;**/}
.caption2 {/**padding: 0.5em;**/ float:left; width:100%;border-bottom: 1px #C0C3C4 solid; color:#888; padding-bottom:4px;}
.caption3 {padding: 0.5em; float:left;}
.caption4 {padding: 2em 1em; float:left; width:100%; border-bottom: 1px #C0C3C4 solid; color:#888; border-top: 1px #C0C3C4 solid; color:#888; }
.caption5 {padding: 0.5em 0.5em 0.5em 0em; float:left; width:100%; border-top: 1px #C0C3C4 solid; color:#888; }
.banner300x250ad {margin:3em auto; width:100%; float: left;}
.time { margin:0 !important; font-size:12px; color:#999; padding-top: 6px;}
/**.line_2em { line-height:2em}**/
.border_redtop {border-top: 1px #CC0008 solid; width:100%;}
.number { width:20px; background-color: #CC0008; color:#FFF; text-align:center; margin-top: 5px;}

.button_width { width:100%; background-color: #CC0008; color:#FFF;}
.title1 a:link, .title1 a:visited{ color:#FFF;} 
.title2 a:link, .title2 a:visited{ color:#FFF;} 
.box_wrap {border-top: 1px #C0C3C4 solid; padding: 10px;}
.thumbnail2 {width:150px; margin-top: 5px;}
.thumbnail3 {width:100px; margin-top: 5px;}
.media-body {display: table-cell; vertical-align: top; width:64%; padding-left: 5px;}
img {border: 0;}
.new_title {margin-bottom: 0.3em !important;color: #CC0008;font-weight: 800;}
.photo_page {padding: 0.5em;float: left;width:100%;border-bottom: 1px #C0C3C4 solid;text-align:right; color:#888;}
.left_page {float:left;}
.right_page {float:right;}
.page_contain {float:left; width:100%; margin-top:2em;}
.page_contain1 {float:left; width:100%; margin-bottom:2em;}

.footer_bottom {width:100%; float:100%;}
.padding1em {padding:1em;}
.color1 {background-color:#DDDDDD;}
.color2 {background-color:#888888;}
.txt1_c { color:#FFF;}
.txt  { font-size:15px; line-height: 2;}
.txt1 { font-size: 1.3em; line-height: 2; font-weight: bolder; color: white;}
.txt2 { color:#333;}
.txt3 { font-size:16px;}
.txt4 { font-size:10px;}
.txt5 { font-size:1.3em !important; margin:0 !important; padding-bottom:5px;}
.txt6 { font-size:18px !important; margin:0em 0em 0em 0em !important; }
.txt7 { font-size:23px ; font-weight:500; line-height: 1.2em; }
.txt8 { font-size:18px ; color:#333; font-weight:normal; line-height:1.5; word-wrap:break-word; word-break:break-all;}
.txt1_d {font-weight: 500;}
.content_list {margin:0.5em auto; }
.marginbottom { margin-bottom:1em;}

h4 { margin:0 !important; padding:0px !important;}

/*.top { position: fixed;
right:1em;
bottom:4em;
z-index:100;
}*/

.topic1 {background-color:#333333; height:40px; width:100%; position:relative; overflow: hidden; z-index: 1; color:#fff; font-weight:bold; padding-left:10px; padding-top:10px}
.topic2 {background-color:#f3f3f3; height:40px; width:100%; position:relative; overflow: hidden; z-index: 1; color:#188073; font-weight:bold; padding-left:10px; padding-top:10px}
.topic3 {background-color:#f3f3f3; height:40px; width:100%; position:relative; overflow: hidden; z-index: 1; color:#188073; font-weight:bold; padding-left:10px; padding-top:10px}
.topic4 {background-color:#f3f3f3; height:40px; width:100%; position:relative; overflow: hidden; z-index: 1; color:#188073; font-weight:bold; padding-left:10px; padding-top:10px}
.caption_video {position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; color: #fff; background: #000; text-align:center; opacity:0.7; font-size:0.8em; padding-top: 5px;}
.caption_video:after {content:url("../../image/mpc/play_white.png"); position: absolute; bottom:0; left:0;}
.caption_article {position: absolute; width: 100%; height: 40px; bottom: 0px; left: 0px; color: #fff; background: #000; text-align:center; opacity:0.7; font-size:0.8em}
.caption_edu {position: absolute; width: 100%; height: 58px; bottom: 0px; left: 0px; color: #fff; background: #000; text-align:center; opacity:0.7; font-size:0.8em}
.category {border-radius: 5px; background: #188073; /*width: 100px;*/ height: 20px; text-align: center; display:inline-block; margin-right: 10px; color: #fff; vertical-align: middle; font-size:0.9em; line-height:1.3; padding:0 10px;}
.category2 {border-radius: 5px; background: #188073; width: 100px; height: 20px; text-align: center; display:inline-block; margin-right: 10px; color: #fff; vertical-align: middle; font-size:0.8em; line-height: 1.5}
.desc_video {padding: 0 5px; display: block; display: -webkit-box; max-width: 250px; height: 80px; margin: 0 auto; line-height: 1.8; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
 text-overflow: ellipsis; overflow: hidden; position: relative; white-space: initial;}
.desc_article {padding: 0 5px; display: block; display: -webkit-box; max-width: 150px; height: 42px; margin: 0 auto; line-height: 1.4; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
 text-overflow: ellipsis; overflow: hidden; position: relative; white-space: initial;}
.desc_edu {padding: 0 5px; display: block; display: -webkit-box; max-width: 150px; height: 18px; margin: 0 auto; line-height: 1.4; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
 text-overflow: ellipsis; overflow: hidden; position: relative; white-space: initial;}
.test { width:100%; overflow:auto; float:left; }


/*fb_css*/
.socialTile {width: 100%;height: auto; margin: 0 0 1em 0;  background-color: #F7F7F7; float:left;     border: solid 1px #e5e5e5;}

.socialTile .messageWrap { width: 100%; padding: 12px; float: left;}
.socialTile .authorImg { width: auto; height: 42px; float: left; display: block;}
.socialTile .authorName {float: left;line-height: 42px;margin-left: 8px;width: 185px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
.socialTile .messageHeader {overflow: hidden;}
.socialTile .message {margin-top: 12px;}
.socialTile .messageFooter {position: static;padding: 0;margin-top: 10px;font-size: 14px;line-height: 24px;color: #999999;width: 100%;box-sizing: border-box;float: left;}
.socialTile .shareCount {float: right;}
.socialTile.fbMessage .time {background-image: url(../../image/icon_fb.png);margin: 0px 0px; }
.socialTile .time {padding-left: 28px;background-repeat: no-repeat;background-position: left center;font-size: 13px;float: left;}
.fb_buttom { float:left; margin-top:1em; width:100%;}
.fb_like { float:left; width:50%;}
.fb_share { float:left; width:50%;}
.sp_nbcAFIbbu7y.sx_14529f {background-position: 0 -51px;}
.sp_nbcAFIbbu7y { background-image: url(../../image/V1aqX249JNe.png); background-size: auto; background-repeat: no-repeat; display: inline-block; height: 16px;width: 16px;}
._3-8_ { margin-right: 4px;}
._36iq {border-top: 1px solid #f0f0f0;color: #7f7f7f;cursor: pointer;font-size: 12px;font-weight: bold;line-height: 16px;text-align: center;}
._2pi4 {padding-top: 1em;}
i.img {-ms-high-contrast-adjust: none;_overflow: hidden;}
._2yf7 {vertical-align: bottom;}
.sp_nbcAFIbbu7y.sx_355901 {background-position: 0 -85px;}
._2166 {bottom: 3px;position: relative;}
.sp_nbcAFIbbu7y {background-image: url(../../image/V1aqX249JNe.png);background-size: auto;background-repeat: no-repeat;display: inline-block;height: 16px;width: 16px;}
._3-8_ {margin-right: 4px;}
/*fb_css*/


/*********************** back_icon ********************************/
.back_icon {display: block;
line-height: 50px;
font-size: 17px;
background: transparent url("../../image/navbar_back.png") no-repeat scroll 2px 11px / 11px 21px;
width: 22px;
height: 60px;
float: left;}
/*********************** back_icon ********************************/

/*********************** dropdown menu ********************************/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*********************** dropdown menu ********************************/

.m_ad300lreg {
	width:100%;
	margin:0 auto;
	/*text-align:center;*/
	display:-webkit-box;
	-webkit-box-pack:center; 
	-webkit-box-align:center;
}

/*********************** tab menu ********************************/

.cd-tabs {
  position: relative;
  width: 100%;
  /*max-width: 960px;*/
  margin: 2em auto;
  -webkit-box-shadow: 0px -5px 5px -1px rgba(125,125,125,0.5);
-moz-box-shadow: 0px -5px 5px -1px rgba(125,125,125,0.5);
box-shadow: 0px -5px 5px -1px rgba(125,125,125,0.5);
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #EEEEEE;
  box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
/**@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }
  .cd-tabs nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
    z-index: 1;
  }
}**/
@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    /**background: transparent;**/
    box-shadow: none;
  }
}

/**.cd-tabs-navigation {
  width: 360px;
}**/
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
  width: 25%;
}
.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 45px;
  /**width: 60px;**/
  text-align: center;
  font-size: 14px;
  /**font-size: 0.75rem;**/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  color: #c3c2b9;
  padding-top: 15px;
}
.no-touch .cd-tabs-navigation a:hover {
  color: #188073;
/**background-color: rgba(233, 230, 202, 0.3);**/
}
.cd-tabs-navigation a.selected {
  /**background-color: #ffffff !important;**/
  box-shadow: inset 0 2px 0 #188073;
  color: #188073;
}
.cd-tabs-navigation a::before {
  /* icons */
  position: absolute;
  top: 12px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("../img/vicons.svg");
  background-repeat: no-repeat;
}
.cd-tabs-navigation a[data-content='inbox']::before {
  background-position: 0 0;
}
.cd-tabs-navigation a[data-content='new']::before {
  background-position: -20px 0;
}
.cd-tabs-navigation a[data-content='gallery']::before {
  background-position: -40px 0;
}
.cd-tabs-navigation a[data-content='store']::before {
  background-position: -60px 0;
}
.cd-tabs-navigation a[data-content='settings']::before {
  background-position: -80px 0;
}
.cd-tabs-navigation a[data-content='trash']::before {
  background-position: -100px 0;
}
.cd-tabs-navigation a[data-content='inbox'].selected::before {
  background-position: 0 -20px;
}
.cd-tabs-navigation a[data-content='new'].selected::before {
  background-position: -20px -20px;
}
.cd-tabs-navigation a[data-content='gallery'].selected::before {
  background-position: -40px -20px;
}
.cd-tabs-navigation a[data-content='store'].selected::before {
  background-position: -60px -20px;
}
.cd-tabs-navigation a[data-content='settings'].selected::before {
  background-position: -80px -20px;
}
.cd-tabs-navigation a[data-content='trash'].selected::before {
  background-position: -100px -20px;
}
/**@media only screen and (min-width: 768px) {
  .cd-tabs-navigation {
    width: 80px;
    float: left;
  }
  .cd-tabs-navigation a {
    height: 80px;
    width: 80px;
    padding-top: 46px;
  }
  .cd-tabs-navigation a.selected {
    box-shadow: inset 2px 0 0 #f05451;
  }
  .cd-tabs-navigation a::before {
    top: 22px;
  }
}
**/
@media only screen and (min-width: 960px) {
  .cd-tabs-navigation {
    /* tabbed on top on big devices */
    width: 100%;
    background-color: #EEEEEE;
    box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
	margin: 0 auto;
  }

  .cd-tabs-navigation a {
    height: 60px;
    line-height: 60px;
    width: auto;
    /**text-align: left;**/
    font-size: 16px;
    /**font-size: 0.875rem;**/
    padding: 0 6em 0 6em;
  }
  .cd-tabs-navigation a.selected {
    box-shadow: inset 0 2px 0 #188073;
  }
  .cd-tabs-navigation a::before {
    top: 50%;
    margin-top: -10px;
    margin-left: 0;
    left: 38px;
  }
}

.cd-tabs-content {
  background: #ffffff;
}
.cd-tabs-content li {
  display: none;
  /**padding: 1.4em;**/
}
.cd-tabs-content li.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content li p {
  font-size: 14px;
  font-size: 0.938em;
  /**line-height: 1.6;**/
  color: #969696;
  /**margin-bottom: 2em;**/
}
@media only screen and (min-width: 768px) {
  .cd-tabs-content {
    min-height: 480px;
  }
  .cd-tabs-content li {
    /**padding: 2em 2em 2em 7em;**/
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs-content {
    min-height: 0;
  }
  .cd-tabs-content li {
    /**padding: 3em;**/
  }
  .cd-tabs-content li p {
    font-size: 16px;
    font-size: 1rem;
  }
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.cd-tabs nav {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	/*...*/
}



/** bootstrap modified**/

.thumbnail a>img {
	width:100% !important;
}

#portal_menu { display: none !important; }
html.js-nav #portal_menu { display: block !important; }