body{visibility:hidden;}

/*layout*/
header{min-width:1400px; margin:0 auto;}
header:after{content:'';display:block;clear:both;}
section{min-width:1400px; margin:0 auto; padding-bottom:160px;}
section:after{content:'';display:block;clear:both;}
footer{min-width:1400px; margin:0 auto;}
ul:after{content:'';display:block;clear:both;}
.wrap{position:relative; width:1400px; margin:0 auto;}
.con{position:relative;}
.con:after{content:'';display:block;clear:both;}
.left_box{float:left; width:50%;}
.right_box{float:right; width:50%;}
.main .left_box{width:calc(50% - 37px); margin-right:37px;}
.rolling_item{position:relative;}
.item{display:block; width:320px; margin:0 auto; position:relative; outline:none; border:none; overflow:hidden;}

/*common*/
video{width:100%; height:auto; background:#000;}
.btn{display:inline-block; padding:11px 50px; border:1px solid #333;  border-radius: 45px; line-height:14px; text-align:center; font-size:13px; text-transform:uppercase; letter-spacing:1px; font-family:"sOneBold";}
.btn:hover{color:#fff; background:#000; transition: 0.4s;}
.btn:hover:before{background:#000;}
.btn:hover:after{background:#000;}
.btn .icon_down{display:inline-block; width:18px; height:auto; padding-right:10px; margin-top:-4px; vertical-align:bottom;}
.btn_main{position:absolute; top:90px; right:174px;}
.btn_main li{float:left; margin-right:8px;}
.index .btn{padding:18px 50px;}
.btn_down{display:block; width:16px; height:18px; position:absolute; top:200px; left:321px;}
.video .btn_down{left:304px;}
.btn_list{margin-left:10px; color:#fff; background:#333;}

.icon_new{position:absolute; top:0px; left:0px;}
.icon_new img{width:63px;}
.icon .default{display:block;}
.icon .hover{display:none;}
.btn:hover .icon .default{display:none;}
.btn:hover .icon .hover{display:block;}
.icon_hover img{display:block; position:absolute; top:54px; left:124px; width:68px; height:68px;}
.icon_hover .default{display:block;}
.icon_hover .hover{display:none;}
.icon_hover .pause{display:none;}
.item:hover .icon_hover .default{display:none;}
.item:hover .icon_hover .hover{display:block;}

.back_img{display:block; width:320px; height:180px; overflow:hidden;}
.back_img img{transform:scale(1); transition: all 0.3s ease-in-out; }
.item:hover .back_img img{transform:scale(1.15);}

/*header*/
h1{float:left; margin-left:78px;}
h1 a{display:block; padding:20px 0;}
h1 + nav{float: left;margin-left: 152px;}
nav ul{text-align:center;}
nav li{position:relative; display:inline-block; padding:32px 0 2px 0; margin-right:48px; font-size:18px; font-family:"sSharpBold";}
nav .line span{position:absolute; bottom:-2px; width:0%; border-bottom:2px solid #1b1b1b;  transform:scale(1); transition: all 0.3s ease-in-out;}
nav .line_left {right:50%;}
nav .line_right {left:50%;}
nav li:hover .line span{width:50%;}
nav .active .line span{width:50%;}

.btn_header{float:right; padding-top:16px; padding-right:40px;}
.btn_header li{position:relative; display:inline-block; margin-right:60px;}
.btn_header a{display:inline-block; padding:16px 20px; line-height:18px; font-size:13px; color:#fff; background:#333; text-transform:uppercase; font-family:"sOneBold";}
.btn_header a:before{content:''; position:absolute; top:0; left:-24px; display:inline-block; width:25px; height:50px; border-radius:25px 0 0 25px; background:#333;}
.btn_header a:after{content:''; position:absolute; top:0; right:-24px; display:inline-block; width:25px; height:50px; border-radius:0 25px 25px 0; background:#333;}


/*article*/
.btn_top{display:none; position:fixed; bottom:150px; right:35px; z-index:10;}

/*footer*/
footer{padding:35px 0; font-size:14px; color:#f3f3f3; background:#1f1f1f; font-family:"sSharpBold";}
.logo_footer{display:inline-block; width:63px; margin-left:79px;}
.contact{display:inline-block; padding-left:30px; vertical-align:bottom; line-height:44px; opacity:0.5;}
.copyright{display:inline-block; float:right; padding-right:82px; vertical-align:bottom; line-height:44px; opacity:0.5;}

/*main*/
.top_rolling{position:relative; height:548px;}
.top_rolling .rolling_item01{background:url('../img/main/top_rolling01.jpg') top center no-repeat;}
.top_rolling .rolling_item02{background:url('../img/main/top_rolling02.jpg') top center no-repeat;}
.top_rolling .rolling_item03{background:url('../img/main/top_rolling03.jpg') top center no-repeat;}
.top_rolling .item_box{width:1240px; height:502px; margin:22px auto; border:1px solid #c5c5c5;}
.top_rolling .tit{line-height:1.1; font-size:70px; font-family:"sSharpBold";}
.top_rolling .tit span{display:block; line-height:1; font-size:30px; color:#ffc000;}

.top_rolling .rolling_item01 .item_box{text-align:center; border:1px solid #413d3e; color:#fff;}
.top_rolling .rolling_item01 .tit{padding-bottom:42px;}
.top_rolling .rolling_item01 span{padding:127px 0 6px 0;}
.top_rolling .rolling_item01 .txt{padding-bottom:20px;}
.top_rolling .rolling_item02 .item_box{border:1px solid #a8a9ae;}
.top_rolling .rolling_item02 .tit{margin:126px 0 30px 656px; font-size:62px;}
.top_rolling .rolling_item02 .txt{margin:0 0 50px 656px; font-size:16px;}
.top_rolling .rolling_item02 .btn{margin-left:656px;}
.top_rolling .rolling_item03 .item_box{border:1px solid #a8a9ae;}
.top_rolling .rolling_item03 .tit{margin:126px 0 30px 656px; font-size:62px;}
.top_rolling .rolling_item03 .txt{margin:0 0 50px 656px; font-size:16px;}
.top_rolling .rolling_item03 .btn{margin-left:656px;}

.top_rolling .slick-prev{left:20%; width:27px; height:53px; margin-top:-26px; background:url('../img/btn_rolling_prev.png') no-repeat; background-size:27px auto;}
.top_rolling .slick-next{right:20%; width:27px; height:53px; margin-top:-26px; background:url('../img/btn_rolling_next.png') no-repeat; background-size:27px auto;}
.top_rolling .slick-dots{position:absolute; bottom:50px; left:0; width:100%; text-align:center;}
.top_rolling .slick-dots button{position:relative; width:128px; height:2px; border-radius:0; border:none; background:#5a5753;}
.top_rolling .slick-dots li{position:relative;}
.top_rolling .slick-dots span{display:block; position:absolute; top:8px; left:0; width:0; max-width:128px; height:2px; background:#fff; }

.btn_slick{display:inline-block; width:9px; height:13px; vertical-align:bottom; background:url('../img/icon_stop.png') top center no-repeat;}
.btn_slick.paused{background:url('../img/icon_play.png') top center no-repeat;}

.main_con01{max-width:1240px; margin:55px auto 194px auto;}
.main_con01 .left_box{text-align:right;}
.main_con01 h2{padding-bottom:45px; line-height:1.1; font-size:75px; font-family:"sSharpBold";}
.main_con01 span{display:block; font-size:55px;}
.main_con01 p{margin-left:100px; line-height:2.1; font-size:16px;}
.main_con01 .btn{margin-top:50px;}
.main_con01 .right_box{position:relative;}
.main_con01 video{width:619px; height:348px;}
.main_con01 .icon_hover img{position:absolute; top:50%; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;}
.main_con01 .icon_hover:hover .default{display:none;}
.main_con01 .icon_hover:hover .hover{display:block;}

.main_con02{max-width:1400px; margin:0 auto; border:1px solid #ccc;}
.main_con02 .bg_tite{padding-left:50px; margin-top:-15px; text-align:center; letter-spacing:50px; font-size:30px; color:#1f68db; font-family:"sSharpBold";}
.main_con02 .left_box img{padding-left:80px; width:calc(100% - 80px);}
.manual_rolling{padding:77px 0 92px 0;}
.manual_rolling h2{padding:65px 0 40px 0; line-height:1.2; font-size:55px; font-family:"sSharpBold";}
.manual_rolling p{padding-bottom:75px; font-size:16px;}
.manual_rolling .btn{position:absolute; bottom:60px; right:520px;}
.manual_rolling .slick-dots{position:absolute; bottom:235px; left:700px;}

.main_con03{max-width:1240px; margin:0 auto;}
.main_con03 .left_box{padding-top:50px; text-align:right;}
.main_con03 h2{padding:100px 0 45px 0; line-height:1.3; font-size:55px; font-family:"sSharpBold";}
.main_con03 span{display:block; font-size:55px;}
.main_con03 p{padding-bottom:35px; line-height:1.2; font-size:16px;}
.main_con03 .etc{padding-bottom:0; font-size:18px; color:#1f68db; font-family:"sSharpBold";}
.main_con03 .btn{margin-top:150px;}
.main_con03 .right_box{position:relative; padding-bottom:45px;}
.main_con03 .right_box img{width:420px;}
.look_rolling{margin-top:-50px;}
.main_con03 .slick-dots{position:absolute; left:545px; bottom:235px;}


.main_con04{border-top:1px solid #ccc;}
.main_con04 h2{padding:90px 0 100px 185px; line-height:1.2; font-size:40px; font-family:"sSharpBold";}
.training_rolling{max-width:1060px; padding-bottom:100px; margin:0 auto;}
.training_rolling p{display:block; padding:20px 25px 0 0; font-size:18px; font-family:"sOneBold";}
.training_rolling .slick-arrow{top:68px; margin-top:0;}

.main_con05{border-top:1px solid #ccc;}
.main_con05 h2{padding:90px 0 100px 185px; line-height:1.2; font-size:40px; font-family:"sSharpBold";}
.down_rolling{max-width:1060px; padding-bottom:100px; margin:0 auto;}
.down_rolling p{display:block; padding:20px 0 0 0; font-size:18px; font-family:"sOneBold"; word-break:break-all;}
.down_rolling  .item:hover .icon_hover{display:block; position:absolute; top:0; left:0; width:320px; height:180px; background:rgba(0,0,0,0.5);}
.down_rolling .slick-arrow{top:68px; margin-top:0;}

.main_con06{border-top:1px solid #ccc;}
.main_con06 h2{padding:90px 0 35px 168px; line-height:1.2; font-size:40px; font-family:"sSharpBold";}
.accordion{max-width:1060px; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000; font-family:"sOneBold";}
.accordion p{position:relative; padding:35px 120px 35px 100px; line-height:1.6; cursor:pointer;}
.accordion li:first-child .qna_q{border-top:none;}
.accordion .qna_q{border-top:1px solid #e5e5e5; color:#1f68db; outline:none; background:url('../img/icon_q.png') 30px 50% no-repeat;}
.accordion .ui-state-active{color:#1f68db; background:#e5e5e5 url('../img/icon_q.png') 30px 50% no-repeat;}
.accordion .qna_a{background:url('../img/icon_a.png') 30px 50% no-repeat;}
.accordion .qna_a .btn_down{display:block; width:22px; height:auto; position:absolute; top:50%; left:auto; right:30px; margin-top:-11px;}

.ui-icon.icon_open {float:right; width:22px; height:12px; position:absolute; top:50%; right:30px; margin-top:-6px; background:url('../img/icon_open.png') no-repeat; background-size:22px auto;}
.ui-icon.icon_close {float:right; width:22px; height:12px; position:absolute; top:50%; right:30px; margin-top:-6px; background:url('../img/icon_close.png') no-repeat; background-size:22px auto;}


/*sub common*/
.top_box{min-height:275px; background:#1953af url('../img/sub/bg_top.jpg') top center no-repeat; }
.text_box{max-width:1240px; margin:0 auto; text-align:center; color:#fff;}
.text_box .tit{padding:85px 0 15px 0; font-size:44px; font-family:"sSharpBold";}
.text_box .txt{line-height:2.25; font-size:18px;}
.con .tit{padding:90px 0 40px 0; line-height:1.48;  text-align:center; font-size:34px; font-family:"sSharpBold";}
.con .txt{padding-bottom:40px; line-height:2; font-size:18px;}
.con .hn_txt{padding:80px 270px 0 0; line-height:2; font-size:18px; font-family:"sSharpBold";}

/*introduction*/
h3{padding:80px 0 40px 0; text-align:center; font-size:60px; font-family:"sSharpBold";}
.intro .con p{max-width:800px; margin:0 auto; text-align:center;}
.intro .whatis{width:1000px; margin:0 auto; }
.whatis{position:relative;}
.whatis video{position:relative; max-width:1000px; margin:0 auto;}
.whatis .icon_hover img{top:50%; left:50%; width:160px; height:160px; margin:-80px 0 0 -80px; cursor:pointer;}
.whatis:hover .icon_hover .default{display:none;}
.whatis:hover .icon_hover .hover{display:block;}


.tabs{max-width:1242px; margin:0 auto; padding-top:20px;}
.tabs li{float:left;}
.tabs li:first-child{margin-left:120px;}

.tabs_nav ul{background:url('../img/sub/bg_tab.jpg') bottom center repeat-x;}
.tabs_nav li{width:334px; height:172px; text-align:center; border-right:1px solid #b2b2b2;}
.tabs_nav li:last-child{border-right:0;}
.tabs_nav a{display:inline-block;}
.tabs_nav img{width:28px; height:auto;}
.tabs_nav .tit{position:relative; padding:0; font-size:72px; font-family:"sSharpBold";}
.tabs_nav .txt{padding:0; line-height:1.3; font-size:20px; font-family:"sOneBold";}
.tabs_nav span{position:absolute; top:0; left:0;}

.tabs_body>div{display:none;}
.tabs_body ul{font-size:0;}
.tabs_body li{width:214px; padding:0 60px;}
.tabs_body .tit{padding:75px 0 35px 0; font-size:30px;}
.tabs_body .txt{min-height:132px; padding:0; line-height:1.6; font-size:15px;}

.tabs_nav .active{background:#fff;}
.tab01.active .tit{color:#09b0e2;}
.tab02.active .tit{color:#ffb13a;}
.tab03.active .tit{color:#db47b7;}
.tabs_body .active{display:block;}

.tab_img img {margin:0 auto; max-width:1001px; width:100%; height:auto;}
.tab02 li:nth-child(2) {width:488px; padding-left:120px;}
.tab03 li:nth-child(1) {width:762px; padding:0 120px;}

/*Training Videos*/
.video{padding-bottom:100px;}
.video .wrap{width:1060px; margin:0 auto;}
.video .btn{position:absolute; top:80px; right:0;}
.video li{position:relative; float:left; margin-right:50px;}
.video li:nth-child(3n){margin-right:0;}
.video li p{display:block; padding:12px 20px 0 0; font-size:18px; font-family:"sOneBold";}
.video .item{margin-bottom:50px;}
.video .btn_down{top:190px;}

/*Training Videos View*/
.view .wrap{max-width:1060px;}
.view_box{max-width:800px;}
.view_box iframe{width:800px; height:450px; padding-top:80px;}
.view_box p{display:inline-block; width:calc(100% - 361px); padding-top:30px; font-size:31px; font-family:"sOneBold";}
.sub_btn{display:inline-block;}
.view_list{position:absolute; top:80px; right:0; width:250px; height:525px; overflow-y:scroll;}
.view_list li{position:relative; height:120px; padding:20px 30px; background:#fafafa;}
.view_list p{padding-top:10px; font-size:13px;  font-family:"sOneBold";}
.view_img{width:180px; margin:0 auto;}
.iframe_url{position:absolute; bottom:0; left:0; font-size:10px; visibility:hidden;}
.view_list .icon_hover img{top:50px; left:100px; width:44px; height:44px;}
.view_list li:hover .icon_hover .default{display:none;}
.view_list li:hover .icon_hover .hover{display:block;}
.view_list .active{background:#e4e4e4;}


/*Download*/
.down {padding-bottom:100px;}
.down .wrap{max-width:1060px; margin:0 auto;}
.down .btn{position:absolute; top:80px; right:0;}
.down li{position:relative; float:left; margin-right:50px;}
.down li:nth-child(3n){margin-right:0;}
.down li:hover .icon_hover{display:block; position:absolute; top:0; left:0; width:320px; height:180px; background:rgba(0,0,0,0.5);}
.down li p{display:block; padding-top:10px; font-size:18px; font-family:"sOneBold";}
.down .item{margin-bottom:50px;}
.down .guide_box{border-top:1px solid #ccc;}
.down .guide_box p{display:inline-block; padding:15px 25px 0 0; font-size:14px; font-family:"sSharpBold";}
.down .guide_box a{display:inline-block; width:129px; height:23px; vertical-align:middle;}
.down .con04 .tit{padding-top:40px;}

/*FAQ*/
.faq .accordion{margin-top:80px;}

/*logion*/
.login{background:#1b1b1b;}
.login section{width:800px; min-width:0; padding:94px 0 0 0; margin:0 auto; color:#fff; background:#1b1b1b url('../img/bg_login.jpg') center 94px no-repeat;}
.login_box{margin:350px 170px 0 170px;  line-height:1.1; font-family:"sSharpBold";}
.login_box .tit{padding-bottom:15px; font-size:60px; font-family:"sSharpBold";}
.login_box .tit span{display:block; line-height:1.2; font-size:26px; color:#ffc000; text-align:left;}
.login_box input{width:calc(100% - 32px); padding:15px; margin-bottom:16px; border:1px solid #dadada; color:#666; font-size:18px;}
.login_box button{width:100%; padding:16px; margin-bottom:48px; border:none; outline:none; color:#fff; font-size:18px; background:#666; cursor:pointer;}
.login_box p{font-size:13px; color:#f3f3f3; text-align:center;}
.login_box .contactus{padding-bottom:14px; border-bottom:1px solid rgba(50, 50, 50, 0.9);}
.login_box .copy{padding-top:15px;}