@charset "utf-8";
/* CSS Document */
.index_page8_page { background-image: url(../files/footer_bg.png); background-repeat: no-repeat; background-position: center top; width: 100%; clear: both; float: left; background-color: #c21452; position: relative; z-index: 10; padding-top: 0px; padding-bottom: 0px; }
.index_page8_box { width: 80%; clear: both; margin-right: 10%; margin-left: 10%; margin-top: 0px; margin-bottom: 60px; display: block; float: left; padding: 0px;}
.index_page8_page .area_title_box{ margin-top: 60px; margin-bottom: 0px; }
.index_page8_page .area_title_box strong{ color: #FFF; font-size: 30px; font-weight: bold; }
.index_page8_page .index_page8_box .content_box { padding-top: 20px; padding-bottom: 0px; line-height: normal; width: 100%; display: block; clear: both; float: left; position: relative; z-index: 10; }
.index_page8_page .index_page8_box .index_page8_one_box { clear: both; float: left; width: 100%; background-color: rgba(0, 0, 0, 0); padding: 0%; }
.index_page8_page .index_page8_box .photo_box { clear: both; float: left; width: 80%; margin-right: 10%; margin-left: 10%; margin-bottom: 10px; }
.index_page8_page .index_page8_box .photo_box img { clear: both; float: left; width: 100%; height: auto; }
.index_page8_page .index_page8_box .title_box { float: left; display: block; padding-top: 8px; clear: both; width: 100%; text-align: center;padding-bottom: 8px; }
.index_page8_page .index_page8_box .title_box strong { text-shadow: 0px 0px 0px rgba(0,0,0,0.1); font-size: 26px; color: #FFF; display: block; text-transform: uppercase; font-weight: 900; }
.index_page8_page .index_page8_box .sub_title_box { float: left; display: block; clear: both; width: 100%; text-align: center; padding-bottom: 8px; }
.index_page8_page .index_page8_box .sub_title_box strong { font-size: 18px; color: #FFF; display: block; font-weight: normal; }
.index_page8_page .index_page8_box .about_txt_box { width: 80%; color: #FFF; text-align: center; clear: both; float: left; margin-top: 10px; margin-right: 10%; margin-bottom: 10px; margin-left: 10%; font-size: 15px; line-height: 1.68em; padding: 0px; }
.index_page8_page .index_page8_box .all_more_page { position: relative;}
.index_page8_page .index_page8_box .all_more_page .btn { background: #004986; color: #FFF; border-top-color: #00325B; border-right-color: #00325B; border-bottom-color: #00325B; border-left-color: #00325B; }
.index_page8_page .index_page8_box .all_more_page .btn:hover { background: #2f2a29; color: #FFF; border-color: #2f2a29; }
.index_page8_page .col-md-4 { padding-right: 50px; padding-left: 50px; }

.page6_page{ background-color: #FFF; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 2px rgba( 0, 0, 0, .2 );box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
overflow: hidden;}

a.area_link{ -webkit-box-shadow: 0px 0px 2px rgba( 0, 0, 0, .2 ); box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #FFF; clear: both; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; display: block; width: 50%; background-color: #eb6877; margin-right: auto; margin-left: auto; font-size: 18px; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.8); }
a.area_link:hover { color: #FFF; border-color: #ED568B; background-color: #9F1143; }
a.area_link i{ clear: both; display: block; font-size: 36px; margin-bottom: 10px; margin-top: 10px; }

.index_page8_page .col-md-4 { padding-right: 50px; padding-left: 50px; }

.index_page8_page .slogan{ text-shadow: 1px 1px 2px rgba(0,0,0,0.4); text-align: center; padding-top: 80px; padding-right: 30px; padding-bottom: 80px; padding-left: 30px; font-size: 32px; background-image: url(../files/background_3.jpg); font-weight: bold; }

.index_page8_page-bg{ background-image: url(../files/footer_bg.png); background-repeat: no-repeat; background-position: center top; height: 10px; }

@media screen and (max-width: 1680px){
	.index_page8_page {padding-top: 0px;padding-bottom: 0px; }
	.index_page8_box{ width: 90%; margin-right: 5%; margin-left: 5%;}
	.index_page8_page .area_title_box{ margin-top: 30px; }
	.index_page8_page .index_page8_box .title_box strong{ font-size: 22px; line-height: 28x; }
	.index_page8_page .index_page8_box .sub_title_box strong{font-size: 15px;line-height: 20x;}
	.index_page8_page .index_page8_box .about_txt_box{width: 84%; margin-right: 8%; margin-left: 8%;font-size: 15px; line-height: 24px;}
	}
@media screen and (max-width: 1280px){
	.index_page8_page {padding-top: 0px;padding-bottom: 0px; }
	.index_page8_box{ width: 90%; margin-right: 5%; margin-left: 5%;}
	.index_page8_page .area_title_box{ margin-top: 20px; }
	.index_page8_page .index_page8_box .content_box{ padding-top: 10px; padding-bottom: 10px; }
	.index_page8_page .index_page8_box .title_box strong{ font-size: 18px;line-height: 28px;}
	.index_page8_page .index_page8_box .sub_title_box strong{ font-size: 15px;line-height: 20px;}
	}
@media screen and (max-width: 980px){
	.index_page8_page {padding-top: 0px;padding-bottom: 0px; }
	.index_page8_box{ width: 90%; margin-right: 5%; margin-left: 5%;}
	.index_page8_page .area_title_box{ margin-top: 20px; }
	.index_page8_page .index_page8_box .content_box{ padding-top: 10px; padding-bottom: 10px; }
	.index_page8_page .index_page8_box .title_box strong{ font-size: 18px;line-height: 22px;}
	.index_page8_page .index_page8_box .sub_title_box strong{ font-size: 13px;line-height: 20px;}
	.index_page8_page .index_page8_box .about_txt_box{width: 90%; margin-right: 5%; margin-left: 5%;font-size: 13px; line-height: 20px;}
	.type_04_box div[class*="col-"] { padding-left: 5px; padding-right: 5px; }
	
	}
@media screen and (max-width: 736px){
	.index_page8_page .index_page8_box .title_box strong{ font-size: 24px;line-height: 36px;}
	.index_page8_page .index_page8_box .sub_title_box strong{ font-size: 15px;line-height: 20px;}
	.index_page8_page .index_page8_box .content_box1 { padding-top: 20px; padding-bottom: 0px; line-height: normal; width: 90%; display: block; clear: both; float: left; position: relative; z-index: 10; margin-right: 5%; margin-left: 5%; }
	.index_page8_page .area_title_box strong{font-size: 24px;line-height: 28px;}
	.index_page8_page .slogan{font-size: 22px;}
	a.area_link{width: 80%;}
	}
@media screen and (max-width: 480px){
	.index_page8_page .index_page8_box .photo_box { clear: both; float: left; width: 100%; margin-right: 0%; margin-left: 0%; margin-bottom:0px; }
	.index_page8_page .col-md-4 { padding-right: 20px; padding-left: 20px; }
	.index_page8_page .index_page8_box .title_box strong{ font-size: 15px;line-height: 20px;}
	.index_page8_page .index_page8_box .sub_title_box strong{ font-size: 13px;line-height: 20px;}
	.index_page8_page .area_title_box strong{ font-size: 18px; line-height: 24px; }
	.index_page8_page .area_title_box img{ height: auto; width: 30px; }
	a.area_link{width: 90%;}
}
@media screen and (max-width: 320px){}