@charset "utf-8";
@import "common.css?221128";
/** secReform
========================================*/

.index .imgReformTop {
	width:100%;
	background:url(../img/reform/bgMainFirst.jpg) center top no-repeat;
	position:relative;
}
.index .imgReformTop h2 {
	width:980px;
	margin:0 auto;
}
.index .imgReformTop .txtSectionView01 {
	background:url(../img/reform/bgGreenSection.gif) center bottom repeat-x;
	width:100%;
	height:93px;
	position:absolute;
	left:0;
	bottom:3px;
	z-index:10
}
.index .imgReformTop .txtSectionViewIn {
	text-align:center;
	position:relative;
	bottom:15px;
	z-index:11;
}
.index .secIndexReform {
	width:980px;
	margin:0 auto;
}
.index .secIndexReform .pointList {
	margin:50px 0 98px;
}
.index .secIndexReform .pointList ul li {
	margin:30px 0;
}
.index .secContents01 {
	margin:0 auto 100px;
	background:url(../img/reform/bgGreenSection.gif) center top repeat-x;
}
.index .secContents01 .txtSecView02 {
	width:940px;
	height:105px;
	margin:0 auto;
	text-align:center;
	position:relative;
	bottom:15px;
}
.index .secContents01 .blockArea {
	width:980px;
	margin:60px auto;
}
.index .secContents01 .blockArea .blockLeft .conTxt {
	margin:0 auto 24px;
	padding:0 0 0 3px;
}
.index .secContents01 .blockLeft {
	float:left;
	width:550px;
	font-size:15px;
	line-height:24px;
}
.index .secContents01 .blockRight {
	float:right;
	width:420px;
	margin:5px 0 0;
}
.index .secContents02 {
	margin:80px auto 0;
	background:url(../img/reform/bgGreenSection.gif) center top repeat-x;
}
.index .secContents02 .txtSecView03 {
	width:868px;
	height:90px;
	margin: 0 auto;
	text-align:center;
	position:relative;
	bottom:15px;
}
.index .secContents02 .blockMerit {
	width:100%;
	height:140px;
	margin:0 auto;
	text-align:center;
	padding:30px 0 50px;
	background-color:#faf4ed;
}
.index .secContents02 .blockMerit h3 {
	text-align:center;
}
.index .secContents02 .blockMerit .listMerit {
	width:980px;
	margin:0 auto 0;
	position:relative;
	top:30px;
}
.index .secContents02 .blockMerit .listMerit01 {
	float:left;
	width:300px;
	height:160px;
	margin-right:40px;
}
.index .secContents02 .blockMerit .listMerit02 {
	float:left;
	width:300px;
	height:160px;
	margin-right:40px;
}
.index .secContents02 .blockMerit .listMerit03 {
	float:left;
	width:300px;
	height:160px;
	margin:0;
}
.index .secContents02 .txtAbout {
	width:980px;
	margin:77px auto 0;
	padding:0 0 0 3px;
}
.index .secContents02 .txtAbout .aboutLeft {
	width:550px;
	font-size:15px;
	line-height:24px;
	float:left;
}
.index .secContents02 .txtAbout .aboutLeft .conTxt {
	margin:0 auto 24px;
	padding:0 0 0 3px;
}
.index .secContents02 .txtAbout .aboutRight {
	width:420px;
	height:240px;
	margin:5px 0 0;
	float:right;
}
.index .secContents03 {
	margin:70px auto 0;
	background:url(../img/reform/bgGreenSection.gif) center top repeat-x;
}
.index .secContents03 .txtSecView04 {
	width:719px;
	height:93px;
	margin: 0 auto;
	text-align:center;
	position:relative;
	bottom:15px;
}
.index .secContents03 .blockAfter {
	width:980px;
	margin:0 auto;
}
.index .secContents03 .blockAfter ul {
	margin:27px 0 20px;
}
.index .secContents03 .blockAfter .afterArea {
	height:185px;
	margin:50px 0 34px;
}
.index .secContents03 .blockAfter ul li .AfterLeft {
	width:510px;
	float:left;
	font-size:15px;
	line-height:24px;
}
.index .secContents03 .blockAfter ul li .AfterLeft .conTxt {
	margin:0 auto;
	margin-bottom:24px;
	padding:0 0 0 3px;
}
.index .secContents03 .blockAfter ul li .AfterLeft .rowTxt {
	margin:23px 0 0;
}
.index .secContents03 .blockAfter ul li .AfterRight {
	width:420px;
	height:180px;
	float:right;
}
/* secBottom */
#secBottom .secIndexBnr {
	text-align:center;
	padding:41px 0 28px;
}
#secBottom .secIndexBnr .bnr01 {
	background: url(../img/plan/bnrIndexReserve.png) left top no-repeat;
}
#secBottom .secIndexBnr .bnr02 {
	background: url(../img/plan/bnrIndexCatalog.png) left top no-repeat;
}
#secBottom .secIndexBnr .bnr03 {
	background: url(../img/plan/bnrIndexContact.png) left top no-repeat;
}
#secBottom .secIndexBnr a {
	display:inline-block;
	width:300px;
	height:225px;
	overflow:hidden;
	margin:0 18px;
}
#secBottom .secIndexBnr a:hover {
	background-position: right top;
}
#secBottom .blockTel {
	width:680px;
	height:221px;
	margin:0 auto 21px;
	position:relative;
	z-index:0;
}
#secBottom .blockTel .bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#secBottom .blockTel .txtTel {
	padding:80px 0 0 39px;
	font-size:55px;
	font-family:Arial;
	color:#FF6600;
	position:relative;
	z-index:10;
}
#secBottom .blockTel .txtHour {
	padding:4px 0 0 41px;
	font-family:Verdana;
	color:#339900;
	position:relative;
	z-index:10;
}
#secBottom .tel02 .txtTel,
#secBottom .tel02 .txtHour{
	color:#FFFFFF;
}

/** Knowledge
========================================*/

/*--( secKnowledge )--*/
.secKnowledge{
	background:url(../img/reform/bgKnowledge.jpg) center top no-repeat;
}
.secKnowledge .titPlan{
	text-align:center;
	padding:53px 0 21px;
}
.secKnowledge .txtPlan{
	text-align:center;
	padding:0 0 61px;
}
.secKnowledge .wrapperList01{
	width:870px;
	margin:0 auto;
	overflow:hidden;
}
.secKnowledge .wrapperList01 .cf{
	width:900px;
	padding:0 0 22px;
}

/*--( wrapperList01 )--*/
.secKnowledge .wrapperList01 li{
	width: 420px;
	float:left;
	margin:0 30px 30px 0;
	background:#FFFFFF;
	border-radius:6px;
}
.secKnowledge .wrapperList01 a{
	display:block;
	text-decoration:none;
}
.secKnowledge .wrapperList01 a:hover{
	opacity:0.8;
}
.secKnowledge a{
	display:block;
	text-decoration:none;
}
.secKnowledge .wrapperList01 .imgList{
	width:420px;
	height:220px;
	text-align:center;
}
.secKnowledge .wrapperList01 .txtList{
	height:150px;
	box-sizing:border-box;
	padding:17px 0;
	text-align:center;
	background:#F1EFED;
	border-radius: 0 0 6px 6px;
}
.secKnowledge .wrapperList01 .txtList .txt01{
}
.secKnowledge .wrapperList01 .txtList .txt02{
	width:420px;
	height:42px;
	color:#339900;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.5px;
	line-height:22px;
	padding-top:10px;
	text-align:center;
}
.secKnowledge .wrapperList01 .txtList .txt02 span{
	display:inline-block;
}
.secKnowledge .wrapperList01 .txtList .txt03{
	padding:19px 0 0;
}

/** flow
========================================*/

/* swecTop */
.flow .secTop{
	background:#F4F2EC;
}
.titReformDetails{
	text-align:center;
}
.flow .secTop .titTop{
	text-align:center;
	background:#FF0000;
}
.flow .secTop .secTopIn{
	width:980px;
	margin:0 auto;
	padding:21px 0 33px;
}
.flow .secTopIn .secLeft{
	float:left;
	font-size:0;
	margin-top:26px;
}
.flow .secTop .btnTop01{
	display:inline-block;
	margin-right:20px;
}
.flow .secTop .btnTop02{
	display:inline-block;
}
.flow .secTopIn .secRight{
	float:right;
	width:410px;
	position:relative;
	margin-top:26px;
}
.flow .secTop .bgTel{
	position:absolute;
	top:0;
	left:0;
}
.flow .secTop .txtTel01{
	position:relative;
	z-index:10;
	font-size:55px;
	font-family:Arial;
	font-weight:bold;
	color:#FFFFFF;
	padding:50px 0 0 28px;
}
.flow .secTop .txtTel02{
	position:relative;
	z-index:10;
	font-size:12px;
	color:#FFFFFF;
	line-height:120%;
	padding:2px 0 0 30px;
}

/* boxFlow */
.flow .boxFlow{
	width:980px;
	margin:0 auto;
	padding-top:30px;
}
.flow .boxFlowFirst{
	padding-top:20px;
}
.flow .boxFlow .boxFlowIn{
	background:url(../img/reform/bgFlowArrow.gif) left top repeat-y;
}
.flow .boxFlowIn .inner{
	background:url(../img/reform/imgFlowArrow.gif) left bottom no-repeat;
	padding-left:110px;
}
.flow .boxFlow .titBoxFlow{
	background:#FFFFCC;
	border:#DBD5C1 solid 1px;
}
.flow .boxFlow .txtBoxFlow{
	border:#DBD5C1 solid 1px;
	border-top:none;
}
.flow .txtBoxFlow .secTxt{
	float:left;
	width:545px;
	font-size:15px;
	letter-spacing:0.5px;
	color:#333333;
	line-height:22px;
	padding:25px 0 37px 31px;
}
.flow .txtBoxFlow .secImg{
	float:right;
	padding:29px 29px 29px 0;
}

/* secAfter */
.flow .secAfter{
	width:980px;
	margin:0 auto 59px;
	padding-top:30px;
}
.flow .secAfter .secAfterIn{
	width:868px;
	border:#DBD5C1 solid 1px;
	background:#FFFFCC;
	margin-left:110px;
}
.flow .secAfter .txtAfter{
	float:left;
	padding:55px 0 53px;
}
.flow .secAfter .imgAfter{
	float:right;
	padding:29px 29px 0 0;
}

/** selection
========================================*/

/* secTop */
.selection .secTop{
	background:#F4F2EC;
}
.selection .secTop .secTopIn{
	background:#E3DECE;
	padding:30px 0;
}
.selection .secTopList{
	width:980px;
	overflow:hidden;
	margin:0 auto;
}
.selection .secTopList .inner{
	width:1008px;
}
.selection .btnSecTop{
	display:block;
	float:left;
	margin-right:28px;
	background:#E55C00;
	border-radius:4px;
	padding-bottom:6px;
}
.selection .btnSecTop:hover{
	background:#EA7D33;
}
.selection .btnSecTop span{
	display:block;
	background:#ff6600;
	border-radius:4px 4px 0 0;
}
.selection .btnSecTop:hover span{
	background:#FF8533;
}

/* secSelection */
.selection .secSelection{
	width:980px;
	margin:0 auto;
	padding-top:50px;
	font-size:15px;
	color:#000000;
	line-height:24px;
	letter-spacing:0.6px;
}

/* secSelection01 */
.selection #secSelection01{
	padding-bottom:24px;
}
.selection #secSelection01 .titSelection{
	padding-bottom:16px;
}
.selection #secSelection01 .secLeft01{
	float:left;
}
.selection #secSelection01 .secRight01{
	float:right;
	padding-top:17px;
}
.selection #secSelection01 .secLeft02{
	width:700px;
	float:left;
	padding:34px 0 0 2px;
}
.selection #secSelection01 .secRight02{
	float:right;
	width:250px;
	padding-top:39px;
}

/* btnSelection */
.selection .btnSelection{
	display:block;
	background:#2E89B7;
	border-radius:4px;
	padding-bottom:4px;
}
.selection .btnSelection:hover{
	background:#58A1C5;
}
.selection .btnSelection span{
	display:block;
	background:#3399CC;
	border-radius:4px 4px 0 0;
}
.selection .btnSelection:hover span{
	background:#5CADD6;
}

/* secSelection02 */
.selection #secSelection02{
	padding-bottom:28px;
}
.selection #secSelection02 .titSelection{
	padding-bottom:33px;
}
.selection #secSelection02 .secLeft{
	float:left;
}
.selection #secSelection02 .txtSelection{
	padding:16px 0 0 2px;
	width:528px;
}
.selection #secSelection02 .secRight{
	float:right;
}

/* secSelection03 */
.selection #secSelection03{
	padding-bottom:30px;
}
.selection #secSelection03 .titSelection{
	padding-bottom:30px;
}
.selection #secSelection03 .secSelectionIn{
	width:980px;
	overflow:hidden;
}
.selection #secSelection03 .inner{
	width:1000px;
}
.selection #secSelection03 li{
	float:left;
	margin-right:20px;
}
.selection #secSelection03 .txtSelection{
	padding:15px 0 0 2px;
}
.selection #secSelection03 .btnSelection{
	margin:18px auto 0;
	width:500px;
	text-align:center;
}

/* secSelection04 */
.selection #secSelection04{
	padding-bottom:30px;
}
.selection #secSelection04 .titSelection{
	padding-bottom:28px;
}
.selection #secSelection04 .secLeft{
	float:left;
}
.selection #secSelection04 .txtSelection{
	padding:0 0 19px 2px;
}
.selection #secSelection04 .secRight{
	float:right;
	padding-top:5px;
}
.selection #secSelection04 .btnSelection{
	margin:28px auto 0;
	width:500px;
	text-align:center;
}

/* secSelection05 */
.selection #secSelection05{
	padding-bottom:28px;
}
.selection #secSelection05 .titSelection{
	padding-bottom:28px;
}
.selection #secSelection05 .txtSelection{
	padding:0 0 24px 2px;
}

/* secSelection05 */
.selection #secSelection06{
	padding-bottom:39px;
}
.selection #secSelection06 .titSelection{
	padding-bottom:28px;
}
.selection #secSelection06 .secLeft{
	float:left;
}
.selection #secSelection06 .imgSelection01{
	padding:5px 0 25px;
}
.selection #secSelection06 .secRight{
	float:right;
	width:778px;
}
.selection #secSelection06 .btnSelection{
	margin:25px auto 0;
	width:500px;
	text-align:center;
}

/** after
========================================*/

/* secTop */
.after .secTop{
	background:#F4F2EC;
}
.after .secTop .secTopIn{
	background:#FFFFFF;
}
.after .secTop .inner{
	width:980px;
	margin:0 auto;
	padding:30px 0 60px;
}
.after .btnSecTop01{
	float:left;
	width:480px;
	display:block;
	background:#E58900;
	border-radius:4px;
	padding-bottom:6px;
}
.after .btnSecTop01:hover{
	background:#EAA133;
}
.after .btnSecTop01 span{
	display:block;
	background:#FF9900;
	border-radius:4px 4px 0 0;
}
.after .btnSecTop01:hover span{
	background:#FFAD33;
}
.after .btnSecTop02{
	float:right;
	width:480px;
	display:block;
	background:#E55C5C;
	border-radius:4px;
	padding-bottom:6px;
}
.after .btnSecTop02:hover{
	background:#EA7D7D;
}
.after .btnSecTop02 span{
	display:block;
	background:#FF6666;
	border-radius:4px 4px 0 0;
}
.after .btnSecTop02:hover span{
	background:#FF8585;
}

/* secIntro */
.after .secIntro{
	width:980px;
	margin:0 auto;
}
.after .secIntro .secLeft{
	float:left;
}
.after .secIntro .titIntro{
	width:650px;
	border-radius:5px;
	background-color:#55BB11;
}
.after .secIntro .txtIntro{
	font-size:15px;
	line-height:25px;
	padding:16px 0 0 2px;
}
.after .secIntro .secRight{
	float:right;
	margin:0 46px 0 0;
}
.after .secIntro .imgIntro{
	padding-top:14px;
}

/* secTit */
.after .secTit{
	background:#ff6600;
	text-align:center;
	color:#FFFFFF;
	font-size:28px;
	line-height:70px;
	margin-top:30px;
}
.after .secTit#after{
	margin-top:50px;
}

.after .titPeriod{
	background:url(../img/reform/bgTxtAfter01.jpg) left top no-repeat;
	padding-left:50px;
	line-height:50px;
	font-size:22px;
	margin:30px auto 15px;
	width:930px;
}

/* boxWarranty */
.after .boxWarranty{
	padding-bottom:50px;
}
.after .boxWarrantyLast{
	padding-bottom:110px;
}
.after .secTitWarranty{
	width:975px;
	margin:0 auto;
	border-left:#55BB11 solid 5px;
}
.after .secTitWarranty .titWarranty{
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	font-size:15px;
	font-weight:bold;
	padding-left:13px;
	line-height:48px;
	float:left;
	width:812px;
}
.after .secTitWarranty .titWarranty.active{
	border-bottom:none;
}
.after .secTitWarranty .titWarranty.last{
	border-bottom:#CCCCCC solid 1px;
}
.after .btnTitWarranty{
	float:right;
	width:150px;
	background:#37342D;
	color:#FFFFFF;
	line-height:50px;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	display:none;
}
.after .btnTitWarranty:hover{
	background:#5F5D57;
}
.after .btnTitWarranty.active{
	display:block;
}
.after .secWarranty{
	width:980px;
	margin:0 auto;
}
.after .txtWarranty{
	background:#3399CC;
	color:#FFFFFF;
	font-size:15px;
	padding-left:18px;
	line-height:50px;
}
.after .olWarranty{
	list-style:decimal;
	font-family:Verdana;
	line-height:22px;
	padding:18px 0 0 29px;
}


/* secAfter */
.after .secAfter{
	width:980px;
	margin:0 auto;
	padding:50px 0 0;
}
.after .secAfter .boxAfter{
	padding-bottom:30px;
}
.after .secAfter .boxAfter:last-child{
	padding-bottom:9px;
}
.after .boxAfter .secLeft{
	float:left;
}
.after .boxAfter .secTxt{
	float:left;
	border-top:#663300 solid 5px;
	border-bottom:#663300 solid 5px;
	background:#FEEFCD;
	width:525px;
	height:180px;
}
.after .boxAfter .titAfter{
	font-size:20px;
	font-weight:bold;
	color:#663300;
	padding:32px 0 0 23px;
}
.after .boxAfter .txtAfter{
	font-size:15px;
	line-height:120%;
	padding:10px 0 0 22px;
	width:480px;
	font-family:Verdana;
}
.after .boxAfter .secImg{
	float:left;
	border:#663300 solid 5px;
	border-left:none;
}

/** faq
========================================*/

/* secTop */
.faq .secTop{
	background:#F4F2EC;
}

/* secBtn */
.faq .secBtn{
	background:#E3DECE;
	padding:30px 0 20px;
}
.faq .secBtn .secBtnIn{
	width:980px;
	margin:0 auto;
}
.faq .secBtn .secLeft{
	float:left;
	width:485px;
}
.faq .secBtn .secRight{
	float:right;
	width:485px;
}
.faq .secBtn a{
	display:block;
	height:36px;
	background:#FFFFFF;
	border-radius:40px;
	padding:2px 2px 2px 3px;
	text-decoration:none;
	margin-bottom:10px;
}
.faq .secBtn .secFaqBtn{
	display:table;
}
.faq .secBtn .iconBtn{
	display:table-cell;
	width:36px;
	text-align:center;
	background:#55BB11;
	border-radius:35px;
}
.faq .secBtn a:hover .iconBtn{
	background:#77C941;
}
.faq .secBtn .txtBtn{
	display:table-cell;
	vertical-align:middle;
	color:#0099CC;
	line-height:16px;
	font-size:15px;
	font-weight:bold;
	padding:1px 0 0 10px;
	white-space:nowrap;
}
.faq .secBtn a:hover .txtBtn{
	color:#33ADD6;
}

/* secFaq */
.faq .secFaq{
	width:980px;
	margin:0 auto;
	padding:20px 0 9px;
}
.faq .secFaq .boxFaq{
	margin-top:30px;
}
.faq .secFaq .titBoxFaq{
	background:#FF9900 url(../img/reform/bgFaq.png) left center no-repeat;
	font-size:20px;
	line-height:50px;
	color:#FFFFFF;
	padding-left:39px;
	border-radius:7px 7px 0 0;
	font-weight:normal;
}
.faq .secFaq .txtBoxFaq{
	font-size:15px;
	line-height:20px;
	border:#CAC5AE solid 1px;
	border-top:none;
	background:#F8F7F5;
	padding:18px 36px;
}
