.widget_slider_style_6 .row-slider { display: grid; grid-template-columns: 3fr 1fr 1fr; } .widget_slider_style_6 .slider_content .slider_list_thumb { border: 1px solid #ddd; } .widget_slider_style_6 .slider_content .slider_list_thumb .item{ padding: 5px 10px; } .widget_slider_style_6 .slider_content .slider_list_item .item{ display: block!important; } .widget_slider_style_6 .slider_content { width:100%; overflow: hidden; } .widget_slider_style_6 .list_item{ border: 1px solid #ddd; background-color: #fff; text-align: center; } .widget_slider_style_6 .list_item .slider_item__heading{ margin: 0; padding: 15px 10px; border-bottom: 1px solid #ddd; } .widget_slider_style_6 .list_item .slider_item__heading .heading{ margin: 0; font-weight: bold; } .widget_slider_style_6 .list_item .slider_item__content{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; padding: 15px 10px; border-bottom: 1px solid #ddd; } .widget_slider_style_6 .list_item .slider_item__content .item .img{ height: 60px; } .widget_slider_style_6 .list_item .slider_item__content .item .img img{ height: 100%; width: 100%; object-fit: contain; } .widget_slider_style_6 .list_item .slider_item__content .item .content{ margin-top: 10px; } .widget_slider_style_6 .list_item .slider_item__content .item .content .title{ margin: 0; line-height: 20px; } .widget_slider_style_6 .list_item .slider_item__contact { padding: 15px 10px; } .widget_slider_style_6 .list_item .slider_item__contact .item-contact{ display: grid; grid-template-columns: 35px auto; grid-gap: 10px; align-items: center; width: fit-content; margin: 0 auto; } .widget_slider_style_6 .list_item .slider_item__contact .item-contact .icon img{ width:100% } .widget_slider_style_6 .list_item .slider_item__contact .item-contact .contact .heading{ margin: 0; line-height: 20px; text-align: left; } .widget_slider_style_6 .list_item .slider_item__contact .item-contact .contact .hotline{ color: var(--colorContact); margin: 0; line-height: 20px; font-weight: bold; text-align: left; } .widget_slider_style_6 .list_item .slider_item__contact .item-contact .contact .hotline a{ color: var(--colorContact); } .widget_slider_style_6 .list_banner{ display: grid; grid-template-rows: repeat(2, 1fr); } .widget_slider_style_6 .list_banner .banner img{ width: 100%; height: 100%; object-fit: cover; } @media(max-width: 768px){ .widget_slider_style_6 .row-slider { display: grid; grid-template-columns: 1fr; } .widget_slider_style_6 .list_banner{ grid-template-rows: unset; grid-template-columns: repeat(2, 1fr); } }.widget_product_style_4 { overflow: hidden; } .widget_product_style_4 .box-content { position: relative; } .widget_product_style_4 .displayHorizontal .slick-slide{ margin: 0 calc(var(--bs-gutter-x)/2); } .widget_product_style_4 .displayHorizontal .slick-list{ margin: 0 calc( var(--bs-gutter-x)/-2); } .widget_product_style_4 .displayList{ display: grid; grid-template-columns: repeat(var(--numberShow), 1fr); grid-gap: var(--bs-gutter-x); } .widget_product_style_4 .item { display: grid; grid-template-columns: repeat(2, 1fr); padding: 15px; grid-gap: 15px; } .widget_product_style_4 .item .title { padding: 0; } .widget_product_style_4 .item .title .heading a{ height: auto; text-align: left; } .widget_product_style_4 .item .title .item-pr-price{ margin-bottom: 10px; height: auto; text-align: left!important; } .widget_product_style_4 .item .title .view{ margin-bottom: 10px; line-height: 20px; } .widget_product_style_4 .item .title .des{ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 75px; overflow: hidden; margin-bottom: 10px; } @media(max-width: 1000px){ .widget_post_style_1 .displayList{ grid-template-columns: repeat(var(--numberShowTablet), 1fr); } } @media(max-width: 600px){ .widget_product_style_4 .item .title .heading a{ height: 50px; } .widget_post_style_1 .displayList{ grid-template-columns: repeat(var(--numberShowMobile), 1fr); } .widget_product_style_4 .item { grid-template-columns: 1fr; } .widget_product_style_4 .item .product{ grid-row: 1; } }.widget_product_style_11 .widget_product_box { box-shadow: rgba(100,100,111,.2) 0 7px 29px 0; background-color: #fff; padding:0 10px; } .widget_product_style_11 .widget_product_box .header-title .header { text-align: left; margin-top: 15px; margin-bottom: 15px; } .widget_product_style_11 .widget_product_box .border-right { border-right: 1px solid #ececec; } .widget_product_style_11 .item { border: 1px solid #ececec; margin-bottom: 15px; } .widget_product_style_11 .slick-list, .widget_product_style_11 .box-content { overflow: hidden; }.widget_product_style_13 .product_style_13_header { position: relative; margin: 20px 0; } .widget_product_style_13 .product_style_13_header .product_style_13_header_box { overflow:hidden; display: grid; grid-template-columns: auto 100px; grid-gap: 10px; } .widget_product_style_13 .product_style_13_header .product_style_13_header_box.noarrow{ display: block; } .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list { overflow: hidden; margin-bottom: 0; padding-left: 0; list-style: none; display: flex; position: relative; } .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list li{ font-size: 13px; height: 50px; flex-grow: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; box-shadow: 0 4px 60px 0 rgba(0,0,0,0.5), 0 0 0 transparent; } .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list li a { display: block; background-color: var(--pr13-sub-bg); color: var(--pr13-sub-txt); text-align: center; height: 50px; line-height: 50px; text-transform: uppercase; font-weight: bold; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; z-index: 9; position: relative; } .widget_product_style_13 .product_style_13_header_box .product_style_13_arrow{ border: 1px solid #000; padding: 1px; overflow: hidden; margin: 0; list-style: none; display: flex; } .widget_product_style_13 .product_style_13_header_box .product_style_13_arrow li.product_arrow { font-size: 13px; height: 46px; width: 50px; } .widget_product_style_13 .product_style_13_header_box .product_style_13_arrow li a { color:#000; display: block; text-align: center; background-color: transparent; border: 1px solid #000; height: 46px; line-height: 46px; } .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list li a:hover, .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list li a.active { background-color: var(--pr13-sub-bg-hv); color: var(--pr13-sub-txt-hv); text-decoration: none; } .widget_product_style_13 .product_style_13_content { overflow:hidden; } .widget_product_style_13 .product_style_13_header_box .js_show_tab { background: #fff; overflow: hidden; display: none; height: 30px; } .widget_product_style_13 .product_style_13_header_box .js_show_tab .js_btn_show_tab { display: inline-block; width: 40px; height: 30px; line-height: 30px; text-align: center; color:#000; background-color: #fff; border-radius: 5px; border: 1px solid #ccc; } .widget_product_style_13 .more-link{ margin-top: 20px; } .widget_product_style_13 .slick-slide{ margin: 0 calc(var(--bs-gutter-x)/2); } .widget_product_style_13 .slick-list{ margin: 0 calc( var(--bs-gutter-x)/-2); } .widget_product_style_13 .displayList{ display: grid; grid-template-columns: repeat(var(--numberShow), 1fr); grid-gap: var(--bs-gutter-x); } @media(max-width: 1000px){ .widget_product_style_13 .displayList{ grid-template-columns: repeat(var(--numberShowTablet), 1fr); } } @media(max-width: 600px){ .widget_product_style_13 .displayList{ grid-template-columns: repeat(var(--numberShowMobile), 1fr); } .widget_product_style_13 .box-header{ display: flex; align-items: center; justify-content: space-between; position: relative;} .widget_product_style_13 .product_style_13_header{ position: unset; margin: 0} .widget_product_style_13 .product_style_13_header .product_style_13_header_box{ display: block; } .widget_product_style_13 .product_style_13_header_box .product_style_13_arrow{display: none;} .widget_product_style_13 .product_style_13_header_box .js_show_tab { display: inline-block; width: auto; background: transparent;} .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list { display: none; position: absolute; width: 100%; top: 55px; z-index: 999; left: 0; } .widget_product_style_13 .product_style_13_header_box .product_style_13_category_list li.item { display: block; width: 100%; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 1px solid #fff; } /*.widget_product_style_13 .product_style_13_header_box .product_style_13_category_list li.item:last-of-type { border-bottom: 0px; }*/ }:root { --question-title-color:#000; --feedback-title-color:#000; } .widget_question_feedback .question-box { text-align: center; overflow: hidden; position: relative; } .widget_question_feedback .question-box .panel-body { padding:15px 0 15px 30px; text-align: left; } .widget_question_feedback .question-box .panel-default { border-color: #fff; box-shadow: none; } .widget_question_feedback .question-box .panel-default>.panel-heading { background-color: #fff; border: #fff; overflow: hidden; } .widget_question_feedback .question-box .panel { transition: all 0.3s ease; } .widget_question_feedback .question-box .panel-group .panel+.panel { margin-top: 0;} .widget_question_feedback .question-box .panel-title { line-height: 27px; text-align: left; } .widget_question_feedback .question-box .panel-title h4 { font-size: 18px; overflow: hidden; margin-top: 0; margin-bottom: 0; cursor: pointer; color:var(--question-title-color); } .widget_question_feedback .question-box .panel-title .plus-main { width: 25px; height: 25px; float: left; font-size: 8px; } .widget_question_feedback .question-box .panel-title .plus-main i { font-weight: 400; font-size: 25px; color: var(--question-title-color); } .widget_question_feedback .question-box .panel-title .title-po { width: calc(100% - 30px); float: right; color: var(--question-title-color); font-size: 17px; } .widget_question_feedback .question-box .panel-title .title-po:hover { color:var(--question-title-color-hover); } .widget_question_feedback .question-box .panel:hover { border-radius: 10px; box-shadow: 0 4px 60px 0 rgba(0,0,0,0.2), 0 0 0 transparent; border-bottom: 0; margin-bottom: 5px; } .widget_question_feedback .feedback-box .box-content { position: relative;margin: 20px auto; width:800px;max-width: 100%; color:var(--question-title-color); } .widget_question_feedback .feedback-box .item .avatar { text-align: center; } .widget_question_feedback .feedback-box .item .avatar img { width:100px; height: 100px; object-fit: cover; border-radius: 50%; display: inline-block; } .widget_question_feedback .feedback-box .item .title { text-align: center; margin-top: 25px; } .widget_question_feedback .feedback-box .item .title .feedback-name { text-align: center; font-size: 18px; font-weight: bold; margin: 0; } .widget_question_feedback .feedback-box .item .title .feedback-office { font-size: 13px; margin: 0; } .widget_question_feedback .feedback-box .item .title .feedback-content { margin: 0; font-size: 14px; }.widget_post_style_1 .box-content { position: relative; } .widget_post_style_1 .displayHorizontal .slick-slide{ margin: 0 calc(var(--bs-gutter-x)/2); } .widget_post_style_1 .displayHorizontal .slick-list{ margin: 0 calc( var(--bs-gutter-x)/-2); } .widget_post_style_1 .displayList{ display: grid; grid-template-columns: repeat(var(--numberShow), 1fr); grid-gap: var(--bs-gutter-x); } .widget_post_style_1 .item {} .widget_post_style_1 .item .img { position: relative; display: block; width: 100%; padding-top: 65%; height: inherit; overflow: hidden; } .widget_post_style_1 .item .img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .widget_post_style_1 .item .img a img { height: 100%; width: 100%; position: relative; display: block; transition: all .5s ease-in-out; object-fit: cover; } .widget_post_style_1 .item .title { margin-top: 15px; position: relative; } .widget_post_style_1 .item .title .header { margin:0; } .widget_post_style_1 .item .title .header a { color: #000; outline: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; line-height: 20px; height: 40px; font-size: 15px; -webkit-box-orient: vertical; } .widget_post_style_1 .item .title .description { margin: 7px 0 0 0; color: #333; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; } .widget_post_style_1 .item .title .readmore { margin-top:5px; display:none; } .widget_post_style_1 .item .title .readmore a{ color: #968C83; text-transform:uppercase; font-weight:600; font-style:15px; } @media(max-width: 1000px){ .widget_post_style_1 .displayList{ grid-template-columns: repeat(var(--numberShowTablet), 1fr); } } @media(max-width: 600px){ .widget_post_style_1 .displayList{ grid-template-columns: repeat(var(--numberShowMobile), 1fr); } }