@import url(basic.css); 
@import url(typo.css);  
@import url(../../css/jquery.smartmenus.bootstrap.css); 
@import url(header.css);   
@import url(footer.css); 
@import url(../../css/mouse_over.css); 

@charset "utf-8";



body{padding: 0px 0px 0px 0px; overflow-x: hidden; }


.container, .content {
overflow: visible; 
}


.photo img { border:#EDEDED 5px solid ;text-align:center !important;}

.img_100 {width:100%}

.main{ margin-top:20px;}

#index_banner {  z-index:11;text-align:center !important; background:#256FC6; -webkit-box-shadow: 0px 0px 10px 0px #333;
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
box-shadow:  0px 0px 10px 0px #333;
 }


#main_banner img  { margin: 0 auto; }
.banner .container img{ width:100%}
#inner_banner {  }


#full_col{}

#left_col{min-height:650px; margin-bottom:20px;}

#right_col{ min-height:650px;  padding-left:30px; margin-bottom:20px; background:url(../../images/right_col_line.jpg) no-repeat 20px 0px;
 }
 


#full_col, #left_col, #right_col{
position: relative;
animation: myfirst 1s forwards;
-webkit-animation: myfirst 1s forwards;
-ms-animation: myfirst 1s forwards;
-0-animation: myfirst 1s forwards;}


@keyframes myfirst {
    0%   {  top:20px; opacity: 0}
    100% { top:0px; opacity: 1}
}

@-webkit-keyframes myfirst {
    0%   {  top:20px; opacity: 0}
    100% { top:0px; opacity: 1}
}
@-ms-keyframes myfirst {
    0%   {  top:20px; opacity: 0}
    100% { top:0px; opacity: 1}
}
@-0-keyframes myfirst {
    0%   {  top:20px; opacity: 0}
    100% { top:0px; opacity: 1}
}






#index_container{ padding:0 !important;background:#EDEDED; }

#index_box{  z-index:10;background:#FFF; border-bottom:#CCC 1px solid; 
-webkit-box-shadow: 0px 0px 10px 0px #333;
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
box-shadow:  0px 0px 10px 0px #333;

}

#index_box ul  {margin: 0px 0 0 0;}
#index_box ul li { float:left; position:relative; overflow:hidden; padding:5px 1px 0  1px; background: url(../../images/index_box_bg.jpg)  no-repeat  }

#index_box ul li:last-child {  background: url(../../images/index_box_bg.jpg)    }
/*#index_box ul li:before {
content: url('../images/index_box_bg.jpg');
}*/

#index_box ul li span { z-index:99px; position:absolute; ; width:100%; height: 100%;  text-align:center;  
filter:alpha(opacity=90);  
-moz-opacity:0.9;
opacity: 0.9; 
visibility: hidden; 

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}

#index_box ul li a:hover span {visibility:visible; display:block;   }

#index_news {  padding: 30px  0px; min-height:100%}
#index_content {padding: 30px  20px 30px 0; background:#FFF;}
#index_content p {text-align:left !important }


/*tab*/
.tabs { list-style: none; }
.tabs li { display: inline; }
.tabs li a { color: black; float: left; display: block; padding: 4px 10px; margin-left: -1px; position: relative; left: 1px; background: white; text-decoration: none; }
.tabs li a:hover { background: #ccc; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.box-wrap { position: relative; min-height: 250px; }
.tabbed-area div div { background: white; padding: 20px; min-height: 250px; position: absolute; top: -1px; left: 0; width: 100%; }
.tabbed-area div div, .tabs li a { border: 1px solid #ccc; }
#box-one:target, #box-two:target, #box-three:target {
  z-index: 1;
}
/*end tab*/


/*inner*/

/*location*/
#location{ margin:10px 0px 20px 0 ; background:#EBEBEB; padding:0 25px; border-radius:5px;}
#location a, #location{ color:#595757; }
#location li { display:inline; padding:0 0px; line-height:26px;}
#location li:after{ content: "　"; width:5px; background:url(../../images/icon_location.png) no-repeat center; height:10px; position:relative; padding:0 15px; }
#location li.active, #location li.active a{ color:#26A5E0;}
#location li.active:after{ content: "　"; display:none;}



#inner_3box { margin:10px 0; position: relative;  }
#inner_3box ul li { padding:5px;  }
#inner_3box ul li .view img {border: #E6E6E6 solid 5px;
}

ul#sidebar_menu{ width:100%;border-radius:5px; overflow:hidden; margin-bottom:5px;  }
ul#sidebar_menu li { width:100%;display:block;border-top:#FFF 1px solid; }

ul#sidebar_menu li:first-child a,  ul#sidebar_menu li:first-child a:hover { width:100%;display:block;background:#61BEEB  ;color:#FFF; padding:10px 10px; font-size:16px;border-top: none;  text-transform:uppercase} 

ul#sidebar_menu li a{ width:100%; display:block;padding:10px 10px 10px 24px; 
 background:url(../../images/bullet_blue.png) no-repeat 12px  #E1F3FF;  color:#666;
} 

ul#sidebar_menu li a:hover{
 background:url(../../images/bullet_white.png) no-repeat 12px #61BEEB ;    color:#FFF;
} 
/*ul#sidebar_menu li a.active{
	 background:url(../../images/bullet_blue.png) no-repeat 12px  #D2EDFF;  color:#036;}*/


ul#news_listing li{   margin-bottom:10px;background: #F0F0F0;  color:#036;border-radius:5px; }
ul#news_listing li:hover { background: #D2EDFF;  color:#036; }
ul#news_listing li div  {  padding:10px}
ul#news_listing li em  { font-size:0.75em}
ul#news_listing li h1  { font-size:1em; font-weight: normal}
ul#news_listing li a  { color:#666}


.page { color:#666; text-align: center; padding:10px 0;   font:normal 12px Arial, Helvetica, sans-serif}
.page a { color:#333; padding:2px 5px; margin:0 0 0 1px;}
.page a:hover,.page a.current { background:#199FDF; color:#fff; border-radius:3px;}

.page a.back { background:#199FDF; color:#fff; border-radius:3px;  padding:7px 14px; }

.total_page{float:left; color:#666;  width:200px; padding:10px 0;}
.page_list .page {float:right; padding:10px 0;}

.bullet  { background:url(../../images/bullet.png) no-repeat ;padding: 0px 0 15px 20px !important; margin: 15px 0 0 0 !important;  color:#666; font:0.875em/1.5em Arial, Helvetica, sans-serif; border-bottom:#999  dotted 1px; width:100% }
.bullet a { font-weight: normal !important; color:#666 !important;display:block }
.bullet a h1 {font:1em/1.5em Arial, Helvetica, sans-serif !important; margin:0;padding: 0px } 

.bullet a h1:hover {color:#199FDF !important; }




.bullet0 li, .bullet1 li, .bullet2 li, .bullet3 li, .bullet4 li, .bullet5 li, .bullet6 li, .bullet7 li{ font-size:1em; background:url(../../images/bullet.png) #FFF no-repeat ;padding: 0px 0 15px 20px ; color:#333}
.bullet6 li li { padding: 0px 0 15px 15px !important; background:url(../../images/bullet_02.png) no-repeat !important; color:#333 !important; background-position:0  0px !important;}

.bullet0 {  margin:20px 0;padding:20px 0; border-top:dotted 1px #CCC;  }
.bullet1 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #FF9900;
background: -moz-linear-gradient(left,  #FF9900 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FF9900), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #FF9900 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #FF9900 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #FF9900 0%,#ffffff 100%);
background: linear-gradient(to right,  #FF9900 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#ffffff',GradientType=1 );border-radius:5px; s
}

.bullet2 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #3399CC;
background: -moz-linear-gradient(left,  #3399CC 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3399CC), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #3399CC 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #3399CC 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #3399CC 0%,#ffffff 100%);
background: linear-gradient(to right,  #3399CC 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399CC', endColorstr='#ffffff',GradientType=1 );border-radius:5px; 
}


.bullet3 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #59938F;
background: -moz-linear-gradient(left,  #59938F 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#59938F), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #59938F 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #59938F 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #59938F 0%,#ffffff 100%);
background: linear-gradient(to right,  #59938F 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59938F', endColorstr='#ffffff',GradientType=1 );border-radius:5px; 
}

.bullet4 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #579774;
background: -moz-linear-gradient(left,  #579774 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#579774), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #579774 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #579774 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #579774 0%,#ffffff 100%);
background: linear-gradient(to right,  #579774 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#579774', endColorstr='#ffffff',GradientType=1 );border-radius:5px; 
}

.bullet5 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #649955;
background: -moz-linear-gradient(left,  #649955 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#649955), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #649955 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #649955 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #649955 0%,#ffffff 100%);
background: linear-gradient(to right,  #649955 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#649955', endColorstr='#ffffff',GradientType=1 );border-radius:5px; 
}

.bullet6 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #FD6102;
background: -moz-linear-gradient(left,  #FD6102 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FD6102), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #FD6102 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #FD6102 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #FD6102 0%,#ffffff 100%);
background: linear-gradient(to right,  #FD6102 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD6102', endColorstr='#ffffff',GradientType=1 );border-radius:5px; 
}

.bullet7 li:first-child{font-size:1em; color:#FFF;padding: 5px 0 5px 10px ; margin-bottom:10px;
background: #FB1D04;
background: -moz-linear-gradient(left,  #FB1D04 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FB1D04), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #FB1D04 0%,#ffffff 100%);
background: -o-linear-gradient(left,  #FB1D04 0%,#ffffff 100%);
background: -ms-linear-gradient(left,  #FB1D04 0%,#ffffff 100%);
background: linear-gradient(to right,  #FB1D04 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB1D04', endColorstr='#ffffff',GradientType=1 );border-radius:5px; 
}



@media screen and (max-width: 767px) {
  #full_col,#left_col,#right_col {min-height:0;  padding:0px; background: none; margin-top:5px }
  
	#index_container{ padding:0 !important;background:#EDEDED; margin-bottom:10px; }

	#index_box { padding: 10px 10px;}
	#index_box ul li {  background: none !important;border:solid 1px #CCC; border-radius:5px; padding:0 0 0  0; margin:5px 0; overflow:hidden} 
    #index_content {padding: 10px; background:#FFF;}
	#index_news {  padding: 0px 0px 0px 0px !important; min-height:100%; }
}
/*timeline*/
.timeline-line{ background:url(../../images/timeline-line.png) repeat-x ; height:1px; margin:10px 0;}

/*ul for blue lable*/
.blue-lable li:before {
content: "　　";
border-color: transparent #199FDF;
border-style: solid;
border-width: 0.25em 0 0.25em 0.35em;
display: inline-flex;
height: 0;
width: 0;
position: absolute;
margin-left: 0px;
margin-right: 10px;
top:0.5em;
left:0;
}
.blue-lable li{ padding-left:15px; position:relative; font:0.875em/1.5em Arial, Helvetica, sans-serif;}

/*contactFrom*/
label.contactFrom{ font: 0.875em/1.5em Arial, Helvetica, sans-serif; font-weight:bold; }
input.contactFrom{ border:1px solid #999999; font: 0.875em/1.5em Arial, Helvetica, sans-serif; padding:3px; height:22px; width:100%;}
.contactFrom-row{ padding-bottom:5px;}
.contact-buttom{ background:#199FDF; color:#FFF; border:0px; font: 0.875em/1.5em Arial, Helvetica, sans-serif; padding:5px 20px;}


/*list-triagngle*/
ul.list-triangle  {
	margin: 0.75em 0;
	padding: 0 1em;
	list-style: none;
	color:#26A5E0;
	font-weight:bold;
	font-size:0.875em;
}
.list-triangle li:before { 
	content: "";
	border-color: transparent #26A5E0;
	border-style: solid;
	border-width: 0.35em 0 0.35em 0.45em;
	display: block;
	height: 0;
	width: 0;
	left: -1em;
	top: 0.9em;
	position: relative;
}

/*listing_ul*/ 

.listing_ul li {  padding:10px; overflow:hidden; width:auto; border-bottom:#CCC dotted 1px; position:relative;}

.listing_ul li:hover { background:#F0F0F0  }

.listing_ul li img { float:left; width:127px; margin:0 0 0 -137px; border:1px solid #CDCDCD}

.listing_ul h3 { color:#51a646;font-size:14px;line-height:20px; margin: 0px 0px 5px 0px }

.listing_ul p  {color:#333; font-size:13px;line-height:18px; }

.listing_ul .line_date { color:#999;font-size:13px; line-height:18px; padding: 0px 0px 5px 0px }


.listing_ul .line1 { color:#199FDF;font-size:14px; font-weight:bold; line-height:18px; margin: 0px 0px 0px 0px }


.global{ background:#F0F0F0; border-bottom:1px #FFF solid; padding:20px;}
@media (min-width: 768px) {		.maplink{ height:515px; overflow-y:scroll;} }