/*layout (basic)*/
body{overflow-x:hidden;}

/*smenu (basic)*/
.smenu-breadcrumb{margin-top:-15px;}
.smenu>li>a:hover,.smenu>li>a:active,.smenu>li>a:focus,.smenu .open>a, .smenu .open>a:hover, .smenu .open>a:focus{background-color:transparent;}
.Page_smenu .caret{margin-left:5px;}
.fa-arrow-icon{margin-top:14px;}
@media (min-width: 768px) {
.smenu-breadcrumb .Page_smenu{margin-right:-30px;}
}
@media (max-width: 767px) {
.Page_smenu .fa-arrow-icon,.Page_smenu .smenu-disabled{display:none;}
.smenu-breadcrumb{max-width:767px;width:100%;margin-top:-20px;position:absolute;left:0px;z-index:99;padding-right:15px;background-color:#fff;}
.Page_smenu .smenu-show>a{border-bottom:1px solid #d9d9d9 !important;}
.Page_smenu .open>a{border-bottom:1px solid #d9d9d9 !important;}
.smenu-breadcrumb .navbar{margin-bottom:0px;}
.Page_smenu>li>a,.Page_smenu .open .dropdown-menu>li>a{padding-left:30px;}
.Page_smenu{margin-left:0px;}
.smenu-show .caret{float:right;margin:10px 20px 0 0;}
.smenu-breadcrumb .open .dropdown-menu{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
.smenu-show-list{padding-top:10px;padding-bottom:10px;}
}

/*banner (basic)*/
.page-bn{position:relative;top:-20px;}
.page-bn-img{
width: 100%;
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size:cover;
-o-background-size: cover;
background-size: cover;
}
@media (min-width: 1200px) {.page-bn-img{height:400px;}}
@media (min-width: 768px) and (max-width: 1199px) {.page-bn-img{height:320px;}}
@media (min-width: 630px) and (max-width: 767px) {.page-bn-img{height:280px;margin-top:20px;}}
@media (min-width: 481px) and (max-width: 629px) {.page-bn-img{height:220px;margin-top:20px;}}
@media (min-width: 450px) and (max-width: 480px) {.page-bn-img{height:200px;margin-top:20px;}}
@media (max-width: 449px) {.page-bn-img{height:160px;margin-top:20px;}}
@media (max-width: 767px) {.TatungPage{padding-top:105px;}}

/*banner img*/
.page-bn-01 {
    background-image: url('../images/product/product_list/bn01.jpg');
}

/*page title (basic)*/
.PageTitle{margin-top:-15px;margin-bottom:40px;}
@media (max-width: 767px) {.PageTitle{margin-top:30px;margin-bottom:20px;}}

/*page depict (basic)*/
.PageDepict-container{background-color:#eaeaea;width:100% !important;margin-bottom:35px;}
.PageDepict_Text_title{font-weight:bold;margin-top:20px;}
@media (min-width: 1200px) {
.PageDepict .embed-responsive.embed-responsive-16by9{padding-bottom:23.4% !important;}
.PageDepict_Box{float:right;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.PageDepict .embed-responsive.embed-responsive-16by9{padding-bottom:23.5% !important;}
.PageDepict_Box{float:right;}
.PageDepict-container{padding-top:20px;padding-bottom:20px;}
.PageDepict_Text{margin-top:-23px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.PageDepict-container{padding-top:20px;padding-bottom:20px;}
}
@media (max-width: 767px){
.PageDepict-container{padding-top:20px;padding-bottom:20px;}
.PageDepict{padding-left:0px;padding-right:0px;}
}

/*product slide*/
.pdlist-slide-container{margin-bottom:30px;}
.pdlist-item-text>a,.pdlist-item-text>a:hover,.pdlist-item-text>a:active,.pdlist-item-text>a:focus{color:#333;text-decoration:none;}
.pdlist-slide{padding-left:0px;padding-right:0px;position:relative;}
.pdlist-slide .prev,.pdlist-slide .prev:hover,.pdlist-slide .prev:active,.pdlist-slide .prev:focus{position:absolute;top:37%;left:10px;background-color:#929292;width:55px;height:55px;color:#fff;border-radius:0;text-shadow:1px 1px 4px #6D6D6D;}
.pdlist-slide .next,.pdlist-slide .next:hover,.pdlist-slide .next:active,.pdlist-slide .next:focus{position:absolute;top:37%;right:10px;background-color:#929292;width:55px;height:55px;color:#fff;border-radius:0;text-shadow:1px 1px 4px #6D6D6D;}
.pdlist-slide .owl-pagination{margin-top:-20px;}
.pdlist-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:6%;}
.pdlist-slide .owl-carousel .item img{cursor:pointer;}
.pdlist-slide .owl-carousel .item .pdlist-text-box{background-color:#DDDDDD;position:absolute;bottom:6%;left:0px;width:100%;}
.pdlist-slide .owl-carousel .item .pdlist-item-text{position:relative;bottom:7%;left:7%;line-height:25px;padding-top:15px;padding-bottom:5px;width:85%;}
.pdlist-slide .owl-carousel .item .fa-pdlist-arrow{margin-left:7px;font-size:16px;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:94%;position:absolute;left:0px;top:0px;}
.pdlist-slide-container .arrow {
    position: absolute;
    right: 30px;
    background-image: url('../images/product/product_list/ad_arrow.png');
    background-repeat:no-repeat;
    width:32px;
    height:24px;
}
@media (min-width: 1200px) {
.ItemLayer .ItemText{color:#fff;font-size:28px;position:relative;left:35%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.ItemLayer .ItemText{color:#fff;font-size:26px;position:relative;left:35%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 918px) and (max-width: 991px) {
.ItemLayer .ItemText{color:#fff;font-size:21px;position:relative;left:35%;top:47%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 768px) and (max-width: 917px) {
.ItemLayer .ItemText{color:#fff;font-size:28px;position:relative;left:34%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (max-width: 767px){
.ItemLayer .ItemText{color:#fff;font-size:26px;position:relative;left:35%;top:43%;text-shadow:1px 1px 4px #A56969;letter-spacing:0.02em;}
}
@media (min-width: 452px) and (max-width: 534px) {
.pdlist-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:5%;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:95%;position:absolute;left:0px;top:0px;}
}
@media (min-width: 535px) and (max-width: 617px) {
.pdlist-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:4%;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:96%;position:absolute;left:0px;top:0px;}
.pdlist-slide .owl-carousel .item .pdlist-text-box{background-color:#DDDDDD;position:absolute;bottom:4%;left:0px;width:100%;}
}
@media (max-width: 534px) {
.pdlist-slide .owl-carousel .item{margin:10px 10px 25px 10px;position:relative;padding-bottom:3%;}
.ItemLayer {background-color:#E2B7B7;opacity: .7;filter: alpha(opacity=70);width:100%;height:97%;position:absolute;left:0px;top:0px;}
.pdlist-slide .owl-carousel .item .pdlist-text-box{background-color:#DDDDDD;position:absolute;bottom:3%;left:0px;width:100%;}
}
@media (max-width: 480px) {
.pdlist-slide .prev,.pdlist-slide .prev:hover,.pdlist-slide .prev:active,.pdlist-slide .prev:focus{position:absolute;top:37%;left:10px;background-color:#929292;width:42px;height:42px;color:#fff;border-radius:0;font-size:10px;text-shadow:1px 1px 3px #6D6D6D;}
.pdlist-slide .next,.pdlist-slide .next:hover,.pdlist-slide .next:active,.pdlist-slide .next:focus{position:absolute;top:37%;right:10px;background-color:#929292;width:42px;height:42px;color:#fff;border-radius:0;font-size:10px;text-shadow:1px 1px 3px #6D6D6D;}
}

/*product list*/
.pdlist-list-container{margin-bottom:30px;}
.pdlist-list-container .pdtail-best{position:absolute;top:0px;left:0px;}
.pdlist-list-container .pdlist-list-pdt{margin-top:15px;}
.pdlist-list-depict>p>a{color:#c7254e;}
.pdlist-list-depict>p>a:hover,.pdlist-list-depict>p>a:active,.pdlist-list-depict>p>a:focus{color:#c7254e;}
option[disabled]{display:none;}
.pdlist-list-container .pdlist-list-box{border:1px solid #cbcbcb;margin:-1px -1px 0 0;}
.pdlist-row-box{padding-left:15px;padding-right:15px;margin-bottom:20px;}
.pdlist-color-box{margin-top:-30px;padding-left:12px;}
.pdlist-color-box li{float:left;}
.pdlist-color-img{
    position:relative;
    background:#fff;
    border:1px solid #e3e3e3;
    padding:3px;
    width:30px;
    height:30px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    margin-left:3px;
    margin-right:9px;
    margin-top:13px;
}
.pdlist-color{
    position:absolute;
    top:2px;
    right:2px;
    z-index:2;
    width:24px;
    height:24px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.pdlist-color-01{background:#a0a4ad;}
.pdlist-color-02{background:#d40f2f;}
.pdlist-color-03{background:#c3af9e;}
.pdlist-list-container .pdtail-pdt-img{margin:auto;margin-top:15px;}
.pdlist-list-box{height:570px;position:relative;}
.pdlist-check-box{position:absolute;bottom:0px;}
.pdlist-check-box .pdlist-check-add{white-space:nowrap !important;}
.pdlist-list-container .pdtail-best-icon{width:100%;height:auto;}
@media (min-width: 768px) {
.pdlist-list-container .pdlist-list-form{margin-top:20px;}
}
@media (max-width: 767px) {
.pdlist-list-container .pdlist-list-form{margin-top:6px;margin-bottom:8px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.pdlist-list-box{height:555px;position:relative;}
}
@media (min-width: 645px) and (max-width: 767px) {
.pdlist-list-box{height:540px;position:relative;}
}
@media (min-width: 351px) and (max-width: 644px) {
.pdlist-list-box{height:570px;position:relative;}
}
@media (max-width: 350px) {
.pdlist-list-box{height:540px;position:relative;}
.pdlist-color-img{
    position:relative;
    background:#fff;
    border:1px solid #e3e3e3;
    padding:3px;
    width:25px;
    height:25px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    margin-left:3px;
    margin-right:7px;
    margin-top:13px;
}
.pdlist-color{
    position:absolute;
    top:2px;
    right:2px;
    z-index:2;
    width:19px;
    height:19px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
}

/*Pager*/
.PagerBox{width:100%;text-align:center;}
.pagination>li>a, .pagination>li>span{color:#333333;border:0px;font-size:18px;letter-spacing:1px;}
.pagination>li>a:hover, .pagination>li>span:hover{color:#333333;}
.pagination .arrowPage>a:active, .pagination .arrowPage>span:active,.pagination .arrowPage>a:focus, .pagination .arrowPage>span:focus{color:#333333;background-color:transparent;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:active,.pagination>.active>a:focus,.pagination>.active>span:focus{color:#c51e26;background-color:transparent;border:0px;font-size:18px;}

/*product memo*/
.pdlist-memo-container{margin-top:30px;margin-bottom:150px;}
.Page_small>a{color:#c7254e;}
.Page_small>a:hover,.Page_small>a:active,.Page_small>a:focus{color:#c7254e;}
@media (min-width: 768px) and (max-width: 1199px) {
.pdlist-memo-container{margin-top:30px;margin-bottom:100px;}
}
@media (max-width: 767px) {
.pdlist-memo-container{margin-top:30px;margin-bottom:50px;}
}

/*product compare bar*/
.pdlist-cmpbar-text01,.pdlist-cmpbar-text02,.pdlist-cmpbar-text03{height:165px;}
.pdlist-cmpbar-text02,.pdlist-cmpbar-text03{border-left:1px solid #e0e0e0;}
.pdlist-cmpbar-text01 .pdlist-cmpbar-box,.pdlist-cmpbar-text02 .pdlist-cmpbar-box,.pdlist-cmpbar-text03 .pdlist-cmpbar-box{padding-right:15px;padding-left:15px;}
.pdlist-cmpbar-bar{background-color:#fff8f8;width:100% !important;border-top:1px solid #FFEDED;border-bottom:1px solid #FFEDED;}
.pdlist-cmpbar-bar .fa-bar-icon{margin-left:8px;font-size:20px;vertical-align:bottom;}
.pdlist-cmpbar-text01:hover,.pdlist-cmpbar-text02:hover,.pdlist-cmpbar-text03:hover{z-index:1;}
.pdlist-cmpbar-text01:hover:after,.pdlist-cmpbar-text02:hover:after,.pdlist-cmpbar-text03:hover:after{
content:'';
display:block;
position:absolute;
left:-1px;
top:0;
right:0;
bottom:0;
border:1px solid #e0e0e0;
border-radius:2px;
box-shadow:0 0 3px rgba(0,0,0,0.10);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.10);
}
.cmpbar-empty:hover:after{display:none !important;}
.pdlist-cmpbar-box:first-child{border-left:0px;}
.pdlist-cmpbar-content .pdlist-info-type{text-align:center;}
.pdlist-cmpbar-content .Close-box{color:#DE5B61;font-size:18px;background-color:transparent;padding:0px 5px 1px 5px;border:0px;position:absolute;right:6px;top:6px;z-index:2;}
.pdlist-cmpbar-content .Close-box:hover,.pdlist-cmpbar-box .Close-box:active,.pdlist-cmpbar-box .Close-box:focus{color:#fff;background-color:#DE5B61;font-size:18px;cursor:pointer;}
.pdlist-cmpbar-rint .print-btn{border-color:#D6B06D;background-color:#e1c087;color:#fff;border-radius:0px;width:100px;}
.pdlist-cmpbar-rint .print-btn:hover,.pdlist-cmpbar-rint .print-btn:active{border-color:#D6B06D;background-color:#D6B06D;color:#fff;}
.pdlist-cmpbar-row{padding-left:15px;padding-right:15px;margin-top:10px;padding-bottom:10px;}
.pdlist-cmpbar-rint{margin-bottom:20px;padding-left:0px !important;}
.pdlist-cmpbar-box{margin-bottom:-99999px;padding-bottom:99999px;}
.pdlist-cmpbar-img{margin:auto;display:block;}
.egal{overflow: hidden;}
.pdlist-bar-btn{color:#666666;cursor:pointer;}
.pdlist-bar-btn:hover,.pdlist-bar-btn:active,.pdlist-bar-btn:focus{text-decoration:none;color:#c51e26 !important;}
.pdlist-bar-btn{margin-bottom:8px;margin-top:8px;padding-right:15px;}
.cmpbar-empty{position:relative;}
.cmpbar-empty .cmpbar-add{position:relative;top:30%;margin:auto;padding:inherit;width:100px;height:86px;font-size:13px;line-height:19px;color:#333;}
.cmpbar-empty .cmpbar-add-text{width:70px;height:70px;padding-top:13px;vertical-align:middle;text-align:center;border:1px solid #b8bac6;}
@media (max-width:767px) {
.pdlist-cmpbar-text01,.pdlist-cmpbar-text02,.pdlist-cmpbar-text03{height:130px;}
.cmpbar-empty .cmpbar-add{position:relative;top:30%;margin:auto;padding:inherit;width:90px;height:70px;font-size:13px;line-height:19px;color:#333;}
.cmpbar-empty .cmpbar-add-text{width:60px;height:60px;padding-top:8px;vertical-align:middle;text-align:center;border:1px solid #b8bac6;}
.pdlist-cmpbar-bar .fa-bar-icon{margin-left:8px;font-size:20px;vertical-align:middle;}
.pdlist-cmpbar-content .Close-box{color:#DE5B61;font-size:14px;background-color:transparent;padding:0px 4px 2px 4px;border:0px;position:absolute;right:6px;top:5px;z-index:2;}
.pdlist-cmpbar-content .Close-box:hover,.pdlist-cmpbar-box .Close-box:active,.pdlist-cmpbar-box .Close-box:focus{color:#fff;background-color:#DE5B61;font-size:14px;cursor:pointer;}
.pdlist-cmpbar-text01 .pdlist-cmpbar-box,.pdlist-cmpbar-text02 .pdlist-cmpbar-box,.pdlist-cmpbar-text03 .pdlist-cmpbar-box{margin-left:-22px;}
}
.FixedCenterBar{
position:fixed;
bottom:0;
z-index:999;
width:100%;
margin:0 auto;
background-color:#fff;
-webkit-box-shadow: 0 0 15px rgba(55,0,0,.250);
-moz-box-shadow: 0 0 15px rgba(55,0,0,.250);
box-shadow: 0 0 15px rgba(55,0,0,.250);
}
.FixedRelative {
position:relative;
max-width:1200px;
margin:0 auto;
}
@media (max-width:767px) {
.pdlist-cmpbar-rint .print-btn{width:80px;font-size:13px;}
.pdlist-cmpbar-rint{margin-bottom:10px;padding-left:0px !important;}
.pdlist-bar-btn{margin-bottom:5px;margin-top:5px;padding-right:15px;}
}
@media (max-width:480px) {
.pdlist-cmpbar-text01,.pdlist-cmpbar-text02,.pdlist-cmpbar-text03{height:80px;}
.cmpbar-empty .cmpbar-add{position:relative;top:15%;margin:auto;padding:inherit;width:85px;height:65px;font-size:12px;line-height:16px;color:#333;}
.cmpbar-empty .cmpbar-add-text{width:55px;height:55px;padding-top:8px;vertical-align:middle;text-align:center;border:1px solid #b8bac6;}
.pdlist-cmpbar-rint{margin-bottom:10px;padding-left:0px !important;}
}