@charset "utf-8";
/* CSS Document */
.idx01{}
.idxTitle{ text-align:center; font-size:24px; color:#005bac; display:block; padding:0 20px; margin:0 auto; width:110px; position:relative; background-color:#fff; z-index:2}
.idxEnTitle:before{ content:' '; width:97%; height:1px; background-color:#ccc;position: absolute;left:1%;top:-13px; z-index:1;}
.idxEnTitle{ text-align:center; font-size:14px; color:#999; display:block; margin:0 auto; text-transform:uppercase; padding-top:5px; position:relative;}

.idxProList{ text-align:center; padding:30px 0;}
.idxProList li{ display:inline-block; padding:0 20px;}
.idxProList li a{ position:relative; line-height:20px;}
.idxProList li a:hover{ border-top:2px solid #005bac;}

.idxProListImg .info{ font-size:14px; padding-bottom:30px;}
.idxAboutBox{ width:50%; padding:2%;}
.idxAboutTitle{ font-size:24px; position:relative;}
.idxAboutTitle:after{ content:' '; height:3px; background-color:#005bac; width:100px; position:absolute; bottom:-10px; left:0;}
.idxAbout{ padding:40px 0; line-height:2; text-align:justify; white-space:normal; word-wrap:break-word; word-break:keep-all;}
.idxAbout p{ padding-bottom:10px; text-indent:2em;}
.idxAboutLink{ background-color:#005bac; color:#fff; text-align:center; display:block; width:120px; line-height:2.5; border-radius:4px;}
.idxAboutLink:hover{ background-color:#F30;color:#Fff;}
.idxAboutImg{ padding:70px 30px;}
.idxProListImg li{ transition:all .3s ease;}
.idxProListImg li:hover{background-color:#005bac;}
.idxProListImg li:hover A{color:#fff;}