/*https://colorate.azurewebsites.net/Color/EFEDDE*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block}
/*-----------------------Div----------------------------------*/
.divUnderLine {padding-top:10px;border-bottom: 1px solid #ccc;}

.span00 {padding-top: 0px; padding-bottom: 0px;}
.span11 {padding-top: 1px;padding-bottom: 1px;}
.span30 {padding-top: 3px; padding-bottom: 0px;}
.span33 {padding-top: 3px; padding-bottom: 3px;}
.span15 {padding-top: 1px;padding-bottom: 5px;}
.span19 {padding-top: 1px; padding-bottom: 9px;}

.span24 {padding-top: 2px;padding-bottom: 4px;}
.span50 {padding-top: 5px;padding-bottom: 0px;}
.span51 {padding-top: 5px;padding-bottom: 1px;}
.span55 {padding-top: 5px;padding-bottom: 1px;}
.span85 {padding-top: 8px; padding-bottom: 5px;}
.span95 {padding-top: 9px; padding-bottom: 5px;}
.span91 {padding-top: 9px; padding-bottom: 1px;}

.topDiv {padding-top: 10px;padding-bottom: 5px;}
.span1010 {padding-top: 10px;padding-bottom: 10px;}
.span1000 {padding-top: 10px;padding-bottom: 0px;}
.span1005 {padding-top: 10px;padding-bottom: 5px;}
.span1505 {padding-top: 15px;padding-bottom: 5px;}
.span2000 {padding-top: 20px;padding-bottom: 0px;}
.span0510 {padding-top: 5px;padding-bottom: 10px;}

lineHeight15 {line-height:1.5em;}
lineHeight20 {line-height:2em;}

.verse {text-align:left;padding-top:3px;}
.wordBreak {word-break: break-all; word-wrap: break-word; white-space: pre-wrap; word-spacing: 0.1em;}
.wordKeep {word-break:keep-all}

.keepWord {word-break:keep-all;}
.nowrap {white-space:nowrap;}

.float-left{ float: left;text-align:left; width:100%; }

.foot {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0px;
	border:1px solid #C8C8C8;
}

.footcontent {
	padding-bottom: 20px;
	padding-top: 5px;
	padding-left: 0px;
}
.cross {
	padding-top: 1em;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: 2px solid #C8C8C8;
}


.titleRecite {
	width:100%;
	text-align:left;
	FONT-SIZE:1.2em;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	border:1px solid #C8C8C8;
}
	

#t1{
	padding-bottom: 0px;
	padding-left: 0px;
	margin:0 0 0 5px;
}

.contast{word-break : break-all; word-wrap : break-word ;white-space: pre-wrap;border-bottom: 1px solid #ccc; FONT-SIZE:1.2em;}
.contast0{color: #FF7F00;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast1{color: #912CEE;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast2{color: #FFC125;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast3{color: #FFAEB9;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast4{color: #FF83FA;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast5{color: #FF7256;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast6{color: #D02090;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast7{color: #8B8B83;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast8{color: #FF7F00;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast9{color: #912CEE;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast10{color: #FFC125;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast11{color: #FFAEB9;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.contast12{color: #FF83FA;FONT-WEIGHT: bold;FONT-SIZE:1.5em;}
.space { padding-bottom: 20px;}
/*-----------------------顶部链接定义----------------------------------*/
.topTitle {text-align:center; padding-top: 2px; padding-bottom: 2px;  background: url(/images/line.png) 50% top #000;  width:100% !important;}
.leftTitle { padding-top: 2px;padding-bottom: 4px; background-color:#EEFFFF;border:1px solid #EFEDDE;}
.titleLeft { text-align:left; FONT-SIZE:1.6em; FONT-WEIGHT: bold;cursor:hand; COLOR:#FFFFFF;text-decoration: none;padding-bottom: 5px;}
.backHome {text-align:center; padding-top: 2px; padding-bottom: 2px;  background: url(/images/line.png) 50% top #000;  width:100% !important;FONT-WEIGHT: bold;FONT-SIZE:1.6em;}
.leaveTop {height: 3.5em;}



/*FONT-SIZE:1.4em; FONT-WEIGHT: bold;   FONT-SIZE:1.4em; FONT-WEIGHT: bold;*/
/*-----------------------FontSize----------------------------------*/
.font1 {font-size: 0.1em;}
.font5 {font-size: 0.5em;}
.font6 {font-size: 0.6em;}
.font7 {font-size: 0.7em;}
.font8i {font-size: 0.8em !important;}
.font8 {font-size: 0.8em;}
.font9 {font-size: 0.9em;}
.font10 {font-size: 1.0em;}
.font11 {font-size: 1.1em;}
.font12 {font-size: 1.2em;}
.font13 {font-size: 1.3em;}
.font14 {font-size: 1.4em;}
.font15 {font-size: 1.5em;}
.font155 {font-size: 1.55em;}
.font16 {font-size: 1.6em;}
.font17 {font-size: 1.7em;}
.font18 {font-size: 1.8em;}
.font19 {font-size: 1.9em;}
.font20 {font-size: 2.0em;}
.font25 {font-size: 2.5em;}
.font30 {font-size: 3.0em;}
/*-----------------------Fontcolor----------------------------------*/
.black {color:#000000;}
.brightNavy {color: #2040A0;}
.brightOrange {color: #FFC125;}
.brightRed {color:#f15a22;} 
.chocolate {color:Chocolate;}
.mGreen {color:#383;}
.black {color:#000;}
.dark{color:343a40;}
.red {color:red;}
.Ivory {color:#fffff0;}
.darkGray {color:#a9a9a9;}
.lightBlue {color:#EDF7FF;}
.lightGrayishYellow-green { color:#ECEFE0; }
.lightGrey {color:#E0E0E0;}
.lightPink {color: #FF83FA;}
.lightRed {color: #FF7256;}
.mGreen {color:#338833;}
.paleBlue {color: #B2D0EA;}
.paleNavy {color: #EEEEFF;}
.paleRed {color: #FFAEB9;}
.red {color:red;}
.silver {color:#C0C0C0;}
.strongPink {color: #990033;}
.strongRed {color:#c60a00;}
.vividBlue {color: #0162FA;}
.vividOrange {color:#FF7F00;}
.vividPink {color: #D02090;}
.vividPurple {color: #912CEE;}



.blue {color:#007BFF;}
.indigo {color:#6610F2;}
.purple {color:#6F42C1;}
.pink {color:#E83E8C;}
.red {color:#DC3545;}
.orange {color:#FD7E14;}
.yellow {color:#FFC107;}
.sunshineYellow {color:#FFFD37;}
.green {color:#28A745;}
.teal {color:#20C997;}
.cyan {color:#17A2B8;}
.white {color:#FFFFFF;}
.gray {color:#6C757D;}
.gray-dark {color:#343A40;}
.primary {color:#007BFF;}
.secondary {color:#6C757D;}
.success {color:#28A745;}
.info {color:#17A2B8;}
.warning {color:#FFC107;}
.danger {color:#DC3545;}
.light {color:#F8F9FA;}
.dark {color:#343A40;}
/*-----------------------bg-color----------------------------------*/
/*https://colorate.azurewebsites.net/Color/000064*/
.bg-brightCyan  {background-color:#17a2b8;}
.bg-dark{background-color:#343a40;}
.bg-ivory {background-color:#fffff0;}
.bg-lightGrey {background-color:#E0E0E0;}
.bg-paleNavy {background-color:#EEEEFF;}
.bg-pureBlue {background-color:#007bff;}
.bg-softGreen {background-color:#338833;}
.bg-white {background-color:#FFFFFF;}
.gb-gray {background-color:#6c757d;}
.gb-lightGrayishYellow-green {background-color:#ECEFE0;}
.gb-paleBlue {background-color:#EDF7FF;}
.gb-paleCyan {background-color:#EEFFFF;}
.gb-yellow {background-color:#ffff00;}
.gb-yellow {background-color:#ffff00;}
.gb-lightGrayishYellow {background-color:#EFEDDE;}
.gb-paleYellow-green {background-color:#FAFEF0;}
/*-----------------------Border----------------------------------*/
.border2-white {border: 2px solid #ffffff; }
.border-white {border: 1px solid #ffffff; }
.border-paleBlue {border:1px solid #B2D0EA;}
.border-lightGray {border: 1px solid #C8C8C8;}
.border-brightOrange {border: 1px solid #FFC125;}
.border2-brightOrange {border: 2px solid #FFC125;}
.underLine-paleBlue {border-bottom: 1px solid #B2D0EA;}
.underLine-lightGray {border-bottom: 1px solid #C8C8C8;}

.border-lightGrayishYellow {border: 1px solid #EFEDDE;}
/*-----------------------FONT-WEIGHT----------------------------------*/
.bold {FONT-WEIGHT: bold;}
.submit-btn { border-radius: 0.2rem; font-size: 2rem; border: none;}
/*-----------------------text-align----------------------------------*/

.left {text-align:left;}
.center {text-align:center;}
.right {text-align: right;}
.middle {Vertical-align:middle;}
.hr {color: #C8C8C8;height: 1px;shade:no;}

.none {display:none !important;}
.flex {display:flex !important;}

.text-indent1 {text-indent: .1em;}
.text-indent2 {text-indent: .2em;}
.text-indent3 {text-indent: .3em;}
.text-indent4 {text-indent: .4em;}
.text-indent5 {text-indent: .5em;}
/*-----------------------顶部链接定义----------------------------------*/
.mwhite{text-align:center; FONT-WEIGHT: bold; FONT-SIZE:2.2em; line-height:.7em; cursor:hand; }
.tlink:hover {color: #FFFAF0; text-decoration: none; border: 0}
.tlink {color: #FFFFFF; text-decoration: none; border: 0}
.tlink:focus {outline: 0; background-color: rgba(78,205,196,0.1)}



/*-----------------------绿色链接定义------------------------*/
.pdf {text-align:center; FONT-WEIGHT: bold; FONT-SIZE:1em; line-height:.9em; padding-bottom: .1em; }
.pypdf {text-align:center; FONT-WEIGHT: bold; FONT-SIZE:.7em; line-height:.9em; padding-bottom: .1em; }
.prevNext {text-align:center; FONT-WEIGHT: bold; FONT-SIZE:1.8em; }
.messageName {text-decoration: none; padding-top: 20px; font-size: 1.5em; -webkit-font-smoothing: antialiased}
.outline {text-decoration: none; padding-top: 20px; font-size: 1em; -webkit-font-smoothing: antialiased}
.content8 {text-decoration: none; padding-top: 20px; font-size: .8em; -webkit-font-smoothing: antialiased}
.content9 {text-decoration: none; padding-top: 20px; font-size: .9em; -webkit-font-smoothing: antialiased}
.content10 {text-decoration: none; padding-top: 20px; font-size: 1em; -webkit-font-smoothing: antialiased}
.content11 {text-decoration: none; padding-top: 20px; font-size: 1.1em; -webkit-font-smoothing: antialiased}
.content12 {text-decoration: none; padding-top: 20px; font-size: 1.2em; -webkit-font-smoothing: antialiased}
.content13 {text-decoration: none; padding-top: 20px; font-size: 1.3em; -webkit-font-smoothing: antialiased}
.content14 {text-decoration: none; padding-top: 20px; font-size: 1.4em; -webkit-font-smoothing: antialiased}
.content15 {text-decoration: none; padding-top: 20px; font-size: 1.5em; -webkit-font-smoothing: antialiased}
.content {text-decoration: none; padding-top: 20px; font-size: 1.2em; -webkit-font-smoothing: antialiased}
.nolink {color:#C0C0C0; FONT-WEIGHT: bold; FONT-SIZE:1.1em;}
.nolink1 { text-align:center;COLOR:#8F8F8F;text-decoration: none;}
.cursor {cursor: pointer;}
.linkOutline {border: 0}
.linkOutline:focus {outline: 0; background-color: rgba(78,205,196,0.1)}
.blank {position: static; height: 95%; }

#up a{
font-size: 1.2em;background-color: #338833;border: 1px solid #ccc;
    COLOR:#FFFFF0;height: 100%;display: inline-block;
    font-weight: bold;line-height: 1.2em;
}
input[type=checkbox] {
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FireFox */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
}
img {max-width: 100%}
.brandtitle {display: inline-block; padding: 0 0; font-size: 1.5em; color: #fff; }
.brand {display: inline-block; padding: 0 0; font-size: 1.4em; color: #fff; }

.feature {padding: 5em 0 1em 0}/*background-color: #4ecdc4; */
.feature a {text-decoration: none}
.feature strong {color: #fff; font-weight: normal}
.contain {max-width: 1440px; margin: 0 auto; padding: 0 0.2em}
.icon {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased}
.icon--twitter:before {content: "\e000"}
.icon--github:before {content: "\e001"}
.icon--download:before {content: "\e002"}
.icon:before {font-size: 2em; display: inline-block; height: 1.5em; width: 1.5em; line-height: 1}
.icon--up:before {content: "\25B2"}
@media print {
	* {
		background: transparent!important; 	color: #000!important; 	box-shadow: none!important; 	text-shadow: none!important
	}
	a,a:visited {
		text-decoration: none
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: ""
	}
	pre,blockquote {
		border: 1px solid #999; 	page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,img {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}@page {
		margin: .5cm
	}
	p,h2,h3 {
		orphans: 3; 	widows: 3
	}
	h2,h3 {
		page-break-after: avoid
	}
	.hide-from-print {
		display: none
	}
}
.btn {padding: .5em 1em; margin: 0 0 1em 0; display: inline-block; border-radius: .25em; text-align: center; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; color: #6f6f6f; text-shadow: 1px 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(41,47,54,0.2); background-color: #eee; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)}
.btn:hover,.btn:focus,.btn:visited {border: 1px solid rgba(41,47,54,0.2); background-color: #f1ebeb; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2); text-decoration: none}
.btn:focus {border-color: #292f36}
.btn--primary {-webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; color: #292f36; text-shadow: 1px 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(41,47,54,0.2); background-color: #4ecdc4; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)}
.btn--primary:hover,.btn--primary:focus,.btn--primary:visited {border: 1px solid rgba(41,47,54,0.2); background-color: #3dded3; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2); text-decoration: none}
.btn--primary:focus {border-color: #292f36}
.btn--secondary {-webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; color: #fff; text-shadow: 1px 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(41,47,54,0.2); background-color: #ff6b6b; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2); text-shadow: 1px 1px 1px rgba(41,47,54,0.5)}
.btn--secondary:hover,.btn--secondary:focus,.btn--secondary:visited {border: 1px solid rgba(41,47,54,0.2); background-color: #ff6b6b; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2); text-decoration: none}
.btn--secondary:focus {border-color: #292f36}
.btn:active {box-shadow: inset 0 1px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); outline: 0}
.btn--plain,.btn--plain:hover,.btn--plain:active,.btn--plain:focus,.btn--plain:visited {background: 0; border: 0; box-shadow: none}
.btn--plain:hover {color: #292f36}
.btn--full {display: block}
.btn--med {line-height: 1.25; font-size: 1.125em}
.btn--large {line-height: 1.25; font-size: 1.25em; font-weight: normal}


/*
 border-radius: .25em; 
-webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; /*text-shadow: 1px 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(41,47,54,0.2); background-color: #eee; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)*/
.up {padding: .5em 1em; margin: 0 0 1em 0; display: inline-block; border-radius: .25em; text-decoration: none; text-align: right; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; color: #6f6f6f; /*text-shadow: 1px 1px 1px rgba(255,255,255,0.4); border: 1px solid rgba(41,47,54,0.2); background-color: #eee; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px -1px rgba(41,47,54,0.2)*/}
.btt {display: none; position: fixed; right: 5px; bottom: 0; font-size: 1.8em; font-weight: bold; -webkit-transform: translateY(7em); -ms-transform: translateY(7em); transform: translateY(7em)}

@media screen and (min-width:5em) {
	.btt {
		display: block
	}
}
@media screen and (min-width:7em) {
	.btt {
		left: .5em
	}
}
.slide {-webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear}
.slide--reset {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}
.slide--up {-webkit-transform: translateY(-7em); -ms-transform: translateY(-7em); transform: translateY(-7em)}
.slide--down {-webkit-transform: translateY(7em); -ms-transform: translateY(7em); transform: translateY(7em)}
.headroom-title {font-size: 2.5em}
@media(min-width:30em) {
	.headroom-title {
		font-size: 3.5em
	}
}
@media screen and (min-width:40em) {
	.headroom-title {
		font-size: 4.5em
	}
}
.icon:before {font-size: 2em; display: inline-block; height: 1.5em; width: 1.5em; line-height: 1}
.icon--up:before {content: "\25B2"}

.animated {-webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both}
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-7em)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}
@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-7em)
	}
	100% {
		-moz-transform: translateY(0)
	}
}
@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-7em)
	}
	100% {
		-o-transform: translateY(0)
	}
}
@keyframes slideDown {
	0% {
		transform: translateY(-7em)
	}
	100% {
		transform: translateY(0)
	}
}
.animated.slideDown {-webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(-7em)
	}
}
@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}
	100% {
		-moz-transform: translateY(-7em)
	}
}
@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}
	100% {
		-o-transform: translateY(-7em)
	}
}
@keyframes slideUp {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(-7em)
	}
}
.animated.slideUp {-webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp}