.mdn-header {
  line-height: 1;
}

hr.blue {
  border-top: 2px solid #307ea2;
}

.a_blue {
  color: #307ea2;
}

.login_area {
    background-color: #fff;
    min-width: 60%;
    position:static;
    right: 0;
    top: 16%;
    overflow: hidden;
    border-radius: 3px;	
    margin-right: auto;
    margin-left: auto;
}

body {
  font-family: "Noto Sans TC", sans-serif !important;
  padding: 0;
  margin: 0;
  text-align:justify !important;/*文字內容左右對齊*/
  text-justify: distribute;	/*ie跟edge也可對齊*/
  color: #000000 !important;/*文字顏色加深*/	
}
body a {  
  color: #343a40 !important;
}
body a:link, body a:visited, body a:hover, body a:active {
  cursor: pointer !important;
  text-decoration: none;
}
body a:hover {
  cursor: pointer !important;
  text-decoration: none;
}

.link_black a:hover {
  color: #307ea2 !important;
}
.link_black a:link, .link_black a:visited, .link_black a:hover, .link_black a:active {
  color: #333;
}

.link_blue {
  color: blue !important;
}

.link_blue:hover {
  color: blue !important ;text-decoration: underline !important;
}

.title{
	text-align: left !important;
}

.a_bottom {
  border: 1px solid black;
  margin: 10px 0;
  padding: 6px;
  color: black;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.a_bottom a:hover {
  color: #307ea2 !important;
}

.clean_pa {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.carousel-inner .tag {
  position: relative;
  margin: -30px auto 0px auto;
}
.carousel-inner .tag span {
  padding: 6px 10px;
  background-color: #307ea2;
  color: #fff;
}

.message_box {
  border-color: #a3a3a3;
  border-style: solid;
  border-width: 1px;
  margin: 10px 0;
  padding: 6px 0;
  color: #5e5e5e;
}
.message_box span {
  background-color: #717171;
  color: #fff;
  padding: 7px 20px;
  font-size: 18px;
  font-weight: 700;
}
.message_box .message_list {
  padding: 0 0 0 8px;
}
.message_box a {
  color: #333;
}

.news_top_box {
  margin: 0 0 20px 0;
  color: #000;
  height: 236px;
  overflow: hidden;		
}
.news_top_box h2 {
  font-weight: 700;
  color: #000;
}
.news_top_box img {
  padding: 10px;
}
.news_top_box a {
  color: #333;
}
.news_top_box a:hover {
  color: #307ea2;
}

.news_top_tag {
  padding: 10px;
  font-size: 20px;
  font-weight: 700;
}
.news_top_tag span {
  background-color: #fff;
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  padding: 4px 14px;
  text-align: center;
}


.carousel-inner img {
  width: 100%;
  height: 100%;
}

.news_headline_box {
  margin: 0 0 20px 0;
  color: #000;
  /*height: 240px;*/
	/*height: 230px;*/
  height: 250px;
	/*height:190px;*/
  overflow: hidden;	
  text-overflow: ellipsis;	
 /* display: -webkit-box;
-webkit-line-clamp: 8	;
-webkit-box-orient: vertical;
white-space: normal;*/
}



.news_headline_box h2 {
  font-weight: 700;
  color: #000;
  padding: 5px;/*international標題和圖片對齊*/	
}
.news_headline_box p {
  /*padding: 10px;*/
  padding-left: 5px;
}

.news_headline_box img {
  padding: 10px;
}
.news_headline_box a {
  color: #333;
}
.news_headline_box a:hover {
  color: #307ea2;
}


.news_international_box {
  margin: 0 0 20px 0;
  color: #000;
  height: 240px;
	/*height: 200px;*/
	/*height: 190px;*/
	/*height: 290px;*/
	/*height: 250px;*/
  overflow: hidden;	
  text-overflow: ellipsis;	
  /*display: -webkit-box;
-webkit-line-clamp: 8	;
-webkit-box-orient: vertical;
white-space: normal;*/
}
.news_international_box h2 {
  font-weight: 700;
  color: #000;
  padding: 5px;/*international標題和圖片對齊*/	
}
.news_international_box p {
  /*padding: 10px;*/
  padding-left: 5px;
}

.news_international_box img {
  /*padding: 10px;*/
	padding: 18px 12px 0 0;
}
.news_international_box a {
  color: #333;
}
.news_international_box a:hover {
  color: #307ea2;
}


.category_headline_box {
  text-overflow: ellipsis;
  padding-top: 10px;
	height: 125px;
    overflow: hidden;	
}

.category_box {  
  padding-top: 10px;
  height: 234px;
  overflow: hidden;
  text-overflow: ellipsis;
  /*display: -webkit-box;
-webkit-line-clamp: 8	;
-webkit-box-orient: vertical;
white-space: normal;*/
}
.category_box a {
  color: #333;
}
.category_box a:hover {
  color: #307ea2;
}
.category_box img {
  /*padding: 10px 12px 0 0;*/
	padding: 18px 12px 0 0;/*圖片與標題對齊*/
}
.category_box .title {
  /*padding: 12px 0 0 0;*/
  padding: 10px 0 0 0;	
  font-size: 19px;
  font-weight: 700;
}
.category_box .title a {
  color: #000;
}

.category_title_box {
  color: #000;
  font-weight: 700;
  font-size: 20px;
}
.category_title_box a {
  color: #000 !important;
}
.category_title_box span {
  display: initial;
}
.category_title_box .category_more {
  color: #eee;
  float: right;
  font-size: 14px;
  margin: 7px 0 0 0;
}
.category_title_box .category_more a {
  color: #777 !important;
}
.category_title_box .category_more a:hover {
  color: #307ea2;
}

.category_title_line {
  border-bottom: 2px solid #ccc;
  padding: 5px 0 0 0;
}

.category_title_line1 {
  border-bottom: 2px solid #ccc;
  padding: 5px 0 0 0;
  display: none;	
}

.sidebar_ad_box {
  padding: 5px 0;
}

.sidebar_m_ad_box {
  padding: 5px 0;
}

.sidebar_box {
  /*padding: 10px;*/
	padding-top: 15px;
}
.sidebar_box p {
  padding: 12px 0 0 0;
}
.sidebar_box ul {
  padding: 12px 0 0 0;
}

.sidebar_title_box {
  font-weight: 600;
  font-size: 20px;
}

.sidebar_title_line {
  padding: 0 0 4px 0;
  border-bottom: 2px solid #ccc;
}

.sidebar_list ul {
  padding-inline-start: 0px !important;
  list-style: none;
}
.sidebar_list li {
  border-bottom: 1px #eee solid;
  padding: 6px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main_img {
  padding: 10px 0;
  color: #000;
}
.main_img p {
  font-size: 18px;
  font-weight: 700;
}

.right_slide {
  padding: 20px 0 0 0;
}

.category_s_box {
	height: auto;
}

.category_p_box {
  height: 235px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
-webkit-line-clamp: 8	;
-webkit-box-orient: vertical;
white-space: normal;
	/*上面為新增限定高度用*/
  margin-top: 10px;
  border-bottom: 1px #eee solid;
}
.category_p_box img {
  padding: 10px;
}
.category_p_box h4 {
  font-weight: 900;
  padding: 5px 0;
	font-family: 'Microsoft YaHei';/*for 䳭*/
}
.category_p_box span {
  font-size: 0.8rem;
}
.category_p_box p {
  padding: 10px 0;
  height: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
	font-family: 'Microsoft YaHei';/*for 䳭*/
}

.index_title_serial_gap{
	/*padding-bottom: 5px;*/
	font-size: 12pt;
	font-weight: 800;
}

.category_title_serial_gap{
	/*padding-bottom: 8px;*/
	font-size: 12pt;
	font-weight: 800;
}

.content_title_serial_gap{
	/*padding-bottom: 15px;*/
	font-size: 15pt;
	font-weight: 800;
}

.r_number_txt {
  float: left;
  width: 24px;
  line-height: 26px;
  font-family: "Arial", serif;
  font-style: italic;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
}

.page_bottom {
  padding-top: 20px;
}

.page_main_box h2, .page_main_box h5 {
  font-weight: 700;
	font-family: 'Microsoft YaHei';/*for 䳭*/
}
.page_main_box p {
  padding: 10px;
  padding-top: 1rem;
  /*font-size: 1.1rem;*/
  font-size: 1.15rem;
  line-height: 2.1rem;
}
.page_main_box span {
  font-size: 0.8rem;
}
.page_main_box img {
  padding: 14px 0;
}

.mdn-footer {
  padding: 2rem 1.5rem;
  color: #000;
  background-color: #eee;
  border-top: 0.05rem solid #e5e5e5;
  margin-top: 20px;
}
.mdn-footer a {
  color: #307ea2 !important;
}

.mdn-footer p:last-child {
  margin-bottom: 0;
}

.mdn_copyright {
  padding: 10px;
  text-align: center;
  background-color: #ececec;
  color: #307ea2;
}

@media (max-width: 575.98px) {
   /*.news_top_box  {
    height: auto;
    overflow: hidden;	
  }*/
  
  .news_international_box  {
   height: 430px;
	/*height: 300px; */
	/*height: 80px;  */
   overflow: hidden;	
  }	
	
  .news_headline_box  {
	/*height: 500px;*/
    /*height: 480px;*/
	height: 410px;
	 /* height: 612px;*/
   overflow: hidden;	
  }	
	
  /*.news_headline_box p {
    display: none;
  }		*/	
	
  .news_top_box img {
    width: 100%;
  }
  .news_international_box img {
    width: 100%;
  }
.category_box {
  text-overflow: ellipsis;
  padding-top: 10px;
	height: auto;
    overflow: hidden;	
}
	
 .category_p_box {
    height: 100px;
  }	
	
  .category_p_box img {
    width: 50%;
  }
	
 .category_box .title {
  padding: 12px 0 0 0;
  font-size: 19px;
  /*font-weight: 500;*/
}	

  .page_main_box {
    padding: 10px;
  }
	
  .category_title_line {
  	border-bottom: 0px solid #fff;
    padding: 5px 0 0 0;
  }	
	
  .category_title_line1 {
  	border-bottom: 2px solid #ccc;
  	padding: 5px 0 0 0;
 	display:block;	
	}	
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .news_top_box img {
    width: 55%;
  }
  .news_international_box img {
    width: 55%;
  }
}
@media (min-width: 0px) and (max-width: 767.98px) {
  .mdn-header-mobile {
    padding: 10px 0;
  }
 .mdn-middle-mobile {
    padding: 20px 0;
  }	

  .mdn-header {
    display: none;
  }
	
 .top_ad_box {
  /*padding: 5px 0;*/
	 display: none;
 }	
	
 .sidebar_ad_box {
  /*padding: 5px 0;*/
	 display: none;
 }

  .news_top_box h2 {
    font-size: 1.6rem;
  }
	
/*.news_headline_box {
  margin: 0 0 20px 0;
  color: #000;
  height: 220px;
  overflow: hidden;	
  text-overflow: ellipsis;	
  display: -webkit-box;
-webkit-line-clamp: 7	;
-webkit-box-orient: vertical;
white-space: normal;
}	*/
	
	
  .news_international_box h2 {
    font-size: 1.6rem;
  }	
	
  .news_international_box p {
    display: none;
  }		

  .category_box img {
    width: 30%;
  }
  .category_box p {
    display: none;
  }

  .category_p_box p, .category_p_box span {
    display: none;
  }
  .category_p_box h4 {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .category_box img {
    width: 60%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .category_box img {
    width: 40%;
  }

  .news_top_box img {
    width: 55%;
  }
	
  ..news_international_box img {
    width: 55%;
  }
  .category_p_box img {
    width: 45%;
  }
}
@media (min-width: 768px) {
  .mdn-header-mobile {
    display: none;
  }
  .mdn-middle-mobile {
    display: none;
  }
	

  .news_top_box img {
    width: 50%;
  }
	
  .news_headline_box img {
    width: 50%;
  }
	
  .news_international_box img {
    width: 50%;
  }

  .category_p_box img {
    width: 42%;
  }
}