/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Lato, Arial, sans-serif; font-size:15px; line-height:24px; overflow-x:hidden; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1170px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}


.single-item img { width:1170px; margin:0 auto; float:none;}
.single-item-bg{ background-repeat:no-repeat; background-position:top center; background-size:cover; }
/* .single-item-bg1 { background:url(../images/idx-ban-1.jpg) no-repeat top center; background-size:cover;}
.single-item-bg2 { background:url(../images/idx-ban-2.jpg) no-repeat top center; background-size:cover;}
.single-item-bg3 { background:url(../images/idx-ban-3.jpg) no-repeat top center; background-size:cover;} */


.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center; display:none !important;}
.single-item .slick-dots li { width:auto; height:3px; overflow:hidden;}
.single-item .slick-dots li button { width:30px; height:3px; background:#fff; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#de4609;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:47%;}
.single-item .slick-prev { left:40px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px;}
.single-item .slick-next { right:40px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px;}

.idx-section-1 { padding:80px 0 50px 0;}
.idx-title { text-align:center; padding-bottom:50px; color:#838383; font-size:16px; letter-spacing:1px;}
.idx-title01 { text-align:left; padding-bottom:10px; color:#333; font-size:18px; letter-spacing:1px; font-weight:bold; text-transform:uppercase;}
.idx-hot-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-hot-list > div { padding:0 14px 30px 14px; width:25%;}
.idx-hot-pto { line-height:0; overflow:hidden; border:1px solid #eaeaea; margin-bottom:15px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-hot-pto img { width:100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-hot-name { text-align:center; text-align:center;}
.idx-hot-name { text-align:center; color:#353535;}
.idx-hot-name span { font-size:16px; display:block; padding:15px 0 0 0; color:#8b8b8b;}
.idx-hot-list > div:hover .idx-hot-pto { border-color:#e60012;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.13);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.13);}
.idx-hot-list > div:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.idx-hot-list > div:hover .idx-hot-name { color:#e60012;}

.idx-about { background:url(../images/idx-about-bg.jpg) no-repeat top center; background-size:cover; text-align:center; padding:80px 20px; position:relative;}
.idx-about::after { content:''; background:url('../images/video-overlay.png') repeat; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; }
.idx-about-content { max-width:842px; margin:0 auto; color:#ffffff; font-size:15px; line-height:30px; position:relative; z-index:1;}
.idx-about-content a { color:#4fe2ff;}
.idx-about-content a:hover { color:#e60012;}
.idx-about-title { font-size:24px; font-weight:bold; padding-bottom:50px;}
.idx-about-link { padding-top:60px;}
.idx-about-link a { display:inline-block; padding:10px 8px; border-top:1px solid #fff; border-bottom:1px solid #fff; letter-spacing:1px; font-size:16px; color:#fff;}
.idx-about-link a:hover { border-top:1px solid #e60012; border-bottom:1px solid #e60012; color:#e60012; padding:10px 30px;}

.idx-video { text-align:center; padding:21vw 15px; position:relative; overflow:hidden; }
/* .idx-video-content { max-width:842px; margin:0 auto; color:#ffffff; font-size:15px; line-height:30px; position:relative; z-index:999; } */
.idx-video-content video{ border:0 none; width:101%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-99; pointer-events:none; background:#000; position:absolute; }

.idx-news-list { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.idx-news-list > div { padding:0 14px 30px 14px; width:33.333%;}
.idx-news-title { color:#353535; font-size:16px; padding-top:10px; white-space:nowrap; text-overflow : ellipsis; overflow:hidden;}
.idx-news-pto { overflow:hidden; line-height:0;}
.idx-news-pto img { width:100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-news-date { color:#898989; font-size:14px; padding-top:5px;}
.idx-news-list > div:hover .idx-news-title { color:#e60012;}
.idx-news-list > div:hover .idx-news-pto img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.idx-catalog { width:100%;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-catalog:hover { opacity:0.7;}
.video-container {
position: relative;
/*padding-bottom: 56.25%;*/
padding-bottom: 58%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.single-item2 .slick-dots { text-align:center; bottom:auto; }
.single-item2 .slick-dots li button:before { color:#888; }
.single-item2 .slick-dots li.slick-active button::before { color:#e60012;}

.idx-link { display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-link > div { padding:0 14px 30px 14px; width:33.333%;}
.idx-link-pto { overflow:hidden; line-height:0;}
.idx-link-pto img { 
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.idx-link > div:hover img { opacity:0.7;}

@media only screen and (max-width: 980px) {
#content { margin-top:64px;}
}

@media only screen and (max-width: 768px) {
.single-item .slick-dots { display:block !important;}
.single-item .slick-prev, .single-item .slick-next, .banner-slogon p { display:none !important;}
.idx-section-1 { padding:40px 0 20px 0;}
.idx-title01 { padding-bottom:10px; }
.idx-hot-list > div { width:50%;}
.idx-news-list > div { width:100%;}

.slick-track .slick-slide{ /*background:url(../images/idx-banner-03-rwd.png) no-repeat top center; background-size:cover; */}
}
@media only screen and (max-width: 640px) {
.idx-about { padding:100px 15px;}
}
@media only screen and (max-width: 570px) {
.idx-link > div { width:100%; text-align:center;}

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}