*{ margin: 0px; padding: 0px; border: none;}
input[type=button], input[type=submit], input[type=file], input[type=text], input[type=radio], input[type=number], input[type=reset] button {
-webkit-appearance: none; border-radius: 0px;
}
textarea,select,button,input{ -webkit-appearance: none; border-radius: 0px; outline: none;}
.container {
	background: #fff;
	width: 100%; height: auto; overflow: hidden;
}

.menu-wrap a {
	color: #000;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #c94e50;
}



.content {
	position: relative;
	background: #fff;
}

.content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0.3s, transform 0s 0.3s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}


.content > .tit{ width: 100%; height: 50px; background: #fff;}
.content > .tit a.signup{ display: none; }
.content > .tit > a{ float: left; width: auto; height: 45px; margin: 2.5px 5px;}
.content > .tit > a > img{ width: auto; height: 40px; margin-top: 2px;}
.content > .tit > hr{ float: left; display: block; width: 100%; height: 2px; background-image: url(../images/line.png); background-size: 100%; background-repeat: no-repeat; background-position: 0px;}

.content > .title{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box; background: #f9f9f9; border-bottom: 1px solid #e4e4e4;
}
.content > .title > .left{ width: auto; float: left; height: auto; overflow: hidden;}
.content > .title > .left > img{ float: left; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.content > .title > .left > p{ float: left; font-size: 1em; line-height: 40px; color: #000;}
.content > .title > .left > p > strong{ font-weight: bold;}
.content > .title > .logo{ float: right; width: auto; height: 26px; margin-top: 7px;}
.content > .title > .logo > img{ height: 26px;}




.content > .banner{ width: 100%; height: auto; overflow: hidden; position: relative;}
.content > .banner > div{ position: absolute; right: 0px; top: 0px; width: auto; height: auto;}
.content > .banner > div > span{ position: absolute; right: -1px; top: -1px; width: 0px; height: 0px; border-width: 35px; border-style: solid;; border-color: #dddddd #dddddd transparent transparent; margin: 0px; padding: 0px;}
.content > .banner > div > p{ position: absolute; top: 24px; right: -22px; width: 68px; margin: 0px; font-size: 14px; color: #666; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.content > .banner > div > span.sp1{ border-color: #008c00 #008c00 transparent transparent;}
.content > .banner > div > p.p1{ color: #fff;}
.content > .banner > div > span.sp2{ border-color: #ff0000 #ff0000 transparent transparent;}
.content > .banner > div > p.p2{ color: #fff;}
.content > .banner > div > span.sp3{ border-color: #dddddd #dddddd transparent transparent;}
.content > .banner > div > p.p3{ color: #fff;}
.content > .banner > img{ width: 100%; height: auto;}
.content > .con01{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box; background: #f2f2f2; border-bottom: 1px solid #d7d7d7;}
.content > .con01 > p{ width: 100%; height: 24px; box-sizing:border-box; font-size: 0.8em; line-height: 30px; color: #000000;}
.content > .con01 > p > img{ display: inline-block; float: left; width: 15px; padding-top: 7px; margin-right: 5px;}
.content > .con01 > h4{ width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 1em; line-height: 24px; padding: 5px 0px;}
.content > .con01 > h5{ width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 0.8em; line-height: 20px; padding: 5px 0px; font-weight: normal; color: #666666;}

.content > .Description{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box; background: #f7f7f7;}
.content > .Description > p{ width: 100%; height: auto; font-size: 0.8em; line-height: 24px; color: #ff5500; text-align: justify;}


.content > .con02,.content > .con03,.content > .con04{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box;}
.content > .con02 > p{ font-size: 1em; line-height: 24px; color: #333;}
.content > .con02 > p > strong{ font-weight: bold;}
.content > .con02 > img,.content > .con02 > p > img,.content > .con02 > div > img{ width: auto; max-width: 100%; height: auto; overflow: hidden; display: block; margin: 0px auto 10px;}
.content > .con02 > h3,.content > .con04 > h3{ width: 100%; height: auto; overflow: hidden; font-size: 1.3em; line-height: 34px; text-align: center; font-weight: bold; margin: 10px 0px 20px;}
.content > .con02 > h3 > i,.content > .con04 > h3 > i{ display: inline-block; width: 25px; height: 25px; background: url(../images/left_icon01.png) no-repeat 0px 0px; background-size: 25px 25px; margin-right: 5px;}

.content > .con03 > .list{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px dotted #aeaeae; background-image: url(../images/pdf.png); background-size: 15px 15px; background-position: 0px center; background-repeat: no-repeat; padding: 10px 0px; padding-left: 20px; box-sizing:border-box;}
.content > .con03 > .list > a{ width: 100%; height: auto; overflow: hidden; color: #000; line-height: 20px; font-size: 0.8em;}

.content > .con04{ padding: 10px 0px;}
.content > .con04 > .tab{ width: 95%; height: auto; overflow: hidden;margin: 10px auto 0px;}
.content > .con04 > .tab > ul{ width: 100%; height: auto; overflow: hidden;}
.content > .con04 > .tab > ul > li{ float: left; width: 33.3333%; background:#fff; border: 1px solid #9797A6; box-sizing:border-box; border-bottom: none; font-size: 0.8em; line-height: 30px; text-align: center; color: #000; border-radius: 5px 5px 0px 0px; list-style: none;}
.content > .con04 > .tab > ul > li.cur{ background: #D2D8EF;}



.content > .con04 > .list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5px;}
.content > .con04 > .list > .tit,.content > .con04 > .list > .div1,.content > .con04 > .list > .div2{ width: 100%; height: auto; overflow: hidden; background: #d2d8ef;}
.content > .con04 > .list > .tit > div,.content > .con04 > .list > .div1 > div,.content > .con04 > .list > .div2 > div{ float: left; color: #000; height: 35px; overflow: hidden; text-align: left; line-height: 35px; font-size: 0.9em;}
.content > .con04 > .list > .tit > div.w_50,.content > .con04 > .list > .div1 > div.w_50,.content > .con04 > .list > .div2 > div.w_50{ width: 56%; padding-left: 10px; box-sizing:border-box; height: auto; overflow: hidden;}
.content > .con04 > .list > .tit > div.w_25,.content > .con04 > .list > .div1 > div.w_25,.content > .con04 > .list > .div2 > div.w_25{ width: 22%; text-align: left; height: auto; overflow: hidden;}
.content > .con04 > .list > .div1{ background: #f2f2f2;}
.content > .con04 > .list > .div2{ background: #fff;}
.content > .con04 > .list > .div1 > div,.content > .con04 > .list > .div2 > div{ font-size: 0.7em;}




.content > .content_column{ width: 100vw; height: auto; overflow: hidden; padding: 15px 15px; box-sizing:border-box;}
.content > .content_column > .list{ float: left; width: 32%; height: 30vw; border-radius: 8px; background: #FBB911; margin-bottom: 2%; margin-right: 2%;}
.content > .content_column > .none{ margin-right: 0px;}
.content > .content_column > .list > a{ display: block; width: 100%; height: 100%;}
.content > .content_column > .list > a > img{ width: 50%; margin: 0px auto; padding-top: 10px; display: block;}
.content > .content_column > .list > a > p{ width: 100%; height: auto; overflow: hidden; font-size: 0.9em; line-height: 20px; text-align: center; color: #fff; margin-top: 10px;}



.content > .questionnaire,.content > .user_con,.content > .erweima,.content .con02 .user_con{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box;}
.content > .questionnaire > div{ width: 100%; height: auto; overflow: hidden;}
.content > .questionnaire > div > p{ width: 100%; height: auto; overflow: hidden; font-size: 0.95em; font-weight: 600; line-height: 24px; color: #000; padding: 10px 0px;}
.content > .questionnaire > div > label{ display: block; width: 100%; height: auto; overflow: hidden; padding: 5px 0px; line-height: 25px; font-size: 0.8em;}
.content > .questionnaire > div > label > input{ width: 15px; height: 15px; margin-right: 5px; border-radius: 15px; float: left; margin-top: 5px; background: url(/images/signupv2/images/inp_no.png) no-repeat center; background-size: 15px 15px;}
.content > .questionnaire > div > label > input:checked{ background: url(/images/signupv2/images/inp_cur.png) no-repeat center; background-size: 15px 15px;}
.content > .questionnaire > div > label > input[type="checkbox"]{ background: url(/images/signupv2/images/icon_cbox.png) no-repeat center center; background-size: 15px 15px; border-radius: 0px;}
.content > .questionnaire > div > label > input[type="checkbox"]:checked{ background: url(/images/signupv2/images/icon_cbox_cur.png) no-repeat center center; background-size: 15px 15px;}
.content > .questionnaire > a{ display: block; margin: 10px 0px;}
.content > .questionnaire > a > input{ width: 100%; height: 40px; border-radius: 5px; background: #FBB911; border: 1px solid #FBB911; font-size: 1em; line-height: 40px; text-align: center; color: #fff;}
.content > .user_con > h4{ width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 1em; line-height: 24px; padding: 5px 0px;}
.content > .user_con > .div01,.content .con02 .user_con .div01{ width: 100%; height: auto; margin-top: 20px; overflow: hidden; border-radius: 5px; padding: 0px 15px; box-sizing:border-box;}
.content > .user_con > .div01 > label,.content .con02 .user_con .div01 label{ float: left; width: 25%!important; height: 40px; background: #f4f4f4; color: #000; line-height: 40px; font-size: 0.8em; text-align: left; padding-left: 10px; box-sizing:border-box; border-radius: 5px 0px 0px 5px;border-right: 1px solid; 
	border-image: -webkit-linear-gradient(#f4f4f4 , #cccccc , #f4f4f4)1 10 1;
	border-image: -moz-linear-gradient(#f4f4f4 , #cccccc , #f4f4f4)1 10 1; 
	border-image: linear-gradient(#f4f4f4 , #cccccc , #f4f4f4)1 10 1; }
.content > .user_con > .div01 > input,.content .con02 .user_con .div01 input{ float: left; width: 75%; height: 40px; padding-left: 5px; box-sizing:border-box; font-size: 0.9em; line-height: 40px; background-color: #f4f4f4; color: #a9a9a9; border-radius: 0px 5px 5px 0px;}
.content > .user_con > .div01 > select,.content > .user_con > .div01 > div,.content .con02 .user_con .div01 select,.content .con02 .user_con .div01 div{ float: left; width: 75%; height: 40px; padding-left: 5px; box-sizing:border-box; font-size: 0.9em; line-height: 40px; color: #a9a9a9; background-color: #f4f4f4; border-radius: 0px 5px 5px 0px; background-image: url(../images/down.png); background-repeat: no-repeat; background-position: 95% center;}
.content > .user_con > .div01 > div,.content .con02 .user_con .div01 div{ background-image: none;}
.content > .user_con > .div01 > span > input,.content .con02 .user_con .div01 span input{ float: left; margin-top: 3px; margin-right: 5px; width: 15px; height: 15px; background: url(/images/signupv2/images/inp_no.png) no-repeat center center; background-size: 15px 15px;}
.content > .user_con > .div01 > span > input:checked,.content .con02 .user_con .div01 span input:checked{ background: url(/images/signupv2/images/inp_cur.png) no-repeat center center; background-size: 15px 15px;}
.content > .user_con > .div01 > span > input[type="checkbox"],.content .con02 .user_con .div01 span input[type="checkbox"]{ float: left; margin-top: 3px; margin-right: 5px; width: 15px; height: 15px; background: url(/images/signupv2/images/icon_cbox.png) no-repeat center center; background-size: 15px 15px;}
.content > .user_con > .div01 > span > input[type="checkbox"]:checked,.content .con02 .user_con .div01 span input[type="checkbox"]:checked{ background: url(/images/signupv2/images/icon_cbox_cur.png) no-repeat center center; background-size: 15px 15px;}

.content .user_con #div2{ width: 100%; height: auto; margin-top: 20px; overflow: hidden; border-radius: 5px; padding: 0px 15px; box-sizing:border-box;}
.content .user_con #div2 input[type="checkbox"]{ float: left; margin-top: 3px; margin-right: 5px; width: 15px; height: 15px; background: url(/images/signupv2/images/icon_cbox.png) no-repeat center center; background-size: 15px 15px;}
.content .user_con #div2 input[type="checkbox"]:checked{ background: url(/images/signupv2/images/icon_cbox_cur.png) no-repeat center center; background-size: 15px 15px;}
.content .user_con #div2 p,.content .user_con #div2 p span{ font-size: 12px!important; line-height: 20px!important; color: #333333!important; }
.content .user_con #div2 p a{ color: #0088cc }



.content > .user_con > a,.content .con02 a{ display: block; margin: 20px 0px;}
.content > .user_con > a > input,.content .con02 a input{ width: 100%; height: 40px; border-radius: 5px; background: #ec6625; border: 1px solid #ec6625; font-size: 1em; line-height: 40px; text-align: center; color: #fff;}


.content > .erweima > h4,.content > .con02 > .erweima > h4{ width: 100%; height: auto; overflow: hidden; padding: 20px 0px; font-size: 1em; line-height: 26px; text-align: center; color: #000; font-weight: normal;}
.content > .erweima > img,.content > .con02 > .erweima > img{ width: 50%; height: auto; overflow: hidden; display: block; margin: 0px auto 10px;}
.content > .erweima > p,.content > .con02 > .erweima > p{ width: 100%; height: auto; overflow: hidden; font-size: 0.9em; line-height: 20px; text-align: center; color: #009BDE;}



.content > .none{ width: 100%; height: 50px;}
.content > .fixed_sign{ width: 100%; height: 45px; padding: 0px 10px; box-sizing:border-box; position: fixed; bottom: 0px; left: 0px; background: #F2F2F2; border-top: 1px solid #D7D7D7;}
.content > .fixed_sign > p{ font-size: 0.8em; line-height: 50px; color: #000; float: left;}
.content > .fixed_sign > p > span{ color: #ec6625; font-weight: bold;}
.content > .fixed_sign > a{ display: block;}
.content > .fixed_sign > a > input{ float: right; width: 30%; height: 30px; border: none; border-radius: 3px; text-align: center; line-height: 30px; color: #fff; margin: 8px 5px 0px; font-size: 0.9em; border: 1px solid #a1a1a1; box-sizing:border-box;}
.content > .fixed_sign > a > input.btn01{ background: #ec6625; border-color: #ec6625;}
.content > .fixed_sign > a > input.btn02{ background: #aeaeae;}
.content > .fixed_sign > a > input.btn03{ background: #ff0000;}
.content > .fixed_sign > a > input.btn04{ background: #008c00;}

.bj{ width: 100%; height: 100%; padding-top: 20%; box-sizing: border-box; background: linear-gradient(to right,rgba(0,0,0,.60),rgba(0,0,0,0.60) 75%); position: fixed; top: 0px; left: 0px;}
.bj > .tanchu{ width: 100%; height: auto; overflow: hidden; position: relative; margin: 0px auto;}
.bj > .tanchu > .remind{ width: 85%; height: auto; overflow: hidden; padding: 20px 20px; box-sizing:border-box; background: #fff; margin: 0px auto; border-radius: 5px; border: 1px solid #c9c9c9;}
.bj > .tanchu > .remind > img{ width: 20%; height: auto; overflow: hidden; margin: 20px auto; display: block;}
.bj > .tanchu > .remind > p{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px; text-align: center; font-size: 1em; line-height: 24px; color: #a1a1a1;}














/* Menu Button */
.menu-button {
	position: absolute;
	z-index: 1000;
	margin: 0px;
	padding: 0;
	width: 2.3em;
	height: 2.05em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
	background: transparent;
	right: 0em;
}

.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}

.menu-button:hover {
	opacity: 0.6;
}

/* Close Button */
.close-button {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 1em;
	top: 0.7em;
	overflow: hidden;
	text-indent: 16px;
	border: none;
	z-index: 1001;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #95a5a6;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
	position: fixed;
	z-index: 1001;
	width: 70%;
	height: 100%;
	font-size: 1.15em;
	-webkit-transform: translate3d(155%,0,0);
	transform: translate3d(155%,0,0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.menu {
	background: #f4f4f4;
	height: 100%;
	padding: 0.7em 0.5em;
}

.menu > .tit{ width: 100%; height: 80px; border-bottom: 1px solid #e4e4e4; color: #636363; margin: 0px auto; position: relative;}
.menu > .tit > a.head{ display: block; float: left; margin-right: 5px; margin-top: 10px;}
.menu > .tit > a.head > img{ width: 40px; border-radius: 50px;}
.menu > .tit > h3{ float: left; line-height: 60px; font-size: 0.9em; font-weight: normal;}
.menu > .tit > h3 > strong{ color: #000;}
.menu > .tit > p{font-size: 0.7em; line-height: 20px; color: #999; position: absolute; bottom: 5px; left: 0px;}
.menu > .tit > a.revise{ display: block; position: absolute; top: 20px; right: 1.5em;}
.menu > .tit > a.revise > img{ width: 20px;}




.icon-list {
	width: 100%;
	padding-top: 10px;
	height: auto;
	overflow: hidden;
}

.icon-list a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	font-size: 0.8em;
	margin-bottom: 5px;
	box-sizing:border-box;
	border-bottom: 1px solid #e4e4e4;
}


.icon-list a span {
	margin-left: 10px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 0.75em;
}

.icon-list a img{ float: left; margin-right: 15px; margin-top: 7px; width: 20px; height: 20px;}



.icon-list a .icon {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
}
/*--
.icon-del {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 20px 20px;
}
--*/
.icon-list a .icon > .icon {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 20px 20px;
	position: relative;
	left: -20px;
	border-right: 20px solid transparent;
	-webkit-filter: drop-shadow(20px 0);
	filter: drop-shadow(20px 0);    
}	
.icon-list a .icon-del01{ background-image: url(../images/mune_icon01.png);}
.icon-list a .icon-del02{ background-image: url(../images/mune_icon02.png);}
.icon-list a .icon-del03{ background-image: url(../images/mune_icon03.png);}
.icon-list a .icon-del04{ background-image: url(../images/mune_icon04.png);}
.icon-list a .icon-del05{ background-image: url(../images/mune_icon05.png);}
.icon-list a .icon-del06{ background-image: url(../images/mune_icon06.png);}
.icon-list a .icon-del07{ background-image: url(../images/mune_icon07.png);}
.icon-list a .icon-del08{ background-image: url(../images/mune_icon08.png);}
.icon-list a .icon-del09{ background-image: url(../images/mune_icon09.png);}
.icon-list a .icon-del10{ background-image: url(../images/mune_icon10.png);}




/* Morph Shape */
.morph-shape {
	position: absolute;
	width: 0px;
	height: 100%;
	top: 0;
	right: 0;
	fill: #ede9ea;
	z-index: 1000;
}

/* Shown menu */
.show-menu .menu-wrap {
	-webkit-transform: translate3d(43%,0,0);
	transform: translate3d(43%,0,0);
}


.show-menu .content::before {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translate3d(55%,0,0);
	transform: translate3d(55%,0,0);
}

@media only screen and (min-width: 600px) {
	.container{ background: #f9f9f9; }
	.content{ width: 720px; margin: 0px auto; }
	.menu-button{ display: none; }
	.content > .tit a.signup{ display: block; float: right; }
	.content > .tit a.signup input{ display: block; width: 120px; height: 40px; background: #ec6625; border-color: #ec6625; margin-right: 10px; margin-top: 3px; box-sizing: border-box; border-radius: 3px; text-align: center; line-height: 30px; color: #fff; font-size: 0.9em; }
	.content > .tit a.signup > input.btn02{ background: #aeaeae;}
	.content > .tit a.signup > input.btn03{ background: #ff0000;}
	.content > .tit a.signup > input.btn04{ background: #008c00;}
    .content > .user_con,.content .con02 .user_con{ width: 500px; margin: 0px auto;}
    .content > .con02{ padding: 0px 30px; min-height: 600px; }
    .content > .fixed_sign > a > input{ display: block; width: 120px; height: 40px; border-color: #ff0000; margin-right: 20px; margin-top: 10px; box-sizing: border-box; }
    .content > .fixed_sign{ width: 720px; margin: 0px auto; position: static; height: 60px;}
    .content > .fixed_sign > p{ padding-left: 20px; line-height: 60px; }
    .content > .erweima > img{ width: 50%!important; }
    .content > .con02 > p span{ font-size: 17px; line-height: 34px; }
    .content > .con02 > p > img{ width: 90%; }
    .content > .none{ display: none; }
    .content > .con01 > p{ float: left; width: 50%; padding-left: 7%; box-sizing: border-box; font-size: 16px; height: 32px; line-height: 32px; }
    .content > .con01 > p > img{ width: 20px; padding-top: 6px; }
    .content .con02 a{ width: 450px; margin: 40px auto; }
}