@charset "utf-8";


@import url("index-i5.css") screen and (max-width:330px) and (min-width:320px);
@import url("index-i6.css") screen and (max-width:390px) and (min-width:375px);
@import url("index-i6-p.css") screen and (max-width:425px) and (min-width:414px);
@import url("index-an.css") screen and (max-width:370px) and (min-width:360px);
@import url("index-ipad.css") screen and (max-width:780px) and (min-width:768px);


/* Index */
/*-ColOne--------------------------------------------*/

.ColOne {
	width: 265px;
	padding-right: 13px;
	float: left;
}

.ColOne .box1 {
	height: 420px;
	background-image: url(../imgs/ColOne-img1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.ColOne .box1 div {
	padding-top: 320px;
	padding-left: 15px;
}

.box1 p a,
.box2 p a, 
.box3 p a 
{
	width: 93px;
	height: 19px;
	text-indent: -9999px;
	background-image: url(../imgs/btn-more.png);
	display: block;
}

.box1 p a:hover, 
.box2 p a:hover, 
.box3 p a:hover 
{
	background-color: #DA5002;
	background-image: url(../imgs/btn-more-ov.png);
}

.ColOne .videoBox {}

/*-ColTwo--------------------------------------------*/

.ColTwo {
	width: 515px;
	padding-right: 13px;
	float: left;
	position: relative;
}

.mapBox {
	height: 421px;
	background-image: url(../imgs/map.jpg);
	background-repeat: no-repeat;
}

.lt {
	width: 55%;
}

.rl {
	width: 225px;
	height: 279px;
	position: absolute;
	left: 296px;
	top: 147px;
}

.lt a img,
.rl a img 
{
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.lt a:hover img,
.rl a:hover img
{
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.listbox div

{
	width: 85px;
	height: 85px;
	margin-right: 8px;
	margin-bottom: 8px;
	position: absolute;
	
	
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.listbox div.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.listbox div.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.listbox div p
{
	width: 100%;	
	color: #FFFFFF;
	text-align: center;
	top: auto;
	bottom: 3px;
	left: 2px;
	position: absolute; 
	line-height: 15px;
	text-shadow: 1px 1px #6A5859 ;
}

.lt .listbox .cbox1 {
	top: 0px;
	left: 0px;
}

.lt .listbox .cbox2 {
	top: 0px;
	left: 93px;
}

.lt .listbox .cbox4 {
	top: 0px;
	left: 186px;
}

.lt .listbox .cbox3 {
	top: 93px;
	left: 0px;
}

.lt .listbox .cbox5 {
	top: 93px;
	left: 93px;
}

.rl .listbox div{
	top: auto;
}

.rl .listbox .cbox1 {
	bottom: 0px;
	right: 0px;
}

.rl .listbox .cbox2 {
	bottom: 0px;
	right: 93px;
}

.rl .listbox .cbox4 {
	bottom: 186px;
	right: 0px;
}

.rl .listbox .cbox3 {
	bottom: 93px;
	right: 0px;
}

.rl .listbox .cbox5 {
	bottom: 93px;
	right: 93px;
}

.showcase {
	text-align: left;
	padding-top: 70px;
}

.showcase a {
	margin-top: 186px;
	width: 93px;
	height: 19px;
	text-indent: -9999px;
	background-image: url(../imgs/btn-showcase.png);
	display: block;
}

.showcase a:hover {
	background-color: #DA5002;
	background-image: url(../imgs/btn-showcase-ov.png);
}

.newsBox {
	margin-top: 20px;
	text-align: left;
}

.newsBox h3 {
	font-size: 16.5px;
	font-weight: bold;
	color: #007CB7;
	border-bottom: 2px solid #007CB7;
	padding-bottom: 7px;
	margin-bottom: 5px;
}

.col div {
	float: left;
	width: 235px;
}

.col div.lt {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #AAAAAA;
}
.col div.rt {
	padding-left: 10px;
	padding-right: 10px;
}

.col p.date {
	color: #AAAAAA;
	font-size: 12px;
}

.col h4 {
	color: #007CB7;
	font-size: 14px;
	font-weight: bold;
}

.col p, .col h4 {
	margin: 8px 0;
}

.col p a {
	width: 63px;
	height: 19px;
	background-image: url(../imgs/btn-more-grey.png);
	display: block;
}

.col p a:hover {
	background-color: #AAAAAA;
	background-image: url(../imgs/btn-more-grey-ov.png);
}

/*-ColThree--------------------------------------------*/

.ColThree {
	width: 335px;
	float: left;
}

.ColThree .box1 {
	height: 200px;
	background-image: url(../imgs/ColThree-img1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.ColThree .box2 {
	height: 200px;
	background-image: url(../imgs/ColThree-img2.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.ColThree .box3 {
	height: 180px;
	background-image: url(../imgs/ColThree-img3.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.ColThree .box1 div,
.ColThree .box2 div
{
	padding-top: 125px;
	padding-left: 15px;
}

.ColThree .box3 div {
	padding-top: 105px;
	padding-left: 15px;
}

/*---------------------------------------------*/

.box1 h3,
.box2 h3,
.box3 h3 
{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
}

.box1 p,
.box2 p,
.box3 p
{
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.box1 h3,
.box1 p,
.box2 h3,
.box2 p,
.box3 h3,
.box3 p  
{
	color: #FFFFFF;
}

/*---------------------------------------------*/