#visual{width:100%;}
#visual .main_visual{width:100%; height:auto; position:relative; overflow:hidden;}
#visual .main_visual ul{position:relative;}
#visual .main_visual ul li{text-align:center; position:absolute; top:0; left:0; z-index:0;}
#visual .main_visual ul li:first-child{position:relative; z-index:50;}
#visual .main_visual ul li a{display:block; width:100%; height:auto;}
#visual .main_visual ul li a img{margin:0 auto;}
#visual .main_visual .bx-wrapper{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0;}
#visual .main_visual .bx-wrapper .bx-pager{bottom:10px; left:0; transform:translateY(-50%); text-align:center; box-sizing:border-box; padding-top:0;}
#visual .main_visual .bx-wrapper .bx-pager.bx-default-pager a{background-color:#fff; width:10px; height:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box; border:1px solid #fff;}
#visual .main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover, #visual .main_visual .bx-wrapper .bx-pager.bx-default-pager a.active, #visual .main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:#282828; border-color:#282828;}


.sub_link{width:100%; height:auto; box-sizing:border-box; padding:0 3%;}
.sub_link ul{width:100%; overflow:hidden; font-size:0; line-height:0;}
.sub_link ul li{display:inline-block; width:calc(50% - 5px); height:auto; vertical-align:top; margin-top:10px; margin-right:5px;}
.sub_link ul li:nth-child(-n+2){margin-top:0;}
.sub_link ul li:nth-child(2n){margin-left:5px; margin-right:0;}
.sub_link ul li:last-child{width:100%;}
.sub_link ul li a{display:block; width:100%;}
.sub_link ul li a img{display:block; width:100%; height:auto;}

.main_title1{font-size:22.8px; font-weight:400; letter-spacing:1px; color:#d8d8d8; text-align:center; line-height:1;}
.main_title1 span{text-transform:uppercase; font-size:9px; font-weight:400; letter-spacing:2px; color:#4b4b4b; line-height:1; display:inline-block; margin-top:9px;}
.main_title2{font-size:18px; font-weight:600; letter-spacing:-0.5px; text-align:center; line-height:1;}

.case_box{width:100%; box-sizing:border-box; text-align:center; background-color:#5f5763; padding:0 11.5%;}
.case_box .bx-wrapper{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0; background:transparent;}
.case_box .bx-wrapper .bx-controls-direction a{transform:translateY(-50%); text-indent:0; font-size:18px; font-weight:400; color:rgba(255,255,255,0.6); line-height:32px; background:none; margin-top:-26.5px;}
.case_box .bx-wrapper .bx-controls-direction a.bx-prev{left:calc(-10% - 10px);}
.case_box .bx-wrapper .bx-controls-direction a.bx-next{right:calc(-10% - 10px);}
.case_box ul{box-sizing:border-box;}
.case_box ul li{display:inline-block; width:100%; height:auto; position:absolute; top:0; left:0;}
.case_box ul li a{display:block; position:relative; width:100%; height:auto; overflow:hidden;}
.case_box ul li a span{display:inline-block; font-size:12px; font-weight:600; letter-spacing:-0.5px; color:#fff; background-color:#262626; width:16px; line-height:16px; text-align:center; position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-8px; z-index:5;}
.case_box ul li a .case_thum{width:100%; height:auto; overflow:hidden; padding:50% 0 0; position:relative;}
.case_box ul li a img{display:inline-block; vertical-align:top; width:calc(50% - 0.5px); position:absolute; height:auto; min-height:100%; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.case_box ul li a img:nth-of-type(2){margin-right:0; left:auto; right:0;}
.case_box ul li a p{font-size:18px; font-weight:300; letter-spacing:-0.5px; color:#fff; text-align:center; line-height:1.05; padding:15px 10px 20px 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case_box ul li.no_content{width:100%; line-height:120px; font-size:20px; font-weight:600; letter-spacing:-0.5px; text-align:center;}

.review_box{width:100%; box-sizing:border-box; text-align:center; background-color:#f4f5f6; overflow:hidden;}
.review_box .bx-wrapper{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0; background:transparent;}
.review_box ul{width:100%; height:auto; box-sizing:border-box; margin-left:calc(15% - 7.5px); overflow:hidden;}
.review_box ul li{display:inline-block; width:auto; height:auto; float:left; vertical-align:top; margin-right:15px;}
.review_box ul li a{display:block;}
.review_box ul li a .thum{width:100%; height:auto; padding:75% 0 0; position:relative; overflow:hidden;}
.review_box ul li a .thum img{width:100%; height:auto; min-height:100%; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.review_box ul li a p{font-size:11px; font-weight:400; letter-spacing:-0.5px; color:#363636; text-align:center; line-height:1.05; padding-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.review_box ul li.no_content{width:100%; line-height:120px; font-size:20px; font-weight:600; letter-spacing:-0.5px; text-align:center;}

.media_box{width:100%; box-sizing:border-box; text-align:center; background-color:#424143; padding:3% 3% 15px 3%;}
.media_box .video_box_bg{width:100%; height:auto; position:relative;}
.media_box .video_box_bg ul{width:100%; height:auto;}
.media_box .video_box_bg .video_box{width:100%; height:auto; display:none;}
.media_box .video_box_bg .video_box#video0{display:block;}
.media_box .video_box_bg .video_box iframe{width:100%; height:auto;}
.media_box .video_box_bg .video_box img{width:100%; height:100%;}
.vp-player-layout { margin: 0; padding: 0; }
.media_box .video_controls{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:15px;}
.media_box .video_controls li{width:33.33%; display:inline-block; position:relative; box-sizing:border-box; float:left; height:31.2px;}
.media_box .video_controls li a{display:inline-block; width:100%; text-align:center; font-size:12px; font-weight:400; letter-spacing:-0.5px; color:rgba(255,255,255,0.4); position:absolute; top:50%; left:0; transform:translateY(-50%); line-height:1.3;}
.media_box .video_controls li:nth-child(2){border-left:1px solid rgba(150,150,150,0.29); border-right:1px solid rgba(150,150,150,0.29);}
.media_box .video_controls li:nth-child(2) a{position:relative; top:auto; transform:none;}
.media_box .video_controls li.on a{font-weight:600; color:rgba(255,255,255,0.8);}

.event_box{width:100%; height:auto;}
.event_box .bx-wrapper{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0; background:transparent;}
.event_box .event_list{width:100%; height:auto;}
.event_box .event_list li{width:100%; height:auto; position:absolute; top:0; left:0; z-index:0;}
.event_box .event_list li:first-child{position:relative; z-index:50;}

.social_box{width:100%; height:auto; margin-bottom:50px; overflow:hidden;}
.social_box .bx-wrapper{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0; background:transparent;}
.social_box ul{width:100%; height:auto; box-sizing:border-box; margin-left:calc(15% - 7.5px);}
.social_box ul li{display:inline-block; width:80%; height:auto; float:left; vertical-align:top; margin-right:10px;}
.social_box ul li a{display:block;}
.social_box ul li a .thum{width:100%; height:auto; padding:50% 0 0; position:relative; overflow:hidden;}
.social_box ul li a .thum img{width:100%; height:auto; min-height:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; z-index:1;}
.social_box ul li a .thum .img_box_view_bg{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(62,62,62,0.6); z-index:2; display:none;}
.social_box ul li a .thum .img_box_view_bg span{font-size:11.5px; line-height:1; font-weight:300; letter-spacing:-0.5px; color:#fff; display:inline-block; box-sizing:border-box; border:1px solid #fff; padding:7.5px 5px; position:absolute; top:50%; left:50%; transform:translateX(-50%); margin-top:-14px;}
.social_box ul li.on a .thum .img_box_view_bg{display:block;}
.social_box ul li a .social_text_box{width:100%; height:auto; margin-top:15px;}
.social_box ul li a .social_text_box p{font-size:14.4px; font-weight:400; letter-spacing:-0.5px; color:#4b4b4b; text-align:center; line-height:1.05; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.social_box ul li a .social_text_box p.text_txt{font-weight:300; margin-top:5px;}
.social_box ul li.no_content{width:100%; line-height:120px; font-size:20px; font-weight:600; letter-spacing:-0.5px; text-align:center;}

.fake_box_bg{width:100%; height:auto; position:relative;}
.fake_box_bg .fake_box_view{width:100%; height:auto; position:absolute; top:0; left:0; z-index:10;}
.fake_box_bg .fake_box{opacity:0; z-index:0;}

.color1{color:#fff;}
.color2{color:#363636;}

.pop{width:100%; max-width:750px; height:100%;  background:rgba(0,0,0,.6); overflow-y:scroll; position:fixed; top:0; left:50%; transform:translateX(-50%); text-align:center; z-index:99999;}
.pop div.pop_sec{width:90%; height:auto; margin:75px auto 0 auto;}
.pop .popup_box{width:100%; height:auto; position:relative;}
.pop .popup_box .popup_slider{width:100%; height:auto;}
.pop .popup_box .bx-wrapper{margin:0; padding:0; border:0; box-shadow:none; background:none;}
.pop .popup_box .bx-wrapper .bx-pager, .pop .popup_box .bx-wrapper .bx-controls-auto{bottom:5px;}
.pop div div img{width:100%;}
.pop div div.link_pop{position:relative;}
.pop div div.link_pop a{display:inline-block; position:absolute;}
.pop .pop_close{width:100%; height:30px; overflow:hidden; box-sizing:border-box; padding:7px 5px; text-align:left; background-color:#000; clear:both;}
.pop .pop_close input[type="checkbox"]{display:inline-block; vertical-align:top; width:16px; height:16px; box-sizing:border-box; margin:0 3px 0 0;}
.pop .pop_close label, .pop .pop_close button{display:inline-block; vertical-align:top; line-height:16px; font-size:14px; font-weight:400; letter-spacing:-0.25px; color:#fff;}
.pop .pop_close label{margin-right:5px;}
.pop .pop_close button{border:0; padding:0; background:none;}