/* Last update: 20/08/2020 09:51:18 */

html{ font-size: 15px; -webkit-text-size-adjust: 100%; }

*{ box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
*:active, *:focus{ outline: none; }
*::-moz-focus-inner{ border: none; }
*:focus-visible{ outline: 3px solid #1769e0; outline-offset: 2px; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #E51515; }
body, button, h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul{ color: #333; font-weight: normal; outline: none;}
h1{ font-size: 1.5rem; margin-bottom: 10px; }
h2{ font-size: 1.4rem; margin-bottom: 10px; }
h3{ font-size: 1.2rem; font-weight: bold; margin-bottom: 10px; }
img{ border: none; -ms-interpolation-mode: bicubic; }
input[type="button"], input[type="submit"]{ cursor: pointer; }
:not(input[type="checkbox"]){ -webkit-appearance: none; }
.break_module, .break_module_line, .break_content, .clear{ background: transparent; display: block; clear: both; font-size: 0; line-height: 0; overflow: hidden; }
.break_module{ height: 20px; }
.break_module_line{ border-bottom: 1px #E5E5E5 solid; height: 20px; margin-bottom: 20px; }
.break_content{ height: 30px; }
.clear{ height: 0; }
.data_description{  line-height: 1.5; position: relative; text-align:justify;}
.data_description table, .data_description a{ font-size: 1rem; line-height: 1.2; position: relative; text-align:justify;}
.data_description ul{padding:revert}
.data_description img{ width:100%; height:auto !important; margin:0 auto}
.data_description table {
border-collapse: separate;
margin-bottom: 8px;
margin-top: 8px;
margin-left:5px;
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-radius: .75rem;
border-spacing: 0;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
overflow: hidden;
--tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 #c9c9c9;
box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
--tw-shadow-color: #c9c9c9;
--tw-shadow: var(--tw-shadow-colored)
}
.data_description table,td,th {box-sizing: border-box;padding: 8px 5px}
.data_description table tbody tr:last-child td:last-child {border-bottom-right-radius: .75rem}
.data_description table tbody tr:last-child td:first-child {border-bottom-left-radius: .75rem}
.data_descriptiontable>:first-child tr:first-child>:first-child {border-top-left-radius: .75rem}
.data_descriptiontable>:first-child tr:first-child>:last-child {border-top-right-radius: .75rem}
.data_description table tbody tr {background: #fff;}
.data_description table tbody tr td {border-bottom: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;}           
.data_description table tbody tr td a{ color:#494949}          
.data_description table tbody tr td.chitiet a{ color:#0000FF}          
.data_description table tbody tr td.chitiet span{ color:#FF0000}          
.data_description thead {--tw-bg-opacity: 1; background-color: rgb(225 27 30/var(--tw-bg-opacity));--tw-text-opacity: 1;color: #fff;color: rgb(255 255 255/var(--tw-text-opacity))}
.data_description tbody tr:nth-child(odd) {--tw-bg-opacity: 1;}

.display_description{ max-height: 1200px; overflow: hidden; }
.display_description_full{ max-height: none; overflow: visible; padding-bottom: 40px; }
.display_description .view_more{ background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%); height: 120px; bottom: 0; position: absolute; padding-top: 80px; text-align: center; width: 100%; }
.display_description_full .view_more{ height: 70px; padding-top: 30px; }
.display_description #view_more_button{ background: #FFF; border: 1px #E51515 solid; border-radius: 3px; color: #E51515; cursor: pointer; padding: 2px 25px 5px 10px; position: relative; margin-bottom: 5px; }
.display_description #view_more_button::after{content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #E51515;position: absolute;top: 12px;right: 10px;z-index: 1;}
.display_description_full #view_more_button::after{border-bottom: 5px solid #E51515;border-top: none;}
.data_description a{ color: #E51515; }
.data_description p{ margin: 10px 0; }
.data_description img{ max-width: 99%; }
.data_description img[file-name]{ cursor: zoom-in; }
.data_description iframe{ max-width: 100%; max-height: 100%; text-align: center; }

.support_detail{bottom:50%;margin:0 auto;left:10px;width:calc(100% - 20px);display: flex;border-radius: 30px;padding: 20px;text-align: center;justify-content: space-between}
.support_detail div img{margin: 0 auto;display: block;padding: 8px 0;height: 57px}
.support_detail div span{color: #35302a;text-align: center;display: block;padding-bottom: 10px;font-weight: 600}
.support_detail div a img{margin: 0 auto;display: block;padding: 8px 0;height: 57px}
.support_detail div a span{color: #35302a;text-align: center;display: block;padding-bottom: 0;font-weight: 600;margin-top: 10px}

 
.fl{ float: left; }
.fr{ float: right; }
.hidden{ display: none; }
.data_not_found{ color: #999; text-align: center; font-size: 2rem; padding: 200px 0; }
.nowrap{ white-space: nowrap; }
.text_link{ color: #E51515; }
.text_link_grey{ color: #999; }
.text_link_green{ color: #52B858; }
.text_green{ color: #52B858; }
.text_orange{ color: #F59000; }
.text_red{ color: #E51515; }
.translate_x{ transition: transform .2s linear; -webkit-transition: -webkit-transform .2s linear; }
.translate_x:hover{ transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.translate_y{ transition: transform .2s linear; -webkit-transition: -webkit-transform .2s linear; }
.translate_y:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.img-responsive { width:100% !important}
/*** Configuration Layout ***/

#container_body, #container_header, #container_content, #container_footer{clear: both;width: 100%;}
#container_content{}
#container_footer{background: #F5F5F5;border-top: 1px solid #E5E5E5;padding: 20px 0;}
.container_width{margin: 0 auto;position: relative;width: 96%;max-width: 1280px;overflow: hidden;}

/*-- End Configuration Layout --*/
.box-infomation {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 10px 10px 0;
    position: relative;
	margin-bottom:25px;	
}
.box-infomation .title_box {
    position: absolute;
    background: white;
    font-size: 17px !important;
    padding: 0 5px;
    color: #1e8e04;
    font-weight: bold;
    margin: -23px 0 0 0;
    display: block;
}
.box-infomation span {
   padding:5px;
}
.detail_product_hotline {
	text-align: center
}

.detail_product_hotline a {
	background: #C40000;
	border-radius: 3px;
	color: #FFF;
	display: inline-block;
	font-size: 1.25rem;
	margin: 5px;
	padding: 5px 8px;
	position: relative;
	white-space: nowrap
}

.detail_product_hotline a .icm {
	margin-right: 8px
}

@keyframes button_icon_animation{0%{ bottom: 8px; opacity: 0; transform: scale(0, 0); }
70%{ bottom: 12px; opacity: 1; transform: scale(1.2, 1.2); }
100%{ bottom: 12px; opacity: 1; transform: scale(1, 1); }
}
@-webkit-keyframes button_icon_animation{0%{ bottom: 8px; opacity: 0; transform: scale(0, 0); }
70%{ bottom: 12px; opacity: 1; transform: scale(1.2, 1.2); }
100%{ bottom: 12px; opacity: 1; transform: scale(1, 1); }
}
.button_icon{background: #FFF;border-radius: 50%;color: #FFF;display: block;width: 46px;height: 46px;line-height: 46px;opacity: 0;position: fixed;bottom: 12px;text-align: center;z-index: 1;box-shadow: 0 3px 12px rgba(0, 0, 0, .15);transition: box-shadow 150ms linear;animation: button_icon_animation 250ms 1.5s forwards;-webkit-animation: button_icon_animation 250ms 1.5s forwards;}
.button_icon:hover{box-shadow: 0 5px 24px rgba(0, 0, 0, .3);color: #FFF;}
.button_icon .icm{font-size: 26px;line-height: 46px;}
.button_icon b{background: #E51515;border-radius: 50%;font-size: 12px;font-weight: normal;position: absolute;width: 20px;height: 20px;line-height: 17px;text-align: center;top: -5px;right: -5px;}
.button_hotline{color: #FFF;display: none;position: fixed;left: 24px;bottom: 24px;z-index: 1;}
.button_hotline .wrapper{position: relative; }
.button_hotline .wrapper .icm{background: linear-gradient(#52B858, #34A853);border-radius: 50%;display: block;font-size: 24px;line-height: 48px;width: 48px;height: 48px;position: relative;text-align: center;z-index: 1;}
.button_hotline .hotline{background: linear-gradient(#52B858, #34A853);border-radius: 0 5px 5px 0;color: #FFF;display: block;font-size: 1.3rem;padding: 3px 10px 6px;position: absolute;top: 7px;left: 38px;white-space: nowrap;}
#show_cart{background: linear-gradient(#F59000, #FD6E1D);right: 186px;}
#call_now{background: linear-gradient(#52B858, #34A853);display: block;left: 20px; bottom:100px !important}
#zalo{right: 70px;}
#fb_message{right: 12px;}
#zalo i, #fb_message i, #back_to_top{background: url("/images/zalo.png") no-repeat center;background-size: 35px;display: block;margin: 6px auto;width: 35px;height: 35px;}
#fb_message i{background: url("/images/fb-messenger.svg") no-repeat center;background-size: 35px;}
#back_to_top{background: url("/images/back-to-top.svg") no-repeat center;background-size: 35px;cursor: pointer;display: none;position: fixed;bottom: 63px;right: 18px;z-index: 1;}
.form_button, .form_button_2{background: #E51515;border: none;border-radius: 4px;color: #FFF;font-size: 1rem;padding: 6px 10px 9px;}
.form_button_2{background: #52B858;}
.form_button_3, .form_button_3_green{background: linear-gradient(#F59000, #FD6E1D);border: none;border-radius: 4px;color: #FFF;cursor: pointer;font-size: 1.25rem;font-weight: bold;padding: 6px 0 9px;text-transform: uppercase;width: 100%;max-width: 400px;}
.form_button_3 .icm, .form_button_3_green .icm{margin-right: 8px;}
.form_button_3_green{background: linear-gradient(#52B858, #34A853);}
.form_button_4, .form_button_5{background: #FFF;border: 1px solid #E51515;border-radius: 4px;color: #E51515;cursor: pointer;font-size: 1rem;padding: 3px 0 6px;width: 100%; transition: background .1s linear, color .1s linear;-webkit-transition: background .1s linear, color .1s linear;}
.form_button_4:hover{background: #E51515;color: #FFF;}
.form_button_5{border: 1px solid #52B858;color: #52B858}
.form_button_5:hover{background: #52B858;color: #FFF;}
.form_control{border: 1px solid #E5E5E5;border-radius: 4px;color: #333;font-size: 16px;padding: 5px 10px 8px;}
.form_error{color: #FF0000;font-size: 0.9rem;}
.header_wrapper{margin: 0 auto;max-width: 1280px;position: relative;width: 96%;}
#header_notice{background: linear-gradient(#F59000, #FD6E1D);color: #FFF;display: none;font-size: 1.2rem;padding: 5px 0 8px;text-align: center;}
#header_notice span{display: block;}
.header_content{background: #5170FF;padding: 10px 8px;}
.header_content .container_width{position: relative;width: 100%;}
.header_content .logo{font-size: 0;text-align: center;}
.header_content .logo img{width: 160px;height: auto;}
.header_content .navbar_icon, .header_content .cart{align-items:center;color: #FFF;display:flex;justify-content:center;min-height:48px;min-width:48px;position: absolute;font-size: 1.6rem;line-height: 30px;top: 2px;}
.header_content .navbar_icon{left: 0;}
.header_content .cart{border-radius:4px;box-sizing:border-box;right:0;text-decoration:none;transition:background-color .15s ease,color .15s ease;}
.header_content .cart:hover,.header_content .cart:focus-visible{background:rgba(255,255,255,.16);color:#FFF;}
.header_content .cart .icm{display:block;position:relative;}
.header_content .cart b{background:#0879DF;border:2px solid #FFF;border-radius:10px;box-sizing:border-box;color:#FFF;font-size:11px;font-weight:bold;height:20px;line-height:16px;min-width:20px;padding:0 4px;position:absolute;right:-3px;text-align:center;top:-3px;}
.header_content .hotline{color: #FFF;text-align: center;}
.header_content .hotline a{color: #FFF;font-size: 1.1rem;}
.header_content .hotline a+a{margin-left: 30px;}
.header_content .hotline .icm{margin-right: 5px;}
.header_content .hotline .note{font-size: 0.7rem;}
.header_search{box-shadow: 0 2px 4px rgba(0,0,0,0.2);border-radius: 3px;background-color: #FFF;font-size: 0;position: relative;margin: 10px 0 5px;height: 36px;padding-right: 42px;}
.header_search .keyword{background: #FFF;border: none;border-radius: 3px;font-size: 16px;padding: 0 10px 0px;width: 100%;height: 100%;}
.header_search .icm{background: linear-gradient(#F59000, #FD6E1D);border:0;border-radius: 3px;color: #FFF;font-size: 1.2rem;position: absolute;padding: 0 12px;height: 34px;line-height: 33px;top: 1px;right: 1px;}
.header_nav{background: #1800AD;display: none;position: relative;}
.home_newslit, .carousel-indicators{display: none;position: relative;}
.home_slideshow{ width:100%; margin-bottom:10px;}
.header_nav .note{color: #FFF;font-size: 0.85rem;position: absolute;right: 0;top: 10px;}
.header_menu > li{display: inline-block;  margin-left: 25px;position: relative;text-align: center;z-index: 2;}
.header_menu ul li{list-style-type:none;}
.header_menu > li:hover > a::after, .header_menu > li.active > a::after{content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #FFF;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 1;}
.header_menu > li.active > a::after, .header_menu > li:hover > a::after{border-bottom: 5px solid #FFF;}
.header_menu > li:first-child{margin-left: 0;}
.header_menu > li > a{color: #FFF;display: block;padding: 8px 0 10px 0;position: relative;text-transform: uppercase;}
.header_menu > li:hover > a{color: #FA9999;}
.header_menu > li:hover > a .icm{color: #FA9999;}
.header_menu > li b{position: absolute;}
.header_menu > li > a .icm{margin-right: 5px;}
.header_menu ul{background: #FFF;box-shadow: 0 3px 5px rgba(51,51,51,.5);display: none;padding: 4px 0;position: absolute;text-align: left;width: 170px;}
.header_menu li:hover ul{display: block;}
.header_menu ul li a{display: block;padding: 6px 10px 8px;}
.header_menu ul li a:hover{background: #EEE;}
.navbar_body{overflow: hidden;}
.navbar_menu{background:#FFF;border-left:1px solid #E5E5E5;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:fixed;width:280px;height:100%;height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));top:0;left:-280px;z-index:10002;}
.navbar_menu a{display: block;border-top: 1px solid #E5E5E5;padding: 10px;}
.navbar_menu a i{margin-right: 10px;}
.navbar_menu > li > a{font-weight: bold;}
.navbar_menu ul a{padding-left: 35px;}
.navbar_overlap{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;overflow:hidden;z-index:10001;}
.navbar_body .giuseart-nav{visibility:hidden;pointer-events:none;}
.breadcrumb{color: #595959;font-size: 0.9rem;padding: 10px 0;white-space: nowrap;}
.breadcrumb li{display: inline-block;}
.breadcrumb li+li::before{content: "›";font-family: 宋体;font-size: 1.2rem;margin: 0 7px 0 10px;}
.breadcrumb li.active{color: #595959;}
.page_bar{font-size: 1rem;margin-bottom: 20px;text-align: center;}
.page_bar *{border: 1px solid #E5E5E5;border-left: none;display: inline-block;font-style: normal;font-weight: normal;height: 30px;line-height: 26px;padding: 0 11px;overflow: hidden;}
.page_bar .first, .page_bar .ext{border-left: 1px solid #E5E5E5;}
.page_bar a:hover{background: #F5F5F5;}
.page_bar b{background: #F5F5F5;color: #525252;}
.page_bar i{border: none;padding: 0 10px;}
.page_bar .nav{font-family: 宋体;}
.page_bar .active{background: #E51515;border: 1px solid #E51515;color: #FFF;}
.price, .count{ color: #E51515; }
.old_price{ color: #595959; text-decoration: line-through; }

/*** News List ***/

.detail_news .breadcrumb .active{display: none;}
.news_list{margin-bottom: 20px;}
.news_list li{border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;padding-bottom: 15px;}
.news_list a{color: #333;display: block;overflow: hidden;}
.news_list a:hover h3{color: #E51515;}
.news_list .picture{background: #f4f5f7;float: left;font-size: 0;margin-right: 15px;width: 100px;height: 56px;aspect-ratio: 16 / 9;overflow: hidden;text-align: center;}
.news_list .picture img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.news_list .information{display: block;overflow: hidden;}
.news_list h3{font-size: 1rem !important;font-weight: bold;margin-bottom: 5px;}
.news_list .teaser{display: none;line-height: 1.5rem;}
.news_list .timepost{align-items:center;color:#595959;display:flex;flex-wrap:wrap;font-size:0.8rem;gap:5px 12px;margin-top:5px;}
.news_list .news-view-count{align-items:center;display:inline-flex;white-space:nowrap;}
.news_list .news-view-icon{fill:none;height:14px;margin-right:4px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:14px;}
.news_timepost{color: #999;}

/*-- End News List --*/

.brand{color: #999;line-height: 160%;margin: 10px 0;}
.brand span{color: #999;font-size: 0.8rem;}
.brand a{white-space: nowrap;}
.brand .active{color: #E51515;}
.brand .active span{color: #E51515;}
.brand .active i{background: #E51515;border-radius: 50%;color: #FFF;font-size: 0.8rem;font-style: normal;padding: 0 4px 1px;margin-left: 3px;}
.product_tag_hot{background: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);border-radius: 15px;color: #FFF;display: block;font-size: 0.8rem;font-weight: bold;height: 25px;padding: 2px 10px 0 30px;position: absolute;text-transform: uppercase;top: 10px;right: 10px;z-index: 1;}
.product_tag_hot:hover{color: #FFF;}
.product_tag_hot::after{content: "Nhiều người mua";}
.product_tag_hot .icm{border-radius: 50%;background: #E51515;font-size: 0.95rem;height: 25px;line-height: 25px;padding: 0 5.5px;position: absolute;top: 0;left: 0;}

/*** Product Thumb ***/

.product_thumb{margin-bottom: 20px;}
.product_thumb .title{margin-bottom: 10px;}
.product_thumb .title h1, .product_thumb .title h2{display: inline-block;margin: 0 10px 0 0;}
.product_thumb .title a h2{margin-right: 0;}
.product_thumb .title span{color: #999;font-size: 1.1rem;white-space: nowrap;}
.product_thumb .data{border-top: 2px solid #E51515;border-left: 1px solid #E5E5E5;}
.product_thumb .wrapper{border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;float: left;font-size: 0;height: 270px;padding: 15px 0 10px;position: relative;text-align: center;width: 100%;}
.product_thumb .hot_tag, .product_thumb .new_tag, .product_thumb .promotion_tag{position: absolute;top: 5px;left: 0;z-index: 1;width: 48px;height: 71px;}
.product_thumb .hot_tag{background: url("/images/beacon-sprite.png") no-repeat 0 -12px}
.product_thumb .new_tag{background: url("/images/beacon-sprite.png") no-repeat 0 -83px}
.product_thumb .promotion_tag{background: url("/images/beacon-sprite.png") no-repeat 0 -154px}
.product_thumb .picture{font-size: 0;margin: 0 auto;width: 170px;height: 170px;max-width: 100%;overflow: hidden;text-align: center;transition: transform .2s linear;-webkit-transition: -webkit-transform .2s linear;}
.product_thumb .picture:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);}
.product_thumb .picture span{display: table-cell;vertical-align: middle;width: 170px;height: 170px;max-width: 100%;}
.product_thumb .picture img{max-width: 100%;}
.product_thumb .information{padding: 0 10px;position: absolute;left: 0;bottom: 10px;text-align: left;width: 100%;}
.product_thumb .name{display: -webkit-box;font-size: 1rem;height: auto;line-height: 1.35rem;margin-bottom: 5px;max-height: 2.7rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product_thumb .price{position: relative;}
.product_thumb .price strong, .product_thumb .price b{font-size: 1.2rem;font-weight: normal;}
.product_thumb .old_price{display: none;font-size: 0.9rem;position: absolute;top: 4px;right: 0;}
.product_thumb .title a.sub{display:inline-flex;align-items:center;min-height:48px;padding:10px 4px;}
.product_thumb  .title a.sub h2{ color:#176b0a; font-size:0.95rem;margin:0 5px;}
.product_thumb  .title a:hover h2{ color:#FF0000;}

/*-- End Product Thumb --*/


/*** Detail Product ***/

.detail_product .breadcrumb .active{display: none;}
.detail_product_picture{font-size: 0;margin: 0 auto;max-width: 422px;position: relative;width: 100%;}
.detail_product_picture #photoswipe{display: table;margin: 0 auto;}
.detail_product_picture #photoswipe:after{background: rgba(0,0,0,0.4);content: "\e906";color: #FFF;font-family: 'icm' !important;font-size: 1.2rem;padding: 8px;position: absolute;bottom: 1px;right: 1px;}
.detail_product_picture #photoswipe{width: 100%;}
.detail_product_picture .wrapper{border: 1px #E5E5E5 solid;cursor: zoom-in;display: table-cell;position: relative;text-align: center;vertical-align: middle;height: 250px;}
.detail_product_picture #photoswipe .wrapper img{max-width: 100%;max-height: 100%;}
.detail_product_picture #photoswipe_items{border-collapse: separate;border-spacing: 5px;display: none;margin: 0 auto;}
.detail_product_picture #photoswipe_items.margin{margin-left: -4px;}
.detail_product_picture #photoswipe_items .wrapper{height: 64px;}
.detail_product_picture #photoswipe_items .wrapper a{cursor: zoom-in;display: block;width: 64px;}
.detail_product_picture #photoswipe_items .wrapper img{max-width: 64px;max-height: 64px;}
.detail_product_picture #photoswipe_items .wrapper b{background: rgba(0,0,0,0.4);color: #FFF;display: block;font-size: 1.8rem;font-weight: normal;width: 64px;height: 64px;line-height: 57px;position: absolute;text-align: center;top: 0;}
.detail_product_information{margin-bottom: 10px;}
.detail_product_price{font-size: 1.2rem;margin-bottom: 10px; padding-bottom:10px; position: relative;}
.detail_product_price > *{margin-right: 30px;white-space: nowrap;}
.detail_product_price strong, .detail_product_price b{font-size: 1.6rem;}
.detail_product_price .old_price_text, .detail_product_price .old_price{}
.detail_product_price .rating_star{font-size: 1rem;margin-right: 0;}
.detail_product_price .rating_star i{color: #CCC;}
.detail_product_price .rating_star label{color: #333;cursor: pointer;}
.detail_product_price .rating_star:hover label{color: #E51515;}
.detail_product_hide{color: #FF0000;font-size: 1.2rem;margin-bottom: 10px;}
.detail_product_config{/*border-radius: 4px;line-height: 1.3rem;padding: 5px 10px;*/margin-bottom: 15px;}
.detail_product_primotion{border-collapse: separate;border-spacing: 0;margin-bottom: 10px;}
.detail_product_primotion ul li{list-style-type:none ; border-bottom: none;margin: 5px 0;padding-left: 15px;position: relative;}
.detail_product_primotion ul li:first-child{padding-top: 0;}
.detail_product_primotion ul li .icm{color: #52B858;margin-right: 5px;position: absolute;top: 3px;left: 0;}
.detail_product_primotion ul li .bg{background: #E51515;border-radius: 3px;color: #FFF;display: inline-block; padding: 0 5px 2px;}
.detail_product_button{margin-bottom: 15px;}
.detail_product_group{margin-bottom: 10px;font-size: 0.9rem;}
.detail_product_group li{display: table;margin-bottom: 5px;width: 100%;}
.detail_product_group li span{float:left}
.detail_product_group li .name{margin-bottom: 5px;float:left}
.detail_product_group li .value{width: auto;float:left; margin-left:10px}
.detail_product_group li .color_item {display: inline-block;width: 27px;height: 27px;border-radius: 3px;padding: 2px;border: 1px solid #e5e5e5;cursor: pointer;box-shadow: 1px 1px 1px #e5e5e5}
.detail_product_group li .color_item .color-name {width: 100%;height: 100%;border-radius: 3px;}
.detail_product_group li a{border: 1px solid #DDD;color: #333;display: inline-block;margin: 0 10px 5px 0;padding: 3px 10px 5px;position: relative;min-width: 27px;text-align: center;}
.detail_product_group li a.active, .detail_product_group li a:hover{border: 1px solid #E51515;color: #333;}
.detail_product_group li a.active i{background: url("/images/beacon-sprite.png") no-repeat -36px 0;display: block;font-size: 0;position: absolute;text-indent: -99em;width: 12px;height: 12px;bottom: 0;right: 0;}
.detail_product_group a.not_found{border: 1px dashed #DDD;color: #595959;}
.detail_product_related{margin: 10px 0;}
.detail_product_related .wrapper{height: 58px;overflow: hidden;margin-bottom: 10px;}
.detail_product_related .picture{border: 1px #E5E5E5 solid;float: left;width: 58px;height: 58px;text-align: center;}
.detail_product_related .picture span{display: table-cell;vertical-align: middle;width: 58px;height: 58px;}
.detail_product_related .picture img{max-width: 100%;}
.detail_product_related .information{margin-left: 68px;}
.detail_product_related .name{font-size: 1rem;line-height: 1.25rem;max-height: 2.5rem;overflow: hidden;}
.detail_product_related .price{font-size: 1rem;}
.detail_product_related .old_price{font-size: 0.8rem;margin-left: 20px;}
.detail_product_promotion .title h2{background: #EC1933 !important;border-radius: 30px;color: #FFF !important;font-size: 1.2rem !important;padding: 4px 10px 5px 10px !important;}
#detail_product_specs_sticky{background: #FFF;}
#detail_product_specs_sticky.is_stuck{padding-top: 10px;}
.detail_product_specs{line-height: 140%;margin-bottom: 10px;width: 100%;}
.detail_product_specs tr{border-top: 1px #E5E5E5 solid;display: table;padding: 8px 0;width: 100%;vertical-align: top;}
.detail_product_specs tr.title{background: #F1F1F1;color: #E51515;font-size: 1.15rem;font-weight: bold;}
.detail_product_specs tr span{display: table-cell;vertical-align: top;}
.detail_product_specs tr .name{color: #595959;width: 40%;}
.detail_product_specs tr .value{padding-left: 8px;width: auto;}
.detail_product_specs tr .icm{color: #CCC;}
.detail_product_specs tr .icm.true{color: #52B858;}
.detail_product_specs tr a{color: #E51515;}
.detail_product_specs tr .link_brand{font-size: 0.85rem;}
.detail_product_specs .view_full{border-top: none;}
.detail_product_video{margin: 20px 0;text-align: center;}
.detail_product_video iframe{max-width: 100%;}
.detail_product_video em{font-size: 0.9rem;}

/*-- End Detail Product --*/


/*** Rating ***/

.rating_filter{background: #F5F5F5;padding: 10px;}
.rating_filter a{display: inline-block;}
.rating_filter a+a{margin-left: 20px;}
.rating_filter a span{font-size: 0.8rem;color: #999;}
.rating_filter a.active, .rating_filter a.active span{color: #E51515;font-weight: bold;}
.rating_form div{margin-bottom: 15px;}
.rating_form .rating_form_control{margin-bottom: 10px;}
.rating_form_star > span{float: left;}
.rating_form_star > span.clear{float: none;}
.rating_form_star .name{color: #595959;display: block;float: none;margin: 4px 5px 4px 0;}
.rating_form_star .star i{color: #CCC;cursor: pointer;font-size: 1.6rem;padding: 0 2px;}
.rating_form_star .star i.active{color: #FFCC00;}
.rating_form_star .text span{background: linear-gradient(#52B858, #34A853);border-radius: 2px;color: #fff;font-size: 0.8rem;margin-left: 5px;padding: 1px 8px 4px;position: relative;top: -1px;}
.rating_form_star .text span:after{border: 5px solid transparent;border-right-color: #44b055;content: "";height: 0;width: 0;margin-top: -5px;position: absolute;pointer-events: none;right: 100%;top: 50%;}
.rating_form_control{font-size: 0;}
.rating_form_control textarea{margin-bottom: 10px;width: 100%;height: 88px;}
.rating_form_control input{margin-bottom: 10px;width: 100%;}
#rating_list li{display: block;margin-bottom: 20px;}
#rating_list .wrapper{position: relative;}
#rating_list li.reply{background: #F5F5F5;border: 1px solid #E5E5E5;border-radius: 2px;margin-top: -5px;padding: 10px 12px 5px;position: relative;}
#rating_list li.reply:before, #rating_list li.reply:after{border: solid transparent;content: " ";position: absolute;height: 0;width: 0;top: -20px;left: 18px;}
#rating_list li.reply:before{border-color: none;border-bottom-color: #F5F5F5;border-width: 11px;margin-left: -11px;z-index: 1;}
#rating_list li.reply:after{border-color: none;border-bottom-color: #E5E5E5;border-width: 10px;margin-left: -10px;}
#rating_list li.reply > div+div{border-top: 1px solid #E5E5E5;margin-top: 9px;padding-top: 8px;}
#rating_list div{margin-bottom: 5px;}
#rating_list .user{font-weight: bold;}
#rating_list .user abbr{background: #595959;border-radius: 50%;color: #FFF;display: inline-block;font-size: 0.85rem;margin-right: 10px;text-align: center;text-decoration: none;text-transform: uppercase;width: 30px;height: 30px;line-height: 29px;}
#rating_list .user img{border-radius: 50%;margin-right: 10px;width: 30px;height: 30px;vertical-align: middle;}
#rating_list .user .admin{background: linear-gradient(#F59000, #FD6E1D);border-radius: 2px;color: #FFF;display: inline-block;font-size: 0.75rem;font-weight: normal;margin: 5px 0 0 10px;padding: 0 5px 2px;vertical-align: top;}
#rating_list .user .ordered{color: #52B858;font-size: 0.9rem;font-weight: normal;margin-left: 10px;padding-left: 18px;position: relative;white-space: nowrap;}
#rating_list .user .ordered .icm{margin-right: 5px;position: absolute;top: 4px;left: 0;}
#rating_list .user .ordered::after{content: "Đã mua hàng";}
#rating_list .content{line-height: 160%;}
#rating_list .content a{color: #DB1515;}
#rating_list .content .rating_button, #rating_list .content .rating_hotline{color: #FFF;display: inline-block;font-size: 0.9rem;font-weight: normal;line-height: normal;padding: 0 6px 2px;width: auto;}
#rating_list .rating_star{margin-right: 10px;}
#rating_list .text{color: #595959;font-size: 0.85rem;}
.rating_star{ color: #CCC; line-height: 1; font-size: 0; }
.rating_star i{ padding: 0 1px; font-size: 1rem; }
.rating_star i.active{ color: #FFCC00; }
.rating_star span{ display: inline-block; font-family: icm; position: relative; }
.rating_star span .active{ border: none; position: absolute; left: 0; top: 0; overflow: hidden; }
.rating_star span .width_1{ width: 10%; }
.rating_star span .width_2{ width: 20%; }
.rating_star span .width_3{ width: 30%; }
.rating_star span .width_4{ width: 40%; }
.rating_star span .width_5{ width: 50%; }
.rating_star span .width_6{ width: 60%; }
.rating_star span .width_7{ width: 70%; }
.rating_star span .width_8{ width: 80%; }
.rating_star span .width_9{ width: 90%; }

/*-- End Rating --*/

.footer_link{border-bottom: 1px solid #E5E5E5;display: none;font-size: 0.9rem;line-height: 160%;margin-bottom: 15px;padding-bottom: 15px;}
.footer_link a{color: #525252;}
.footer_link a:hover{color: #E51515;}
.footer_facebook{display: none;float: right;}
.footer_static{font-size: 0.9rem;line-height: 160%;margin-right: 0;}
.footer_static .footer_static_title{font-size: 1.2rem;font-weight: bold;margin-bottom: 5px;}
@media only screen and (min-width: 280px){
	html{ font-size: 15px; -webkit-text-size-adjust: 100%; }
}
@media only screen and (min-width: 360px){
	.header_content .hotline{ display: block; }
	.product_thumb .wrapper{ width: 50%; }
	
}
@media only screen and (min-width: 400px){
	.product_thumb .old_price{ display: block; }
}
@media only screen and (min-width: 640px){.autocomplete-suggestion .note{ position: absolute; top: 5px; right: 5px; }
.autocomplete-suggestion .note::before{ content: ""; }
.rating_form_star .name{ display: block; float: left; }
#rating_list .user .ordered::after{ content: "Đã mua tại Laptop Thanh Nga"; }
.product_thumb .wrapper{ width: 33.333333333333334%; }
}
@media only screen and (min-width: 770px){#header_notice span{ display: initial; }
.news_list .picture{ margin-right: 15px; width: 250px; height: 140px; }
.news_list h3{ font-size: 1.2rem !important; margin-bottom: 10px; }
.news_list .teaser{ display: block; }
.news_list .timepost{ font-size: 1rem; margin-top: 10px; }
.product_thumb .wrapper{ width: 25%; }
.product_thumb .title span{ font-size: 1.4rem; }
.detail_product_config, .detail_product_button, .detail_product_primotion{ width: 48%; float:left; }
.detail_product_primotion{ display: block; float:right }
.detail_product_group li span{ display: table-cell; vertical-align: top; }
.detail_product_group li .name{ color: #595959; font-weight: normal; margin-bottom: 0; padding: 6px 5px 0 0;}
.detail_product_related .wrapper{ width: 50%; float: left; }
.detail_product_related .information{ padding-right: 10px; }
.rating_form_control input{ width: 32.5%; }
.rating_form_control input+input{ margin-left: 1.25%; }
}
@media only screen and (min-width: 1024px){html{ font-size: 14px; -webkit-text-size-adjust: 100%; }
h1{ font-size: 2rem; margin-bottom: 15px; }
h2{ font-size: 1.7rem; }
h3{ font-size: 1.3rem; }
.breadcrumb li+li::before{ content: "»"; font-size: 0.9rem; margin: 0 9px 0 10px; }
.button_hotline{ display: block; }
@keyframes button_icon_animation{0%{ bottom: 8px; opacity: 0; transform: scale(0, 0); }
70%{ bottom: 24px; opacity: 1; transform: scale(1.2, 1.2); }
100%{ bottom: 24px; opacity: 1; transform: scale(1, 1); }
}
@-webkit-keyframes button_icon_animation{0%{ bottom: 8px; opacity: 0; transform: scale(0, 0); }
70%{ bottom: 24px; opacity: 1; transform: scale(1.2, 1.2); }
100%{ bottom: 24px; opacity: 1; transform: scale(1, 1); }
}
.button_icon{width: 60px;height: 60px;line-height: 60px;bottom: 24px;}
.button_icon .icm{font-size: 32px;line-height: 60px;}
.button_icon b{top: -3px;right: -3px;}
#call_now{display: none;left: 20px;}
#show_cart{right: 168px;}
#zalo{right: 96px;}
#fb_message{right: 24px;}
#zalo i, #fb_message i, #back_to_top{background-size: 40px;margin: 10px auto;width: 40px;height: 40px;}
#back_to_top{bottom: 90px;right: 35px;}
.detail_news .breadcrumb .active{ display: inline-block; }
.detail_product .breadcrumb .active{ display: inline-block; }
.detail_product_picture{ float: left; margin-bottom: 20px; }
.detail_product_picture #photoswipe:after{ display: none; }
.detail_product_picture #photoswipe .wrapper{ width: 422px; height: 422px; }
.detail_product_picture #photoswipe_items{ display: table; }
.detail_product_price .rating_star{ position: absolute; top: 14px; right: 0; }
.detail_product_hotline{ text-align: center; }
.detail_product_hotline a:first-child{ margin-left: 0; }
.detail_product_hotline .text{ display: inline-block; margin-top: 0; }
.detail_product_related .title{ background: url("/images/dot.png") repeat-x 0 15px; margin-bottom: 10px; }
.detail_product_related .title h2{ background: #FFF; color: #333; display: inline-block; font-size: 1.2rem; margin-bottom: 0; padding-right: 5px; }
.form_control{ font-size: 1rem; }
.header_content{ padding: 15px 0; }
.header_content .container_width{ width: 96%; overflow: visible; }
.header_content .logo{ position: absolute; left: 0; top: -10px; }
.header_content .logo img{ width: 188px;height: auto; }
.header_search{ margin: 0 250px 0 250px; }
.header_search .keyword{ font-size: 1rem; }
.header_content .hotline{border-left: 1px #FA9999 solid;padding-left: 15px;position: absolute;top: -5px;right: 0;text-align: right;}
.header_content .hotline a{color: #FFF;display: block;}
.header_content .hotline a+a{margin-left: 0;}
.header_content .hotline .note{display: none;}
.header_content .cart{font-size: 2.1rem;margin-top: 2px;right: 150px;}
.navbar_icon{ display: none; }
.home_newslit{ width:29%; float:right}
.home_slideshow{width:70%; float:left; margin-bottom:100px;}
.carousel-indicators{ height:40px;}
.header_nav, .footer_link, .footer_facebook, .home_slideshow, .home_newslit, .carousel-indicators{ display: block; }
.detail_product_price strong, .detail_product_price b{ font-size: 2rem; }
.detail_product_price .old_price_text::before{ color: #999; content: "Giá cũ: "; }
.detail_product_information{ margin-left: 460px; }
.detail_product_left, .news_left{ float: left; width: 66%; }
.detail_product_right, .news_right{ clear: right; float: right; width: 32%; }
.news_right .product_thumb .title{ background: #E51515; color: #FFF; font-size: 1.6rem; margin-bottom: 0; padding: 8px 10px; }
.news_right .product_thumb .data{ border-top: none; }
#detail_product_specs_sticky{ float: right; width: 32%; }
.product_tag_hot{ font-size: 0.9rem; }
.product_thumb .wrapper{ width: 20%; height: 265px; }
.detail_product_right .product_thumb .wrapper,.news_right .product_thumb .wrapper{ min-width: 100%; }
.footer_static{ margin-right: 300px; }
}
@media only screen and (min-width: 1280px){
.product_thumb .wrapper{ width: 16.666666666666667%; }
.detail_product_right .product_thumb .wrapper,.news_right .product_thumb .wrapper{ min-width: 50%; }
}
table { background-color: transparent;}
th { text-align: left;}
.table { width: auto;}
.table thead tr th,.table tbody tr th,.table tfoot tr th,.table thead tr td,.table tbody tr td,.table tfoot tr td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd;}
.table thead tr th { vertical-align: bottom; border-bottom: 2px solid #dddddd;}
.table caption + thead tr:first-child th,.table colgroup + thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child td { border-top: 0;}
.table tbody + tbody { border-top: 2px solid #dddddd;}
.table .table { background-color: #ffffff;}
.table-condensed thead tr th,.table-condensed tbody tr th,.table-condensed tfoot tr th,.table-condensed thead tr td,.table-condensed tbody tr td,.table-condensed tfoot tr td { padding: 5px;}
.table-bordered { border: 1px solid #dddddd;}
.table-bordered thead tr th,.table-bordered tbody tr th,.table-bordered tfoot tr th,.table-bordered thead tr td,.table-bordered tbody tr td,.table-bordered tfoot tr td { border: 1px solid #dddddd;}
.table-bordered thead tr th,.table-bordered thead tr td { border-bottom-width: 2px;}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9;}
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th { background-color: #f5f5f5;}
table col[class*="col-"] { float: none; display: table-column;}
table td[class*="col-"],table th[class*="col-"] { float: none; display: table-cell;}
@font-face { font-family: 'icm' ; src: url("/templates/default/css/fonts/icm.woff?4qgqyf") format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

.category-banner{display:block;width:100%;height:auto;}
.icm { 
/* use !important to prevent issues with browser extensions that change fonts */

 font-family: 'icm' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; 
/* Better Font Rendering =========== */

 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icm_alert-triangle:before { content: "\e909";}
.icm_check-circle:before { content: "\e908";}
.icm_gift:before { content: "\e907";}
.icm_menu:before { content: "\e901";}
.icm_phone:before { content: "\ea1d";}
.icm_search:before { content: "\e759";}
.icm_shopping-cart:before { content: "\e903";}
.icm_x-circle:before { content: "\e904";}
.icm_memory-card:before { content: "\e900";}
.icm_ram:before { content: "\e905";}
.icm_magazine:before { content: "\e90c";}
.icm_headphones:before { content: "\e948";}
.icm_mouse:before { content: "\ea6c";}
.icm_usb-stick:before { content: "\ea90";}
.icm_drive:before { content: "\ea91";}
.icm_hammer-wrench:before { content: "\eb69";}
.icm_fire:before { content: "\ebe8";}
.icm_star-full2:before { content: "\ece5";}
.icm_checkmark-circle:before { content: "\e904";}

/* CSS Window Prompt */

.wPromptBody{overflow: hidden;left: 0;right: 0;}
#wPromptOverlay{background: #000;opacity: 0.7;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9998;}
#wPrompt{box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-sizing: border-box;color: #000;font-size: 1rem;position: fixed;z-index: 9999;}
.wPromptClose{background: url("/images/icon.png") no-repeat 0 -36px;display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;z-index: 10000;}
#wPrompt:hover .wPromptClose{display: block;}
.wPromptWrapper{position: relative;overflow: auto;-webkit-overflow-scrolling: touch;width: 100%;height: 100%;}
.wPromptTitle{color: #D8052B;font-size: 1.2rem;font-weight: bold;margin-bottom: 10px;}
.wPromptAlert, .wPromptConfirm{line-height: 150%;padding: 15px 15px 15px 50px;position: relative;}
.wPromptAlert i, .wPromptConfirm i{position: absolute;width: 30px;height: 30px;top: 10px;left: 10px;}
.wPromptAlert i{background: url("/images/icon.png") no-repeat 0 -106px;}
.wPromptConfirm i{background: url("/images/icon.png") no-repeat 0 -106px;}
.wPromptAlertButton, .wPromptConfirmButton{margin-top: 15px;text-align: center;}
.wPromptInputButton{border: 1px solid #E5E5E5;background: #F5F5F5;cursor: default;font-weight: normal;padding: 5px 15px;}
.wPromptInputButtonTrue{margin-right: 10px;}
.wPromptIframe{border: none;display: block;width: 100%;height: 100%;}

.service_menu{list-style-type:none;margin-bottom:10px}.service_menu li a{display:block;color:#000;padding:8px 10px;text-decoration:none}.service_menu li a:hover{background-color:#999;color:white}.service_menu li a.selected{background-color:#999;color:white}.service_menu li a::before{content:"•";color:#DD2727;display:inline-block;margin:0 5px 0 5px}
@media only screen and (min-width: 1022px){
	.wPromptClose{ display: none; }
}
@media only screen and (max-width: 770px){
	.description_epkinhdienthoai img{ width:100%}
}


.giuseart-nav {
    position: fixed;
    left: 13px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    width: auto;
    z-index: 9999;
    bottom: 50px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}

.giuseart-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul li {
    list-style: none !important;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li a {
    border: none;
    padding: 3px;
    display: block;
    min-width: 48px;
    min-height: 48px;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li .chat_animation {
    display: none;
}

.giuseart-nav ul>li a i.ticon-heart {
    background: url("/images/location.webp") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li a i.ticon-zalo-circle2 {
    background: url("/images/img_zalo_chuan.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
    position: relative;
    z-index: 10000;
}

.giuseart-nav li .button {
    background: transparent;
}

.giuseart-nav ul>li a i.ticon-angle-up {
    background: url("/images/scroll-top-icon.svg") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
    margin-left: 18px;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
    top: 5px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
    z-index: 10000;
}

.giuseart-nav ul li .button .phone_animation i {
    display: block;
    width: 36px;
    font-size: 26px;
    margin-top: 0px;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li a i.ticon-messenger {
    background: url("/images/img_mess-chuan.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul>li a i.icon-phone-w {
    background: url("/images/icon-hotline.gif") no-repeat;
    background-size: contain;
    position: relative;
    z-index: 10000;
}

.giuseart-nav ul li .button .btn_phone_txt {
    position: relative;
    z-index: 10000;
}

@media only screen and (max-width: 600px) {
    .giuseart-nav li .chat_animation {
        display: block !important;
    }

    .giuseart-nav ul li .button .btn_phone_txt {
        position: relative;
        top: 35px;
        font-size: 10px;
        font-weight: bold;
        text-transform: none;
        z-index: 10000;
    }

    .giuseart-nav ul li .button .phone_animation i {
        display: inline-block;
        width: 27px;
        font-size: 26px;
        margin-top: 7px;
        position: relative;
        z-index: 10000;
    }

    .giuseart-nav li .button .phone_animation {
        box-shadow: none;
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 45px;
        height: 45px;
        border-radius: 100%;
        background: #6cb917;
        line-height: 15px;
        border: 2px solid white;
        z-index: 10000;
    }

    .giuseart-nav ul>li a {
        padding: 0;
        margin: 0 auto;
        z-index: 10000;
    }

    .giuseart-nav {
        background: rgba(255, 255, 255, 0.7);
        width: 100%;
        border-radius: 0;
        color: #fff;
        box-sizing: border-box;
        height: calc(60px + env(safe-area-inset-bottom, 0px));
        line-height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9999;
        padding: 5px 5px calc(5px + env(safe-area-inset-bottom, 0px));
        margin: 0;
        box-shadow: 0 4px 10px 0 #000;
        overflow-x: hidden;
    }

    .giuseart-nav li {
        float: left;
        width: 20%;
        list-style: none;
        height: 50px;
        position: relative;
        z-index: 10000;
    }

    .phone-mobile {
        display: block !important;
    }
}

.to-top-pc a {
    cursor: pointer;
}

/* Friendly, opt-in browser notification prompt. It stays out of the document flow. */
.tn-notification-consent {
    display: none;
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 10001;
    width: 360px;
    max-width: calc(100vw - 36px);
    padding: 16px;
    border: 1px solid #e2e7ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(20, 35, 60, .18);
    color: #253858;
}

.tn-notification-consent.is-visible {
    display: block;
    animation: tn-notification-slide-in .22s ease-out;
}

.tn-notification-consent__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
}

.tn-notification-consent__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 36px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #1710ad;
    overflow: hidden;
}

.tn-notification-consent__icon img {
    display: block;
    width: 100px;
    height: 25px;
    object-fit: contain;
}

.tn-notification-consent__close {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #718096;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.tn-notification-consent__close:hover,
.tn-notification-consent__close:focus-visible {
    background: #f1f4f8;
    color: #253858;
}

.tn-notification-consent__title {
    margin: 12px 0 6px;
    color: #1e3762;
    font-size: 17px;
    line-height: 1.3;
}

.tn-notification-consent__text {
    margin: 0;
    color: #5b677a;
    font-size: 14px;
    line-height: 1.5;
}

.tn-notification-consent__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

.tn-notification-consent__button {
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.tn-notification-consent__button:disabled {
    cursor: wait;
    opacity: .65;
}

.tn-notification-consent__button--primary {
    flex: 1;
    background: #1f5fd1;
    color: #fff;
}

.tn-notification-consent__button--primary:hover,
.tn-notification-consent__button--primary:focus-visible {
    background: #174da9;
}

.tn-notification-consent__button--secondary {
    background: #fff;
    border-color: #d4dce8;
    color: #526176;
}

.tn-notification-consent__button--secondary:hover,
.tn-notification-consent__button--secondary:focus-visible {
    background: #f5f7fa;
}

@keyframes tn-notification-slide-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media only screen and (max-width: 600px) {
    .tn-notification-consent {
        right: 10px;
        bottom: 72px;
        width: auto;
        max-width: none;
    }
}

.wapper-page {
    border: 0 none;
}
.wapper-content-page {
    padding: 0 20px;
}
.content_title {
    margin: 0 0 16px 0;
}
.content_title > span {
    font-family: semibold;
    font-size: 25px;
}
.clock {
    background: #fafafa;
    border-top: 1px solid #f2f2f2;
    padding: 2px 0;
}
.clock > span.category {
    color: #1eafe0;
}
.datetime {
    background: url("/modules/news/assets/images/icon-clock.png") no-repeat scroll 5px 2px;
    padding: 0 0 0 20px;
}
.summary {
    font-weight: bold;
    padding: 16px 0 8px;
}
.share_bottom {
    background: #fafafa;
    padding: 5px;
}
.relate_title span {
    color: #17b0e4;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.related .relate_content {
    background: url("/modules/news/assets/images/icon-orther.png") no-repeat scroll 0 6px;
    border-bottom: 1px dotted #eeeeee;
    margin: 0;
    padding: 6px 18px;
}
.related .relate_content:hover {
    background: url("/modules/news/assets/images/icon-orther-hover.png") no-repeat scroll 0 6px;
    padding: 6px 18px;
}
.relate_content.flever_12 > a:hover{
    color: #17b0e4;
    text-decoration: none;
}

.news-byline {display:flex;flex-wrap:wrap;gap:8px 16px;color:#626b78;font-size:13px;margin:8px 0 14px}
.news-byline span+span,.news-byline time+span {border-left:1px solid #d9dee5;padding-left:16px}
.article-body h2,.article-body h3 {scroll-margin-top:110px}
.article-toc {border:1px solid #d7e1ef;background:#f7f9fc;margin:16px 0 24px;padding:0 16px}
.article-toc summary {cursor:pointer;font-weight:700;padding:13px 0;color:#17243a}
.article-toc ol {margin:0 0 14px;padding-left:24px}
.article-toc li {margin:7px 0;line-height:1.45}
.article-toc .toc-level-3 {margin-left:20px;font-size:14px}
.article-toc a {color:#154fb3;text-decoration:none}
.article-toc a:hover {text-decoration:underline}
.article-cta {display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #b9d1ff;background:#f3f7ff;padding:18px;margin:28px 0}
.article-cta strong {display:block;font-size:19px;color:#153e9f}
.article-cta p {margin:6px 0 0;line-height:1.5}
.article-cta>a {flex:0 0 auto;background:#0f57d6;color:#fff;text-decoration:none;font-weight:700;padding:11px 16px}
.article-cta--repair {border-color:#ffd0b0;background:#fff8f3}.article-cta--repair strong {color:#b84600}.article-cta--repair>a {background:#dc5700}
.article-widget {margin:30px 0}.article-widget>h2 {font-size:22px;margin:0 0 14px;border-bottom:2px solid #e31d24;padding-bottom:8px}
.article-product-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e0e4ea}
.article-product-grid article {padding:10px;border-right:1px solid #e0e4ea;min-width:0}.article-product-grid article:last-child {border-right:0}
.product-widget-image {display:block;aspect-ratio:1/1}.product-widget-image img {width:100%;height:100%;object-fit:contain}
.article-product-grid h3 {font-size:14px;line-height:1.35;margin:8px 0}.article-product-grid h3 a {color:#172033;text-decoration:none}
.product-widget-price {color:#e60012;font-weight:700;margin:0}
.article-related ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding-left:20px}
.article-related li {line-height:1.45}.article-related a {color:#174ea6;text-decoration:none}.article-related a:hover {text-decoration:underline}
.article-author {border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;padding:16px 0;margin:30px 0;color:#4d5663}
.article-author strong {color:#172033;font-size:17px}.article-author p {margin:5px 0 0;line-height:1.5}
.article-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-price-table table{width:100%;border-collapse:collapse;background:#fff}.article-price-table th,.article-price-table td{border:1px solid #dfe3e8;padding:10px;text-align:left;vertical-align:middle}.article-price-table th{background:#263746;color:#fff}.article-price-table td:nth-child(1){white-space:nowrap;font-weight:700}.article-price-table td:nth-child(3){white-space:nowrap;color:#e60012}.article-table-action{display:inline-block;background:#0f57d6;color:#fff!important;padding:7px 10px;text-decoration:none;white-space:nowrap}.article-price-note{color:#687180;font-size:12px;margin:8px 0 0}
@media (max-width:767px){.article-cta{align-items:flex-start;flex-direction:column}.article-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-product-grid article{border-bottom:1px solid #e0e4ea}.article-related ul{grid-template-columns:1fr}.news-byline span+span,.news-byline time+span{border-left:0;padding-left:0}.article-toc .toc-level-3{margin-left:8px}}

.autocomplete-suggestions {position: absolute;top: 40px;left: 138px;width: 470px!important; max-height: 500px!important;border: 1px solid #0083bf;background: #fff;cursor: default;overflow: auto;margin: 0 6px 6px -1px;}
.autocomplete-suggestions div {width: 100%;display: inline-block;clear: both;padding: 0;margin: 0;margin-bottom: -5px}
.autocomplete-suggestions .autocomplete-group {background: #f1f1f1; color: #0083bf !important; padding: 8px 3%;width: 100%;}
.autocomplete-suggestions div a,
.autocomplete-suggestions div a:link,
.autocomplete-suggestions div a:visited {
	display: inline-block;
	margin: 0;
	padding: 6px 3%;
	width: 100%;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
	clear: both;
	border-bottom: 1px solid #eee
}

.autocomplete-suggestions div a:hover {
	background: #d9eef8
}

.autocomplete-suggestions div a img {
	width: 50px;
	float: left
}

.autocomplete-suggestions div a label {
	float: right;
	width: 360px;
	font-weight: 400;
	cursor: pointer;
	margin: 0;
	padding: 0
}

.autocomplete-suggestions div a span {
	display: block;
	clear: both;
	cursor: pointer;
	margin: 0;
	padding: 0
}

.autocomplete-suggestions div a span.price {
	color: #990000; font-weight:bold;
	padding-top: 10px
}

.autocomplete-suggestions div.last {
	border: none
}

.autocomplete-suggestion strong {font-weight: 700 !important; color:#F00 !important}

@media only screen and (max-width:768px) {
	.autocomplete-suggestions {
		top: 136px;
		left: 10px
	}
}