@charset "utf-8";

/* Column */
#ColumnBlock{clear:both;height: 370px;border-bottom: 3px solid #eeeeee;}
#ColumnBlock .ColumnH3{margin:0 0 2px 0 !important;text-indent:20px;color:#3b3b3b;height:30px;ine-height:30px;font-size:1.3em;width:65%;font-weight:bold;float:left;display:inline-block;}
#ColumnBlock>ul{border:1px solid #d5d5d5;margin-bottom:20px;width: 100%;height: 326px;overflow-y: scroll;float:left;}
#ColumnBlock>ul>li{/*width:492px;*/ text-align:justify;padding-left:20px; overflow:hidden;padding-bottom:7px;}
/*#ColumnBlock li.ColumnTypeL{padding:10px 10px 10px 0; border-right:1px solid #d5d5d5; float:left;}
#ColumnBlock li.ColumnTypeR{padding:10px 0 10px 10px; float:right;}*/
#ColumnBlock>ul>li>img{float:left; margin-right:10px;}
#ColumnBlock>ul>li>p{font-size:1em; font-weight:bold;margin-left:-20px;text-indent:10px;color:#000000;background:#eeeeee;margin-bottom:5px;}
#ColumnBlock>ul>li>a{float:right; color:#cc3333;margin-top:7px;}
#ColumnBlock>ul>li>a:hover{text-decoration:underline;}

p.ColumnNav{position: relative;text-align:right;padding: 10px 0;}
.Meishi21_Column{padding:20px;}
.ColumnSection{margin-bottom:50px;}
.Column_H1{font-size:2.2em; margin-bottom:10px; background-color:#3a3a3a; color:#ffffff; padding:10px 20px; border-radius:8px; text-align:justify;}
.Column_H1_img{margin-bottom:10px;}
.Column_H1_P{margin-bottom:50px !important; font-size:1.4em; text-align:justify; padding:0 5px;}
.Column_H2{font-size:1.8em; color:#cc3333; border-bottom:2px solid #cc3333; margin-bottom:10px;}
.Column_H3{font-size:1.4em; border-bottom:1px dotted #3a3a3a; margin-bottom:10px;}
.Column_H4{font-weight:bold;}
.Column_P{margin-bottom:20px; text-align:justify;}
.Column_UL{margin-bottom:20px;}
.Column_DL{margin-bottom:20px;}
.Column_DL dt{font-weight:bold;}

#PaperBlock{clear:both; margin-bottom:30px;}
#PaperBlock .PaperH3{border-top:5px solid #3b3b3b; margin:0 0 2px 0 !important; background-color:#d5d5d5; text-indent:20px; color:#3b3b3b; height:30px; line-height:30px; font-size:1.2em;}
#PaperBlock dl{border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; margin-bottom:20px;}
#PaperBlock dt h4{height:40px; line-height:40px; font-size:1.2em; font-weight:bold; color:#ffffff; text-indent:20px; background-color:#3b3b3b; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
#PaperBlock dd{text-align:justify; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:5px 10px; overflow:hidden;}
#PaperBlock dd a{font-weight:bold;}

/* new column LP 20190522 */
.columnWrap{position: relative;top: 0;width: 795px;height: auto;margin: 0 auto;font-size: 14px;}

	.columnConHeader{position: relative;}
	.columnConHeader h2{position: absolute;top: 0;left: 0;padding: 15px 0;background: rgba(0,0,0,0.6);color: #fff;font-size: 25px;width: 795px;margin: 0;text-indent: 20px;font-weight: bold;}
	.columnConHeader p{position: absolute;bottom: 0;left: 0;padding: 10px 15px;background: rgba(0,0,0,0.6);margin: 0;color: #fff;width: 795px;box-sizing:border-box;font-size: 14px;letter-spacing: 0.5px;}

	.shareBtnWrap{position: relative;margin: 30px 0 0;}

	.columnConWrap{position: relative;width: 795px;height: auto;}
		.columnConBox{position: relative;width: 795px;height: auto;margin: 40px 0;background: #f9f9f9;letter-spacing: 0.5px;line-height: 1.9;box-shadow:3px 3px 2px #ddd;box-sizing:border-box;}
		.columnConBox ul{padding: 20px 0;font-size: 12px;}
		.columnConBox h3{font-size: 20px;margin: 0;background: #fff;box-shadow:3px 3px 2px #ddd;text-indent: 10px;font-weight: bold;}
		.columnConBox p{margin: 0;padding: 20px 20px 0;box-sizing:border-box;}
		.columnConBox dl{margin: 0;padding: 20px 20px;box-sizing:border-box;text-align: justify;}
		.columnConBox dl dt{margin: 0;font-size: 15px;font-weight: bold;padding-top: 10px;}
		.columnConBox dl dd{margin-left: 22px;font-size: 14px;padding: 0 0;}

		.columnConBox dl dl{padding: 10px 0;margin: 0;}
		.columnConBox dl dl dt{margin: 0;font-size: 14px;font-weight: bold;}
		.columnConBox dl dl dd{margin-left: 20px;}

		img.conImg{display: block;margin: 15px auto;}

	.columnConBox:first-child{margin-top: 30px;}
	.columnConBox:last-child{padding-bottom: 20px;}

	.buyBtnWrap{position: relative;width: 720px;height: auto;margin: 0 auto 80px;}
		a.choiceBtn{position: relative;float: left;display: block;width: 270px;color: #000;padding: 15px 30px 10px;font-size: 19px;text-decoration: none;text-align: center;
							background: #fdc23e;border-radius:5px;font-weight: bold;box-shadow:5px 5px 1px #ddd;}
		a.choiceBtn:hover{background: #f9a11b;box-shadow:inset 8px 8px 1px #e8901c;}
		a.choiceBtn:first-child{float: left;}
		a.choiceBtn:last-child{float: right;}
		a.choiceBtn i{float: left;font-size: 55px;}
		a.choiceBtn div{float: right;}
		a.choiceBtn div span{font-size: 17px;}
		a.choiceBtn div p{margin: 5px 0 0;}
		a.choiceBtn div img{position: absolute;top: -60px;right: -20px;display: block;width: 100px;}

	.listBtnWrap{position: relative;width: 750px;height: auto;margin: 0 auto 120px;border-top: 3px solid #ddd;border-bottom: 3px solid #ddd;padding: 20px 0;}
	.listBtnWrap > div{float: left;width: 315px;}
	.listBtnWrap > div:nth-child(2){width: 118px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
	.listBtnWrap > div > a{display: block;width: 100%;text-align: center;transition:0.3s all;}
	.listBtnWrap > div > a:hover{color: #bb1520;text-decoration: underline;transition:0.3s all;}

/* new column Main page 20190523 */
	.floatClear:after{content:"";clear: both;display: block;}

	#columnMain{position: relative;top: 0;width: 795px;height: auto;margin: 0 auto;padding: 0;}
		.columnHeader{position: relative;width: 795px;height: 300px;background: #000;}
		.columnHeader h2{position: absolute;bottom: 0;left: 0;width: 795px;background: rgba(0,0,0,0.6);color: #fff;text-indent: 30px;font-size: 25px;padding: 15px 0;margin: 0;font-weight: bold;}

		.shareBtnWrap{position: relative;margin: 30px 0 0;}

		.columnContent{position: relative;width: 795px;height: auto;}
			.columnBox{position: relative;float: left;margin: 30px 19px 0 0;width: 250px;border: 1px solid #e3e3e3;text-align: justify;box-shadow: 3px 3px 2px #ddd;height: 340px;}
			.columnBox:nth-child(3n){margin-right: 0;}
				.columnTag{padding: 20px 18px 0 20px;}
				.columnTag > span{font-size: 11px;border-radius: 15px;padding: 4px;margin-right: 5px;letter-spacing: -0.5px;}
				.columnTag > span:nth-child(1){background: #E71D36;color: #fff;}
				.columnTag > span:nth-child(2){background: #00b9f1;}
				.columnTag > span:nth-child(3){background: #f9c00c;}
				.columnTitle{font-weight: bold;letter-spacing: 1px;padding: 10px 18px 0 20px;box-sizing:border-box;}
				.columnDate{font-size: 11px;margin: 15px 0;color: #777;font-style: italic;padding: 0 18px 0 20px;box-sizing:border-box;}
				.columnInfo{letter-spacing: 1px;padding: 0 18px 0 20px;box-sizing:border-box;}
				.ReadmoreBtnWrap{position: absolute;bottom: 0;left: 0;width: 100%;}
				.ReadmoreBtnWrap > a{display: block;padding: 15px 0;text-decoration: none;color: #111;text-align: center;background: #fafafa;margin-top: 20px;font-size: 12px;border-top: 1px solid #e3e3e3;}

/* 20190826 added */
	ul.columnList{position: relative;padding: 10px 0 0 15px;margin: 0;}
	ul.columnList li{list-style-type: circle;list-style-position:outside;}
	ul.columnDecimalList{position: relative;padding: 10px 0 0 15px;margin: 0;}
	ul.columnDecimalList li{list-style-type: decimal;list-style-position:outside;}
	div.columnMiniBox{position: relative;background: #fff;min-width: 500px;max-width:765px;margin: 20px auto 0;padding: 15px 20px;box-sizing:border-box;}
	div.columnMiniBox p{font-size: 13px;padding: 10px 15px 0;}
	div.columnMiniBox > img{display: block;text-align: center;margin: 0 auto;width: 745px;}
	div.columnMiniBox ul{padding: 10px 0 0 28px;font-size: 13px;}