@charset "utf-8";
body{ font:13px/1.5 Arial, PMingLiU , Sans-Serif; }
a:hover{ text-decoration: none; }
.clearfix:after {content: "\0020"; display: block; height: 0; clear: both;}
.clearfix {zoom: 1;}
img{ max-width: 100%; }
.h_text{ text-indent: 100%; overflow: hidden; white-space: nowrap; }
.lte_ie7 .h_text{ font-size: 0; line-height: 0; text-indent: 0; }

.index_a{ position: absolute; }
.index_logo{ width: 172px; height: 133px; left: 321px; top: 549px; }

#bg {
    max-width:810px;  max-height:1280px; 
    position:relative;
    padding:0px; margin:0px;
    border:0px solid green;
    overflow: hidden;
    display:block;
	margin: 0 auto;
}

#img_bg {
	width:100%; height:auto; max-width: 810px;
    left:0px; top:0px;
    display: block;
}
.img{
	position: absolute;
    border:0;
    height:auto;
    background-color: transparent;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
}
.img1{
    width:38.6%; max-width: 313px;
    left:8.6%; top:16.8%;
}

.img2{
    width:36.4%; max-width: 295px;
    left:49.5%; top:11.5%;
}
.img3{
    width:35.9%; max-width: 291px;
    left:2%; top:48.8%;
}

.img4{
    width:37.4%; max-width: 303px;
    left:40.1%; top:62.4%;
}

.img5{
    width:34.2%; max-width: 277px;
    left:66.9%; top:33.2%;
    border:1px solid transparent;
}

/*
.hide{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
*/
/*p1*/
/*
.p1{ background: #000;}
.p1 .logo{ margin: 0; text-align: center; }
.p1 .list_box{ padding-top: 15px; }
*/
/*p2*/
/*
.p2{ background: url(../images/p2/bg.jpg) no-repeat 50% 0 #000; padding-bottom: 7px;}
.p2 .logo{ margin: 0; text-align: center; }
.p2 .list_box{ padding-top: 1px; }
.p2 .list_box .title{ display: block; margin-top: 3px;}
*/
/*p3*/
/*
.p3{ background: url(../images/p3/bg.jpg) no-repeat 50% 0; }
.p3 .logo{ margin: 0; text-align: center; }
.p3 .list_box .title{ display: block; }
*/
/*p4*/
/*
.p4{ background-color: #e6e6e6; }
.p4 .logo{ margin: 0; text-align: center; }
.p4 .list_box{ padding-top: 20px; }
.p4 .list_box .title{ display: block; font-size: 18px; line-height: 22px; text-align: center; padding-top: 4px; color: #000; }
.p4 .list_box .color{ color: #91007b; }
*/
/*p5*/
/*
.p5{ background: #941d1f; }
.p5 .logo{ margin: 0; text-align: center; }
.p5 .list_box{ padding-top: 48px; }
.p5 .list_box .title{ display: block; font-size: 16px; line-height: 20px; text-align: center; padding-top: 10px; color: #fff; }
.p5 .list_box .color{ font-size: 12px; }
*/
/*
@media (max-width: 767px) {
	.p1 .list_box .col-xs-12{ padding: 0 30px 19px; }
	.p2 .list_box .col-xs-12{ padding: 0 30px 10px; }
	.p3 .list_box .col-xs-12{ padding: 0 30px 20px 30px; }
	.p4 .list_box .col-xs-12{ padding: 0 30px 30px; }
	.p5 .list_box .col-xs-12{ padding: 0 30px 30px; }
}

@media (min-width: 768px) {
	.p1 .list_box{ width: 716px; margin: 0 auto; }
	.p1 .list_box .col-sm-4{ padding: 0 18px 19px; height: 269px; }
	.p2 .list_box{ width: 765px; margin: 0 auto; }
	.p2 .list_box .col-sm-4{ padding: 0 17px 10px; }
	.p3 .list_box{ width: 705px; margin: 0 auto; }
	.p3 .list_box .col-sm-4{ padding: 0 7px 20px 8px; }
	.p4 .list_box{ width: 738px; margin: 0 auto; }
	.p4 .list_box .col-sm-4{ padding: 0 13px 30px; }
	.p5 .list_box{ width: 699px; margin: 0 auto; }
	.p5 .list_box .col-sm-4{ padding: 0 13px 30px; }
}
*/