/* header */
#header{height:160px}
#gnb .g_nav > a:hover{color:#b0000d}

/* container */
#container{padding-bottom:90px}

/* visual */
.visual{position:relative; margin:0 auto; max-width:1400px}
.visual .bx-controls-direction a{top:280px}
.visual .bx-controls-direction .bx-prev{left:60px}
.visual .bx-controls-direction .bx-next{right:60px}
.visual .bx-pager{margin-top:35px; text-align:center; font-size:0}
.visual .bx-pager-item{display:inline-block; vertical-align:top}
.visual .bx-pager-item + .bx-pager-item{margin-left:12px}
.visual .bx-pager-item a{position:relative; display:block; width:18px; height:15px}
.visual .bx-pager-item a:after{content:""; position:absolute; top:2px; left:4px; width:10px; height:10px; background-color:#8e8988; border-radius:100%; -webkit-border-radius:100%; -mox-border-radius:100%}
.visual .bx-pager-item a.active:after{top:0; left:0; width:100%; height:100%; background:url(../../images/common/sp_icon.png) -50px -30px no-repeat; border-radius:0; -webkit-border-radius:0; -mox-border-radius:0}
.vslider li{width:100%; height:600px; font-size:0; background-position:center top; background-repeat:no-repeat}

/* banner */
.banner{margin-top:100px; margin-bottom:150px}
.banner .item{float:left; position:relative; height:285px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.banner .item:not(.bn1){margin-left:20px}
.banner .col1{width:285px}
.banner .col2{width:590px}
.banner .item a{position:relative; display:block; height:100%; overflow:hidden; text-decoration:none}
.banner .bg{z-index:1; position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-repeat:no-repeat; -webkit-transition:transform 2s ease-in-out; -moz-transition:transform 2s ease-in-out; -o-transition:transform 2s ease-in-out}
.banner .scale:hover .bg{-webkit-transform:scale(1.1)}
.banner .tit1{z-index:2; position:absolute; top:37px; left:41px; font-size:24px; font-weight:500; color:#fff}
.banner .tit2{font-size:20px; font-weight:500; color:#de0010}
.banner .txt1{z-index:2; position:absolute; bottom:37px; left:41px; line-height:22px; font-size:16px; color:#fff}

.bn1 .bg{background-image:url(../../images/img/main_bn1.jpg)}
.bn3{padding:108px 20px 0 20px; text-align:center; background:url(../../images/img/main_bn3.jpg) no-repeat}
.bn3 dl{padding:0 20px}
.bn3 dt{margin-top:20px; font-size:18px; font-weight:500; color:#000}
.bn3 dd{margin-top:6px; word-break:keep-all}
.bn3 .bx-pager{position:absolute; right:0; bottom:45px; left:0; text-align:center; font-size:0}
.bn3 .bx-pager-item{display:inline-block; vertical-align:top}
.bn3 .bx-pager-item + .bx-pager-item{margin-left:4px}
.bn3 .bx-pager-item a{position:relative; display:block; width:12px; height:10px}
.bn3 .bx-pager-item a:after{content:""; position:absolute; top:2px; left:3px; width:6px; height:6px; background-color:#ffa8ae; border-radius:100%; -webkit-border-radius:100%; -mox-border-radius:100%}
.bn3 .bx-pager-item a.active:after{top:0; left:0; width:100%; height:100%; background:url(../../images/common/sp_icon.png) -69px -30px no-repeat; border-radius:0; -webkit-border-radius:0; -mox-border-radius:0}
.bn4{background:url(../../images/img/main_bn4.jpg) no-repeat}
.bn6{background-color:#fff}
.bn6 .tit{z-index:2; position:absolute; bottom:20px; right:20px; width:30px; height:30px; font-size:0; background:url(../../images/common/sp_icon.png) 0 -45px no-repeat}
.bn6 .thumbs{z-index:1; position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-size:cover}
.bn6 .hover{opacity:0; z-index:3; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(222,0,16,0.6)}
.bn6 .likes{position:absolute; top:128px; right:0; left:0; padding-top:26px; text-align:center; font-size:16px; font-weight:700; color:#fff}
.bn6 .likes:before{content:""; position:absolute; top:0; left:50%; margin-left:-12px; width:24px; height:20px; background:url(../../images/common/sp_icon.png) -57px -10px no-repeat}
.bn6 .tit,
.bn6 .thumbs,
.bn6 .hover{transition:opacity 0.3s ease-in-out; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out}
.bn6 a:hover .tit{opacity:0}
.bn6 a:hover .thumbs{opacity:0.8}
.bn6 a:hover .hover{opacity:1}

/* bnarea */
.bnarea a{display:block}
.bnarea img{width:100%}

/* menu */
.menu{position:relative; padding-top:93px; text-align:center}
.menu .tab{display:inline-block; vertical-align:top}
.menu .tab:after{content:""; display:block; clear:both}
.menu .tab li{float:left; position:relative}
.menu .tab li + li{margin-left:40px}
.menu .tab li a{z-index:2; position:relative; font-size:18px; font-weight:500; color:#fff; text-decoration:none}
.menu .tab li.active:after{content:""; z-index:1; position:absolute; right:-2px; bottom:-2px; left:-2px; height:11px; background-color:#b0000d}
.menu .bg{z-index:-1; position:absolute; top:0; right:0; left:0; height:390px; background-position:center top; background-repeat:no-repeat}
.menu .bg1{background-image:url(../../images/img/main_menu1.jpg)}
.menu .bg2{background-image:url(../../images/img/main_menu2.jpg)}
.menu .bg3{background-image:url(../../images/img/main_menu3.jpg)}
.menu .tit{padding:59px 0 6px 0; font-size:60px; font-weight:700; color:#fff; letter-spacing:0.3em}
.lst_menu{position:relative; margin:0 auto; width:1120px; height:399px}
.lst_menu .bx-controls-direction a{top:119px}
.lst_menu .bx-controls-direction .bx-prev{left:-80px}
.lst_menu .bx-controls-direction .bx-next{right:-80px}
.mslider li{float:left; position:relative; width:270px; height:399px}
.mslider .thumbs{z-index:2; position:relative; width:270px; height:270px; background-position:center center; background-size:cover}
.mslider .name{z-index:2; position:relative; top:-3px; margin:0 auto; width:180px; line-height:22px; font-size:18px; font-weight:500; color:#000; transition:color 0.3s linear; -webkit-transition:color 0.3s linear; -moz-transition:color 0.3s linear; -o-transition:color 0.3s linear}
.mslider .hover{opacity:0; z-index:1; position:absolute; bottom:0; left:45px; width:180px; height:370px; font-size:0; background:#de0010 url(../../images/img/main_menu_hover.jpg) no-repeat; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3 linear; -o-transition:opacity 0.3s linear}
.mslider a:hover{text-decoration:none}
.mslider a:hover .name{color:#fff}
.mslider a:hover .hover{opacity:1}

/* popup */
#popup{z-index:999; position:absolute; top:160px; left:4.69%; width:518px; background-color:#fff; border:1px solid #f2f2f2}
#popup .con{position:relative; margin:9px 9px 0 9px}
#popup .bx-controls-direction a{top:50%; margin-top:-15px; width:30px; height:30px; overflow:hidden}
#popup .bx-controls-direction .bx-prev{left:10px}
#popup .bx-controls-direction .bx-prev:after{right:-4px}
#popup .bx-controls-direction .bx-next{right:10px}
#popup .bx-controls-direction .bx-next:after{left:-4px}
#popup .bx-pager{position:absolute; bottom:20px; right:0; left:0; text-align:center; font-size:0}
#popup .bx-pager-item{display:inline-block; vertical-align:top}
#popup .bx-pager-item + .bx-pager-item{margin-left:1px}
#popup .bx-pager-item a{position:relative; display:block; width:24px; height:21px}
#popup .bx-pager-item a:after{content:""; position:absolute; top:5px; left:50%; margin-left:-5px; width:10px; height:10px; background-color:#fff; border-radius:100%; -webkit-border-radius:100%; -mox-border-radius:100%}
#popup .bx-pager-item a.active:after{top:0; left:0; margin-left:0; width:100%; height:100%; background:url(../../images/common/sp_icon.png) -43px -75px no-repeat; border-radius:0; -webkit-border-radius:0; -mox-border-radius:0}
#popup .set_btn:after{content:""; display:block; clear:both}
#popup .set_btn a{float:left; display:block; width:50%; line-height:59px; text-align:center; font-size:16px; color:#3c3c3c; text-decoration:none}