@charset "UTF-8";
body.modal-open {
    overflow-x: hidden;overflow-y:hidden;padding: 0;margin:0;
    width: 100vw!important;
    height: 100vh!important;

    /*position:absolute;*/

}
body.fixed{
    position: fixed;
}
#service-modal {padding-right: 0px !important;}
#service-modal .modal-dialog.product {height: 100%;margin: 0px auto;width: 1266px;}
#service-modal .modal-dialog.product .modal-body {height: 100%;}
#service-modal .modal-dialog.product .modal-content {border-radius: 0px;box-shadow: none;height: 100%;background: none;border: none;}
#shop-modal {padding-right: 0px !important;}
#shop-modal .modal-dialog.product {height: 100%;margin: 0px auto;width: 1266px;}
#shop-modal .modal-dialog.product .modal-body {height: 100%;}
#shop-modal .modal-dialog.product .modal-content {border-radius: 0px;box-shadow: none;height: 100%;background: none;border: none;}
#product-modal {padding-right: 0px !important;}
#product-modal .modal-dialog.product {height: 100%;margin: 0px auto;width: 100%;}
#product-modal .modal-dialog.product .modal-body {height: 100%;padding:0;}
#product-modal .modal-dialog.product .modal-content {border-radius: 0px;box-shadow: none;height: 100%;background: none;border: none;}
#product-modal .view-block {height: 30px;display: table-cell;width: 70%;text-align: left;line-height: 30px;border-right: 1px solid #E2E2E2;}
#product-modal .view-block a {display: block;width: 100%;color: #A9A9A9;}
#product-modal .view-block a span {position: relative;padding-left: 22px;}
#product-modal .view-block a span:before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/assets/user/icon-user-views.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 18px 18px;
    position: absolute;
    left: 0px;
    top: 0;
}
/*#product-modal .addtolist-block {border-left: 1px solid #FFFFFF;height: 30px;display: table-cell;width: 40%;text-align: center;line-height: 30px;}*/
/*#product-modal .addtolist-block a {width: 100%;height: 100%;display: block;color:#A9A9A9;font-size:13px;}*/
/*#product-modal .addtolist-block a span {position: relative;padding-left: 22px;}*/
/*#product-modal .addtolist-block a span:before {*/
    /*content: "";*/
    /*width: 18px;*/
    /*height: 18px;*/
    /*background-image: url("/assets/services/icon-addtolist2.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: left;*/
    /*background-size: 18px 18px;*/
    /*position: absolute;*/
    /*left: 0px;*/
    /*top: -2px;*/
/*}*/
#product-modal .product-description { /*max-height: 150px;*/ overflow: hidden;word-break: break-word;}
#product-modal .product-description.showall{ max-height:none; }
#product-modal .loadmore-description{ text-align:center; color:#cccccc;}
#product-modal .loadmore-description.active{ color:#cccccc;}
#product-modal .product-promotion-wrapper p { font-size:10px; color:#999999;}
.product-wrapper .recent-product-slider .flex-viewport {height: 285px;overflow: hidden;}
.product-wrapper .recent-product-slider .flex-viewport .slides li {margin-right: 5px;padding: 0px;width: 230px !important;}
.recent-product-slider .flex-viewport .slides li .view-all {
    height: 100%;
    text-align: center;
    line-height: 267px;
    font-size: 24px;
    color: #f7941e;
    margin: 0px 9px;
}
.product-wrapper .recent-product-slider .flex-viewport .slides li .view-all:hover, .product-wrapper .recent-product-slider .flex-viewport .slides li .view-all:focus {
    outline: none;
    box-shadow: none;
    border-color: #DDDDDD;
}
.product-wrapper .recent-product-slider .flex-viewport .slides li .np-block {width: 100%;padding: 0px 9px;}
.product-wrapper .recent-product-slider .flex-direction-nav {position: relative;}
.product-wrapper .recent-product-slider .flex-direction-nav a:before {content: "";}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-disabled {display: none;}
.product-wrapper .recent-product-slider .flex-direction-nav li {position: absolute;top: -150px;}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-nav-prev {left: 0px;}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-nav-prev .flex-prev {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-indent: -99999999999px;
    overflow: hidden;
    background-image: url("/assets/home/recent-prevbutton.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 45px 45px;
    outline: none;
    box-shadow: none;
    font-size: 0px;
}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-nav-next .flex-prev:before {content: "";}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-nav-next {right: 0px;}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-nav-next .flex-next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-indent: -99999999999px;
    overflow: hidden;
    background-image: url("/assets/home/recent-nextbutton.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 45px 45px;
    outline: none;
    box-shadow: none;
    font-size: 0px;
}
.product-wrapper .recent-product-slider .flex-direction-nav .flex-nav-next .flex-next:before {content: "";}
.wrapper-wazzadu-nav {width: 100%;position: absolute;top: 40%;z-index: 999;height: 60px;left: 0px;height: 1px;}
.wrapper-wazzadu-nav .wazzadu-nav {width: 40px;height: 150px;border-radius: 5px;border: 1px solid #DBDADA;text-indent: 9999999999999px;overflow: hidden;}
.wrapper-wazzadu-nav .wazzadu-nav-prev {
    background: url("/assets/product/nav-product-prev.png") no-repeat #FFF;
    background-size: 40px 60px;
    border-left: none;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    left: 5px;
    padding: 20px 5px;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    overflow: hidden;
    z-index: 99;
}
.wrapper-wazzadu-nav .wazzadu-nav-next {
    background: url("/assets/product/nav-product-next.png") no-repeat #FFF;
    background-size: 40px 60px;
    border-left: none;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    right: 5px;
    padding: 20px 5px;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    overflow: hidden;
    z-index: 99;
}
.wrapper-wazzadu-relate-product {width: 320px;height: 80px;position: absolute;left: 0px;top: 0px;z-index: 999;}
.wrapper-wazzadu-relate-product .wazzadu-nav-product-relate-prev {
    width: 92px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    margin-left: 6px;
    margin-top: 6px;
    float: left;
    background: url("/assets/product/nav-product-prev.png") no-repeat #FFF;
    background-size: 35px 60px;
    height: 60px;
    padding: 5px 15px 5px 36px;
}
.wrapper-wazzadu-relate-product .wazzadu-nav-product-relate-prev img {width: auto;height: 47px;float: left;border:3px solid #FFF;box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);}
.wrapper-wazzadu-relate-product .wazzadu-nav-product-relate-prev .nav-product-name {width: 180px;float: left;padding-top: 10px;margin-left: 15px;font-size: 12px;line-height: 14px;}
.mo-product {height:100%;display:table;width:100%;overflow: hidden;}
.mo-product .mo-left {display:table-cell;/*width:64%;*/vertical-align:top;padding-right:0px;}
.mo-product .mo-left .mo-left-block {position: relative;height:100%;}
.mo-product .mo-right {height:100%;display:table-cell;width:400px;vertical-align:top;}
/*-- Project --*/
.mo-project {height: 100%;display:block;width:100%}
.mo-project .mo-left {height: 100%;display:block;}
.mo-project .mo-left .mo-left-block {position: relative;height:100%;position: relative;}
.mo-left-block .viewed-block {height: 80%;padding: 0;background-color:#666;border-radius:0px;position:relative;}
.one-pic .modal-dialog .modal-content .modal-body .mo-project .mo-left .mo-left-block .viewed-block .flexslider-views-01 .flex-viewport .slides {width: 100% !important;}
.one-pic .modal-dialog .modal-content .modal-body .mo-project .mo-left .mo-left-block .viewed-block .flexslider-views-01 .flex-viewport .slides li {display : block;position: relative;height: 100%;width: 100% !important;}
.one-pic .modal-dialog .modal-content .modal-body .mo-project .mo-left .mo-left-block .viewed-block .flexslider-views-01 .flex-viewport .slides li img {
    /*position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width: auto;height: auto;margin:0px;max-width: 100%;max-height: 100%;}*/
    position:relative;margin:0px;max-width: 100%;max-height: 612px;}
/*-- project --*/
body.project-detail-page #project-view {height: 768px;}
body.project-detail-page #project-view .mo-left {height: 100%;}
body.project-detail-page #project-view .mo-left .mo-left-block {height: 100%;}
body.project-detail-page #project-view .mo-left .mo-left-block .viewed-block {height: 79%;}
body.project-detail-page #project-view.one-pic .mo-left .mo-left-block .viewed-block {height: 100%;}
body.project-detail-page .mo-left-block .thumb-wrapper {height: 150px;  position: relative;margin-top: 15px;padding:15px;background-color:#FFF;box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.15);  border-radius: 5px;}
body.project-detail-page .mo-left-block .thumb-wrapper .flexslider-thumbed-01{height: 100%;  position: relative;}
body.project-detail-page .mo-right .mo-right-block{height:100%;padding: 15px;background-color:#FFF;box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.15);border-radius:5px;min-height: 768px;overflow-y: scroll;overflow-x: hidden;position:relative;}
body.project-detail-page .one-pic .mo-left-block .viewed-block {height:768px;}
body.product-detail-page #product-modal {height: 100%;margin-top:-1px;position:relative;}
body.product-detail-page #product-modal.one-pic {height: 768px;}
body.product-detail-page .one-pic .flexslider-views-01 .flex-viewport .slides li {display : block;position: relative;height: 100%;}
body.product-detail-page .one-pic .flexslider-views-01 .flex-viewport .slides li img {position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width: auto;height: auto;margin:0px;max-width: 100%;max-height: 100%;}
body.product-detail-page .wrapper-wazzadu-relate-product {margin-top: 0;}
body.product-detail-page .mo-product .mo-left .mo-left-block {height:100%;}
body.product-detail-page .mo-product .mo-left .mo-left-block .thumb-wrapper{ border-top:1px solid #dedede;}
body.product-detail-page .one-pic .mo-left-block .viewed-block{height: 100%;}
body.product-detail-page .one-pic .mo-left-block .viewed-block .product-photo-preview-image {height: 100%;}
.promotion-modal-left .product-photo-preview .product-photo-preview-image {height: 100%}
body.product-detail-page .product-detail-page .one-pic .flexslider-views-01 .flex-viewport .slides {width: 100% !important;}


.product-photo-preview-image {height: 100%;}
.flexslider-views-01 {background-color:#fff;overflow:hidden;height:100%;width: 100% !important;}
.flexslider-views-01 .flex-viewport {width: 100%;height: 100%;}
.flexslider-views-01 .flex-direction-nav {display: none;}
.flexslider-views-01 .flex-viewport .slides {height:100%;}
.flexslider-views-01 .flex-viewport .slides li {text-align:center;height:100%;position: relative}
.flexslider-views-01 .flex-viewport .slides li img {
 /*   width:auto;height:auto;margin:0px;max-width:100%;max-height:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)*/
    width: auto;
    height: auto;
    margin: auto;
    max-width: 100%;
    max-height: 612px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mo-product .mo-left .mo-left-block .thumb-wrapper {
    height:20%;padding:15px;background-color:#fff;border-radius:0;    border-top: 1px solid #dedede;
}
.mo-project .mo-left .mo-left-block .thumb-wrapper {height:20%;padding:15px;background-color:#f6f6f6;border-radius:0;}

.one-pic .flexslider-views-01 {height:100%;}
.one-pic .flexslider-views-01 .flex-direction-nav {display: none;}
.one-pic .flexslider-views-01 .flex-viewport .slides {height:100%;width:100% !important;}
.one-pic .flexslider-views-01 .flex-viewport .slides li {width:100% !important;max-height: inherit;}
.one-pic .flexslider-views-01 .flex-viewport .slides li img {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:auto;height:auto;margin:0px;max-width:100%;max-height:100%;}
.container.modalpage-product {width:100%;padding:0;}
#product-modal {min-width:1240px;    height: 100%;}
#product-detail{
    height: 100%;
}
@media (max-width: 640px) {
    #product-modal {min-width:inherit;}
    .thumb-wrapper .flexslider-thumbed-01 .slides li {min-height:125px;}
}
.product-modal-title {font-size: 16px;margin-bottom: 0px;line-height: 26px;font-weight:bold;}
.one-pic .mo-left-block .viewed-block{height: 100%;}
.one-pic .mo-left-block .thumb-wrapper{display: none;}
.product-name .normal {font-size: 12px;font-weight: normal;font-style: normal;color: #818286;}
.mo-product .mo-left .mo-left-block .thumb-wrapper .flexslider-thumbed-01 {height: 100%;position: relative;}
.mo-project .mo-left .mo-left-block .thumb-wrapper .flexslider-thumbed-01 {height: 100%;position: relative;}

.thumb-wrapper .flexslider-thumbed-01 .slides {width: 100%;overflow: hidden;}
.thumb-wrapper .flexslider-thumbed-01 .slides li {
    height: 100%;
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 8px 8px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    display: table-cell !important;
}
.thumb-wrapper .flexslider-thumbed-01 .slides li img {
    text-align: center;
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.thumb-wrapper .flexslider-thumbed-01 .flex-control-thumbs {width: 100%;height: 200px;}
.thumb-wrapper .flexslider-thumbed-01 .flex-control-thumbs li {width: 138px;height: 138px;float: none;margin: 0;margin-right: 15px;overflow: hidden;}
.thumb-wrapper .flexslider-thumbed-01 .flex-control-thumbs li img {width: 100%;max-height: 200px;}
.thumb-wrapper .flexslider-thumbed-01 .flex-viewport {height: 100% !important;width: 85%;margin: auto;z-index:99;}
.thumb-wrapper .flexslider-thumbed-01 .flex-viewport .slides {height: 100%;position: relative;}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav {display: block;height: 100%;position: absolute;left: 0px;top: 0px;width: 100%;}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-prev {width: 48px;height: 100%;float: right;}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-next {width: 48px;height: 100%;float: left;}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-next a i,
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-prev a i
{
    position:absolute;top:50%;margin-top:-8px;display:block;font-size:16px;width:100%;
}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-next a {
    text-decoration: none;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    text-align: left;
    /*background: url("/assets/icons/bg-flex-next.png") no-repeat center #F8F8F8;*/
    /*background-size: 40px 130px;*/
    /*border: 1px solid #DBDADA;*/
    margin: 0px;
    /*text-indent: 99999px;*/
    color: #3e4545;

    position:relative;
}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-prev a {
    text-decoration: none;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    z-index: 99;
    cursor: pointer;
    text-align: right;
    /*background: url("/assets/icons/bg-flex-prev.png") no-repeat center #F8F8F8;*/

    /*background-size: 40px 130px;*/
    /*border: 1px solid #DBDADA;*/
    margin: 0px;
    /*text-indent: 99999px;*/
    color: #3e4545;

    position:relative;
}
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-next a:hover, .thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-next a:focus,
.thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-prev a:hover, .thumb-wrapper .flexslider-thumbed-01 .flex-direction-nav .flex-nav-prev a:focus {
    outline: none;
    box-shadow: none;
}
.link-page-user .mo-media {float: left;border: 1px solid #dedede;margin:5px 0px;}
.wrapper-shop-list {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    min-height: 1px;
    border: 1px solid #EEE;
}
.wrapper-shop-list h4 {font-size:16px;margin-left:15px;}
.wrapper-shop-list ul {margin-bottom: 0px;}
.wrapper-shop-list ul li {
    list-style: none;
    background: url("/assets/product/icon-shop-moright.png") no-repeat left;
    background-size: 35px 20px;
    display: block;
    border-top: 1px solid #EEE;
    float: left;
    width: 100%;
    padding: 10px 0px 10px 45px;
    color: #acacac;
    font: 12px sans-serif;
}
.wrapper-shop-list ul li span {
    display: inline-block;
    max-width: 150px;
}
.wrapper-shop-list ul li a {
    display: inline-block;
    padding: 3px 8px 3px 8px;
    font: 10px sans-serif;
    border: 1px solid #dbdbdb;
    color: #dbdbdb;
    border-radius: 2px;
    float: right;
    margin-right: 15px;
}
.wrapper-shop-list .loadmore-shop {padding-left: 25px;border-bottom: 1px solid #EEE;}
.wrapper-shop-list .loadmore-shop .btn-loadmore-shop {font-size: 11px;color: #fda33d;background:none;}
hr.modal-right {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}
hr.modal-product {margin-top: 5px;margin-bottom: 5px;border: 0;border-top: 1px solid #eee;display: inline-block;width: 100%;}

.product-description-wrapper {
    border-top: 1px solid #eee;
    padding: 15px 15px;
    margin: 10px 0 0 0;
    overflow: hidden;
}

.product-description-wrapper h4 {font-size: 16px;margin-top: 5px;margin-bottom: 12px;}
.product-description-wrapper p {font-size: 12px;}
.content h4{text-overflow: ellipsis;word-wrap: break-word;}
.right-close {position: relative;float: right;}
.right-close .close {display: block;font-size: 30px;}
.left-close {position: relative;display: none;}
.display-view .active {color: #000;}
#modal_feature_commingsoon {z-index: 10000!important;position: fixed;width: 100%;height: 100%;margin: 0;padding: 0;}
#modal_feature_commingsoon .logo-contain {width: 100px;margin: 0 auto;}
#modal_feature_commingsoon .modaltext {font-size: 18px;padding-top: 30px;padding-bottom: 10px;color: #747474;}
#modal_feature_commingsoon .modal-dialog {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 390px;}
#modal_feature_commingsoon .middletext-wrapper {width: 100%;max-width: 360px;height: 37px;margin: 0 auto;}
#modal_feature_commingsoon .middletext-wrapper .middletext-contain {position: relative;border-top: #faa41a solid 2px;width: 100%;top: 50%;}
#modal_feature_commingsoon .middletext-wrapper .middletext-contain .line {
	font-size: 26px;
	font-weight: bold;
	color: #faa41a;
	background-color: #ffffff;
	position: absolute;
	padding: 0 15px;
	text-align: center;
	left: 50%;
	margin-left: -80px;
	margin-top: -20px;
}
#modal_feature_commingsoon .foottext-contain img {width: 56px;height: 28px;vertical-align: middle;}
.thankyou-wrapper {height: 326px;margin: 0 auto;width: 676px;}
.thankyou-content {
	background: #ffffff url("/assets/bg/thankyou-modal.jpg") no-repeat scroll 0 0 / 676px 326px;
	height: 326px;
	position: relative;
	width: 676px;
	border: 1px solid #B8B8B8;
	margin-top: -1px;
	margin-left: -1px;
}
.thankyou-content .toclick {border: 1px solid #b8b8b8;border-radius: 3px;height: 116px;position: absolute;right: 32px;top: 155px;width: 300px;}
.toclick .barcode {float: left;height: 116px;padding: 12px 0 0 10px;width: 114px;}
.toclick .linkfb {color: #575757;float: left;font-size: 11px;padding-top: 45px;width: 178px;}
.toclick .linkfb a {color: #575757;font-size: 11px;}
.toclick .linkfb a:hover {color: #767676;text-decoration: none;}
.btn-thankyou {
	background: #da5627 none repeat scroll 0 0;
	border: 1px solid #da5627;
	color: #ffffff;
	cursor: pointer;
	height: 45px;
	line-height: 45px;
	text-shadow: 2px 0 rgba(0, 0, 0, 0.24);
	width: 100%;
}
#modal-signin .modal-dialog {width: 636px;margin: 50px auto;}
#modal-signin .modal-dialog .modal-content {position: relative;border: none;background: #fff;border-radius: 6px;box-shadow: 0px;background-clip: padding-box;outline: 0;background-position: bottom;background-size:cover;}
#modal-signin .modal-dialog .modal-content .dim{position:absolute;left:0;bottom:0;width:100%;height:502px;background:url('/assets/signup/bg_signin/bg_signin_dim.png') no-repeat;background-position: bottom;background-size:cover;}

#modal-signin .modal-dialog .modal-content .modal-body {position: relative;padding: 0px;}
#modal-signin .modal-dialog .modal-content .modal-body .header-signup {width: 100%;padding: 22px 20px 10px 20px;background: #FFF;text-align: center;}
#modal-create-page .modal-dialog .modal-content {
	position: relative;
	border: none;
	background: none;
	border-radius: 6px;
	box-shadow: none;
	background-clip: padding-box;
	outline: 0;
	background: #FFF;
}
#modal-create-page .modal-dialog .modal-content .modal-body {position: relative;padding: 0px;border: 1px solid #D8D8D8;}
#modal-create-page .modal-dialog .modal-content .modal-body button.close {right: 20px;top: 20px;position: absolute;font-size: 33px;z-index: 99;}
.modal-backdrop {background-color: #FFFFFF;}
.modal-backdrop.in {opacity: 0.9;filter: alpha(opacity=90);}
/*.modal {*/
    /*z-index: 9999!important;*/
    /*display: none;*/
    /*overflow: hidden;*/
    /*position: fixed;*/
    /*-webkit-overflow-scrolling: touch;*/
/*}*/
.modal .wazzadu-content {border-radius: 0 !important;box-shadow: 0px 5px 20px 10px rgba(0, 0, 0, 0.15);border: none;}
.modal .wazzadu-content .modal-header {height: 50px;background-color: #ededed!important;border-bottom:none;background-repeat: no-repeat;background-position: center;border-radius: 10px 10px 0px 0px;}
.modal .wazzadu-content .modal-body {background-color: #FFF!important;padding: 15px 30px;border-radius: 0;}
.modal .wazzadu-content .modal-footer {background-color: #FFF !important;border-top: none;padding-bottom: 15px;}
.modal .wazzadu-content .modal-footer .btn.btn-default {color: #ffffff;background-color: #faa41a;border: none;min-width: 120px;}
.modal .wazzadu-content .modal-footer .btn.btn-danger {color: #ffffff;border: none;min-width: 120px;}
#modal-search-category {z-index: 9999!important;}
.modal-open {overflow: hidden;padding-right: 0px !important;}
.bootstrap-dialog .bootstrap-dialog-title {color:#fff;display:inline-block;}
.bootstrap-dialog.type-default .modal-header {background-color: #fff;}
.bootstrap-dialog.type-default .bootstrap-dialog-title {color: #333;}
.bootstrap-dialog.type-info .modal-header {background-color: #5bc0de;}
.bootstrap-dialog.type-primary .modal-header {background-color: #428bca;}
.bootstrap-dialog.type-success .modal-header {background-color: #5cb85c;}
.bootstrap-dialog.type-warning .modal-header {background-color: #f0ad4e;}
.bootstrap-dialog.type-danger .modal-header {background-color: #d9534f;}
#project-view-modal, #pin-view-modal {padding-right: 0px !important;}
#project-view-modal .modal-dialog.product, #pin-view-modal .pin {height: 100%;margin: 0px auto;width: 1266px;}
#project-view-modal .modal-dialog.product .modal-body, #pin-view-modal .pin .pin-body {height: 100%;}
#project-view-modal .modal-dialog.product .modal-body .mo-product .mo-left .mo-left-block .ephoto,
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .ephoto {height: 100% !important;}
#pin-view-modal .pin .mo-pin .mo-right {height: 100%;margin-bottom:15px;}
#project-view-modal .modal-dialog.product .modal-content,
#pin-view-modal .pin .modal-content {border-radius: 0px;box-shadow: none;height: 100%;background: none;border: none;}
#pin-view-modal .pin .mo-pin {height: 100%;}
#pin-view-modal .pin .mo-pin .mo-left {height: 100%;}
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block {
    height: 100%;
    width: 100%;
    position: relative;
    float: left;
}
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .viewed-block .crop-pin-image {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
#pin-view-modal .wrapper-title {padding-top:12px;padding-bottom:4px; }
#pin-view-modal .link {padding-top:6px;padding-bottom:16px;}
#pin-view-modal .wrapper-description {font-family: 'helvetica neue',helvetica, arial, tahoma;font-size:12px; color:#666;}
#pin-view-modal .media-body {padding:0;vertical-align: middle;}
#pin-view-modal .mo-media .media-body h4.pinidea-views {display: inline;}
#pin-view-modal img.user-logo {border-radius: 50%;}
#pin-view-modal .pin .mo-pin .mo-right .mo-right-block {
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #FFF;
    border: 1px solid #dedede;
    overflow-x:hidden;
    min-height: 600px;
    overflow-y: auto;
    overflow-x:hidden;
    margin-bottom: 15px;
}

#modal-board-whohasidea .modal-dialog{width: 440px;height: 465px;}
#modal-board-whohasidea .modal-header{background-color: #ededed;color: #535051;font-size: 17px;}
#modal-board-whohasidea .modal-body{padding: 10px;}
#modal-board-whohasidea .modal-content{height: 465px;}
.user-list.media-list{height: 380px;overflow-y: auto;padding: 0 10px;}
.user-list li{padding: 10px 0;border-top: 1px solid #E5E5E5;margin: 0;}
.user-list li:first-child{border-top: 0;padding-top: 0;}
.user-list .media-left img{max-width: 50px;}
.user-list .media-body a{font-size: 20px;color: #444444;font-family: 'Sukhumvit Bold', Tahoma, sans-serif;}
.user-list .media-body a:hover{color: #7e7e7e;}
.user-list .media-body span{display: inline-block;width: 100%;color: #868686;}
.load-more-user{padding: 10px 0;}
.load-more-user a {width: 100%;padding: 15px 0;text-align: center;display: inline-block;background-color: #FBFBFB;border: 1px solid #EDEDED;font-size: 18px;}
.load-more-user a:hover{background-color: #EAEAEA;border: 1px solid #D0D0D0;}
/*#modal-board-addidea {z-index: 99999!important;}*/
.headermodal-headline {margin: 0px;text-align: center;}
.modal-header .close {margin-top: -2px;position: absolute;right: 15px;top: 15px;width: 20px;height: 20px;color: #000;opacity: 1;font-size: 27px;}
.upload-promotion {margin: 0;top: 10px;right: 20px;}
.promotion-img {position: relative;border-radius: 4px;border: 1px solid #DFDFDE;overflow: hidden;}
.promotion-img img {margin:0px auto;}
.promotion-img .area-upload-image-preview {position: absolute !important;top: 0; left: 0; right: 0; bottom: 0;width: 100% !important;height: 100% !important;}
.promotion-img .area-upload-image-preview .crop-photo {width: 100%;height: 100%;}
.promotion-img .area-upload-image-preview canvas {width: 100%;height: 100%;border-radius: 4px;}
.promotion-img .area-upload-image-preview .glyphicon {
	width: 25px;
	height: 25px;
	float: left;
	line-height: 25px;
	text-align: center;
	color: #FFAC40;
	background-color: #F8F8F8;
	border-radius: 3px;
	border: 1px solid #FFAC40;
	position: absolute;
	top: 10px;
}
.promotion-img .area-upload-image-preview .dl-photo {right: 50px;}
.promotion-img .area-upload-image-preview .btn-save-upload {right: 90px;}
.modal#modal-promotion .modal-content {border-radius: 0;}
.modal#modal-promotion .modal-content .modal-body {padding: 0;}
.modal#modal-promotion .close {position: absolute;right: 0px;top: 0px;width: 48px;height: 48px;color: #FFF;opacity: 0.5;}
.modal#modal-promotion .close:hover {opacity: 1;}
.modal#modal-promotion #modal-promotion-img {width: 100%;}
.modal#modal-promotion .modal-dialog {    margin-top: 20%;}
.modal-open {overflow: hidden;padding-right: 0 !important;}
.bootstrap-dialog .bootstrap-dialog-title {color: #fff;display: inline-block;}
.bootstrap-dialog.type-default .modal-header {background-color: #fff;}
.bootstrap-dialog.type-default .bootstrap-dialog-title {color: #333;}
.bootstrap-dialog.type-info .modal-header {background-color: #5bc0de;}
.bootstrap-dialog.type-primary .modal-header {background-color: #428bca;}
.bootstrap-dialog.type-success .modal-header {background-color: #5cb85c;}
.bootstrap-dialog.type-warning .modal-header {background-color: #f0ad4e;}
.bootstrap-dialog.type-danger .modal-header {background-color: #d9534f;}
#project-view-modal, #pin-view-modal {padding-right: 0px !important;}
#project-view-modal .modal-dialog.product, #pin-view-modal .pin {height: 100%;margin: 0px auto;width: 1266px;}
#project-view-modal .modal-dialog.product .modal-body {height: 100%;}
#pin-view-modal .pin .pin-body { position: relative; padding: 15px; height: 100%;}
#project-view-modal .modal-dialog.product .modal-body .mo-product .mo-left .mo-left-block .ephoto,
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .ephoto {height: 100% !important;}
#project-view-modal .modal-dialog.product .modal-content, #pin-view-modal .pin .pin-content {
    border-radius: 0px;
    box-shadow: none;
    height: 100%;
    background: none;
    border: none;
}
#pin-view-modal .pin .mo-pin {height: 100%;}
#pin-view-modal .pin .mo-pin .mo-left {height: 100%;}
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block {height: 100%;}
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .viewed-block {
    height: 100%;
    //padding: 15px;
    background-color: #666;
    //border: 1px solid #dedede;
    position: relative;
    display: table;
    width: 100%;
}
#idea-wrapper #pin-view-modal .pin .mo-pin .mo-left .mo-left-block .viewed-block {min-height:768px;}

#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .viewed-block .crop-pin-image {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .viewed-block .crop-pin-image img {
	max-height: 512px;
    width: auto;
    height: auto;
    margin: 0px auto;
    max-width:768px;
}
#pin-view-modal .pin .mo-pin .mo-left .mo-left-block .wrapper-ican-panel {
	bottom: 60px;
    height: 41px;
    position: relative;
    width: 100%;
}

/*.modal-wrnning {z-index: 9999999!important;}*/
.modal-wrnning .modal-dialog .wazzadu-content .modal-body {padding: 20px 20px 10px 20px;}
@media (min-width: 641px) {
    .modal-wrnning .modal-dialog{margin:154px auto;}
}
.form-cmpinfo .form-group textarea {margin-bottom: 0px !important;}
#modal-create-page-confirm .modal-dialog{width: 50%;}
/*#modal-create-page-confirm{z-index: 99999!important;}*/
.wrapper-link {word-wrap: break-word;}
.mo-product .mo-right {height: 100%;position:relative;}
.mo-product .mo-right .mo-right-block {
    height: 100%;
    padding: 15px;
    background-color: #FFF;
    border-left:1px solid #dedede;
    border-radius:0;
    min-height: 600px;
    overflow-y: scroll;
    overflow-x:hidden;
    position: relative;
}
.mo-product .mo-right .wzd-shop-01 {padding: 0px;}



.mo-project .mo-right {height: 100%;position:relative;}
.mo-project .mo-right .mo-right-block {
    height: 100%;
    padding: 15px;
    background-color: #FFF;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
    border-radius:0px;
    min-height: 600px;
    overflow-y: scroll;
    overflow-x:hidden;
    position: relative;
}
.mo-project .mo-right .wzd-shop-01 {padding: 0px;}



#product-modal .wzd-shop-heading {width:100%;display:table;position:absolute;left:0;right:0;height:44px;z-index:400;background: #fff;border:1px solid #dedede;position:relative;}
#product-modal .wzd-shop-heading .wzd-shop-heading-left {width: 80%;display: table-cell;padding-left: 15px;vertical-align: middle;height: 50px;}
#product-modal .wzd-shop-heading .wzd-shop-heading-right {margin-right: 15px;height: 50px;vertical-align: middle;position:absolute;right:-6px;top:8px;}
#product-modal .wzd-shop-heading .wzd-shop-heading-right .close {line-height:50px;}
#product-modal .wzd-shop-board {width: 100%;display: table;height:45px;border-top: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2;margin-top:50px;}
#product-modal .wzd-shop-board .view-block {height: 30px;display: table-cell;width: 70%;text-align: left;line-height:30px;border-right:1px solid #E2E2E2;}
#product-modal .wzd-shop-board .view-block a {padding-left: 20px;}
#product-modal .wzd-shop-board .addtolist-block {border-left: 1px solid #FFFFFF;height: 30px;display: table-cell;width: 40%;text-align: center;line-height: 45px;}
#product-modal .wzd-shop-board .addtolist-block a span:before {background-image: url("/assets/services/icon-addtolist3.png");}
.product-title-wrapper {padding:10px 15px 0px 15px;}
.product-title-wrapper .product-name {font-size:18px;margin-bottom:12px;}
.product-title-wrapper .product-category {color: #9d9d9d;font:12px sans-serif;margin-bottom:16px;}
.product-title-wrapper .product-category a {color: #9d9d9d;font:12px sans-serif;}
.product-promotion-wrapper {padding:0px 15px;}
.product-promotion-wrapper .panel {position:relative;}
.product-promotion-wrapper .panel .btn-shop-wzd {
    width: 50px;
    height: 50px;
    background: url('/assets/shoppingcart/btn-shop-wzd.png') no-repeat;
    background-size: 50px 50px;
    position: absolute;
    right: -15px;
    top:-15px;
}
.product-promotion-wrapper .panel {border-radius:0px;}
.product-promotion-wrapper .panel-default {border-color: #EEE;margin-bottom:10px;}
.product-promotion-wrapper .panel .panel-heading {padding: 5px 10px;border-bottom: 1px solid transparent;border-top-right-radius: 0px;border-top-left-radius: 0px;}
.product-promotion-wrapper .panel .panel-heading {color: #9d9d9d;background-color: #f8f8f8;border-color: #eeeeee;font: 11px sans-serif;}
.product-promotion-wrapper .panel .panel-body {padding: 10px;}
.product-promotion-wrapper .panel .product-promotion .wzd-shop-title {
    width: 140px;
    height: 35px;
    float: left;
    background: url('/assets/shoppingcart/bg-head-001.png') no-repeat left top;
    background-size: 93px 17px;
    padding-top:20px;
    color: #9d9d9d;
    font:11px sans-serif;
}
.product-promotion-wrapper .panel .product-promotion .wzd-shop-price {float:left;}
.product-promotion-wrapper .panel .product-promotion .wzd-shop-price .old-price {
    display:block;
    float: left;
    color: #F7941E;
    font: 16px sans-serif;
    font-weight: bold;
    position: relative;
    margin-right: 5px;
}
.product-promotion-wrapper .panel .product-promotion .wzd-shop-price .old-price:before {
    content: "";
    width: 120%;
    position: absolute;
    left: -3px;
    top: 7px;
    height: 2px;
    background-color: #F7941E;
}
.product-promotion-wrapper .panel .product-promotion .wzd-shop-price .current-price {
    display:block;
    float: left;
    color: #F7941E;
    font: 16px sans-serif;
    font-weight: bold;
    width:100%;
}
.product-promotion-wrapper .panel .product-promotion .wzd-shop-price .current-price span {font-size: 10px;margin-top: 8px;}
.contact-text-002 {color: #9d9d9d;font:10px sans-serif;padding-left:10px;}
.product-contact-wrapper {width: auto;margin:0px 15px 0px 15px;float:left;border: 1px solid #dedede;background: #F8F8F8;}
.product-contact-wrapper a {display: block;background-color:#FFF;color:#444;font-weight: bold;}
.product-contact-wrapper a:hover {color:#888;}
.headlinecontacr-right {
    font: 12px sans-serif;
    margin: 5px 0px;
    color: #9d9d9d;
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.product-contact-wrapper .product-contact {
    position: relative;
    width: auto;
    height: 40px;
    overflow: visible;
    margin: 0px;
    float: right;
}
.product-contact-wrapper .product-contact .link {
    display: inline-block;
    cursor: pointer;
    font: 10px sans-serif;
    color: #9D9D9D;
    border: 1px solid #9D9DA3;
    border-radius: 3px;
    padding: 2px 8px 2px 3px;
    width: auto;
    background: #FFF;
    float: right;
    margin-top: 15px;
}
.product-contact-wrapper .product-contact .email {margin-right: 10px;}
.product-contact-wrapper .product-contact .email span {margin-right:10px;}
.product-contact-wrapper .product-contact .tel {margin-right: 10px;}
.product-contact .show-phone-number {right: 10px;}
body.product-detail-page .mo-product .mo-right .mo-right-block {height: 768px;}
.mo-media {margin: 0;padding: 5px;border: none;/*border-radius: 3px;*/}
.mo-media .media-body {position: relative;padding-right:50px;}
.mo-media .media-body .link-page-name {
    position: absolute;
    right: 0;
    top: 0;
    height:44px;line-height: 44px;
    width: 44px;
}
.mo-media .badge-pin {
    background: url("/assets/services/bg-badge-linkout-gray.png") no-repeat left #f8f8f8;
    background-size: 38px 30px;
    width:38px; height:30px;
    display: inline-block;
}
.new-contact-modal{
    margin: 8px 15px 15px 15px;
    line-height: 48px;
    height:52px;

    /*background-color: #ffffff; color: #faa41b;*/
    background-color: #faa41b; color: #ffffff;
    text-align: center;
    border: 2px solid #faa41b;
    border-radius: 3px;
}
.new-contact-modal:hover{
    background-color: #ffffff;
    color: #faa41b;
    border: 2px solid #faa41b;
}
.mo-media .media-body .link-page-user {background-color: #FFFFFF;color: #f7941e;padding: 4px 12px 2px 12px;border: 1px solid #f7941e;font-size: 11px;margin-top: 5px;}
.mo-media .media-body h4 {margin: 0px 0px 2px 0px;font-size: 16px;display: inline-block;}
.mo-media .media-body h4.verify {
    padding-right: 20px;
    float: left;
    background-image: url("/assets/services/cover-icon-veritify.png");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right;
}
.mo-media .media-body h4.pinidea-views {display: block;}
.mo-media .media-body small {color: #f79623;}
.mo-media .media-body .verifile-by-wazzadu {
    font-size: 12px;
    color: #b5b5b5;
    background: url("/assets/brand/bg-vf.png") no-repeat left;
    width: auto;
    padding-left: 20px;
    float: left;
}
@media (max-width: 640px) {
    body.product-detail-page .mo-product .mo-right .mo-right-block {height: 100%;}
    .mo-product .mo-right .mo-right-block {border:none;}
    #product-modal .wzd-shop-heading {border-left:none;border-right:none;}
}
.quick-spec-row{
    padding: 0 15px 10px 15px;
}
.quick-spec-row .btn-quickspec-view{
    width: 100%;
}