*:facus {
	outline: none;
}

html, body {
    height: 100%;
    min-height: 100%;
}

b{
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.75);
}

.color0{
	color: #094f2c;
/*	text-shadow: 0 0 30px #e6240f;*/
}

.color1{
	color: #08508d;
/*	text-shadow: 0 0 25px #3977bc;*/
}

.color2{
	color: #774927;
/*	text-shadow: 0 0 20px #a23d93;*/
}

.color3{
	color: #4698d3;
/*	text-shadow: 0 0 20px #1aa1a9;*/
}

.color4{
	color: #37a044;
/*	text-shadow: 0 0 20px #db3f3f;*/
}

.color5{
	color: #f89f52;
/*	text-shadow: 0 0 20px #f26f39;*/
}

.color6{
	color: #dd4c44;
/*	text-shadow: 0 0 20px #b00000;*/
}

.colorOther{
	color: #505050;
/*	text-shadow: 0 0 15px #808080;*/
}

#headerField {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#container {
    min-height: 100%;
	position: relative;
}

#container .ctx {
    padding: 25px 15px 15px;
}

#container .ctx .caption {
	margin-bottom: 30px;
	padding-left: 10px;
	border: solid 5px lightgray;
	border-width: 0 0 0 5px;
	text-align: left;
	font-size: 28px;
	font-weight: bolder;	
}

#container .ctx .breadcrumb{
	margin-top: 10px;	
	float: right;	
	font-weight: normal;
	font-size: 12px;
	color: #aaa;

	display: none;
}

#container .ctx .breadcrumb a{
	font-weight: normal;
	font-size: 12px;
	color: #aaa;	
}

#container .ctx .breadcrumb .home{
	width: 15px;
	height: 15px;	
	display: inline-block;
	vertical-align: top;
	background: url(../img/csr/menu_home.png);
	cursor: pointer;
}

.breadcrumb .last{
	color: #303030;
}

#container .ctx > .title{
    text-align: center;
    /*font-style: italic;*/
    font-weight: bold;
	font-size: 24px;
}

#container .ctx > .subTitle{
    /*margin: 0 0 -10px;*/
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #303030;
    text-shadow: 0 0 0 #303030, 0 0 1px rgba(48, 48, 48, 0.50);
}

#container .ctx .firstTxt{
	margin: 0 3px 0 0;
	font-size: 180%;
	font-weight: bold;
	text-shadow: 2px 2px #e0e0e0;
	color: #808080;
}

#container .ctx .imgWrapR150{
	width: 150px;
	margin: 15px 0 5px 30px;
	float: right;
}

#container .ctx .imgWrapR200{
	width: 200px;
	margin: 15px 0 5px 30px;
	float: right;
}

#container .ctx .imgWrapR250{
	width: 250px;
	margin: 15px 0 5px 30px;
	float: right;
}

#container .ctx .imgWrapR350{
	width: 350px;
	margin: 15px 0 5px 30px;
	float: right;
}

#container .ctx .imgWrapR450{
	width: 450px;
	margin: 15px 0 5px 20px;
	float: right;
}

#container .ctx .imgWrapR550{
	width: 550px;
	margin: 15px 0 5px 30px;
	float: right;
}

#container .ctx .imgWrapR650{
	width: 650px;
	margin: 15px 0 5px 30px;
	float: right;
}

.img100 {
	border: none !important;
}

#container .ctx .topic{
	margin: 2px 0;
    padding: 30px 35px 20px;
    box-sizing: border-box;
    /* border-top-left-radius: 25px; */
	/* border-top-right-radius: 25px; */
}

#container .ctx .topicColor0{
    border: solid 1px #094f2c;
	border-top: solid 5px #094f2c;
    background: #ffffff;
}

#container .ctx .topicColor2{
    border: solid 1px #774927;
	border-top: solid 5px #774927;
    background: #efeae1;
}

#container .ctx .topicColor3{
    border: solid 1px #4698d3;
	border-top: solid 5px #4698d3;
    background: #ffffff;
}

#container .ctx .topicColor4{
    border: solid 1px #37a044;
	border-top: solid 5px #37a044;
    background: #ffffff;
}

#container .ctx .topicColor5{
    border: solid 1px #ff9027;
	border-top: solid 5px #ff9027;
    background: #ffffff;
}

#container .ctx .topicColor6{
    border: solid 1px #dd4c44;
	border-top: solid 5px #dd4c44;
    background: #ffffff;
}

#container .ctx .topic b{
	padding: 5px 20px;
    display: inline-block;
    vertical-align: middle;
	border-radius: 20px;
	text-align: left;
    font-weight: bold;
    font-size: 20px;
}

#container .ctx .topic b i{
    margin: -5px 0 0;
    vertical-align: middle;
}

#container .ctx .topicColor0 b{
	border: solid 1px #094f2c;
    color: #094f2c;
}

#container .ctx .topicColor2 b{
	border: solid 1px #774927;
    color: #774927;
}

#container .ctx .topicColor3 b{
	border: solid 1px #4698d3;
    color: #4698d3;
}

#container .ctx .topicColor4 b{
	border: solid 1px #37a044;
    color: #37a044;
}

#container .ctx .topicColor5 b{
	border: solid 1px #ff9027;
    color: #ff9027;
}

#container .ctx .topicColor6 b{
	border: solid 1px #dd4c44;
    color: #dd4c44;
}

#container .scrollContainer{
	width: 100%;
	overflow-x: auto;
    overflow-y: hidden;
	text-align: center;
}

.goButton {
	padding: 5px 10px;
	position: Fixed;
	right: 20px;	
	box-shadow: -1px -1px 2px #808080 inset;
	border: solid 1px #c0c0c0;
	font-size: 18px;
	color: #a0a0a0;
	background: #fff;
	cursor: pointer;	
}

.goTop {
	bottom: 112px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.goBottom {
    top: auto;
	bottom: 80px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.goTop:hover, .goBottom:hover {
	color: #505050;
}

.goTop:active, .goBottom:active{
	box-shadow: 2px 2px 3px #505050 inset;
}

@media screen and (max-width: 1200px) {
    .breadcrumb{
		margin: 0 0 5px;
		float: none;
		display: none;
	}
    
    #container .ctx .topicColor0, #container .ctx .topicColor1, #container .ctx .topicColor2, #container .ctx .topicColor3, #container .ctx .topicColor4, #container .ctx .topicColor5, #container .ctx .topicColor6{
        padding: 20px 15px 15px;
    }
    
    #container .ctx .img80, #container .ctx .img100, #container .ctx .imgWrapR150, #container .ctx .imgWrapR200, #container .ctx .imgWrapR250, #container .ctx .imgWrapR350, #container .ctx .imgWrapR450, #container .ctx .imgWrapR550, #container .ctx .imgWrapR650{
		width: 100%;
		margin: 10px 0 ;
		float: none;
		box-shadow: none;
	}
}