/* 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;
    }
}

#buy-repair {
	border-radius: 5px;
	font-size: 13px;
	text-align: center;
	padding: 12px 12px 12px 50px;
	color: #fff;
	font-weight: bold;
	width: 160px;
	background: #46aa01 url("/modules/products/assets/images/cart.png") left 10px top 8px no-repeat;
	text-align: left;
	margin-top: 0px
}

#chat-now {
	border-radius: 5px;
	font-size: 13px;
	text-align: center;
	padding: 12px 12px 12px 50px;
	color: #49C1EA;
	font-weight: bold;
	width: 160px;
	background: #fff url("/templates/default/images/facebook_scroll.png") left 10px top 4px no-repeat;
	border: 1px solid #49C1EA;
	text-align: left;
	margin-top: 0px
}

.box_sale {
	width: 100%;
	border: 1px solid #cecece;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 15px;
	margin: 15px 0
}

.title_box_sale {
	position: absolute;
	background: white;
	font-size: 16px;
	padding: 0 5px;
	color: black;
	font-weight: bold;
	margin: -25px 0 0 0;
	display: block
}

.price_repair {
	color: #ff0000;
	font-weight: bold
}

.detail_botom ul {
	list-style: inherit;
	padding-left: 30px
}

.detail_botom ul li {
	list-style: inherit
}

.buy-bottom #buy-now {
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	padding: 12px 12px 12px 50px;
	color: #fff;
	font-weight: bold;
	width: 160px;
	background: #46aa01 url("/modules/products/assets/images/cart.png") left 10px top 8px no-repeat;
	text-align: left;
	margin-top: 0px
}

.buy-bottom #buy-pig {
	border-radius: 5px;
	font-size: 14px;
	text-align: center;
	padding: 12px 12px 12px 50px;
	color: #fff;
	font-weight: bold;
	margin-left: 15px;
	width: 160px;
	background: #ff8200 url("/modules/products/assets/images/pig.png") left 10px top 8px no-repeat;
	text-align: left
}

.buy-bottom .media-img {
	float: left;
	margin-bottom: 10px;
	margin-right: 15px
}

.buy-bottom .media-img img {
	float: left;
	width: 120px;
	height: auto;
	border: 1px solid #EBEEF2;
	border-radius: 5px;
	padding: 10px 0px;
	margin-right: 15px
}

.buy-bottom .media-img p {
	font-size: 20px;
	font-weight: bold
}

.buy-bottom .media-img span {
	display: block;
	color: #ff0000;
	font-size: 18px;
	font-weight: bold
}

.link-wan {
	position: absolute;
	right: 15px
}

.details_click {
	cursor: pointer;
	font-size: 18px;
	color: #1E8E04;
	display: block;
	text-align: center;
	margin-bottom: 20px
}

.details_click:before {
	height: 55px;
	margin-top: -30px;
	content: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), color-stop(0.2, #fff), to(rgba(255, 255, 255, 0)));
	display: block
}

.info_pro_modal p {
	margin-bottom: 0px
}

.video-container {
	position: relative
}

.video-container .view_video {
	margin: auto !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.edit-price {
	padding-bottom: 10px
}

.edit-price .warranty_content {
	margin-top: 10px
}

.edit-price .warranty {
	margin-top: 10px
}

.edit-price .warranty #warranty {
	padding: 5px 15px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	outline: none;
	box-shadow: 1px 1px 1px #e5e5e5;
	width: 100%
}

.edit-price .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
}

.edit-price .color_item .color-name {
	width: 100%;
	height: 100%;
	border-radius: 3px
}

.edit-price .active {
	border: 1px solid #1E8E04 !important
}

.edit-price .memory_item,
.edit-price .ram_item,
.edit-price .origin_item,
.edit-price .warranty_item {
	display: inline-block;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	padding: 5px 15px;
	cursor: pointer;
	box-shadow: 1px 1px 1px #e5e5e5
}

.edit-price .memory_item p,
.edit-price .ram_item p,
.edit-price .origin_item p,
.edit-price .warranty_item p {
	margin-bottom: 0px;
	font-weight: bold
}

.edit-price h5 {
	color: #555;
	font-size: 14px
}

.edit-price h5 b {
	font-weight: bold;
	color: #333
}

.clickmore:hover {
	color: #fed700
}

.details-top {
	margin-bottom: 10px
}

.item_price .img {
	width: 30%;
	float: left;
	margin-right: 10px
}

.item_price .img img {
	width: 100%
}

.item_price .name b {
	color: #ff0000
}

.item_phone .img {
	margin-bottom: 10px
}

.item_phone .img img {
	width: 100%
}

.item_phone .name {
	text-align: center
}

.item_phone .name b {
	color: #ff0000
}

.item_phone .name a {
	display: block;
	min-height: 40px
}

.contentdetail {
	border-top: 1px solid #e5e5e5;
	margin-top: 20px;
	padding-top: 20px
}

.detail_botom {
	width: 70%
}

.left_bottom {
	width: 30%
}

.charactestic_table_detail .title {
	color: #999999;
	font-size: 14px
}

.charactestic_table_detail .content_charactestic {
	color: #333333;
	font-size: 15px
}

#eshopcart_info h2 {
	margin-top: 0px
}

#eshopcart_info .media-box select {
	margin-bottom: 5px
}

.product .news_list_body .title {
	margin-top: 0px !important
}

.product .share {
	margin-top: 1px
}

.product .share .google_plusone_iframe_widget {
	width: auto !important
}

.product ._rowtop {
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0
}

.product ._rowtop h1 {
	margin: 0;
	font-size: 24px;
	font-weight: bold
}

.product ._rowtop .share_bottom {
	padding-top: 6px
}

.product ._rowtop .star-detail {
	padding: 5px 10px 0px 10px;
	display: inline-block
}

.product ._rowtop .total_rate {
	display: inline-block
}

.product ._rowtop .total_rate span {
	color: #1E8E04
}

@media only screen and (max-width: 1200px) {
	.product {
		width: 100%
	}
}

.product ._picture {
	float: left;
	overflow: hidden;
	width: 40%;
	position: relative
}

.product ._picture .slide-image {
	border-radius: 5px;
	border: 1px solid #eaeaea;
	padding: 20px 10px
}

@media only screen and (max-width: 768px) {
	.product ._picture {
		width: 50%
	}
}

.product ._picture .slider-thumbs img {
	border: 1px solid #e5e5e5;
	border-radius: 3px
}

.product ._extra {
	float: left;
	width: 30%
}

.product ._extra table tr,
.product ._extra table td,
.product ._extra table th {
	vertical-align: middle;
	text-align: center
}

.product ._extra table thead th {
	background: #e9ebee;
	color: #000;
	font-weight: bold;
	border: none
}

.product ._extra .details_top {
	border-radius: 5px;
	border: 1px solid #eaeaea;
	padding: 0px 10px;
	margin-bottom: 15px
}

.product ._extra ._color {
	display: block;
	overflow: hidden
}

.product ._extra ._color p {
	text-align: left;
	font-size: 14px;
	color: #999999;
	display: inline-block
}

.product ._extra ._color p span {
	font-weight: bold;
	color: #333
}

.product ._extra ._color .Selector {
	float: right
}

.product ._extra ._color .Selector .color_item {
	display: inline-block !important;
	border: 1px solid #9B9B9B;
	height: 18px;
	width: 22px;
	border-radius: 4px;
	margin-right: 4px;
	visibility: visible !important;
	cursor: pointer
}

.product ._extra ._color .Selector.active .color_item {
	border: 2px solid #FF0000
}

@media only screen and (max-width: 768px) {
	.product ._extra {
		width: 50%
	}
}

.product ._extra ._price {
	color: #ff0000;
	font-size: 24px;
	font-weight: bold
}

.product ._extra .price_old {
	color: #999999;
	font-size: 18px;
	text-decoration: line-through;
	margin-left: 10px
}

.product ._extra .summary {
	padding: 5px 0px
}

.product ._extra #buy-now {
	background: #46aa01;
	background: #46aa01 url("/modules/products/assets/images/cart.png") left 60px top 10px no-repeat
}

.product ._extra #buy-pig {
	background: #ff8200;
	background: #ff8200 url("/modules/products/assets/images/pig.png") left 60px top 10px no-repeat
}

.product ._extra .btn-buy {
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	text-align: left;
	padding-left: 110px
}

.product ._extra .btn-buy span {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	display: block
}

.product ._extra ._attributes p {
	font-size: 14px;
	color: #999999;
	padding-top: 5px;
	margin: 0px
}

.product ._extra ._attributes select {
	margin-bottom: 10px
}

.product .buycall {
	float: left;
	width: 30%
}

.product .buycall ._sales .content {
	border-left: 1px dashed #e5e5e5;
	border-right: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
	padding: 10px 0px 10px 10px;
	overflow: hidden
}

.product .buycall ._sales .content .c-conten {
	overflow: hidden
}

.product .buycall ._sales .content .showsales {
	font-size: 12px;
	color: #1e8e04;
	text-align: right;
	display: block;
	padding-right: 10px;
	cursor: pointer
}

.product .buycall ._sales .title {
	margin: 0px;
	padding: 17px 20px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: url("/modules/products/assets/images/bg_sales.png") repeat-x
}

.product .buycall .quantity {
	padding: 10px 0px;
	border-bottom: 1px dashed #e5e5e5
}

.product .buycall .quantity span {
	color: #333;
	font-size: 14px
}

.product .buycall .quantity span i,
.product .buycall .quantity span strong {
	color: #1E8E04
}

.product .phone {
	padding: 10px 0px 0px
}

.product .phone p {
	font-size: 14px;
	color: #1E8E04
}

.product .phone form {
	position: relative;
	margin-bottom: 0px
}

.product .phone input {
	width: 70%
}

.product .phone .btn {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #1E8E04;
	color: #fff
}

.product ._infopromotion {
	display: block;
	font-size: 16px;
	line-height: 1.3em;
	color: #27ae60;
	font-weight: 600
}

.product ._detailpromotion {
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 10px 10px 0;
	position: relative
}

.product ._detailpromotion .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
}

.product ._detailpromotion .accessories {
	overflow: hidden
}

.product ._detailpromotion .show {
	cursor: pointer;
	font-size: 13px;
	color: #1E8E04;
	text-align: right;
	margin-top: 5px
}

.product ._characteristic h2 {
	display: block;
	line-height: 1.3em;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px
}

.product ._characteristic .charactestic_table .title_charactestic {
	color: #999999;
	font-size: 14px
}

.product ._characteristic .charactestic_table .content_charactestic {
	padding-left: 20px;
	font-size: 15px
}

.product ._characteristic .charactestic_table tr {
	border-bottom: 1px solid #EBEEF2
}

.product ._characteristic .charactestic_table tr td {
	padding: 10px 0
}

.product ._characteristic #load_more_charactestic {
	background: none repeat scroll 0 0 #fafafa;
	border: 1px solid #1E8E04;
	border-radius: 3px;
	color: #1E8E04;
	display: block;
	font-weight: bold;
	margin-top: 20px;
	padding: 10px 0;
	text-align: center
}

.product ._boxvideo {
	float: right;
	width: 91.667%;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin: 0 -10px
}

@media only screen and (max-width: 768px) {
	.product ._boxvideo {
		width: 100%
	}
}

.product ._boxvideo h3 {
	display: block;
	line-height: 1.3em;
	font-size: 20px;
	color: #666;
	margin-bottom: 10px
}

.product ._boxvideo ._left,
.product ._boxvideo ._right {
	padding: 0 10px 10px;
	float: left;
	width: 50%
}

@media only screen and (max-width: 768px) {
	.product ._boxvideo ._left,
	.product ._boxvideo ._right {
		width: 100%
	}
}

.product ._boxvideo ._left iframe,
.product ._boxvideo ._right iframe {
	max-width: 100%
}

.product .boxdesc {
	overflow: hidden;
	max-width: 1100px;
	background: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 1200px) {
	.product .boxdesc {
		width: 100%
	}
}

.product .boxdesc h2 {
	display: block;
	line-height: 1.3em;
	font-size: 20px;
	color: #666;
	margin-top: 10px
}

.product .boxdesc input,
.product .boxdesc img {
	height: auto !important;
	max-width: 100% !important
}

.product .boxdesc iframe {
	max-width: 100% !important
}

.product .boxdesc .tags_title {
	background: url("/modules/products/assets/images/bg_tags_title.png") no-repeat scroll 5px center #f1f1f1;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px 16px 4px 26px
}

.product .boxdesc .tag-item {
	background: none repeat scroll 0 0 #f1f1f1;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px 16px
}

.product ul.nav-stacked {
	border: none
}

.product ul.nav-stacked li {
	margin-bottom: 15px
}

.product ul.nav-stacked li a {
	background: #fff;
	display: block;
	padding: 0;
	text-align: center;
	width: 73px;
	height: 53px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #999;
	padding-top: 28px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center 5px
}

.product ul.nav-stacked li.active a,
.product ul.nav-stacked li.active a:hover {
	color: #fff;
	background-color: #0088cc;
	border: 1px solid #0088cc
}

.product ul.nav-stacked li:nth-child(1) a {
	background-image: url("/modules/products/assets/images/1.png")
}

.product ul.nav-stacked li:nth-child(2) a {
	background-image: url("/modules/products/assets/images/5.png")
}

.product ul.nav-stacked li:nth-child(3) a {
	background-image: url("/modules/products/assets/images/2.png")
}

.product ul.nav-stacked li:nth-child(4) a {
	background-image: url("/modules/products/assets/images/3.png")
}

.product ul.nav-stacked li:nth-child(5) a {
	background-image: url("/modules/products/assets/images/4.png")
}

.product ul.nav-stacked.affix {
	top: 30px
}

#_zoomimg .modal-content {
	width: 600px;
	max-width: 100%;
	margin: 0 auto
}

#_zoomimg .modal-content .modal-header {
	padding: 15px 50px 0;
	border-bottom: none
}

#_zoomimg .modal-content .modal-header .close {
	background: url("/modules/products/assets/images/icon_close.png") no-repeat scroll 0 0;
	text-indent: -9999px;
	height: 34px;
	width: 36px;
	position: absolute;
	right: -20px;
	top: -6px;
	opacity: 1
}

#_zoomimg .modal-content .modal-header h4 {
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase
}

#_zoomimg .modal-content .modal-body {
	padding: 15px 50px
}

#_zoomimg .modal-content #myCarouselPrd .item {
	padding: 12px 0
}

#_zoomimg .modal-content #myCarouselPrd .item img {
	margin: 0 auto
}

#_zoomimg .modal-content #myCarouselPrd .carousel-control.left {
	background: url("/modules/products/assets/images/icon_prev.png") no-repeat scroll left center
}

#_zoomimg .modal-content #myCarouselPrd .carousel-control.right {
	background: url("/modules/products/assets/images/icon_next.png") no-repeat scroll right center
}

#modal_buy_now .col-modal-l {
	border-bottom: 1px solid #DBDBDB;
	margin-bottom: 10px
}

@media only screen and (min-width: 800px) {
	#modal_buy_now .modal-dialog {
		width: 600px
	}
	#modal_buy_now .col-modal-l {
		border-right: 1px solid #DBDBDB;
		border-bottom: none;
		margin-bottom: 0
	}
}

#modal_buy_now .modal-body {
	padding: 0px
}

#modal_buy_now .modal-content {
	padding: 30px
}

#modal_buy_now .info .info_by {
	font-size: 13px;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	font-weight: bold
}

#modal_buy_now .info select,
#modal_buy_now .info input {
	margin: 5px 0px
}

#modal_buy_now .info .captcha {
	margin-top: 5px
}

#modal_buy_now .info br {
	display: none
}

#modal_buy_now .total-price {
	padding: 10px 0;
	margin: 10px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

#modal_buy_now .total-price p,
#modal_buy_now .total-price h3 {
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	padding: 0px
}

#modal_buy_now .total-price p {
	color: #333;
	font-weight: bold;
	font-size: 14px
}

#modal_buy_now .total-price h3 {
	font-size: 18px;
	color: #ff0000;
	text-align: right
}

#modal_buy_now .total-price span {
	display: block;
	text-align: right;
	color: #999999;
	font-size: 12px;
	padding-top: 25px
}

.modal-header {
	padding: 0px;
	border: none;
	min-height: 0px
}

.content img {
	display: block;
	margin: 10px auto;
	max-width: 100%
}

.modal-title span {
	font-size: 20px
}

.modal-content {
	margin-top: 80px;
	border-radius: 0px;
	padding: 20px 30px
}

.modal-header .close {
	color: #1E8E04;
	font-weight: normal;
	margin-top: 0;
	opacity: 1;
	padding: 1px 4px;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 35px
}

#modal_buy_now .media-box {
	margin-bottom: 10px
}

#modal_buy_now .media-img {
	width: 120px;
	margin-right: 20px
}

#modal_buy_now .media-body h2 {
	margin-top: 0
}

#modal_buy_now h2 span {
	font-size: 16px;
	font-weight: bold
}

#modal_buy_now .media-body .quantity_modal {
	border: 1px solid #d1d1d1;
	text-align: center;
	width: 60px
}

#modal_buy_now .price_modal {
	padding-top: 0px !important;
	color: #ff0000 !important;
	font-size: 18px !important;
	font-weight: bold
}

#modal_buy_now .price_modal strong {
	font-weight: bold
}

#modal_buy_now #eshopcart_info .body-td {
	border: 1px solid #c4c4c4;
	box-shadow: 0 1px 2px #c4c4c4 inset;
	padding: 4px
}

#modal_buy_now #eshopcart_info .input_text {
	border: medium none
}

#modal_buy_now .btn-default {
	background-color: #1E8E04;
	border-radius: 3px;
	color: #fff;
	margin-top: 5px;
	width: 100%;
	text-align: center;
	text-transform: uppercase
}

#modal_buy_now .reset-default {
	background-color: #A9A9A9;
	border: medium none;
	border-radius: 0;
	color: #fff
}

._detailpromotion {
	margin-bottom: 10px
}

.scrollbar {
	height: 250px;
	overflow-y: scroll
}

.scrollsales {
	height: 137px;
	overflow-y: scroll
}

#wrapper {
	text-align: center;
	width: 500px;
	margin: auto
}

#style-4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5
}

#style-4::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5
}

#style-4::-webkit-scrollbar-thumb {
	background-color: #000000;
	border: 2px solid #555555
}

#style-15::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
	border-radius: 10px
}

#style-15::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5
}

#style-15::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4D9C41), to(#19911D), color-stop(0.6, #54DE5D))
}


/* ==========================================================
   THANH-NGA QUICK ORDER (Dat hang nhanh) - Blue/Cam/Light Blue Theme
   ========================================================== */

.tn-product-title {
	margin: 0 0 18px;
	color: #1f2937;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25;
}

.tn-order-panel {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 22px;
	border: 1px solid #bfdbfe;
	border-radius: 18px;
	background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.tn-order-panel__heading {
	margin: 0 0 16px;
	color: #1e40af;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.tn-order-actions {
	display: flex !important;
	gap: 8px;
	width: 100%;
}

.tn-order-button {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 60px !important;
	padding: 8px 10px !important;
	border: 0;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
	flex: 1;
	min-width: 0;
}

.tn-order-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 28px rgba(37, 99, 235, 0.2);
	opacity: .98;
}

.tn-order-button strong {
	display: block;
	font-size: 14px !important;
	line-height: 1.2;
	white-space: nowrap;
}

.tn-order-button span {
	display: block;
	margin-top: 3px;
	font-size: 10px !important;
	line-height: 1.2;
	opacity: 0.95;
	white-space: nowrap;
}

/* Màu Cam - Mua ngay */
.tn-order-button--buy {
	background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
	color: #fff;
}

/* Màu Xanh dương - Trả góp */
.tn-order-button--installment {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
	color: #fff;
}

/* Màu Xanh lá - Thêm vào giỏ hàng */
.tn-order-button--add-cart {
	background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
	color: #fff;
}
.tn-order-button--add-cart:hover {
	background: linear-gradient(135deg, #15803d 0%, #166534 100%);
}

.tn-order-note {
	margin-top: 12px;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.6;
}

.tn-hidden-form {
	display: none;
}

.tn-quick-popup {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.tn-quick-popup.is-active {
	display: flex;
}

.tn-quick-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 24, 39, 0.75);
	z-index: 1;
}

.tn-quick-popup__dialog {
	position: relative;
	width: 100%;
	max-width: 920px;
	max-height: calc(100vh - 40px);
	overflow: auto;
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 30px 60px rgba(15, 23, 42, 0.3);
	z-index: 2;
}

.tn-quick-popup__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 24px 12px;
	border-bottom: 1px solid #f1f5f9;
}

.tn-quick-popup__title {
	margin: 0;
	color: #111827;
	font-size: 24px;
	line-height: 1.3;
}

.tn-quick-popup__type {
	display: inline-block;
	margin-top: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #dbeafe;
	color: #1e40af;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.tn-quick-popup__close {
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 999px;
	background: #f3f4f6;
	color: #111827;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
}

.tn-quick-popup__body {
	display: grid;
	grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
	gap: 24px;
	padding: 24px;
}

.tn-product-summary {
	padding: 20px;
	border-radius: 18px;
	background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
	border: 1px solid #bfdbfe;
}

.tn-product-summary img {
	width: 100%;
	border-radius: 14px;
	object-fit: cover;
	margin-bottom: 14px;
}

.tn-product-summary h3 {
	margin: 0 0 10px;
	color: #111827;
	font-size: 20px;
	line-height: 1.4;
}

.tn-product-summary p {
	margin: 0 0 10px;
	color: #4b5563;
	font-size: 14px;
	line-height: 1.6;
}

.tn-product-summary__price {
	color: #2563eb;
	font-size: 30px;
	font-weight: 700;
}

.tn-order-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.tn-order-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.tn-order-field--full {
	grid-column: 1 / -1;
}

.tn-order-field label {
	color: #111827;
	font-size: 14px;
	font-weight: 600;
}

.tn-order-field input,
.tn-order-field textarea {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid #d1d5db;
	border-radius: 14px;
	background: #fff;
	color: #111827;
	font-size: 14px;
}

.tn-order-field textarea {
	min-height: 110px;
	resize: vertical;
}

.tn-order-form__error[hidden] {
	display: none;
}

.tn-order-form__error {
	position: relative;
	margin: 0 0 16px;
	padding: 12px 14px 12px 44px;
	border: 1px solid #fecaca;
	border-radius: 12px;
	background: #fff1f2;
	color: #b91c1c;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}

.tn-order-form__error::before {
	position: absolute;
	top: 50%;
	left: 14px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dc2626;
	color: #fff;
	content: "!";
	font-size: 13px;
	font-weight: 800;
	line-height: 20px;
	text-align: center;
	transform: translateY(-50%);
}

.tn-order-form__hint {
	margin: 14px 0 0;
	color: #6b7280;
	font-size: 13px;
	line-height: 1.6;
}

.tn-order-form__actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 22px;
}

.tn-order-form__actions button {
	min-width: 150px;
	padding: 13px 20px;
	border: 0;
	border-radius: 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
}

.tn-order-form__actions .tn-order-submit {
	background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
	color: #fff;
}

.tn-order-form__actions .tn-order-reset {
	background: #f3f4f6;
	color: #111827;
}

body.tn-popup-open {
	overflow: hidden;
}

@media (max-width: 991px) {
	.tn-quick-popup__body {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.tn-product-title {
		font-size: 24px;
	}

	.tn-order-actions,
	.tn-order-form__grid {
		grid-template-columns: 1fr;
	}

	.tn-order-button {
		min-height: 72px;
		padding: 12px 14px;
	}

	.tn-order-button strong {
		font-size: 18px;
	}

	.tn-order-button span {
		font-size: 12px;
	}

	.tn-quick-popup {
		padding: 12px;
	}

	.tn-quick-popup__header,
	.tn-quick-popup__body {
		padding: 18px;
	}

	.tn-order-form__actions {
		flex-direction: column;
	}

	.tn-order-form__actions button {
		width: 100%;
	}
}


/*# sourceMappingURL=product.css.map */

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url("/modules/products/assets/css/fotorama.png") no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url("/modules/products/assets/css/fotorama@2x.png") 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
.total-rating{
    margin: 40px 0px;
}
.title-r{
    font-size: 18px;
    color: #000;
    margin-bottom: 0px;
}
.title-r a{
    /*display: block;*/
    padding: 5px 10px;
    float: right;
    background: #1ca5b8;
    color: #fff;
    border-radius: 5px;
}
.divi-r{
    font-size: 18px;
    margin: 15px 0px;
}
.tt-rl{
    width: 30%;
    float: left;
    border-right: 1px solid #cccccc;
}
.tt-rr{
    width: 70%;
    float: right;
}
.tt-rr ul{
    padding-left: 20px;
}
.tt-rr ul li{
    line-height: 15px;
}
.tt-rr ul li p span{
    /*font-weight: bold;*/
    font-style: italic;
}
.on-r{
    color: #555555;
}
.divi-r strong{
    font-size: 30px;
}
.comments{
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
.comments  .comment_header {
    background: url("/plugins/comments/images/icon_title.gif") no-repeat ;
	color: #144594;
    font-weight: bold;
    padding-left: 22px;
    text-decoration: underline;
	cursor: pointer;
}

#comment_add_form input{
    height: 40px;
}
#comment_add_form .mb{
    margin-bottom: 20px;
}

div#list-comment {

}
.comments .comment_form {
    padding: 10px 0px;
}
.ratingbg{
    display: block;
    width: 210px;
    height: 25px;
    background: url("/images/danhgia.png")center no-repeat;
}
.wrapper-name-raty.cf {
    margin-bottom: 10px;
    display: none;
}
.comments tr{
	margin-bottom: 10px;
}
.comments .form_name{
	width: 260px;
}
.form_name li {
    color: #a7a7a7;
    list-style: inside none disc;
}
.form_name li span{
    color: #333333;
    font-size: 11px;
}
.comments .form_text{
}
.rating-value .label_error{
    float: right;
}
.comments .select-box {
	width: 230px;
}
.comments #full_rate{
    width: 100%;
    height: 97px;
    padding: 8px 0px 0px 15px;
}

.comments .code-view{
	background: url("/plugins/comments/images/change_captcha.gif") no-repeat scroll center center;
    display: inline-block;
    padding: 8px 12px;
}
.comments #txtCaptcha{
	width: 132px;
}
.comments  .button {
    color: #fff;
    width: 100%;
    border: none;
    font-size: 14px;
    background: #1E8E04;
    border-radius: 5px;
}
.comments_contents .comment-item {
    padding: 0px 0px 10px 0px;
    background: #fff;
}
div#prodetails_tab4 {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}
.comments_contents .name {
    font-weight: bold;
}
.comments_contents .rating  {
   margin: 8px 0;
}
.comments_contents .rating span {
	font-weight: bold;
}

#reset {
    width: 180px;
    height: 40px;
    border: none;
    font-size: 14px;
    font-family: "arial bold";
    text-transform: uppercase;
    color: #999999;
    background: #dddddd;
    margin-left: 17px;
    border-radius: 5px;
}

.wrapper-capcha {
    margin-top: 20px;
}

.bt-raty {
	color: #fff;
    text-align: center;
}
#order-comemnt {
    height: 32px;
    width: 200px;
    color: #333;
    border: 1px solid #e5e5e5;
	padding-left: 5px;
}
.label-form {
    font-size: 15px;
    margin-bottom: 4px;
	margin-right: 50px;
    display: inline-block;
}
.row-raty.cf {
    margin-right: 75px;
    display: inline-block;
}
.row-cm {
    margin-bottom: 17px;
}
.row-cm:last-child {
    margin-bottom: 0px;
}
.left-cm {
    float: left;
    width: 46%;
    margin-right: 3.3%;
}
.txt_input {
    width: 100%;
    border: 1px solid #e3e3e3;
    height: 40px;
    padding: 0px 0px 0px 15px;
}
.right-cm {
    float: left;
    width: 50%;
	text-align: right;
}
.row-raty > span {
    margin-right: 12px;
    font-family: "arial bold";
    text-transform: uppercase;
    margin-top: 1px;
}

#imgCaptcha {
    margin-top: -13px;
}
.required{
    color:#c4161c;
}
.col-rate > span {
    margin-top: 2px;
    margin-right: 10px;
}
.col-rate.cf {
    float: left;
    width: 198px;
    margin-right: 80px;
}
.col-rate:last-child {
    margin-right: 0px;
    float:right;
    width: 169px;
}
.text_b_cm{
    color:#333;
    margin-right: 3px;
}
.date{
    color:#555;
	font-weight: normal !important;
}
.sum_cm{
    font-family: "arial bold";
    font-size: 14px;
    text-transform: uppercase;
}
.total-comment {
    font-size: 14px;
    margin-bottom: 17px;
}
.view-more-cm{
    width: 437px;
    background: #f1f1f1;
    color: #1E8E04;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
    margin: 20px auto auto auto;
}

.row-rating.fl {
    margin-bottom: 5px;
}
div#list-comment .star-detail {
    display: inline-block;
    padding-right: 10px;
}
.comment_content {
    padding: 5px 0px;
}

.wrapper_comment_content.fl {
    display: inline-block;
}

.comment-item .rep{
    color: #1E8E04;
    cursor: pointer;
}
.comment-item i{
    color: #555555;
    font-size: 5px;
    padding: 0px 5px;
}

span.stick-cm-p.fl {
    width: 1px;
    background: #eee;
    margin: 6px 10px 0px 10px;
    height: 15px;
}
.border-cm {
    height: 1px;
    width: 100%;
    background: #eee;
    margin: 8px 0px 12px 0px;
}
.wrapper-admin-rep > img {
    margin-right: 10px;
}
.wrapper-admin-rep {
    padding-left: 20px;
    margin-top: 5px;
    border-radius: 5px;
    background: #F8F8F8;
    border: 1px solid #e5e5e5;
}
.wrapper-admin-rep .wrapper_comment_content > div {
    padding-top: 6px;
}
.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
	}
}