body{ background-color: #eeeeee;}
div.w1000{width: 100%; max-width: 1280px; min-width:280px; display: flow-root; margin: auto;} 

div.w1000 div.cleft{float:left; width: 100%; background-color: white; }
div.bookLeft{float: left; width: 290px; background-color: white;position: relative;  margin: 30px 0 30px 0;padding: 20px;}
div.bookRight{float: right; width: calc(100% - 420px); background-color: white; margin: 30px 0 30px 0; padding: 20px 30px 20px 30px;}

div.cleft a{color: #4169E1; text-decoration: none;}
div.cleft a:hover{color:#d34836;}

div.line-top{float:left;width:100%; background-color: #16171a;padding: 5px 0 5px 0;}
div.line-top div.w1000{padding: 10px 0 10px 0;}

/*logo*/
div.logo{float: left; position: relative;}
div.logo a{float: left; }
div.logo img{float:left; width: 105px; position: absolute; top: -60px; left: 0px; z-index: 1; }
div.logo img:hover{opacity: 0.6;}
div.logo label{ margin-left: 105px; color: white; float:left; text-decoration: none; opacity: 0.6; font-size: 30px; font-weight: bold; padding:10px 0 10px 0;}


div.topPhone{float:right;  line-height: 1;font-size: 20px; margin-top: 10px;}
div.topPhone i.fa{float: left; animation:shake-hover 0.6s cubic-bezier(.36, .07, .19, .97) infinite; color: #b43927;}
div.topPhone label{float:left; font-weight: bold; color: white; font-family: "Courier New", Courier, monospace; margin-left: 5px;}


div.line-navbar{float: left; width: 100%; background-color: #b43927;}
div.navbar{float: left; width:100%;border-bottom:#b43927  4px solid; background-color: white;}
div.navbar ul,
div.navbar ul li{float: left; margin:0px;padding:0px;list-style: none;}
div.navbar ul li{position: relative;}
div.navbar ul li a{height: 38px; line-height: 38px; text-decoration: none;color: #2d2d2d; font-size:16px; float: left; padding: 0 15px 0 15px;font-weight: bold;}
div.navbar ul li a span{ float: left;}
div.navbar ul li a.active,
div.navbar ul li:hover a{background-color: #b43927; color:white;}
div.navbar ul a.a1{padding: 0 15px 0 15px; background-color: #f3f3f3;}
div.navbar ul a.a1 i.fa{font-size: 28px; float:left; margin-top:5px;}
div.navbar ul a label{float: left;}
div.navbar ul a label img{margin-top:9px; width: 22px; height:18px;}
div.navbar ul ul{display: none; position: absolute; top: 38px;left:0px;	z-index: 1010; width: 190px; background-color: #c84433; border: #c64333 1px solid;box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); }
div.navbar ul ul.ul85{width: 300px;}
div.navbar ul ul.ul85 ul{left: 300px;top: 0px}

div.navbar ul li:hover ul{display: block;}
div.navbar ul li:hover ul ul{display: none;}
div.navbar ul ul li{width: 100%; border-bottom: #c64333 1px solid;}
div.navbar ul ul li a{font-weight: normal; width: 100%; padding: 0px;}
div.navbar ul ul li a span{ padding-left: 10px;}
div.navbar ul ul.ul85 li a span:before,
div.navbar ul ul.ul54 li a span:before,
div.navbar ul ul.ul261 li a span:before{content: "\f105";font-family: "fontawesome";margin-right: 8px;float:left;}
div.navbar ul ul li a.active,
div.navbar ul ul li:hover a{background-color: #d34836;}
div.navbar ul ul li:hover a span{margin-left:5px; transition: all .3s ease-in-out 0s;}

div.navbar ul ul li:hover ul{ display: block;}
div.navbar ul ul li:hover ul a{background-color: #b43927; }
div.navbar ul ul li ul li a.active,
div.navbar ul ul li ul li:hover a{background-color: #d34836;}




div.pathway{background-color: white; border-bottom: #d4d0bf 1px solid;}



/*add on */
div.navbar ul li a.a85 span{text-transform: uppercase;}


/*footer*/
div.line-footer{float: left; width: 100%; padding: 25px 0px 25px 0px; color: black;  background-color: #16171a;  color:white; border-top: #b43927 5px solid;}
div.line-footer div.linksite{float:left; width:75%; padding-bottom: 20px; }
div.line-footer p{margin: 0;}
div.line-footer h3,
div.line-footer strong{text-transform: uppercase; float: left; width: 100%; margin:0px; font-size: 25px;font-weight: normal; padding: 10px 0 20px 0;}
div.line-footer a{text-decoration: none; color:#9a9a9a;}
div.line-footer a:hover{color:#ffffff;}

div.linksite ul{	width: 100%;float:left;margin:0px; padding:0px;}
div.linksite ul li{box-sizing: border-box; width:33.3333%; padding:0px 2%; border-right:1px solid #9a9a9a; float:left; list-style: none;}
div.linksite ul li span{font-size: 25px; color:#dfdfdf; margin:10px 0px 20px 0; float: left; width: 100%; text-transform: uppercase;}

div.linksite ul ul li{width:100%; border:none; padding:0px;}
div.linksite ul ul li a{padding: 4px; float: left;}
div.linksite ul li li a:before{content: "\f105";font-family: "fontawesome";margin-right: 8px;float:left; color:#b43927;}


div.line-footer div.footer{float:left; width:22%;margin-left:2%; padding-bottom: 20px;}


@media screen and (max-width:900px){
	div.w1000 div.cright{ display: none; }
	div.w1000 div.cleft{	width: 100%;}	
	
	div.cleft div.box-data{	width: calc(100% - 10px); padding: 5px;	}

	div.bookLeft{width: calc(100% - 40px); padding: 20px;}
	div.bookRight{width: calc(100% - 40px);padding: 20px; margin-top: 0px;}
	
	
	div.line-footer div.linksite{width: 100%;}
	div.line-footer div.footer{width: 100%; margin: 0px; text-align: center; border-top: #b43927 1px solid;background-color: #757575;}
	
	div.line-top div.topPhone1{display: none;}
	
}

@media screen and (max-width:600px){
	div.linksite ul li{width: 98%;border: 0px;}
	div.linksite ul li span{margin-top: 20px;}
}

@media screen and (max-width:400px){
	
	div.bookLeft{width: calc(100% - 10px); padding: 5px;}
	div.bookRight{width: calc(100% - 10px);padding: 5px; margin-top: 0px;}	
}