﻿.News{padding-bottom:10px;margin-top:10px;margin-left:10px;margin-right:10px;}
.News .item-news{height:100%;overflow:hidden;border-bottom:solid 1px #c8c8c8;padding-bottom:10px;padding-top:10px;}
.News .item-news img{border:solid 1px #bababa;float:left;margin-right:20px;padding:3px;}
.News .item-news img:hover{border:solid 1px #bababa;}
.News .item-news .title-news{}
.News .item-news .title-news a{color:#333;text-decoration:none;font-size:16px;font-weight:bold;font-family:Arial,Helvetica,sans-serif}
.News .item-news .title-news a:hover{color:#ffa403;}
.News .item-news .Other a{font-size:12px;font-weight:bold;line-height:19px;color:#3d3d3d;padding-bottom:10px;}
.News .item-news .Other a:hover{font-size:12px;color:#ffa403;}
.News .item-news .date{font-size:12px;color:#b8b1b1;padding-top:3px;}
.News .item-news .des-news{font-size:12px;color:#4a4a4a;line-height:18px;padding-top:3px;text-align:justify;margin-top:10px;font-family:Arial,Helvetica,sans-serif}
.News .item-news .chitiet{margin-top:5px;text-align:right;text-align:right;}
.News .item-news .chitiet a{color:#428bca;text-decoration:none;font-weight:bold;}
.News .item-news .chitiet a:hover{color:#f77e2d;text-decoration:none;}

.News-content{margin-top:15px;}
.News-content .date{color:#7a7a7a;padding-bottom:5px;}
.News-content .title{font:400 28px/32px arial;color:#203b91;padding-bottom:10px;}
.News-content .title h1 { font: 400 26px/29px "Roboto","HelveticaNeue","Helvetica Neue",sans-serif; color: #363636; padding-bottom:0px; }
.News-content .des-news{color:#898989;float:left;font:700 14px/18px arial;padding-bottom:10px;text-rendering:geometricprecision;width:100%;}
.News-content .contents{color:#898989;float:left;font:400 14px/22px arial;padding-top:10px;width:100%;}
.News-content .Other a{font-size:12px;font-weight:bold;line-height:19px;color:#3d3d3d;padding-bottom:10px;}
.News-content .Other a:hover{font-size:12px;color:#ffa403;}
.News-content .tag a{font-size:12px;font-weight:bold;line-height:19px;color:#f77e2d;padding-bottom:10px;padding-left:10px;}
.News-content .tag a:hover{font-size:12px;color:#fe7000;padding-left:10px;}
.News-content .title-more-news{font-size:15px;color:#296eb2;background-image:Url(../images/bullet_lage.png);background-repeat:no-repeat;background-position:1px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #d7d7d7;padding-top:10px;margin-top:15px;padding-left:24px;padding-top:6px;text-transform:uppercase}
.list-more-news{padding-top:0;padding-bottom:0}
.list-more-news div{line-height:24px;}
.list-more-news div a { color: #555; font-weight: bold; font-size: 13px !important; text-decoration: none; background-image: url(../Images/bullet01.png); background-repeat: no-repeat; padding-left: 10px; background-position: 0px 3px; line-height: 22px; }
.list-more-news div a:hover{background-image:url(../Images/bullet01.png);color:red;}
.Checkdata{color:Red;font-weight:bold;text-align:center;margin-bottom:20px;padding-top:20px;}

.pager{text-align:center;padding-top:20px;padding-bottom:20px; margin:auto; width:100%}
.pager a{padding:3px;margin-left:3px;text-decoration:none;color:#999;font-weight:bold;}
.pager a.current{color:red;}
.pager a:hover{color:red;text-decoration:underline;}
.pager b{color:red;}
.Phantrang { margin: auto; width: 100%; text-align: center; }
.Phantrang .pageactive { padding: 4px; line-height: 12px; height: 10px;text-decoration: none; color: #ed1c24; width: 8px; display: inline-table; }
.Phantrang a { font-size: 12px; padding: 4px; line-height: 12px; height: 10px; color: #666; text-decoration: none; display: inline-table; }
.Phantrang a:hover { text-decoration:none;color: #ed1c24 !important;  }

/*Menu*/
.Menu{height:42px;line-height:42px;margin:auto;width:100%}
.Menu ul{margin:0;padding:0}
.Menu ul li{list-style:none;float:left;display:inline;position:relative}
.Menu ul li:hover{ color:#ed1c24}
.Menu ul li a{color:#000;float:inherit;font:14px/41px "Roboto","HelveticaNeue","Helvetica Neue",sans-serif;height:49px;padding-left:15px;padding-right:15px;text-decoration:none;text-transform:uppercase}
.Menu ul li a:hover{color:#ed1c24}
.Menu ul li a span{padding-right:0}
.Menu ul li a.curent{background:#e00000;color:#FFF;float:left}
.Menu ul li a.curent span{float:left}
.Menu li ul{position:absolute;z-index:999;width:250px;float:none;top:48px;left:0;background:#004a91;display:none;overflow:visible!important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.Menu li ul ul{top:0;left:250px}
.Menu li ul a{width:250px;float:none;padding:0;border:none;background:none;text-indent:13px;border-bottom:#fff 1px solid;display:block;height:37px;line-height:37px;margin:0;color:#FFF}
.Menu li ul a:hover{color:#FFF;background:#ff5622}
.Menu li:hover ul ul,.Menu li:hover ul ul ul{display:none;z-index:100}
.Menu li:hover ul,.Menu li li:hover ul{display:block;z-index:100}
.Menu ul li a.active{background:#e00000 none repeat scroll 0 0;color:#fff;float:left}
/*.Menu li.active{background:#e00000;color:#FFF;-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}*/
.Menu ul ul li:last-child a{ border:none}
.Menu ul li.itop:before{ content:"\f107"; font-family: FontAwesome;  left: 22px; pointer-events: none;     margin-left: -9px;top: 16px;}


/*CallHotline*/
.CallHotline { bottom: -66px; left: -35px; position: fixed; z-index: 99999; }
.phone_animation{ background-color: transparent; width: 200px; height: 200px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; visibility: visible; margin: 0 auto; }
.phone_animation_circle{ width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30,30,30,0.4); border: 2px solid #bfebfc 9; opacity: 0.5; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; border-color: #00aff2; }
.phone_animation_circle_fill{ width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #00aff2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .2; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.phone_animation_circle_fill_img{ width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: #62bc33 url(../images/iconphone.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.CallHotline span { display: block; background: #30a4cc; color: #fff; padding: 5px; text-align: center; position: absolute; left: 47px; width: 110px; top: 13px; border-radius: 4px 4px; }
.CallHotline span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #30a4cc transparent transparent transparent; position: absolute; top: 27px; left: 0; right: 0; text-align: center; margin: 0 auto; }
@-moz-keyframes coccoc-alo-circle-anim { 0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 } 30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 } 100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 } }
@-webkit-keyframes coccoc-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } }
@-o-keyframes coccoc-alo-circle-anim { 0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 } 30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 } 100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 } }
@-moz-keyframes coccoc-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 } 100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-webkit-keyframes coccoc-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-o-keyframes coccoc-alo-circle-fill-anim { 0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-moz-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -moz-transform: rotate(0) scale(1) skew(1deg) } 100% { -moz-transform: rotate(0) scale(1) skew(1deg) } }
@-webkit-keyframes coccoc-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } }
@-o-keyframes coccoc-alo-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg) } 10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -o-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -o-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -o-transform: rotate(0) scale(1) skew(1deg) } 100% { -o-transform: rotate(0) scale(1) skew(1deg) } }

/*Css phần bình luận comment tin tức*/
.mdlitcmt{display:block;}
.mdlitcmt .cmctlt{color:#555555;font-size:20px;padding-bottom:5px}
.mdlitcmt .ctotal{color:#555555;font-size:20px;}
.mdlitcmt .userinfo{display:block;height:18px}
.mdlitcmt .userinfo .user{font-size:11px;color:blue;font-weight:bold;display:inline;}
.mdlitcmt .userinfo .time{font-size:11px;color:#585858;display:inline;}
.mdlitcmt .ttl{font-size:13px;font-weight:bold;color:#555555;padding-bottom:5px}
.mdlitcmt .dsc{font-size:11px;color:#585858;display:block;margin-bottom:10px}
.mdlitcmt .sep{display:block;background-color:silver}
.mdlitcmt a{font-size:11px;color:blue;display:inline-block;margin-left:3px}
.spacertd{height:5px}
.txt1{border:1px solid #7F9DB9;font:11px arial;padding:3px;}
.dlTitle{color:#555555;font-size:25px;font-weight:normal;padding-bottom:16px}
.comment_item{border-bottom:1px solid #CCCCCC;clear:both;padding:10px 0;width:100%}
.comment_left{}
.comment_right{text-align:justify;float:left;width:100%}
.comment_left .user{color:#2583AD;font-weight:bold;font-size:14px;}
.comment_left .time{font-size:11px;color:silver;display:inline;}
a.morecomment{color:#2583AD;font-size:12px}
a.morecomment:hover{color:#555555;text-decoration:none}
.adword-textbox{color:#9196A2;}
.adword-textbox, .adword-textbox2{border:1px solid #7F9DB9;font:11px arial;height:13px;padding:3px;}

/*videos*/
.videos{margin-left:0px;width:100%;margin-top:15px; }
.videos .vd-item:nth-child(4n+1){  margin-left: 0 !important;	}
.videos .vd-item {border-bottom: 7px solid #fafafa;box-shadow: 0 0 2px #ddd;float: left;margin: 10px 13px 0;min-height: 175px;padding: 5px;text-align: center;transition: all 0.4s ease-in-out 0s;width: 216px;}
.videos .vd-item .img{margin-bottom:10px;position:relative;}
.videos .vd-item span a{color:#2C4E79;font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:bold;}
.videos .vd-item:hover span a{color:#ffad00;}
.videos .vd-item .pl{left:87px;position:absolute;top:32px;}
.videos .vd-item:hover{border-bottom: 7px solid #ffad00; }
.videos .vd-item .img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } 
.videos .vd-item .img:hover img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.videokhac{ text-align:left; font-size:16px; text-transform:uppercase;margin-top: 25px;}

/*Album*/
.Album {margin-top: 10px;}
.Album li {list-style: outside none none;}
.abcolmd{float: left;min-height: 1px;padding-left: 10px;padding-right: 10px;position: relative;width: 25%;}
.Album .abitem {background: #fff none repeat scroll 0 0;border-bottom: 7px solid #fafafa;box-shadow: 0 0 2px #ddd;list-style: outside none none;margin-bottom: 10px;padding: 5px;position: relative;}
.Album li .img {position: relative;}
.Album .abitem .img img {margin: 0 auto;}
.img-responsive {margin: auto;}
.img-responsive {display: block;height: auto;max-width: 100%;}
.Album .abitem .img .imghover {cursor: pointer;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 10;}
.Album .abitem .tiemtitle {background: #fff none repeat scroll 0 0;height: 44px;margin-top: 0;overflow: hidden;padding: 5px;text-align: center;}
.Album .abitem .tiemtitle h2 {margin: 0;padding: 0;}
.Album .abitem .tiemtitle a {color:#2C4E79;font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:bold;}
.Album .abitem:hover .imghover { transition: opacity .20s ease-in 0s, box-shadow .40s ease-out 0s; -webkit-box-shadow: 0 0 130px rgba(0, 0, 0, 1) inset; -moz-box-shadow: 0 0 130px rgba(0,0,0,1) inset; box-shadow: 0 0 130px rgba(0, 0, 0, 1) inset; background: url(../images/full_image.png) no-repeat center; }
.Album .abitem .img .imghover { position: absolute; top: 0; left: 0; z-index: 10; cursor: pointer; width: 100%; height: 100%; }
.Album .abitem:hover {border-bottom: 7px solid #228dcd;}
.Album .abitem:hover  .tiemtitle a { color:red}
/*Giỏ hàng*/
.frm_cart{margin-top:10px;}
.frm_cart table tr td{border-color:#dedede;border-style:solid;border-width:1px;font-size:13px;line-height:20px;padding:5px; text-align:center}
.frm-add{margin-top:10px;color:#404040;}
.frm-add table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add table tr td table tr td{border-bottom:none;}
.frm-add input{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add .tenthanhvien{width:20%;font-weight:bold;float:left}
.frm-add .gachke{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add{margin-top:10px;color:#404040;line-height:30px;}
.frm-add table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7;}
.frm-add table tr td table tr td{border-bottom:none;}
.frm-add input{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:26px!important;padding:0 0.6em;}
.frm-add textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 0.6em;}
.frm-add select.select-box{color:#000;height:26px!important;line-height:15px;margin-bottom:3px;text-align:left;width:315px!important;z-index:10}
.frm-add .txt_file{float:left}
.tbinput{ width:100%; float:left;}
.TitleItem{padding-left:6px;}
.TitleItem1{padding-left:6px;color:#F00;font-weight:bold;}
.borderLeftMenu{border:1px solid #646363;}
.TitleListPro{float:left;width:380px;}
.bgContent{padding:0px; width:100%}
.borderBlock_ListPro{width:100%;}
.incell{padding-top:5px;padding-left:10px;}
.Dathang_02{padding-left:10px;padding-top:10px;padding-bottom:10px;}
.Dathang_02 .input{margin-right:25px;}
.cmdxoa{background:url("../images/x.jpg") no-repeat scroll 0 7px rgba(0, 0, 0, 0);display:block;float:right;height:25px;margin-right:17px;width:12px;}
.procart td{background-color:#ff5622;border-color:#dedede;border-style:solid;border-width:1px;color:#ffffff;font-size:14px;font-weight:normal;height:40px;padding:5px;text-align:left;}
.dcart{border:1px solid #E9E9E9;padding-bottom:10px;}
.frm_cart{ width:100%}

/*Liên hệ*/
.frm-contact .labelll{width:100%;margin:5px 0;float:left}
.frm-contact .content{width:270px;height:111px;float:left}
.frm-contact .txt_file { float: left; width: 100%; }
.frm-contact{margin:10px;color:#404040}
.frm-contact table tr td{padding-top:10px;padding-bottom:5px;border-bottom:dashed 1px #d7d7d7}
.frm-contact table tr td table tr td{border-bottom:none}
.frm-contact input{float:left;margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 .6em;width:85%}
.frm-contact textarea{margin:0 auto;border:1px solid #C4C4C4;border-radius:3px;color:#5C5C5C;font-size:1em;height:23px;padding:0 .6em;width:100%}
.Anhmap img{border:medium none;height:auto;line-height:normal;margin:0;max-width:100%;padding:0;vertical-align:middle;width:auto}
.tbinput{ width:100%}
.khoangcbut{padding-left: 12px; padding-left:12px; clear:both}

#loadingAjax{font-size:16px;width:110px;height:5em;position:fixed;z-index:3000;left:0;right:0;top:50%;bottom:0;margin:0 auto;margin-top:-100px}
#loadingAjax .inner{background:none repeat scroll 0 0 rgba(0,0,0,0.8);font-size:12px;text-align:center;padding:14px 0;border-radius:6px!important;color:#fff}
#loadingAjax .inner p{margin:8px 0 0}
.loading{ display:block !important}

/*
.stickytooltip{display:none;position:absolute;display:none;z-index:3000;}
.stickytooltip .stickystatus{background:white;color:white;text-align:center;font:bold 11px Arial;}
.Tooltip{width:270px;height:auto;border:1px solid #ee3124;background:white;}

.protip-title{background:none repeat scroll 0 0 #EE3124;color:#FFFFFF;padding:7px 5px;text-align:center;font-size:13px;}
.protip-content{padding:10px;}
.protip-img{padding:2px;width:350px;height:auto;border:1px solid #ee3124;background:white;text-align:center;}
.protip-title span{color:#FFF000;font-weight:bold;}
.protip-summary{margin:5px 0;padding:0 10px;}
*/

/*Chi tiết sản phẩm*/
.prodetail{float:left;line-height:22px;}
.prodetail .ptitle{color:#333;font-family:"Roboto Condensed Bold",sans-serif;font-size:20px;}
.prodetail .ptitle h1 { color: #333; font-family: "Roboto Condensed Bold",sans-serif; font-size: 20px; margin: 0; padding: 0; }
.dptime{color:#666;font-style:italic;line-height:25px;margin-top: 6px;}
.prodetail .pdid {color: #4a4a4a;font-family: Arial,Helvetica,sans-serif;font-size: 14px;line-height: 22px;text-align: justify;}
.attr{line-height:25px;border-bottom:1px dotted #d0d0d0;}
.attr_name{font-weight:bold;width:85px;float:left;}
.list_att{float:left;width:69%;}
.prstatus{line-height:25px;border-bottom:1px dotted #d0d0d0;}
.tname{width:92px;display:inline-block;font-weight:bold;}
.prodetail .price{padding:0px;}
.prodetail .price .newprice{color:#c32d2c;font-family:Arial,Helvetica,sans-serif;font-size:18px;}
.prodetail .pdesc{padding:5px 0px;}
.prodetail .pdesc{display:block;padding:0px 3px 5px 5px;color:#242424;font-size:13px;text-align:justify;overflow:hidden;}
.frmbuy { height: 45px; width: 65%; float: left; }
.txtnum{height:25px;width:35px;border:1px solid #e0e0e0;margin-left:10px;padding:0px 5px;}
.prodetail .pcartlnk{float:right;margin:0px auto;}
#total{float:left}
.prodetail{float:left;line-height:24px;padding-left:16px;}
.lefctiet{width:50%;float:left}
.rightct{width:50%;float:left}
.newprice span{float:left}
.btn-style-buynow{margin-right: 10px;border:1px solid #F44F00;border-radius:3px;width:200px;background:url(../images/icon_addtocart1458.png?v=494) no-repeat 10px center transparent;color:#F44F00;font-size:14px;text-transform:uppercase;margin-bottom:10px;height:48px;float:left;padding-left:44px;padding-top:12px}
.btn-style-add{background:#F44F00;border-radius:3px;color:#FFF;display:inline-block;height:48px;font-size:13px;text-transform:uppercase;text-align:center;width:200px;margin-bottom:10px;border:1px solid #F44F00;padding-top:8px}
.tonnng{width:100%}
.prod_text { float: left; height: 45px; width: 23%; /* display: flex; */ font-weight: 600; }
input#proQuantity { width: 53px; height: 29px; margin-top: 2px; margin-left: 6px; }
.clear{clear:both;}

.Chitietsp{ text-align:left; font-size:15px; font-weight:bold}

/*Đăng ký thành viên phần xin chào*/
.thanhvien ul { text-align: left; display: inline; margin: 0; list-style: none; } 
.thanhvien ul li { font: bold 12px/18px sans-serif; display: inline-block; margin-right: -4px; position: relative; padding: 3px 20px; background: #fff; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } 
.thanhvien ul li ul {box-shadow: none;display: none;left: -54px;opacity: 0;padding: 0;position: absolute;top: 19px;transition: opacity 0.2s ease 0s;visibility: hidden;width: 199px; z-index:9999} 
.thanhvien ul li ul li { background: #555; display: block; color: #fff; } 
.thanhvien ul li ul li a{ color: #fff;} 
.thanhvien ul li ul li:hover { background: #666; } 
.thanhvien ul li:hover ul { display: block; opacity: 1; visibility: visible; }

/*Nav_conten*/
.breadcrumb{background-color:transparent;border-radius:0;margin:15px 0;padding:0;font-size:12px}
.breadcrumb>.active{color:#e53a40}
.breadcrumb>li a{color:#7c7c7c}
.breadcrumb>li+li:before{content:"\f101";font:normal normal normal 14px/1 FontAwesome;color:#7c7c7c}
.breadcrumb {  list-style: none; border-radius: 4px; }
.breadcrumb > li { display: inline-block; } 
.breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } 
.breadcrumb > .active { color: #777; }

.scroll-top-inner { z-index: 9999; font-size: 25px; line-height: 40px; position: fixed; bottom: 65px; right: 10px;  width: 50px; text-align: center; height: 50px; padding-top: 8px; }
.btnadd{ border:none; text-transform: uppercase;background:none repeat scroll 0 0 #ff5622 !important;color:#FFF;margin-bottom:5px;margin-top:5px;padding-left:10px;padding-right:10px;height:42px !important;font-size:13px!important;font-weight:bold;margin-right:10px;width:auto !important;font-family:arial;}
.dangky{float:left;width:100%;padding-bottom:10px;margin-top:5px;}
.dangky .trai{float:left;width:20%;background:red;height:2px;}
.dangky .phai{float:right;width:80%;background:#d7d7d7;height:2px;}

.title-head.pull-left a{margin: 0; font-size: 18px; background: #e8b35f; color: #fff; height: 43px; line-height: 43px; text-transform: none; width: 238px; font-weight: 600; }
a.head-tabs.head-tab1.active{ color: #000;}
.title-head.pull-left a span{ margin-left:5px}

.image-blog-left picture img{ height:auto !important}
.aside-item { text-align: left; }
.collection .text-sm-left {text-align: left; }

.size:hover{color: #ff5622; border: 2px solid #ff5622;}
.Kichhuoc a { float: left; min-width: 35px !important; height: 35px !important; border: #d7d7d7 1px solid; background-color: #fff; font-size: 14px; font-family: 'Roboto',sans-serif; text-align: center; line-height: 35px; white-space: nowrap; text-transform: uppercase; padding: 0; margin: 0px 5px 5px 0; }
.Kichhuoc .active{color: #ff5622; border: 2px solid #ff5622;}

.Mausac div:hover{color: #ff5622; border: 2px solid #ff5622;}
.Mausac a div{ float: left; min-width: 35px !important; height: 35px !important; border: #d7d7d7 1px solid; background-color: #fff; font-size: 14px; font-family: 'Roboto',sans-serif; text-align: center; line-height: 35px; white-space: nowrap; text-transform: uppercase; padding: 0; margin: 0px 5px 5px 0; }
.Mausac .active div{color: #ff5622; border: 2px solid #ff5622;}

.Mausacs a div{ float: left; min-width: 35px !important; height: 30px !important; border: 1px solid #ff5622; background-color: #fff; font-size: 14px; font-family: 'Roboto',sans-serif; text-align: center; line-height: 30px; white-space: nowrap; text-transform: uppercase; padding: 0; margin: 0px 5px 5px 0; }
.Kichhuocs a { float: left; min-width: 35px !important; height: 30px !important; border: 1px solid #ff5622; background-color: #fff; font-size: 14px; font-family: 'Roboto',sans-serif; text-align: center; line-height: 30px; white-space: nowrap; text-transform: uppercase; padding: 0; margin: 0px 5px 5px 0; }
.Mausacs .anhmau{ float:left}

a.sort_list{background:url("../images/inputa.png") no-repeat left 5px;display:block;padding:0 0 0 25px;color:#555;font-size:15px;line-height:25px;}
a.sort_list:hover,
a.sort_list.active{background:url("../images/inputb.png") no-repeat left 5px;}

.sselect:hover { border: none; } 
.sselect { float: left; height: 40px; width: 170px; padding: 0 15px; border: 0; outline: 0; position: relative; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/arrow-down.png) no-repeat right center 0px; border: 1px solid #d7d7d7;}
.sselect:hover{ border: 1px solid #d7d7d7;}
span.fa.fa-search { padding-top: 13px; }
.anhmau{margin-right: 0px; width: 30px; height: 30px; border-radius: 5px; position: relative;}
ul.checbox_price li{ padding-bottom:5px;}
.dropdown-menu.level2{ left: 293px!important; } 
.menutrai { max-width:20px; }
.product-box .product-thumbnail .image_link.display_flex img {object-fit: cover; }


h2.pd-name { color:#ff5622; font-size: 24px; line-height: 30px; margin: 0px; margin-bottom: 8px; font-weight: 600; }
span.price.pd-price{ color: #555; font-size: 20px; font-weight: bold; font-size: 24px; line-height: 28px; }
.pdid {width: 95%;font-size: 14px; line-height: 22px; color: #707070; font-family: "Roboto","HelveticaNeue","Helvetica Neue",sans-serif; margin-bottom: 10px; margin-top:10px }

.Dathangoder { background: #ff5622; position: relative; padding-left: 35px; padding-right: 10px; width: 56%; text-align: center; min-width: 210px; height: 40px; line-height: 40px; border-radius: 3px; font-weight: 400; font-size: 14px; color: #fff; float: left; }
.Dathangoder:before { content: ""; height: 22px; position: absolute; background-repeat: no-repeat; top: 8px; left: 30px; width: 25px; background-image: url(../assets/icon-product-addcartc4d6.png?1555734511691); }
.Dathangoder:hover {color:#000}
p.prod_text input { border: 1px solid #d7d7d7; text-align: center; height: 40px; }

ul.dropdown-menu .dropdown-menu{ margin-left:5px;}

.guarantee-img {
    text-align: left;
    float: left;
}
.Doitacs img {height: 137px !important;object-fit: cover;width: auto !important;}
.Doitacs .heading {display: block;padding: 0 0 0px!important;}

.nendoitacsss .owl-carousel .owl-nav .owl-prev {  margin-top: 5px!important; }
.nendoitacsss .owl-carousel .owl-nav .owl-next {  margin-top: 5px!important; }
.section_like_product .banner-item a img { transition: 1s ease 0; height: 318px !important; width: 100% !important; object-fit: cover; }
img.menutrai { width: auto; height: 30px; }
h2.title-head.pull-left img { height: 30px; }