.page{ }

.pagination > li > a, .pagination > li > span {
  color: #375a9c;
}
.video_item{ float:left; width:25%;}
.video_item .in{ height:320px; margin-right:10px;}

.video_item .in .title { height:48px; overflow:hidden;}
.video_item .in .title a{ color:#71bf45; font-size:15px;}
.message_panel{ width:500px; margin:15px auto; padding:20px; border:1px solid #ccc; border-radius: 15px;}

.breadcrumb{margin:0; margin-bottom:10px;}

.ui-widget-header{ background:red; color:#fff;}

.validate-error{ border:1px solid red !important;}

.form-group .control-label{text-align:right; padding-right:2px;}
.form-group.required .control-label:after{ content:' *'; color:red;}

.banner_ft{ text-align:center;}

.lang img{ width:30px;}

.bicon{}
.bicon:after{ clear:both; content:''; display:block;}
.bicon li{ float: left; margin-left: 10px;}

.post-detail img{ max-width: 80%!important;}

.btn-read-more
{
    padding: 5px;
    text-align: center;
    border-radius: 0px;
    display: inline-block;
    border: 2px solid #662D91;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color:#662D91;
}

.btn-read-more:hover
{
    color: #FFF;
    background: #662D91;
}
.post { border-bottom:1px solid #DDD; padding-top:6px;}
.post h4{ margin:0; padding:0;}
.post h4 a{ color:#375a9c;}
.post-title {  color:#662D91; font-size:14px; }
.post .glyphicon { margin-right:5px; }
.post-header-line { border-top:1px solid #DDD;border-bottom:1px solid #DDD;padding:5px 0px 5px 15px;font-size: 12px; }
.post-content { padding-bottom: 15px;padding-top: 15px;}

.pnmenu_mb {
    background: #000;
    position: relative;
    height: 76px;
    margin-left: 0;
    margin-right:0px;
}

.content_text img{ max-width: 100%!important;}
.content_text ol{ list-style: decimal; margin-left: 15px;}

#frmsearch {width:100%;  border-radius: 10px;}
#frmsearch .btn-group{ float: left;}
#frmsearch .textsearch{ margin-left: 65px; background: #fff; border-radius: 8px;}
#keyword{ width: 100%;}
#btn-search{ background: none; color: #000; border: none; padding: 0 12px;}
#btn-search i{ color: #000; font-size: 15px;}

.price_promotion {
    width: 0;
    height: 0;
    border-top: 60px solid #d1e905;
    border-right: 60px solid transparent;
    position: absolute;
    top: 0;
    left:15px;
    z-index: 999;
    display: none;
}
.price_promotion span{position: absolute; top: -48px;left:-22px; font-size: 11px; width: 80px;}

.maskpro{ display: none; position: absolute; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.5);bottom: 0; left: 0;  z-index: 1001; color: #fff; font-size: 11px;}
.maskpro a {color: #fff;}

#topfixed{ z-index: 9999; }

.bottom_post li a{ font-size: 15px;}

.ultility_home{ padding: 10px 0;}

.ultility_home .item_ul{ padding: 0px; color: #000; text-align: center}
.ultility_home .item_ul .title{ font-size: 18px;}
.ultility_home .item_ul .img{ height: 80px;}
.ultility_home .item_ul .img img{ max-width: 100%; max-height: 80px;}
.ultility_home .item_ul .desc{ font-size: 14px;}
.ultility_home .item_ul .detail{ text-align: justify;}

.uh_title{ border-bottom: 2px solid #000; margin-bottom: 50px;}
.uh_title span{ background: #fff; text-transform: uppercase;}

.reviews_home{}
.reviews_home .item_ul{ padding: 0px; color: #000; text-align: center; height: 380px; overflow: hidden;}
.reviews_home .item_ul .title{ font-size: 18px;}
.reviews_home .item_ul .img{ height: 120px; margin-bottom: 12px;}
.reviews_home .item_ul .img img{ max-width: 100%; max-height: 120px;}
.reviews_home .item_ul .desc{ font-size: 14px;}
.reviews_home .item_ul .detail{ text-align: justify;}
.reviews_home .star{color: #FBD838;
}

.bcate ul{ margin: 0; padding: 0;}
.bcate ul:after{ clear:both; content:''; display:block;}
.bcate ul li{ float: left; width: 50%;}

#btnsend{ background:none; border: none;}

.title-home{
    position: relative;
    text-align: center;
    margin-bottom:20px;
    width: 100%;
    overflow: hidden;
    height: 68px;
}
.title-home::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 18px;
    width: 70px;
    background: url(../images/star-title.png)no-repeat;
    transform: translate(-50%, 100%);
}
.title-home a {
    font-size: 26px;
    text-transform: uppercase;
    color: #ff7900;
    font-weight: 700;
    position: relative;
}
.title-home a::after {
    content: "";
    background: #ff7900;
    position: absolute;
    width: 400px;
    height: 10px;
    top: 50%;
    background: url(../images/left_title.png) no-repeat;
    right: 110%;
}

.title-home a::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 10px;
    left: 110%;
    top: 50%;
    background: url(../images/right_title.png)no-repeat;
}


#pn_img_detail {
    min-height: 400px;
    margin-bottom: 20px;
}

#pn_img_detail #main_img_detail {
    margin-left: 0;
    height: 450px;
    overflow: hidden;
}

#pn_img_detail #main_img_detail .img_detail {
    max-width: 100%;
    max-height: 450px;
}

#subs_img_detail { margin-top: 10px;}

#subs_img_detail a {
    border: 1px solid #eee;
    display: inline-block;
    height: 100px; /* Can be anything */
    width: 80px; /* Can be anything */
    position: relative;
    margin: 0 3px;
}

#subs_img_detail .active img {
    border: 1px solid #333 !important;
}

#subs_img_detail > a .img_detail_subs {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.bodybanner .img-one{ width: 100%;}

.pnbodybanner{
    height: 480px;
    position: relative;
}
.pnbodybanner h2{ margin-top: 190px; position: absolute; bottom: 5px; left: 10px;}
.pnbodybanner h2 a{ display:inline-block; color: #fff; font-size: 30px; text-transform: uppercase; font-weight: bold;background: #FF1111; border-radius: 12px; padding: 6px 22px;}
.pnbodybanner p a{ display: inline-block; background: #000; border-radius: 12px; padding: 6px 22px; font-size: 12px; color: #fff; text-transform: uppercase;}

.banner2{
position: relative;
    height: 380px; }

.banner2 h2{ margin-top: 130px; color: #fff; font-size: 38px; text-transform: uppercase; font-weight: bold;}
.banner2 p a{ display: inline-block; background: #FF1111; border-radius: 12px; padding: 6px 22px; font-size: 12px; color: #fff;text-transform: uppercase;}
.banner2 p{ position: absolute; bottom: 5px; left: 10px;}

.btnlogin_reg{ color: #000; border: 1px solid #000; border-radius: 10px; padding: 3px 15px; font-size: 13px;}

.free_ship_top{ text-transform: uppercase; float: right; margin-top: 8px;}
.free_ship_top a{ padding: 5px 12px; font-size: 12px; border: 1px solid #FF223E; border-radius: 10px;}

.slogan { text-transform: uppercase; text-align: center; font-size: 14px; padding: 20px 0;}
.slogan .slg1{ font-weight: bold; margin: 0; margin-bottom: 8px;}
.slogan .slg2{ font-weight: bold; margin: 0px; color: #FF223E;}

.cate_home_pre{ position: relative; float: left; width: 50%;}
.cate_home_pre .img{ width: 100%; height: 280px;}
.cate_home_pre .vtitle{position: absolute; width: 100%; height: 68px; line-height: 68px; background: rgba(255, 255, 255, 0.7); top: 120px; left: 0;}
.cate_home_pre .vtitle a{ font-size: 22px; text-transform: uppercase; display: block; text-align: center; color: #000;}

#pncatehome{ background: #fff; padding: 50px 20px;}
.cate_home{ margin-bottom: 15px;}
.cate_home .home_list_pro{ background: #fff; padding: 20px; margin-bottom: 10px;}

.row_home_pro{ margin: 0 -8px;}
.row_home_pro:after{ clear:both; content:''; display:block;}
.row_home_pro .home_pro{ float: left; width: 20%;}
.home_pro .in{ margin:0 8px; height:380px; overflow: hidden; text-align:center; }
.home_pro .in h2{ margin:0;  font-size:16px;   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    min-width: 1px;
}
.home_pro .in h2 a{ color: #000;}
.home_pro .img{height:220px; position: relative; text-align: center; position: relative;}
.home_pro .img .whishlist{ position: absolute; top: 5px; right:10px; color: red; cursor: pointer; font-size: 28px;}
.home_pro .img img{width:100%; max-height:220px; border-radius: 10px;}
.home_pro .in .price{
    margin:12px 0;
    font-size: 20px;
    font-weight: bold;
    color: #d81920;
}
.home_pro .in .price span{text-decoration: line-through; color:#000; font-size: 16px;}
.home_pro .in .maskpro  h2 a{ color: #fff;}
.home_pro .in .btn-order{ display: inline-block; margin: 0 auto; background: #04137a; padding: 5px 15px; border-radius: 10px;}
.home_pro .in .btn-order a{ display: block; color: #fff; text-transform: uppercase; font-size: 13px;}
.home_pro .in .info_pro{ padding: 10px;}
.home_pro .in .info_pro .reviews{ color: #cc9b06;}

.title_pages{ margin-bottom: 20px;}
.title_pages:after{ clear:both; content:''; display:block;}
.title_pages .box{ display: inline-block; padding: 5px 0px; color: #000; font-size: 25px; font-weight: bold; text-transform: uppercase;}
.title_pages .shopnow{ margin-left: 50px; font-weight: bold; font-size: 12px; border-radius: 10px; border: 1px solid #FF1111; display: inline-block; padding: 3px 15px;}

.title_pages .menutitle{ float: right;}
.title_pages .menutitle ul{ margin: 0; padding: 0; margin-top: 18px;}
.title_pages .menutitle ul li{ float: left; }
.title_pages .menutitle ul li a{ display: block;  padding: 0 5px; font-size: 12px;}
.title_pages .menutitle ul li a:hover{ text-decoration: underline;}

.cate_home{ display: flex; text-align: center;}
.cate_home:after{ clear:both; content:''; display:block;}
.cate_home .item_pro_home{width: 20%; }
.cate_home .in{ padding: 0 20px;}
.cate_home .item_pro_home .img{ width: 100%; height: 180px; border-radius: 50%;}

.cate_home .item_pro_home .vtitle{ margin-top: 8px;}
.cate_home .item_pro_home .vtitle a{ text-transform: uppercase; display: block; width: 100%;}

.rowit .item_pro_home .vtitle span{background: rgba(0, 0, 0, 0.7); font-size: 28px; text-transform: uppercase; display: inline-block; text-align: left; color: #fff; font-weight: bold; padding:0 20px;}
.rowit .col-it-1 .item_pro_home .vtitle{top: 110px;}
.rowit .col-it-2 .item_pro_home .vtitle{top: 58px;}

.star-ex{margin-top: 10px; width: 300px;}
.star-ex li:after{ clear:both; content:''; display:block;}

.order_review_heading{ font-size: 22px;}
.order_review_heading i{ color: #a32d08;}

.list_func li a{ display: block; padding: 3px 0;}

.itemrv{ border-bottom: 1px dotted #eee;}
.itemrv h2{ font-size: 20px; font-weight: bold;}
.pnblogo img{ width:100%;}

.home_prolist:after{ clear:both; content:''; display:block;}

#pnhome_redeem{
    position: relative;
    background-image: linear-gradient(#04137a, #4892bf);
    border-radius: 10px;
    margin-bottom: 15px;
    color: #fff;
}
#pnhome_redeem span{
    margin-left: 50px;
    font-size: 28px;
    line-height: 100px;
}
#pnhome_redeem a{
    display: block;
    height: 50px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 50px;
}

#pntext_invitation{
    background-image: linear-gradient(#04137a, #4892bf);
}

#pntext_invitation .in{
    padding: 20px;
    color: #fff;
    border-radius: 10px;
}

#pnredeem_mod{ background: #f9f1e5; padding: 20px;}

#pnrefer_friends{
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #000;
    background: #fff;
}

#pnrefer_friends .in{
    padding: 20px;
}

#pnrefer_friends .in h3{
    margin-top: 0;
    text-align: center;
}

#pnrefer_friends .irstep{
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px;
    margin-left: 30px;
}
#pnrefer_friends .irstep i{
    position: absolute;
    top: 0;
    left: -20px;
}
.exkmail{ font-size: 11px; color: #1b1e21; margin-top: 10px;}
.pnend_invitation{ text-align: center;}

#box_messenger{ position: fixed; right: 10px; bottom: 20px;}