/* blog
============================================*/
.blog .news_main img{
	height: auto;
}

.blog .block_title{
	background: #419de0;
	color: #fff;
	padding: 3px 0;
	padding-left: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.blog .blog_title{
	color: #419de0;
	margin-bottom: 5px !important;
}
.blog hr{
	margin: 0;
	margin-bottom: 20px;
}
.blog .news_main a{
	color: #419de0;
	text-decoration: underline;
}



/* header module
--------------------------------------------*/
.blog .h1{
	font-size: 24px;
	padding-bottom: 8px;
	background: url(/resources/sp/img/common/img_ti_line_x_h2.png) repeat-x 0 bottom;
	background-size: 2px 4px;
	-webkit-background-size: 2px 4px;
	-moz-background-size: 2px 4px;
	-ms-background-size: 2px 4px;
}
.blog .h2_2{
	padding-bottom: 6px;
	background: url(/resources/sp/img/common/img_ti_line_x_h3.png) repeat-x 0 bottom;
	background-size: 2px 3px;
	-webkit-background-size: 2px 3px;
	-moz-background-size: 2px 3px;
	-ms-background-size: 2px 3px;
}
.blog .h3_2{
	border-bottom: 1px solid #cdd4dc;
}



/* text module
--------------------------------------------*/
.blog .text_1{
	font-size: 18px;
}
.blog .text_2{
	font-size: 14px;
}
.blog .note-g_1{
	font-size: 12px;
	color: #999;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}
.blog .note-r_1{
	font-size: 12px;
	color: red;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}

.blog .text-l_1{
	position: relative;
	padding-left: 10px;
}
.blog .text-l_1:before{
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  display: block;
  border-top: 1px solid #419de0;
  border-right: 1px solid #419de0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  top: 9px;
  left: 0;
}
.text-w_1 a{
	padding-right: 14px;
	background: url(/resources/sp/img/common/icn_window_sp.png) no-repeat right top;
	background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
}
.text-p_1 a{
	padding: 6px 0;
	padding-right: 27px;
	background: url(/resources/sp/img/common/icn_pdf.png) no-repeat right center;
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
.blog .text-e_1 a{
}
.blog .item_1,
.blog .item_1 li{
	list-style: disc outside;
}
.blog .list_1,
.blog .list_1 li{
	list-style: decimal outside;
}



/* column module
--------------------------------------------*/

/* column-a_1 */
.blog .column-a_1 .img{
	width: 50%;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* column-a_2 */
.blog .column-a_2 .img{
	width: 50%;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

/* column-b_1 */
.blog .column-b_1 .img{
	width: 30%;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* column-b_2 */
.blog .column-b_2 .img{
	width: 30%;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

/* box_1 */
.blog .box_1{
	border: 1px solid #e7e7e7;
	background: #fff;
	padding: 10px;
	padding-bottom: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.blog .box_1 .img{
	width: 50%;
	float: left;
	margin-right: 15px;
}

/* box_2 */
.blog .box_2{
	border: 1px solid #e60012;
	background: #fff;
	padding: 10px;
	padding-bottom: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.blog .box_2 .img{
	width: 50%;
	float: left;
	margin-right: 15px;
}

/* alert */
.blog .alert{
	border: 1px solid #e60012;
	background: #fff;
	padding: 10px;
	padding-bottom: 0;
}



/* images module
--------------------------------------------*/

/* image_1 */
.blog .image_1 div{
	margin-bottom: 0;
}

/* image_2 */
.blog .image_2,
.blog .image_3{
	width: 100%;
	overflow: hidden;
}
.blog .img_wrap{
	width: 100%;
}
.blog .image_2 div .img{
	width: 48%;
	float: left;
	margin-left: 4%;
}
.blog .image_2 div .img:first-child{
	margin-left: 0;
}

/* image_3 */
.blog .image_3 div .img{
	width: 31%;
	float: left;
	margin-left: 3%;
}
.blog .image_3 div .img:first-child{
	margin-left: 0;
}


/* thumb */
/*
.blog .thumb{
	width: 630px;
	overflow: hidden;
}
.blog .thumb_wrap{
	width: 650px;
}
.blog .thumb_block{
	width: 305px;
	margin-right: 20px;
	float: left;
}
.blog .thumb_block .img{
	float: left;
	margin-right: 20px;
}
*/

/* thumb_2 */
.blog .thumb_2 .img{
	width: 30%;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}



/* table module
--------------------------------------------*/
/* table_1 */
.blog .table_1 table{
	width: 100%;
	background: #fff;
}
.blog .table_1 th,
.blog .table_1 td{
	border: 1px solid #ccc;
	padding: 6px;
}
.blog .table_1 th{
	background: #eee;
	vertical-align: middle;
}

/* table_2 */
.blog .table_2 table{
	width: 100%;
	background: #fff;
}
.blog .table_2 th,
.blog .table_2 td{
	border: 1px solid #ccc;
	padding: 6px;
}
.blog .table_2 th{
	background: #4f5f6f;
	color: #fff;
	vertical-align: middle;
}
.blog .table_2 .bgWhite{
	background: #fff !important;
	color: inherit !important;
}
.blog .table_2 .bgGray{
	background: #eee;
}

/* scroll_box */
.scroll_box{
	border: 1px solid #e7e7e7;
	background: #fff;
}
.scroll_box_wrap{
	height: 250px;
	overflow: scroll;
	margin: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
}



/* banner module
--------------------------------------------*/
/* banner_1 */
.blog .banner_1,
.blog .banner_2{
	overflow: hidden;
}
.blog .banner_1{
	width: 100%;
	overflow: hidden;
}
.blog .banner_1 p{
	width: 31%;
	float: left;
	margin-left: 3%;
}
.blog .banner_1 p:first-child{
	margin-left: 0;
}


/* banner_2 */
.blog .banner_2{
	width: 100%;
	overflow: hidden;
}
.blog .banner_2 p{
	width: 48%;
	float: left;
	margin-left: 4%;
}
.blog .banner_2 p:first-child{
	margin-left: 0;
}



/* quotation
--------------------------------------------*/
.quotation,blockquote{
	background: #fff;
	padding: 30px 30px 20px;
	position: relative;
}
.quotation:after, blockquote:after{
	content: "“";
	font-size: 40px;
	font-family: serif;
	color: #999;
	position: absolute;
	top: 10px;
	left: 10px;
}
.news .news_main .quotation .news_block{
	margin-bottom: 0;
}


/* WYGIWYG STYLE
--------------------------------------------*/
.news_main ul li{
	list-style:disc outside;
	margin-left: 20px;
}
.news_main ol li{
	list-style:decimal outside;
	margin-left: 20px;
}
.news_main .circle li{
	list-style: circle outside;
}
.news_main .square li{
	list-style: square outside;
}
.news_main .lower_latin li{
	list-style: lower-latin outside;
}
.news_main .upper_latin li{
	list-style: upper-latin outside;
}

.news_main table,
.news_main th,
.news_main td{
	border: 1px solid #ccc;
}
.news_main th,
.news_main td{
	padding: 5px;
}
.news_main table{
	width: 100%;
}
.news_main th{
	text-align: center;
	font-weight: bold;
}

/* conversation box */
.conversation-box_left {
	display: flex;
}
.conversation-box_right {
	display: flex;
	flex-direction: row-reverse;
}
.conversation-box_profile {
	width: 50px;
	min-width: 50px;
}
.conversation-box_content {
	flex-grow: 1;
	background: #fff;
	padding: 12px;
	border-radius: 10px;
	position: relative;
	box-shadow: 1px 1px 2px #E7E7E7;
}
.conversation-box_left .conversation-box_content{
	margin-left: 20px;
}
.conversation-box_right .conversation-box_content{
	margin-right: 20px;
}
.conversation-box_content::before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 14px;
	border-style: solid;
}
.conversation-box_left .conversation-box_content::before {
	left: -12px;
	border-width: 8px 12px 8px 0;
	border-color: transparent #fff transparent transparent;
}
.conversation-box_right .conversation-box_content::before {
	right: -12px;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #fff;
}
.converstion-highlight {
	background: linear-gradient(transparent 0%, #ffff66 0%);
	padding: 0 2px;
}