@charset "utf-8";

.main_three_icons{width:100%; position:relative; border-bottom:1px solid #d43f3b; padding:20px 0 20px 0;}
.main_three_icons ul{overflow:hidden; width:1100px; margin:0 auto; }
.main_three_icons li{padding-left:2%; float:left; width:33.3333333333%; min-height:60px;}
.main_three_icons a{display:inline-block; width:100%; }
.main_three_icons .mti-one{background:url(/www/img/main/three_icon1.png) 7% top no-repeat;}
.main_three_icons .mti-two{background:url(/www/img/main/three_icon2.png) 7% top no-repeat;}
.main_three_icons .mti-three{background:url(/www/img/main/three_icon3.png) 7% top no-repeat;}
.main_three_icons .name_title1{padding-left:65px;  margin-top:5px;color:#3b4659; font-weight:500; font-size:16px; }
.main_three_icons .name_title1 span{margin-left:10px;display:inline-block; background:url(/www/img/main/arrow_1.png) right 0 no-repeat; width:6px; height:10px;}
.main_three_icons .name_title2{padding-left:65px; font-size:13px; color:#61646a;}
.main_three_icons .mti-three .name_title1{color:#ca002b; font-weight:500; }


.notices_b_frm{width:100%; overflow:hidden; position:relative; background:#f5f6fa; border-bottom:1px solid #dcdfe5;  border-top:1px solid #d43f3b;}
.notices_b_frm_d{overflow:hidden; width:1100px; min-height:397px; margin:0 auto;}
.notice_b_frm_01{float:left; width:397px; background:#fef9ef; min-height:397px;}
.notice_b_frm_02{float:left; width:397px; background:#fff; min-height:397px;}
.notice_b_frm_03{float:left; width:305px; background:#e1f2f0; min-height:397px;}

.notice_b_frm_01 div{position:relative; padding:35px 35px 0 35px;}
.notice_b_frm_01 h2{color:#3b4659; font-weight:600; font-size:22px;}
.notice_b_frm_01 dl{}
.notice_b_frm_01 dt{font-size:14px; margin-top:12px; background:url(/www/img/main/dot.png) 0 8px no-repeat; padding-left:7px; margin-bottom:5px;}
.notice_b_frm_01 dt a{font-weight:500; color:#000;}
.notice_b_frm_01 dd{padding-left:7px;  line-height:1.3em !important;}
.notice_b_frm_01 dd a{color:#61646a;  line-height:1.3em !important; font-size:13px; font-weight:300 !important;}
.notice_b_frm_02 div{position:relative; padding:35px 35px 0 35px;}
.notice_b_frm_02 h2{color:#3b4659; font-weight:600; font-size:22px;}
.notice_b_frm_02 dl{}
.notice_b_frm_02 dt{font-size:14px; margin-top:12px; background:url(/www/img/main/dot.png) 0 8px no-repeat; padding-left:7px; margin-bottom:5px;}
.notice_b_frm_02 dt a{font-weight:500; color:#000;}
.notice_b_frm_02 dd{padding-left:7px;  line-height:1.3em !important;}
.notice_b_frm_02 dd a{color:#61646a;  line-height:1.3em !important; font-size:13px; font-weight:300 !important;}
.notices_b_frm .notice_more{position:absolute; right:30px; top:40px;}
.notices_b_frm .notice_more a{font-size:11px; background:#fff; border:1px solid #b3b9c3; padding:2px 7px 3px 7px; display:inline-block;}


.notice_b_frm_03{overflow:hidden;}
.notice_b_frm_03 div{ padding:35px 22px 0 22px;}
.notice_b_frm_03 h2{color:#3b4659; font-weight:600; font-size:22px; }
.notice_b_frm_03 h2 span{font-size:13px; font-weight:300; display:block; line-height:1.1em;}
.notice_b_frm_03 dl{margin-top:30px;}
.notice_b_frm_03 dd{line-height:1.2em; padding-top:12px; font-size:13px; color:#3b4659;}
.notice_b_frm_03 .pkm1{}
.notice_b_frm_03 .pkm2{display:none;}
.notice_b_frm_03 .link_android{margin-top:20px;}
.notice_b_frm_03 .link_android a{width:96%; padding:3%; background:#80cbc4 url(/www/img/main/link-bg.png) 93% center no-repeat;  color:#fff; font-weight:500; font-size:13px; display:inline-block; } 
.notice_b_frm_03 .link_iphone{margin-top:3px;}
.notice_b_frm_03 .link_iphone a{width:96%; padding:3%; background:#4db6ac url(/www/img/main/link-bg.png) 93% center no-repeat;  color:#fff; font-weight:500; font-size:13px; display:inline-block; } 


.main_four_icons{background:url(/www/img/main/bottom_bg.jpg) center no-repeat; }
.main_four_icons h3{font-size:15px; text-align:center; padding-top:40px; padding-bottom:30px; margin:0 auto; color:#3b4659; font-weight:400;}
.main_four_icons h3 span{letter-spacing:0.3em; font-weight:500;}
.main_four_icons ul{overflow:hidden; width:1000px; margin:0 auto;}
.main_four_icons li{width:24.5%; margin-right:5px; float:left; border:1px solid #dddfe5;}
.main_four_icons .mfi_01{background:#fff url(/www/img/main/four_icon1.jpg) 90% 15px no-repeat;}
.main_four_icons .mfi_02{background:#fff url(/www/img/main/four_icon2.jpg) 90% 15px no-repeat;}
.main_four_icons .mfi_03{background:#fff url(/www/img/main/four_icon3.jpg) 90% 15px no-repeat;}
.main_four_icons .mfi_04{background:#fff url(/www/img/main/four_icon4.jpg) 90% 15px no-repeat;}
.main_four_icons .b_title{padding:20px 0 0 20px; color:#3b4659; font-weight:400; font-size:14px;}
.main_four_icons .b_title span{color:#6d747f;display:block; font-size:11px; letter-spacing:0.1em; font-weight:300; }
.main_four_icons .b_gray{margin-top:20px; padding:10px 0 10px 0; text-align:center; width:100%; background:#c8c9d0; color:#fff; font-weight:500; font-size:13px;}
.main_four_icons .b_gray:hover{background:#afb1bb;}
.main_four_icons .b_yellow{margin-top:20px; padding:10px 0 10px 0;  text-align:center; width:100%; background:#ffcb01; color:#fff; font-weight:500; font-size:13px;}
.main_four_icons .b_yellow:hover{background:#e9b900;}
.btn_top1{overflow:hidden;margin:20px auto 0 auto; display:block; text-align:center;}
.btn_top1 .pc_btn{}
.btn_top1 .mobile_btn{display:none;}

.cooper_wrap{width:960px; margin:0 auto;}
.cooper_wrap dl{background:url(/www/img/main/cooper_img.png) no-repeat; background-size:200px auto; margin:2% auto;}
.cooper_wrap dt{font-size:17px; font-weight:bold; color:#e7100a; padding-left:220px;}
.cooper_wrap dd{padding-left:220px;}



@media screen and (max-width:960px) {
.main_three_icons{ padding:15px 0 15px 0;}
.main_three_icons ul{width:100%;}
.main_three_icons li{padding-left:0; float:left; width:33.3333333%; }
.main_three_icons .mti-one{background:url(/www/img/main/three_icon1_m.png) 0 no-repeat; background-size:50px 50px;}
.main_three_icons .mti-two{background:url(/www/img/main/three_icon2_m.png) 0 no-repeat;  background-size:50px 50px;}
.main_three_icons .mti-three{ background:url(/www/img/main/three_icon3_m.png) 0 no-repeat;  background-size:50px 50px;}
.main_three_icons .name_title2{padding-right:15px; }


.notices_b_frm_d{width:100%; min-height:auto;}
.notice_b_frm_01{float:left; width:50%; min-height:350px;}
.notice_b_frm_02{float:left; width:50%; min-height:350px;}

.notice_b_frm_03{padding-bottom:20px;}
.notice_b_frm_03 div{ padding:20px 22px 0 22px;}
.notice_b_frm_03{float:left; width:100%;min-height:auto;}
.notice_b_frm_03 h2{text-align:center; color:#3b4659; font-weight:600; font-size:18px; line-height:1.3em;}
.notice_b_frm_03 h2 span{font-size:18px; font-weight:400; display:inline; line-height:auto; line-height:1.3em;}

.notice_b_frm_03 dl{overflow:hidden; width:600px; margin:10px auto 0 auto; display:table;  background:#fff; padding:20px; border:1px dotted #9db4b2; }
.notice_b_frm_03 dt{display:table-cell; width:270px;}
.notice_b_frm_03 dd{display:table-cell;width:330px; vertical-align:top; line-height:1.4em;}
.notice_b_frm_03 .pkm1{display:none;}
.notice_b_frm_03 .pkm2{display:block; width:243px;}

.notice_b_frm_03 ul{width:600px;margin:0 auto; overflow:hidden;}
.notice_b_frm_03 li{width:50%; float:left;}
.notice_b_frm_03 .link_android{margin-top:10px;}
.notice_b_frm_03 .link_iphone{margin-top:10px;}
.notice_b_frm_03 .link_android a{width:98%; padding:2% 2% 2% 5%; } 
.notice_b_frm_03 .link_iphone a{width:100%; padding:2% 2% 2% 5%;} 


.main_four_icons ul{width:100%; padding:0 0 0 2%;}
.main_four_icons li{width:24%;}

.cooper_wrap{width:100%; padding:0 20px;}
.cooper_wrap dl{background:url(/www/img/main/cooper_img.png) center top no-repeat; background-size:180px auto; margin:2% auto;}
.cooper_wrap dt{padding-top:40px;padding-left:0; font-size:16px; text-align:center;}
.cooper_wrap dd{padding-left:0; text-align:center;}


}


@media screen and (max-width:840px) {

.notices_b_frm_d{min-height:auto;}
.notice_b_frm_01{float:none; width:100%; min-height:auto;}
.notice_b_frm_01 div{padding:20px;}
.notice_b_frm_01 dt{margin-bottom:3px; line-height:1.3em; font-size:14px;}
.notice_b_frm_02{float:none; width:100%; min-height:auto;}
.notice_b_frm_02 div{padding:20px;}
.notice_b_frm_02 dt{margin-bottom:3px;  line-height:1.3em;  font-size:14px;}
.notice_b_frm_03{float:none;}
.notices_b_frm .notice_more{position:absolute; right:30px; top:20px;}
.main_four_icons h3{display:none;}
.main_four_icons ul{padding-top:15px;}
.main_four_icons li{width:48%; margin-bottom:10px;}
.main_four_icons .b_title{padding:15px 0 0 15px;}
.main_four_icons .mfi_01{background:#fff url(/www/img/main/four_icon1_m.jpg) 90% 15px no-repeat; background-size:50px auto;}
.main_four_icons .mfi_02{background:#fff url(/www/img/main/four_icon2_m.jpg) 90% 15px no-repeat; background-size:50px auto;}
.main_four_icons .mfi_03{background:#fff url(/www/img/main/four_icon3_m.jpg) 90% 15px no-repeat; background-size:47px auto;}
.main_four_icons .mfi_04{background:#fff url(/www/img/main/four_icon4_m.jpg) 90% 15px no-repeat; background-size:50px auto;}
.btn_top1{margin:10px auto 0 auto;}
.btn_top1 .pc_btn{display:none;}
.btn_top1 .mobile_btn{display:block; margin:0 auto;}

}







@media screen and (max-width:720px) {


.main_three_icons{padding:10px 0 20px 0;}
.main_three_icons ul{width:100%;}
.main_three_icons li{padding:0 1% 0 1%; float:left; width:33.3333333%; min-height:auto;}
.main_three_icons a{display:inline-block; width:100%; }
.main_three_icons .mti-one{background:none;}
.main_three_icons .mti-two{background:none;}
.main_three_icons .mti-three{background:none;}
.main_three_icons .mti-one{border-right:1px dotted #e1e2e9; background:url(/www/img/main/three_icon1_m.png) center top no-repeat; background-size:55px auto;}
.main_three_icons .mti-two{background:url(/www/img/main/three_icon2_m.png) center top no-repeat; background-size:55px auto;}
.main_three_icons .mti-three{border-right:1px dotted #e1e2e9; background:url(/www/img/main/three_icon3_m.png) center top no-repeat; background-size:55px auto;}
.main_three_icons .name_title1{padding-left:0; text-align:center;  margin-top:5px; font-size:13px; padding-top:55px;}
.main_three_icons .name_title1 span{display:none;}
.main_three_icons .name_title2{display:none;}

.cooper_wrap{width:100%;}


}









@media screen and (max-width:640px) {





.notice_b_frm_03 dl{width:100%;}
.notice_b_frm_03 dt{width:50%;}
.notice_b_frm_03 dd{width:50%; }
.notice_b_frm_03 .pkm2{width:100%;}
.notice_b_frm_03 ul{width:100%;}

.main_four_icons .b_gray{padding:5px 0 5px 0;}
.main_four_icons .b_yellow{padding:5px 0 5px 0;}

}










@media screen and (max-width:480px) {



.notice_b_frm_03 dl{display:block;}
.notice_b_frm_03 dt{text-align:center; display:block;width:100%;}
.notice_b_frm_03 dd{display:block;width:100%; }
.notice_b_frm_03 .pkm2{width:243px;}


.notice_b_frm_03 li{width:100%; float:none;}
.notice_b_frm_03 .link_android{margin-top:10px;}
.notice_b_frm_03 .link_iphone{margin-top:3px;}
.notice_b_frm_03 .link_android a{padding:2% 2% 2% 5%; width:100%;} 
.notice_b_frm_03 .link_iphone a{padding:2% 2% 2% 5%; width:100%;} 

}






@media screen and (max-width:340px) {

}