@charset "utf-8";
/* CSS Document */

body{
padding:0;
color:#333;
text-align:center;
font-size:12px;
line-height:1.5em;
}

a img{border:none;}
.txc{ text-align:center;padding-top:20px;padding-bottm:20px;}
.section{ text-align:center;padding:30 30 30 30px;}
.txl{ text-align:left;}
.font80{ font-size:80%;}
.gray{ background-color:#f8f8f8; padding:20px 0;}
.reqWrap{ padding:20px 5px;}

#Allwrap{ overflow:hidden; padding-top:30px; min-width:1080px;}
.Allright{ float:left; width:760px; margin:0 0 0 60px; padding-bottom:40px;}

.Allleft{ float:left; width:240px;padding-left:20px;}
.Allleft ul{ list-style:none; text-align:left; margin-top:50px; margin-bottom:50px; padding-top:50px; border-top: 1px #ccc solid;}
.Allleft ul li { padding-bottom:15px; height:18px;}
.Allleft ul li .on{ display:none;}
.Allleft ul li:hover img{ display:none;}
.Allleft ul li:hover .on{ display:block;}
.Allleft .banner{ margin-bottom:25px;}
.Allleft .banner a{ line-height:0; display:block; margin-bottom:5px;}

.thumWrap a,.thumWrap a:visited,.thumWrap a:active,.thumWrap a:hover {color:white!important; text-decoration:none!important;}
.thumbArea{ height:267px; width:183px; font-size:80%; position:relative; float:left; margin:0 3px 3px 0;}
.thumbArea p{background-color: rgba(0,0,0,0.5); padding:5px 0; position:absolute; bottom:0; width:100%;}

.thumWrap .bg_1{background:url(../images/thumb_1_mono.jpg) left top no-repeat;}
.thumWrap .bg_2{background:url(../images/thumb_2_mono.jpg) left top no-repeat;}
.thumWrap .bg_3{background:url(../images/thumb_3_mono.jpg) left top no-repeat;}
.thumWrap .bg_4{background:url(../images/thumb_4_mono.jpg) left top no-repeat;}
.thumWrap .bg_5{background:url(../images/thumb_5_mono.jpg) left top no-repeat;}
.thumWrap .bg_6{background:url(../images/thumb_6_mono.jpg) left top no-repeat;}
.thumWrap .bg_7{background:url(../images/thumb7_mono@2x.jpg) left top no-repeat;}
.thumWrap .bg_8{background:url(../images/thumb_8_mono.jpg) left top no-repeat;}
.thumWrap .bg_9{background:url(../images/thumb_9_mono.jpg) left top no-repeat;}
.thumWrap .bg_10{background:url(../images/thumb_10_mono.jpg) left top no-repeat;}
.thumWrap .bg_11{background:url(../images/thumb_11_mono.jpg) left top no-repeat;}
.thumWrap .bg_12{background:url(../images/thumb_12_mono.jpg) left top no-repeat;}

.thumWrap .bg_1:hover{background:url(../images/thumb_1.jpg) left top no-repeat;}
.thumWrap .bg_2:hover{background:url(../images/thumb_2.jpg) left top no-repeat;}
.thumWrap .bg_3:hover{background:url(../images/thumb_3.jpg) left top no-repeat;}
.thumWrap .bg_4:hover{background:url(../images/thumb_4.jpg) left top no-repeat;}
.thumWrap .bg_5:hover{background:url(../images/thumb_5.jpg) left top no-repeat;}
.thumWrap .bg_6:hover{background:url(../images/thumb_6.jpg) left top no-repeat;}
.thumWrap .bg_7:hover{background:url(../images/thumb7@2x.jpg) left top no-repeat;}
.thumWrap .bg_8:hover{background:url(../images/thumb_8.jpg) left top no-repeat;}
.thumWrap .bg_9:hover{background:url(../images/thumb_9.jpg) left top no-repeat;}
.thumWrap .bg_10:hover{background:url(../images/thumb_10.jpg) left top no-repeat;}
.thumWrap .bg_11:hover{background:url(../images/thumb_11.jpg) left top no-repeat;}
.thumWrap .bg_12:hover{background:url(../images/thumb_12.jpg) left top no-repeat;}

.underWrap { text-align:left;}
.underWrap h2{ font-size:120%; font-weight:700; padding:10px 0;}
.underWrap .attn{ border:1px #ccc solid; padding:10px;}
.underWrap .attn dl{ overflow:hidden;}
.underWrap .attn dl dd,
.underWrap .attn dl dt{ float:left; display:inline-block; padding-bottom:5px;}
.underWrap .attn dl dt{ width:150px;}
.underWrap .attn dl dt { clear:both;}
.underWrap .attn dl dd { width:580px;}

.underWrap .attn dl.shef dt{ width:120px;}
.underWrap .attn dl.shef dd { width:600px;}

.btnArea_concept{ padding-top:40px; clear:both;}


.hero{
    position: relative;
}
.hero>img{
    width:100%;
}
.hero-btn{
    position: absolute;
    bottom:10px;
    left:0;
    text-align: center;
    width: 100%;
}
.hero-btn a:hover{
    opacity: .8
    
}