/*@charset "utf-8";
*/
#top-banner{background-color: #000; margin: 0 auto 10px;}
.slides{ width: 990px; height:350px; overflow: hidden; position:relative; margin: 0 auto;}
.star{ width:100%; height:172px; }


#img_1,#img_2,#img_3,#img_4 {display:block;position:absolute;top:0;left:0;}

.mes{ position:absolute; left:0; bottom:0px; width:300px; padding: 30px 20px; color:#FFF; /*opacity:0.8; background:url("../images/home/caption.bg.png") repeat scroll 0 0 transparent; border:solid black; border-width:0 5px 0 0;*/}
.mes .t{text-shadow:0 2px #000000; font-family: "Didit LT Std", "Times New Roman", Georgia, Arial; font-weight:bold}
.mes .t a {color: #FFF;}
.mes .m{font-size:18px; line-height:130%; padding:10px 0; text-shadow:0 2px #000000; color:#FFF;}

#img_1 .mes { width: 280px;}
#img_2 .mes { width: 400px;}
#img_3 .mes{ top: 10px; left:558px; width:380px; /*border-width:0 0 0 5px;*/}
#img_4 .mes{}
#img_1 .mes .t { font-size: 30px; line-height: 40px;}
#img_1 .mes .t span.line1 {font-size: 50px; vertical-align: text-bottom;line-height: 50px;}
#img_1 .mes .t span sup {position:relative; top:6px; font-size:30px;}
#img_1 .mes .t span.line2 {font-size: 32px;}
#img_1 .mes .t span.line3 {font-size: 30px;}
#img_2 .mes .t {font-size: 32px;}
#img_2 .mes .m {width: 300px;}
#img_3 .mes .t {font-size: 30px;}

#play {display:none}

#slide_num {position:absolute; right:18px; bottom:10px;}
#slide_num ul li{list-style:none; float:left; margin-right:5px; border:solid 1px #FFF; width:18px; height:16px;}
#slide_num ul li a{text-decoration:none; color:#FFF; text-align:center; line-height:16px; font-size:12px; display:block; width:18px; height:16px;}
#slide_num ul li a.in {background:url("../images/home/caption.bg.white.png") repeat scroll 0 0 transparent;/*background:#FFF; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/ color:#F00; font-weight:bold;}

.content.page404 {
    width: 790px;float: right;
}
@media screen and (min-width: 1200px) {
	.content.page404{width: 970px;}
}


.testimonial #wrapper-company-summary {padding: 0;}
#wrapper-company-summary .summary-desc {text-align: center; margin-top: 8px; margin-bottom: 12px;}
#wrapper-company-summary .summary-desc a {}
#wrapper-company-summary .head {margin: 0; width: 100%; text-align: center;}

.testimonial #top_reviews .review {text-align: center;}
.testimonial .review .star-rating, 
.testimonial .header {display: inline-block;}
.testimonial .review .star-rating img {width: 120px;}
.testimonial .review-meta > div {display: inline-block;}
.testimonial .tp-my-review .header { font-size: 20px; vertical-align: bottom; margin-left: 8px;}
.testimonial .tp-my-review {text-align: center; padding: 0; border: none;}
.testimonial #top_reviews .review .text-container {text-align: left;}
.testimonial .review .text-container {text-align: left;}
.testimonial .review .text-container {
    border: 1px solid #d3d3d3;
    padding: 12px;
    margin-top: 16px;
    overflow: visible;
    visibility: visible;
    position: relative;
}
.version-p.testimonial .review .text-container { padding: 12px 24px; }
.testimonial .review .text-container:before {
    content: "";
    width: 0;
    border: 28px solid transparent;
    border-bottom: 15px solid #d3d3d3;
    border-right: 0;
    position: absolute;
    top: -44px;
    left: 295px;}
.testimonial .review .text-container:after {
    content: "";
    width: 0;
    border: 28px solid transparent;
    border-bottom: 15px solid #f5f5f5;
    border-right: 0;
    position: absolute;
    top: -42px;
    left: 294px;
}
.testimonial .review .review-meta .user-info {
    padding-right: 8px;
    margin-right: 5px;
    border-right: solid 1px #d3d3d3;
}
.testimonial .view-more {text-decoration: underline; margin-top: 5px; display: inline-block;}

.testimonial .owl-theme .owl-dots .owl-dot span {background: #333;}

div#home_wording_section {
    padding: 30px 0 20px;
}

div#home_wording_section a {
    text-decoration: underline;
}
.home-banner {
    height: 501px;
}
.home-banner .slide-item img{
    width: 100%;
    aspect-ratio: 1320/451;
}
@media screen and (max-width: 1399px) {
    .home-banner {
        height: 450px;
    }
    .home-banner .slide-item img{
        aspect-ratio: 1170/400;
    }
}
@media screen and (max-width: 1199px) {
    .home-banner {
        height: 388px;
    }
    .home-banner .slide-item img{
        aspect-ratio: 990/338;
    }
}
.category-post-lg img {
    width: 100%;
    aspect-ratio: 650/452;
}
.category-post-md img {
    width: 100%;
    aspect-ratio: 1;
}
.sale-banner img {
    width: 100%;
    aspect-ratio: 651/321;
}