@charset "UTF-8";

/* ==================== tags ==================== */
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*,*:before,*:after {
    box-sizing: border-box;
    outline: 0
}
html,
body {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

form {height: 100%; display: block;}
h2 {text-align: center; font-size: 48px; color: #fff; line-height: 48px;}
h3 {font-size: 30px; text-align: left;}
input, button {border: none; font-family: Arial, "微软雅黑"; padding: 0; margin:0;}
button {cursor: pointer;}

.question {display: none;}
/*hover bg color*/
#goIndex a:hover, .close:hover, #submitForm2:hover,
#submit:hover, #reviewAnswer:hover {background-color: #ff5c50;}
#mainDes .desLink span:hover {background-color: #007988;}
/*hover font color*/
a.viewAll:hover {color: #ff5c50;}

/*hightlight color*/
.hightlight-red {color: #ff5c50;}
.hightlight-orange {color: #ff9700;}
.hightlight-blue {color: #46c1d1;}
.sectionEven .hightlight-red {color: #fff200;z-index: 10;}/*yellow*/
.section {
    position: relative;
    width: 100%;
    max-width: 2000px;
    min-width: 1200px;
    margin: 0 auto;
    color: #333;
    font-family: "微软雅黑","黑体";
    font-size: 18px;
    line-height: 1.5;
}
.content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.section ol, .resultSection ol {margin: 25px 0 35px 65px; list-style-position: outside;}
.section ol>li, .resultSection ol>li {font-size: 18px; margin: 0 0 20px; text-align: justify;
    counter-increment: level; display: block; position: relative; padding-left: 10px;}
.section ol>li:before, .resultSection ol>li:before {
    display: inline-block; content: "L"counter(level)"："; position: absolute; left: -30px;}

.section, .section2 {width: 100%; min-width: 900px; height:100%; padding: 0; text-align: center;
    letter-spacing: 1px; line-height: 30px;}
.section {
    height: 1080px;
    background: url(/project/diagnosis/images/sectionBg.png) no-repeat right bottom;
    background-size: cover;
    font-size: 0;
}
.section:before {content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.sectionEven {
    color: #fff;
    height: 1080px;
    background: url(/project/diagnosis/images/sectionEvenBg.png) no-repeat right bottom #00a7bc;
}
.content {width: 900px; margin: 0 auto; position: relative; font-size: 16px;}
.section .content {display: inline-block; vertical-align: middle; }
.finish, .hide {display: none;}
.height600 {height:600px;}

/*analysis loading*/
#loading {color:#fff; background-color: rgba(0, 0, 0, 0.9); background-color: #000\9; height: 100%;
    width: 100%; min-width: 900px; position: fixed; z-index: 999999; display: none;}
#loading:before {content: ""; height: 100%; display: inline-block; vertical-align: middle;;}
#loading p {margin: 0 auto; display: block; text-align: center; display: inline-block;
    vertical-align: middle; width: 100%; font-size: 1.25em;}
#loading p i {display: block; margin-bottom: 15px;}

/*thx page*/
#thx {color:#fff; background-color: rgba(0, 0, 0, 0.9); background-color: #000\9; height: 100%;
    width: 100%; min-width: 900px; position: fixed; z-index: 999999; text-align: center;
    font-size: 21px; line-height: 36px; display: none;}
#thx:before {content: ""; height: 100%; display: inline-block; vertical-align: middle;}
#thxContent {width: 500px; margin: 0 auto; background-color: #46c1d1; display: inline-block;
    vertical-align: middle; text-align: center; padding: 50px; border-radius: 5px; position: relative;}
#thxContent h3 {text-align: center; margin-bottom: 30px;}
#goIndex {width: 300px; height: 45px; line-height: 45px; background-color: #ff7e00; border-radius: 3px;
    margin: 30px auto 0; border: 1px solid #fff;}
#goIndex a {display: block; color: #fff;}
.close {width:40px; height: 40px; position: absolute; top: 0; right: 0; border-radius: 50px;
    background-color: #000; border: 3px solid #fff; margin: -20px -20px 0 0; line-height: 40px;
    font-weight: bold; cursor: pointer;}

/*progress bar*/
#progressBar {position: fixed; width: 100%; min-width: 900px; height: 40px; background-color: #555;
    bottom: 0px; z-index: 99999; display: none; border-top: 2px solid #fff;}
.progressBg {position: absolute; width: 0; height: 40px; background-color: #ff5c50; bottom: 0px;
    height: 100%; z-index: 9999; border-top: 2px solid #fff;}
#progressBar p {color: #fff; text-align: center; line-height: 40px; margin: 0 auto; width: 300px;
    position: relative; z-index: 99999;}
#reviewAnswer {border-radius: 3px; background-color: #f6a828; text-align: center; color: #fff;
    font-size: 19px; cursor: pointer; border: 1px solid #fff; line-height: 30px; margin-left: 15px;
    padding: 2px 10px; display: none;}

#mainVisual {
    height: 1080px;
    background: url(/project/diagnosis/images/mainVisualBg.png) no-repeat center center;
    display: block;
    background-size: cover;
}
#mainVisual .content {width: 1000px;}
#mainDes {width: 500px; font-size: 18px; text-align: right; margin-top: 200px;}
#mainDes .desLink {
    background: url(/project/diagnosis/images/mainDes.png) no-repeat left center;
}
#mainDes .desLink span {width: 95px; height: 35px; text-align: center; background-color: #00a7bc;
    padding: 7px 10px; color: #fff;}
#mainDes .desLink span a {color: #fff;}
#mainDes p {border-top: 2px solid #bbb; padding: 10px 0 0 5px; text-align: justify; margin-top: 1px;}
#mainVisual h2 {color: #666; line-height: 1.2em; font-size: 2.5em; margin-bottom: 25px; display: none;}
#mainVisual .topBtn {width: 580px; margin: 0 auto;}
#mainVisual .btn  {/*float:left;*/ width: 250px; height: 55px; line-height: 55px; font-size: 1.65em;
    color: #fff; border-radius: 3px; cursor: pointer; margin: 100px auto 0; border: 1px solid #ccc;}
#mainVisual #start.btn  {width: 250px; background-color: #ff7e00; color: #fff; border: 1px solid #ff7e00;}
#mainVisual #caseStudy.btn, #mainVisual #getInfo.btn {width: 150px; margin-right: 10px;}
#mainVisual #caseStudy.btn a, #mainVisual #getInfo.btn a {display: block; color: #666;}
#mainVisual #caseStudy.btn a:hover, #mainVisual #getInfo.btn a:hover,
#mainVisual #start.btn:hover  {background-color: #ff5c50; color: #ffffff;}
#mainVisual #start {
	margin: 100px 0 0;
}
.iphCode {
	position: relative;
}
#scalCode {
	position: absolute;
	right: 3px;
	top:90px;
	font-size: 18px;
}


#choiceIndustry {
    color: #fff;
    height: 1080px;
    background: url(/project/diagnosis/images/sectionEvenBg.png) no-repeat right bottom #00a7bc;}
#choiceIndustry h2 {font-size: 1.75em; margin-bottom: 35px;}
#choiceIndustry button.btn {color: #fff; font-size: 1.3em; width: 300px;
    background-color: transparent; float: left; text-align: left; margin-bottom: 50px;
    padding-left: 10px; border-radius: 3px;}
#choiceIndustry .indName {line-height: 45px; display: inline-block;
    background: url(/project/diagnosis/images/indIcon.png) no-repeat left top transparent;
    padding-left: 40px;}
#choiceIndustry #other {
    width: 245px; padding: 0 0 0 40px;
    margin-left: 15px;
    background: url(/project/diagnosis/images/indIcon.png) no-repeat left -1260px transparent;
    float: left; position: relative; text-align: left; height: 45px;
}
#choiceIndustry input#otherInd {
    width: 200px; line-height: 45px;
    padding-left: 10px; border-radius: 3px;
    background-color: #d6faff; height: 40px; font-size: 1.3em;}
#choiceIndustry button#X {color: #fff; font-size: 1.1em; width: 55px; line-height: 40px;
    background-color: #005965; position: absolute; top: 0; left:235px;}
#otherInd::-webkit-input-placeholder {font-size: 16px; color: #444;}
#otherInd:-moz-placeholder {/* Firefox 18- */ font-size: 16px; color: #444;}
#otherInd::-moz-placeholder { /* Firefox 19+ */  font-size: 16px; color: #444;}
#otherInd:-ms-input-placeholder {font-size: 16px; color: #444;}
#choiceIndustry #C08 .indName {background-position: left 0;}
#choiceIndustry #C10 .indName {background-position: left -90px;}
#choiceIndustry #C11 .indName {background-position: left -180px;}
#choiceIndustry #C17 .indName {background-position: left -270px;}
#choiceIndustry #C18 .indName {background-position: left -360px;}
#choiceIndustry #C20 .indName {background-position: left -450px;}
#choiceIndustry #C21 .indName {background-position: left -540px;}
#choiceIndustry #C24 .indName {background-position: left -630px;}
#choiceIndustry #C25 .indName {background-position: left -720px;}
#choiceIndustry #C2599 .indName {background-position: left -810px;}
#choiceIndustry #C26 .indName {background-position: left -900px;}
#choiceIndustry #C27 .indName {background-position: left -990px;}
#choiceIndustry #C29 .indName {background-position: left -1080px;}
#choiceIndustry #C30 .indName {background-position: left -1170px;}
#choiceIndustry #C1202 .indName {background-position: left -1350px;}
#choiceIndustry button:hover, #choiceIndustry button.selected {background-color: #038696;}

#question19.section ol, #question20.section ol, #question21.section ol,
#question19.resultSection ol, #question20.resultSection ol, #question21.resultSection ol {
    margin: 25px 0 20px 65px;}
#question19 li, #question20 li, #question21 li {margin: 0 0 7px;}
.btnOK, .btnIgnore {display: block; color: #fff; font-size: 18px; width: 200px; height: 40px;
    border-radius: 3px; background-color: #f6a828;}
.btnOK {width: 200px;}
.sectionEven .btnIgnore, .sectionEven .btnOK {color: #6e1000; background-color: #ffecbf;
    border: 1px solid #fff;}
.btnGroup {margin: 60px auto 0; text-align: center;}
#question19 .btnGroup, #question20 .btnGroup, #question21 .btnGroup {margin: 20px auto 0;}
.btnGroup .btnOK, .btnGroup .btnIgnore {display: inline;}
.percent {text-align: center;}
.btnOK:hover, .btnIgnore:hover, .sectionEven .btnIgnore:hover {background-color: #ff5c50;}
.sectionEven .btnIgnore:hover, .sectionEven .btnOK:hover {color: #fff;}
.mutipleNote {margin-bottom: 15px; font-size: 18px; font-weight: bold;}

.slider {width: 842px; margin-left: 35px;}
/*.result {display: none;}*/
.level {color: #888; width: 130px; float: left; text-align: left; margin-left: 35px; font-weight: bold;}
.sectionEven .level {color: #222;}
.slider19, .slider20, .slider21 {width: 700px; float: left;}
.remain {font-size: 1.25em; font-weight: bold;}

#contact {background: url() no-repeat left bottom #00a7bc; position: relative;}
#contact h2 {font-size: 36px; margin-bottom: 30px;}
#contactInput input {font-size: 19px; color: #000; display: block; width: 380px; height: 40px;
    float: left; margin: 0 0 20px 30px; padding-left: 10px; background-color: #ade5ec;
    border: 1px solid #fff; border-radius: 3px;}
#contactInput input.noInput {background-color: #ffecbf; -moz-box-shadow: 0px 0px 3px 3px #ccc;
    -webkit-box-shadow: 0px 0px 3px 3px #ccc; box-shadow: 0px 0px 3px 3px #ccc;}
#contact label {display: block; width: 270px; margin: 0 auto;}
#contact span.hideLabel, #choiceIndustry span.hideLabel {display: none;}
#contact input#agree {margin-right: 5px;}
#contact a {color: #fff;}
#contact a:hover {text-decoration: underline;}
#submit {display: block; width: 200px; height: 45px; border-radius: 3px; border: 1px solid #fff;
    background-color: #ff7e00; font-size: 21px; color: #fff; margin: 25px auto 0; cursor: pointer;}
.contact::-webkit-input-placeholder {font-size: 19px; color: #000;}
.contact:-moz-placeholder {/* Firefox 18- */ font-size: 19px; color: #000;}
.contact::-moz-placeholder { /* Firefox 19+ */  font-size: 19px; color: #000;}
.contact:-ms-input-placeholder {font-size: 19px; color: #000;}

/*#part02 .content {margin-top: 50px;}
#part03 .content {margin-top: 50px;}
.part {display: none; width: 100%; min-width: 900px; padding: 0; text-align: center;}
.part .content img {width: 100%;}
.part iframe {width: 900px; height: 100%; margin: 0 auto; display: block; background-color: #333;}
.showBtn {width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; float: left; border: 2px solid #ff7e00; margin-right: 10px; color: #ff7e00; font-size: 15px;}
.cat {font-size: 21px; line-height: 27px; font-weight: bold; margin-top: 10px; cursor: pointer;}
*/
/*切圖*/
#part01 {overflow: hidden; height:900px;}
#part01 img {margin-top: -80px;}
#part02 {overflow: hidden; height:400px; overflow: hidden;margin-top: 80px;}
#part02 img {margin-top: -80px;}
#part03 {overflow: hidden; height:615px; overflow: hidden;margin-top: 50px;}
#part03 img {margin-top: -475px;}
.part {display: none; width: 100%; min-width: 900px; padding: 0; text-align: center;}
.part .content img {width: 900px;}
.part iframe {width: 900px; height: 100%; margin: 0 auto; display: block; background-color: #333;}
.showBtn {width: 24px; height: 24px; line-height: 24px; text-align: center; display: block;
    float: left; border: 2px solid #ff7e00; margin-right: 10px; color: #ff7e00; font-size: 15px;}
.cat {font-size: 21px; line-height: 27px; font-weight: bold; margin-top: 10px; cursor: pointer;}

.resultSection {display: none; margin: 0 0 20px;}
.resultDetail {padding: 0 0 20px; display: none;}
.resultDetail .content {padding: 30px 0 40px; line-height: 24px; color: #555;}
.resultDetail h3 {font-size: 19px;}
.resultSection ol {margin-top: 10px;}
.resultSection ol>li {margin: 0 0 10px; font-size: 16px}
/*.dashedLine {border-bottom: 1px dashed #999;}*/
#resultCompany {color: #00a7bc;}
#resultInfo {font-size: 19px; display: none;}
#resultInfo h3, #relative h3 {font-size: 27px; margin-bottom: 20px; color: #444;}
#resultInfo ul {width: 850px; margin: 0 auto;}
#resultInfo ul li {width: 280px; float: left; margin-bottom: 10px;}
#form2, #relative {position: relative; padding: 50px 0 60px; display: none;}
#form2 {padding-bottom: 0;}
#form2.section2 {height: auto;}
#form2 ol {margin: 20px auto; font-size: 21px; width: 750px;}
#form2 li {list-style: decimal inside none; text-align: left; margin: 0 0 15px; line-height: 36px;}
#form2 input[type=checkbox] {width: 20px; height: 20px; }
#form2 input[type=radio] {margin-left: 25px; width: 20px; height: 20px;}
/*#form2 input#dtype0, #form2 input#dtype1 {margin-left: 0;}*/
#form2 #employee {display: none; float: right;}
#form2 .employee {font-size: 17px;}
#form2 .employee input {font-size: 19px; color: #000; width: 100px; padding-left: 10px;
    background-color: #eee; border: 1px solid #aaa; border-radius: 0px;}
#form2 label.dtype {margin-left: 25px;}
#form2 textarea {width: 725px; margin-left: 25px;}
#form2 span {font-family: "微软雅黑"; cursor: pointer;}
#form2 #contactCheck {margin-left: 45px; display: none;}
#form2 .contactCheck {font-size: 17px; display: block; width: 50%; float: left;}
#form2 .contactCheck input {font-size: 19px; color: #000; width: 45%; padding-left: 10px;
    background-color: #eee; border: 1px solid #aaa; border-radius: 0px;}
#submitForm2 {display: block; width: 200px; height: 45px; border-radius: 3px;
    background-color: #ff7e00; font-size: 21px; color: #fff; margin: 25px auto 0; cursor: pointer;}
.changePadding {padding: 20px 0;}
#viewAll, #viewAllTop {text-align: center; padding: 10px; display: none; font-size: 19px;}
#viewAllTop {padding: 0;}

.artical {width: 270px; float: left; margin-right: 45px;}
.artical img {width: 270px; height: auto;}
.artical a {color: #333;}
.artical a:hover {color: #ffab17;}
#artical3.artical {margin-right: 0;}

@media screen and (max-width: 768px) {
	* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	html, body {height: auto; width: 100%;}
	h2 {text-align: center; font-size: 48px; color: #fff; line-height: 48px;}
	h3 {font-size: 27px; line-height: 36px;}
	.section, .section2 {width: 100%; min-width: 100%; height: auto; padding: 50px 10px; margin: 0;
        letter-spacing: 0;}
	.section:before {content: ""; height: auto; display: block;}
	.section ol {margin: 25px 0 35px 30px; list-style-position: outside;}
	.section ol>li, .resultSection ol>li {margin-bottom: 10px;}
	.content {width: 100%; margin: 0; position: relative;}
	.height600 {height: auto;}

	#loading {min-width: 100%;}
	#loading p {font-size: 1.5em;}

	#thx {min-width: 100%; position: fixed; z-index: 999999; text-align: center;
        font-size: 21px; line-height: 36px; display: none;}
	#thxContent {width: 89%; padding: 50px 5%;}
	#goIndex {width: 100%; height: auto; line-height: 27px; padding: 2%;}

	#progressBar {min-width: 100%; height: 50px;}
	.progressBg {height: 50px;}
	#progressBar p {line-height: 50px; font-size: 1.25em; width: 100%;}
	#reviewAnswer {padding: 3px 5px;}

	#mainVisual {background: url() no-repeat center top;}
	#mainVisual .senction {padding: 30px 10px;}
	#mainVisual .content {width: 100%;}
	#mainDes {width: 100%; font-size: 18px;text-align: right; margin-top: 40px;}
	#mainDes .desLink span {width: 95px; height: 35px; text-align: center;
        background-color: #00a7bc; padding: 7px 10px; color: #fff;}
	#mainDes p {border-top: 2px solid #bbb; padding: 10px 0 0 5px;
        text-align: justify; margin-top: 1px;}
	#mainVisual h2 {display: block;}
	#mainVisual .topBtn {width: 100%;}
	#mainVisual .btn  {float:none; }
	#mainVisual #start.btn  {width: 50%; margin: 70px auto 0;}
	#mainVisual #caseStudy.btn, #mainVisual #getInfo.btn {display: none;}
	#scalCode {
		display: none;
	}

	#choiceIndustry button.btn {font-size: 1.5em; width: 100%; float: none; text-align: left;
        margin-bottom: 20px;}
	#choiceIndustry #other {width: 250px; margin-left: 12px; padding: 7px 0 0 40px;
        background-image: url(/project/diagnosis/images/indIcon.png);
        float: left; position: relative; text-align: left;}
	#choiceIndustry input#otherInd {width: 200px; line-height: 30px;
        padding-left: 10px; border-radius: 3px; height: 30px;}
	#choiceIndustry button#X {color: #fff; font-size: 1.1em; width: 55px;
        height: 31px; line-height: 31px; position: absolute; top: 8px; left:95%;}
	#choiceIndustry #C11 .indName {font-size: 1em;}

	.btnOK, .btnIgnore {margin: 15px auto 0; width: 70%; border-radius: 3px; background-color: #f6a828;}
	.btnOK {margin-top: 35px;}
	#question19 .btnOK, #question20 .btnOK, #question21 .btnOK {margin-top: 0;}
	.sectionEven .btnIgnore {color: #6e1000; background-color: #ffecbf;}
	.btnGroup {width: 100%; margin: 0 auto; text-align: center;}
	.mutipleNote { width: 90%; margin: 0 auto;}

	.slider {width: 75%; margin: 0 auto;}
	.level {width: 130px; float: none; text-align: left; margin-left: 8%; display: block;}
	.slider19, .slider20, .slider21 {width: 75%; float: none; margin: 0 auto;}
	.remain {font-size: 1.25em; font-weight: bold;}

	#contact h2 {font-size: 30px;}
	#contactInput input {font-size: 19px; width: 90%; height: 50px; float: none; margin: 0 auto 20px;
        padding-left: 10px;}
	#submit {width: 50%; height: 50px; line-height: 50px;}
	
	.part {min-width: 100%;}
	.part .content {height: 100%;}
	.part .content img {width: 100%;}
	.part iframe {width: 100%; height: 100%;}
	.resultSection {padding: 0 10px;}
	.resultDetail .content { padding: 30px 0 20px;}
	.resultSection ol {margin: 0 0 35px 30px; list-style-position: outside;}
	#resultInfo {font-size: 19px; display: none;}
	#resultInfo ul {width: 100%; margin: 0 auto 15px;}
	#resultInfo ul li {width: 100%; float: none; margin-bottom: 10px;}

	#form2, #relative {position: relative; padding: 100px 10px 60px; display: none;}
	#form2.section2 {height: auto;}
	#form2 ol {margin: 20px auto; font-size: 21px; width: 100%;}
	#form2 li {list-style: decimal outside none; text-align: left; margin: 0 0 15px 30px;
        line-height: 36px;}
	#form2 #employee {display: none; float: none;}
	#form2 .employee {margin: 0 0 0 25px; }
	#form2 label.dtype {margin: 0;}
	#form2 label {margin: 0; display: block;}
	#form2 input[type=checkbox] {width: 20px; height: 20px; }
	#form2 input[type=radio] {margin: 0; width: 20px; height: 20px;}
	#form2 textarea {width: 95%; margin: 0 auto;}
	#form2 span {font-family: "微软雅黑"; cursor: pointer;}
	#form2 #contactCheck {margin-left: 0; display: none;}
	#form2 .contactCheck {width: 100%; float: none;}
	#form2 .contactCheck input {width: 65%;}
	#submitForm2 {display: block; width: 50%; height: 45px; border-radius: 3px;
        background-color: #ff7e00; font-size: 21px; color: #fff; margin: 25px auto 0;
        cursor: pointer;}
	#form2 .fa {display: none;}
	#relative {padding-top: 30px;}
	.artical {width: 100%; float: none; margin: 0 auto 20px;}
	.artical img {width: 100%; height: auto;}
	.artical h4 {font-size: 1.5em;}
	#artical3.artical {margin-right: auto;}
}

@media screen and (max-width: 480px) {
	* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	html, body {height: auto; width: 100%;}
	h2 {text-align: center; font-size: 48px; color: #fff; line-height: 48px;}
	h3 {font-size: 27px; line-height: 36px;}
	#navLeft h1 {
		font-size: 27px;
		line-height: 44px;
	}

	#navLeft h2 {
		font-size: 21px;
		line-height: 33px;
		margin-bottom: 0;
	}
	.section, .section2 {width: 100%; min-width: 100%; height: auto; padding: 50px 10px; margin: 0;
        letter-spacing: 0;}
	.section:before {content: ""; height: auto; display: block;}
	.section ol {margin: 25px 0 35px 30px; list-style-position: outside;}
	.section ol>li, .resultSection ol>li {margin-bottom: 10px;}
	.content {width: 100%; margin: 0; position: relative;}
	.height600 {height: auto;}

	#loading {min-width: 100%;}
	#loading p {font-size: 1.5em;}

	#thx {min-width: 100%; position: fixed; z-index: 999999; text-align: center; font-size: 21px; line-height: 36px; display: none;}
	#thxContent {width: 89%; padding: 50px 5%;}
	#goIndex {width: 100%; height: auto; line-height: 27px; padding: 2%;}

	#progressBar {min-width: 100%; height: 50px;}
	.progressBg {height: 50px;}
	#progressBar p {line-height: 50px; font-size: 1.25em; width: 100%;}

	#mainVisual {background: url() no-repeat center top; display: block;}
	#mainVisual .senction {padding: 30px 10px;}
	#mainVisual .content {width: 100%;}
	#mainDes {width: 100%; font-size: 18px;text-align: right; margin-top: 40px;}
	#mainDes .desLink span {width: 95px; height: 35px; text-align: center; background-color: #00a7bc;
        padding: 7px 10px; color: #fff;}
	#mainDes p {border-top: 2px solid #bbb; padding: 10px 0 0 5px; text-align: justify; margin-top: 1px;}
	#mainVisual #start {width: 70%; margin: 50px auto 0;}
	#mainVisual h2 {display: block;}

	#choiceIndustry button.btn {font-size: 1.5em; width: 100%; float: none; text-align: left;
        margin-bottom: 20px;}
	#choiceIndustry #other {width: 250px; margin-left: 12px; padding: 7px 0 0 40px;
        background-image: url(/project/diagnosis/images/indIcon.png); float: left;
        position: relative; text-align: left;}
	#choiceIndustry input#otherInd {width: 200px; line-height: 30px; padding-left: 10px;
        border-radius: 3px; height: 30px;}
	#choiceIndustry button#X {color: #fff; font-size: 1.1em; width: 55px; height: 31px; line-height: 31px;
        position: absolute; top: 8px; left:95%;}
	#choiceIndustry #C11 .indName {font-size: 1em;}

	.btnOK, .btnIgnore {margin: 15px auto 0; width: 70%; border-radius: 3px; background-color: #f6a828;}
	.btnOK {margin-top: 35px;}
	#question19 .btnOK, #question20 .btnOK, #question21 .btnOK {margin-top: 0;}
	.sectionEven .btnIgnore {color: #6e1000; background-color: #ffecbf;}
	.btnGroup {width: 100%; margin: 0 auto; text-align: center;}
	.mutipleNote { width: 90%; margin: 0 auto;}

	.slider {width: 75%; margin: 0 auto;}
	.level {width: 130px; float: none; text-align: left; margin-left: 8%; display: block;}
	.slider19, .slider20, .slider21 {width: 75%; float: none; margin: 0 auto;}
	.remain {font-size: 1.25em; font-weight: bold;}

	#contact h2 {font-size: 30px;}
	#contactInput input {font-size: 19px; width: 90%; height: 50px; float: none; margin: 0 auto 20px;
        padding-left: 10px;}
	#submit {width: 70%; height: 50px; line-height: 50px;}
	
	.part {min-width: 100%;}
	.part .content {height: 100%;}
	.part .content img {width: 100%;}
	.resultSection {padding: 0 10px;}
	.resultDetail .content { padding: 30px 0 20px;}
	.resultSection ol {margin: 0 0 35px 30px; list-style-position: outside;}
	#resultInfo {font-size: 19px; display: none;}
	#resultInfo ul {width: 100%; margin: 0 auto 15px;}
	#resultInfo ul li {width: 100%; float: none; margin-bottom: 10px;}

	#form2, #relative {position: relative; padding: 100px 10px 60px; display: none;}
	#form2.section2 {height: auto;}
	#form2 ol {margin: 20px auto; font-size: 21px; width: 100%;}
	#form2 li {list-style: decimal outside none; text-align: left; margin: 0 0 15px 30px; line-height: 36px;}
	#form2 .employee {margin: 0 0 0 25px; }
	#form2 label.dtype {margin: 0;}
	#form2 label {margin: 0; display: block;}
	#form2 input[type=checkbox] {width: 20px; height: 20px; }
	#form2 input[type=radio] {margin: 0; width: 20px; height: 20px;}
	#form2 textarea {width: 95%; margin: 0 auto;}
	#form2 span {font-family: "微软雅黑"; cursor: pointer;}
	#form2 #contactCheck {margin-left: 0; display: none;}
	#form2 .contactCheck {width: 100%; float: none;}
	#form2 .contactCheck input {width: 65%;}
	#submitForm2 {display: block; width: 70%; height: 45px; border-radius: 3px;
        background-color: #ff7e00; font-size: 21px; color: #fff; margin: 25px auto 0; cursor: pointer;}
	#form2 .fa {display: none;}
	#relative {padding-top: 30px;}
	.artical {width: 100%; float: none; margin: 0 auto 20px;}
	.artical img {width: 100%; height: auto;}
	.artical h4 {font-size: 1.5em;}
	#artical3.artical {margin-right: auto;}
}