body {
	/*background-color : #CCCCCC!important;*/
}

a{
	cursor : pointer;
}

p img{
	max-width: 100%;
}

#header_img img{
	max-width:100%;
} 

p{
	margin : 5px 0px!important;
}

h1 {
	font-weight: bold!important;
	margin-top: 5px!important;
    margin-bottom: 0px!important;
	background-color: #edecec!important;
}

hr {
    border-top: 1px solid #afafaf!important;
}

.container{
	padding : 0px 20px;
	/*border: 1px solid #659873;
    background-color: #FFFFFF;
    border-radius: 10px;*/
}

.hover{
	filter : alpha(opacity=84);
	-moz-opacity : 0.84;
	opacity : 0.84;
	font-weight : bold!important;
}

.btn_menu:hover, .btn_menu:focus, .btn_menu.focus {
    color: #ffffff!important;
}

.input_need{
	border : 2px solid #6495ed!important;
}

.btn_B {
	background-color : blue;
	color : #FFFFFF;
}

.btn_B2 {
	background-color : #477efc;
	color : #FFFFFF;
}

.btn_R {
	background-color : red;
	color : #FFFFFF;
}

.btn_G {
	background-color : green;
	color            : #EEEEEE;
}

.btn_255 {
	background-color : black;
	color            : #FFFFFF;
}

.btn_Y {
	background-color : #c8c801;
}

.btn_h2o {
	background-color : #75f2e5;
}

.btn_sky {
	background-color : #649bf9;
	color : #FFFFFF;
}

.btn_cmyk1 {
	background-color : #db2edb;
	color : #FFFFFF;
}

.btn_sp1{
	background-color : #d95cac;
	color : #FFFFFF;
}

.btn_mini1 {
	background-color: #eecfcf;
    color: #000000;
    padding: 0px 5px!important;
}

.header_line{
	height : 1px;
	margin-bottom : 10px;
	border : none;
	border-top : 1px solid #2caa7d;
}

.footer_line{
	height : 1px;
	margin : 10px 3px;
	border : none;
	border-top : 1px solid #326598;
}

.float{
	position: absolute;
	display : none;
}

.screen_table{
	display:table;
	width:95px;
	clear:both;
	cursor : pointer;
	margin:auto auto;
}

.screen_tr{
	display:table-cell;
	height:30px;
	vertical-align: middle;
	width : 100%;
	border: 2px solid #555555;
	border-radius: 20px;
}

.screen_td{
	width : 100%;
	font-size: 9px;
	text-align : center;
}

.screen_space div{
	width  : 49%;
	height : 10px;
	float : left;
}

.screen_space_left{
	border : none;
	border-right : 1px solid #555555;
}

.screen_space_right{
	border : none;
	border-left : 1px solid #555555;
}

.screen_active{
	background-color : #695847;
	color : #FFFFFF;
}


#top{
	display: table;
    width: 100%;
    /*height: 100px;*/
}

#top div{
	/*display: table-cell;*/
	vertical-align: middle;
	float : none!important;
}

#menu_pc{
	background-color : #00008b;
}

#footer_link{
	margin-left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	text-align: center;
}

#footer_copyright{
	clear:both;
	padding:3px;
	background-color:#00008b;
	color:#FFFFFF;
	border-radius: 0px 0px 10px 10px;
}

.navbar-header{
	background-color: #eee;
}

.select2{
	width : 100%;
}

#bs-example-navbar-collapse-1{
	max-height : 400px!important;
	background-color: #eee;
	border-bottom : 1px solid #cccccc;
}

#float_cm1,#float_cm2{
	padding : 1px;
	position:fixed;
	/*top:180px;*/
	left :5px;
	border: 1px solid #20aaab;
	top  : 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#float_cm2{
	left:100%;
	transform: translateX(-102%) translateY(-50%);
	-ms-transform: translateX(-102%) translateY(-50%);
	-o-transform: translateX(-102%) translateY(-50%);
}

#float_cm3{
	position:fixed;
	top:100%;
	left:0px;
	border: 1px solid #20aaab;
	display:none;
	width : 100%;
	transform: translateY(-102%);
	-ms-transform: translateY(-102%);
	-o-transform: translateY(-102%);
}

.cm_close {
	position: absolute;
    top: 0px;
    left: 100%;
    transform: translateX(-102%);
}

@media(max-width: 768px){
	#header_img{
		width: 100%;
	}
	#float_cm1,#float_cm2{
		display:none;
	}
	#float_cm3{
		display:block;
	}
}

@media(min-width: 768px){
	#top{
		height: 100px;
	}
	
	#login_div {
		position: absolute;
		margin-top: -25px;
	}
	#header_img{
		width: 73%;
	}
}

@media(min-width: 992px){
	#login_div {
		position: absolute;
		margin-top: -35px;
	}
	#header_img{
		width: 73%;
	}
}

@media(min-width: 1250px){
	#login_div {
		position: absolute;
		margin-top: -45px;
	}
	#header_img{
		width: 73%;
	}
}

@media(min-width: 768px){
	#menu1{width:95px}
	#menu2{width:110px}
	#menu3{width:130px}
	#menu4{width:110px}
	#menu5{width:100px}
	#menu6{width:150px}
}

@media(min-width: 992px){
	#menu1{width:150px}
	#menu2{width:150px}
	#menu3{width:150px}
	#menu4{width:150px}
	#menu5{width:150px}
	#menu6{width:150px}
}