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

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"微軟正黑體", 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:1484px; 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;}


.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:#acacac; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#ba0416;}
/*.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;}


#content { position:relative;}
#content:after { bottom:0; width:100%; content:""; display:block; left:0; background:#ff0021; height:42px; margin-bottom:24px;}

.idx-main { background:url(../images/idx-content-bg.jpg) no-repeat top center;}
.idx-main-top { display:flex; flex-direction:row; flex-wrap:wrap; padding-bottom:50px;}
.idx-main-top > div { color:#000000; font-size:20px; line-height:36px; text-align:left;}
.idx-main-top > div:first-child { padding-right:10px;}
.idx-main-top > div:last-child { width:45%;}
.idx-title { font-family:Arial; font-size:67px; line-height:110%; color:#000000; margin-bottom:35px;}
.idx-title span { display:inline-block; vertical-align:middle; color:#ff4f66; font-size:62px; font-weight:normal; border-left:5px solid #bfbfbf; padding-left:25px; margin-left:25px;line-height:110%; }
.idx-main-top > div h1 { font-weight:normal; font-size:24px; padding-bottom:10px;}
.idx-ce { padding-top:40px; color:#000; font-size:45px; line-height:110%;}
.idx-ce img { display:inline-block; vertical-align:middle; padding-right:10px;}

.idx-auto-pto { text-align:center;}
.idx-auto-pto img {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);}

.idx-pro-content { display:flex; flex-direction:row; flex-wrap:no-wrap; position:relative;}
.idx-pro-content:after { position:absolute; content:""; height:430px; width:100%; left:0; top:250px;
background: linear-gradient(90deg, #e60012 0%, #ff3541 100%);
background: -moz-linear-gradient(90deg, #e60012 0%, #ff3541 100%);
background: -webkit-linear-gradient(90deg, #e60012 0%, #ff3541 100%);
background: -o-linear-gradient(90deg, #e60012 0%, #ff3541 100%);
-moz-transform-origin:left;
-moz-transform:skewY(-6deg);
-webkit-transform-origin:left;
-webkit-transform:skewY(-6deg);
-o-transform-origin:left;
-o-transform:skewY(-6deg);
-ms-transform-origin:left;
-ms-transform:skewY(-6deg);
transform-origin:left;
transform:skewY(-6deg);}
.idx-pro-content > div { padding-left:25px; padding-right:25px; text-align:center; position:relative; z-index:2;}
.idx-pro-content > div:hover { opacity:0.7;}
.idx-pro-content > div span { display:block; padding-top:10px; color:#ffffff; font-size:52px; line-height:120%;}
.idx-pro-content > div:nth-of-type(1) { padding-top:100px;}
.idx-pro-content > div:nth-of-type(2) { padding-top:30px;}
.idx-pro-description { max-width:740px; padding:80px 10px 20px 10px; position:relative; z-index:2; text-align:center; color:#000000; font-size:20px; line-height:36px; margin:0 auto;}
.idx-pro-description-btn { padding:45px 0;}
.idx-pro-description-btn a { display:inline-block; height:44px; border-radius:22px; border:2px solid #ff0a2a; line-height:40px; padding:0 10px; color:#ff4f66; font-size:28px;}
.idx-pro-description-btn a:hover { background:#ff0a2a; color:#fff;}

@media only screen and (max-width: 1366px) {
.idx-title { font-size:40px;}	
.idx-title span { font-size:38px;}
.idx-main-top { padding-left:15px; padding-right:15px; padding-top:20px;}
.idx-main-top > div:first-child { padding-left:0px; padding-bottom:40px;}
.idx-main-top > div:last-child { padding-left:0px;}
.idx-ce { font-size:28px; padding-top:20px;}
.idx-ce img { max-width:50px;}
.idx-pro-content:after { height:330px; top:190px;}
}

@media only screen and (max-width: 980px) {
.single-item { padding-top:3px;}
.idx-title { font-size:30px;}	
.idx-title span { font-size:22px; margin-left:15px; padding-left:15px;}
.idx-main-top > div { width:100%; font-size:16px; line-height:28px;}
.idx-pro-content { flex-direction:column; padding:40px 10px;}
.idx-pro-content:after { height:calc(100% - 120px);}
.idx-pro-content > div:nth-of-type(1) { padding-top:0px;}
.idx-pro-content > div:nth-of-type(2) { padding:40px 0;}
.idx-pro-content > div span { font-size:30px;}
.idx-pro-description { font-size:16px; line-height:28px;}
.idx-pro-description-btn a { font-size:18px;}
}

@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;}

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

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


}

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

}

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

}