body{margin:0 auto !important;color:#000; font-family:time news roman;}
img {max-width:100%;}
a, input, butoon, img{position:relative;}
@font-face {font-family: UTM Aurora; src: url('/uploads/fonts/UTM Aurora.ttf');}
.roboto-font{font-family:roboto;}
.script-font{font-family:dancing script;}
.oswald-font{font-family:oswald;}
.mali-font{font-family:mali;}
.charm-font{font-family:charm;}
.news-hot .pull-right{}
.fhoa{text-transform:capitalize;}
.active-color > a{color:#F26D0F;}
.editphotobutton{color:#2196f3;padding:15px;display:inline-block;border:1px solid #ddd;margin-bottom:15px;background-color:aliceblue;}
/* CHANGE BOOTSTRAP */
/**transtion speed and effect slider**/
.carousel-inner .item {overflow:hidden;}
/* END CHANGE BOOTSTRAP */
.tab-pane{padding-top:10px;}
#menu_2 .container,#menu_1 .container{padding: 0 40px;}
.read-all{padding:5px;font-weight:bold;}
.rela-head{
	margin:50px -15px 20px -15px;border:1px solid #ddd;
    text-shadow: 0 1px 0 rgba(255,255,255,.25);
    color:#666;background-color:lavender;padding:10px 10px 8px 30px;
}
.scrolltabs{position:relative;background-color:#fff;z-index:9;font-weight:bold;font-size:16px;}
.scrolltabs.active{position:fixed;top:0;}
#back-to-top,.utilities-box {
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 9999;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 30px;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top.show {opacity:1;}
#back-to-top img,.utilities-box a img{max-width:100%;}
.breadcrumbs{padding:8px;background:rgba(139, 195, 74, 0.64);}
.breadcrumbs a{font-weight:bold;color:#fafafa;text-shadow:0.5px 0.5px 0.5px rgba(0, 70, 153, 0.55);font-size:18px;}
.pagination{display:table;margin:10px auto;}
.news-hot{padding-top:10px;margin-bottom:20px;text-align:left;border-radius:0 0 10px 10px;background-color:#fafafa;border:1px solid #ddd;}
.news-hot > div{min-height:100px;padding:0;overflow:hidden;}
.news-hot > div > div:last-of-type{top:-10px;}
.news-hot > div > div hr{margin:5px 0;border-color:#ddd;}
.news-hot hr{margin:0 0 10px 0;border-color:#5bbff0;}
.news-hot img{border-radius:10px;}

.rela-the > div:last-of-type{top:-10px;}
.rela-the > div > div hr{margin:5px 0;border-color:#ddd;}
.rela-the hr{margin:0 0 10px 0;border-color:#5bbff0;}
.print-button {height: 20px;padding: 0 10px;margin-left: 25px;border: none;}

.news-hot-header {border:3px solid lavender;background-color:lavender;color: white;text-shadow: 0.5px 0.5px 0.5px #5B8098;border-radius: 10px 10px 0 0;}
.news-hot-header h4{
	display:inline-block;margin:0;text-shadow: 0 1px 0 rgba(255,255,255,.25);color:#4293d4;text-transform: uppercase;font-size:18px;font-weight:bold;
}
.news-hot-header span{top:0;padding:7px;text-shadow: 0 1px 0 rgba(255,255,255,.25);color:#4293d4;background-color:lavender;}

.news-hot.site-bottom > div{padding:0 15px;}
.site-bottom .img-box{background-color:#ddd;border-radius:10px;}
.site-bottom .img-box,.site-bottom .text-box{height:110px;overflow:hidden;position:relative;}
.site-bottom .text-box{height:65px;margin-bottom:20px;top:0 !important;}
.site-bottom .text-box a{line-height:18px;}
.site-bottom .img-box img{position:absolute;margin:auto;top:0;bottom:0;}

.dang-tin{padding:0 0 20px 0 !important;}
.dang-tin h4{padding:10px;color:#666;background-color:#ddd;font-weight:bold;font-size:20px;}
.list-group-item {border-color:lavender !important;background-color:#fafafa !important;}
.list-group-item:first-child {border-radius: 10px 10px 0 0 !important;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
	background-color: #f0f8ff !important;
    color: #888 !important;
    font-size: 20px;
    font-weight: bold;
    border-color: lavender !important;
}
.dang-tin .field-item-description{margin-top:0;}
.article-view .media-object{width:160px;height:120px;}
.article-view .news-hot{border:none;}
.post-view {padding:0 !important;}
.post-view h4{color:#5BBFF0;}
.post-view .post-contact div{padding:0;}
.slider-top{overflow:hidden;padding:0 !important;}
.slider-top .carousel ol{display:none;}
.slider-top .carousel img{width:100%;margin:0 auto !important;min-height: 260px;}
.slider-top > div.col-xs-12{padding:0;height:200px;position:absolute;top:10%;right:10%;}
.slider-top .advance-box{border-radius: 4px;background: #fff;}
.slider-top .container{}
.slider-top .carousel{z-index:inherit;}
.slider-top .carousel-control{display:none;}
.search-top{z-index:1;position:absolute;padding:25px 25px 15px;background-color:rgba(136, 239, 232, 0.37);border-radius:15px;bottom:0;}
.search-top form > div{padding-right:5px; margin-bottom:5px;padding-left:0;}
.search-top form > div select{width:100%;padding:5px;border: 1px solid #ddd;}
.search-top form > div button{
	width:100%;
	height:30px;
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #ddd;
    background-color: #b5d88b;
    text-shadow: 0.5px 0.5px 0.5px #397A9A;
}
.search-top .mucgia-ban{display:none;}
.search-top.left-search{position:relative;background-color: #fff;border: 1px solid #b5d88b;padding: 10px;top:0;}
.search-submit{
	background-color: #5bbff0;
    border: 1px solid #ddd;
    color: #fff !important;
    padding: 6px 10px;
    top: 5px;
}
.left-content hr{box-sizing: inherit;}
.mid-content{padding-top:20px;padding-left: 40px !important;}
.form-group.required label:after{color: red;content: "*";position: absolute;margin-left:5px;}
.vitri-alert, .dientich-alert{color:red;padding-left:50px;}
.user-photo .control-post{display:inline-block; width:50px;}
.user-photo  td > span{margin:auto;}
.inforname{padding-right:10px;font-weight:bold;}
.left-view-project{padding:10px 5px !important;border:1px solid lavender;border-radius:0 0 10px 10px;margin-bottom:15px;background-color:#fafafa;}
.left-view-project img{border-radius:10px;}
.tin-noi-bat li{margin-bottom:10px;}
.tin-noi-bat a{font-size:12.9px;display:block;padding:5px;}
.lien-ket a{display:block;padding:5px;border-bottom:1px solid #ddd;}
.user-noi-bat a,.user-noi-bat span{display:block;}
.user-info-page{border:2px solid #ddd;border-radius:10px;}
.user-info-page .user-info{padding:10px 0;}
.user-info span.glyphicon{font-size:20px;position:relative;top:6px;left:5px;color:#2196F3;}
.introduce-page{padding:10px;border:2px solid #ddd;border-radius:10px;margin-top:10px;}


/*BEGIN-CSS:LAYOUT
==================================================================================================================*/
.buynow_box > div{ padding:0 !important; background:#B2DFFF;border-radius:6px 6px 0 0;}
.buynow_box img{width:100%;}
.buynow_box button,.buynow_box button:focus{
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0179C1,#084C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0179C1,#084C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0179C1,#084C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0179C1,#084C83);
    color:#fafafa;
}
.buynow_box select{ position:relative; top:10px;}
.buynow_box .text-sl{ position:relative; top:5px;padding: 0;}
.buynow_box .help-block{ color:transparent !important;}
#logineauth > .img-facebook,#logineauth > .img-google,#logineauth > .img-yahoo,#login_eauth > .img-facebook,#login_eauth > .img-google,#login_eauth > .img-yahoo{ 
    height:60px;
    padding:13px 5px 5px 5px !important;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0F6392,#4498D0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0F6392,#4498D0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0F6392,#4498D0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0F6392,#4498D0);
    color:#fafafa;
    border-top:1px solid #2F87BF;
    border-right:1px solid #2F87BF;
    border-bottom:1px solid #2F87BF;
}

/* diem danh */
.diemdanh{ border-radius:5px; padding: 2px !important; margin-bottom: 20px;}
.diemdanh1{ border-radius:5px; padding: 2px !important; }
.diemdanhright{
    padding:4px; border-radius: 0px 5px 5px 0px;
    background: #e38110; 
    text-align: center;padding-right:5px;
    height: 35px;line-height: 35px;
}
.diemdanhleft{        
    padding:4px;height: 35px;line-height: 35px;
    background: #b76314; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d77a10,#b76314); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d77a10,#b76314); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d77a10,#b76314); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d77a10,#b76314);
    border-radius: 5px 0px 0px 5px;
}
.buttonsubmitdiemdanh,.buttonsubmitdoiqua{        
    padding:0px 15px;height: 30px;line-height: 30px;
    background: #0079c1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#004b84,#0079c1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#004b84,#0079c1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#004b84,#0079c1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#004b84,#0079c1);
    border-radius: 3px; border:0px; color: #fff;
    margin-top: 10px;
}
.clickbutton{ cursor: pointer;}
.openvote{display: none; border:2px solid #bed4e8; height:430px; position: absolute; top:8px; right: 0px; width: 340px !important; background: #fff; z-index:50; border-radius:5px; padding:0px 5px !important;}
.openvotelogin,.openvote1login{display: none; border:2px solid #bed4e8; height:120px; position: absolute; top:8px; left: 0px; width: 340px; background: #fff; z-index:50; border-radius:5px; padding:0px 5px !important;}
.openvote1{display: none;border:2px solid #bed4e8; height:430px; position: absolute; top:8px; right: 0px; width: 340px !important; background: #fff; z-index:50; border-radius:5px; padding:0px 5px !important;}
.bayngayt{padding-left: 0px !important; padding-right: 5px !important; text-align: center;}
.muoilamngayt{padding-left: 5px !important; padding-right: 5px !important; text-align: center;}
.haimuoihaingayt{padding-left: 15px !important; padding-right: 5px !important; text-align: center;}
.bamuoingayt{padding-left: 16px !important; padding-right: 0px !important; text-align: center; }
.calendar p{ margin: 5px; float: left; width: 35px; text-align: center; }
p.datenow{ background: #106493; border-radius: 3px; color:#fff !important;}
p.dateold{color:#ccc;}
.linkcheck{height:5px; background: #d77a10; position: absolute; top:30px; left: 0px;}
.linkcheck1{height:5px; background: #d77a10; position: absolute; top:30px; left: 0px;}
.diem1{background: #d77a10; width: 18px;height:18px; border-radius:50%; position: absolute; top:23px; left: 37px;}
.diem2{background: #d77a10; width: 18px;height:18px; border-radius:50%; position: absolute; top:23px; left: 115px;}
.diem3{background: #d77a10; width: 18px;height:18px; border-radius:50%; position: absolute; top:23px; left: 193px;}
.diem4{background: #d77a10; width: 18px;height:18px; border-radius:50%; position: absolute; top:23px; left: 271px;}
p.ponlinediemdanh{padding-left:25px; padding-right: 0px; border-right:1px solid #bed4e8; margin-bottom: 0px; width: 125px; float: left; color:#106493}
p.ponlinediemdanh1{padding-left:40px; padding-right: 0px; width: 180px; float: left;color:#106493; margin-bottom: 0px;}

/* end diem danh */



#logineauth > div > img,#login_eauth > div > img{width:100%;}
#logineauth > .img-facebook,#login_eauth > .img-facebook {border-radius:5px 0 0 0;border-left:1px solid #2F87BF;}
#logineauth > .img-yahoo,#login_eauth > .img-yahoo {border-radius:0 5px 0 0;}
.forgot-button{
    color:#555;font-size:10px;padding-top:5px;padding-right:0px !important;padding-left:2px !important;text-decoration:underline;
}
.footer-muathe a{color:#A5A8AC;}
.under-footer a{margin-right:10px;display:inline;}
.login-img{height: auto !important;max-width: none;width: 108.5% !important;right: 4.4%;position: relative;}
.then-one{border-radius:0 0 0 4px;border-left:1px solid #95BBD1;}
.then-tow{border-left:1px solid #3387B9;border-right:1px solid #3387B9;}
.then-three{border-radius:0 0 4px 0;border-right:1px solid #95BBD1;}
.customer{border-top:none;border-radius:0 0 4px 4px;padding:0 0 5px 0 !important;}
.customer-send{font-size:10.5px;padding:3px 4px;}
.submit{border:0px; padding:3px 12px; background-color:#1b6ca2; color:#fff; border-radius:3px; cursor:pointer;}
.oder-view,.mobi-cart-view, .accept-view{margin:15px 0;}
.oder-view img,.oder-view p,.accept-view img,.accept-view p,.mobi-cart-view img,.mobi-cart-view p{display:inline-block;}
.oder-view img,.mobi-cart-view img{width:20px; transform: rotateY(10deg);-webkit-transform: rotateY(180deg);}
.oder-view span,.accept-view span,.mobi-cart-view span{font-size:11px;font-weight:bold;color:#215C8D;}
.oder-view a ,.mobi-cart-view a{
    padding:3px 4px;
    font-size:11px;
    background:#106493;
    border-radius:4px;
    color:#fafafa;
    text-shadow:0.5px 0.5px 0.5px #4498D0;
}
#main{padding:0;overflow:hidden;}
.khuyenmai-a{font-size:10px !important;font-weight: bold;}
.khuyenmai-more{color:#FF7300;position:relative;display:block;float:right;right:10px;}
#help_rule{color:red;}
.hand-sm-button{
    padding:3px 5px !important;
    border:1px solid #ddd;
    text-align:center;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7B7C7E 0%, #24303F 60%, #4A4E52 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7B7C7E 0%, #24303F 60%, #4A4E52 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7B7C7E 0%, #24303F 60%, #4A4E52 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7B7C7E 0%, #24303F 60%, #4A4E52 100%);
    color:#fafafa !important;
    border-radius:4px;
    font-family:initial;
}
.advance-box{border:1px solid #ddd;padding:2px !important;border-radius:4px;margin-bottom:10px;}
.advance-box h4{
    margin-top:0;padding:4px;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0A6090,#1887C9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0A6090,#1887C9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0A6090,#1887C9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0A6090,#1887C9);
    color:#fafafa;
    border-radius:4px 4px 0 0;
}
.advance-box h4 span{font-size:10px;top:-2px;}
.advance-box a{font-size:12px;color:#3D81BB;}
.advance-box .flag{
    width:35px;float:left;top:-5px;position:relative;margin-right:5px;height:20px;
}
.advance-box p{
    font-size:12px;
    margin-bottom:2px;
}
.advance-box > div > h6 > a > span{
    color:#FF9000;text-shadow: 0.5px 0.5px 0.5px #ECC646;
}
.advance-box > div > h6 > a{
    padding:3px;font-weight:bold;font-family:times new roman;
}
.submit-beauty{
    background: #B2DFFF;
    -webkit-transition-property: transform,background-color; /* Safari */
    -webkit-transition-duration: 1s; /* Safari */
    transition-property: transform, background-color;
    transition-duration: 1s;
}
.submit-beauty:hover{
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
}
.submit-beauty button{
    background-color: rgba(255, 114, 0, 0.49);
    border-radius: 0;
    border: none;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transition-property: transform,background-color; /* Safari */
    -webkit-transition-duration: 1s; /* Safari */
    transition-property: transform, background-color;
    transition-duration: 1s;
}
.submit-beauty button:hover{
    background-color:#FF7300;
}
/*END-CSS:LAYOUT
==================================================================================================================*/
.background{
    position:absolute;
    left:0;
    height:100%;
}
.footer{
    padding:0 !important;
    text-align: left;
    color: #fff;
    background-color:#2480AD !important;
}
.footer-box > h6{margin:5px 0 15px 0;padding-left:0;}
.footer-box a,.under-footer a{color: #555;}
.footer-border{opacity: 0.5;width: 1px;left: -5%;height: 250px;}
.navbar-collapse-bottom li{border-right:1px solid #ddd;}
.navbar-collapse-bottom li:first-of-type{border-left:1px solid #ddd;}
/*.navbar-collapse-bottom li:last-of-type{border-right:1px solid #ddd;}*/
.under-footer{text-align:center;background-color: #ccc;text-shadow: 0px 1px 1px #fff;color: #555;}
.register h4{color:#225679;}
.register label{color:#406D8D;height:25px;}
.register input{border-color:#406D8D;height:25px;border-radius:3px;padding:0 10px;}
/*Content Css HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
a:hover{
    text-decoration:none !important;
}
/* PRODUCT INDEX SLUG HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
.slider-row{text-align:center;overflow:hidden;padding:0 !important;}
.slider-row > div{padding:0;}
.eve-price{color:#111;font-weight:bold;display:block;}
a.eve-button, a.eve-button:focus {color:#ddd;}
a.eve-button:hover{color:#fff;}
.eve-button{
    margin-top:4px;
    display: inline-block !important;
    padding:5px 20px;border-radius:5px;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0179C1,#084C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0179C1,#084C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0179C1,#084C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0179C1,#084C83);
    color:#fafafa;
    border:1px solid #ddd;
}

.slider-row > div{max-height:331px;}
#ao-theu > div{max-height: none;}
.slider-row > div > div{padding-top:15px;padding-bottom:15px;margin-bottom:10px;}
.slider-row > div > div > form > div{padding:3px;border:1px solid #9BBCD4;}
.slider-row .eve-img{
    height:160px;
    padding:0;
    background-color: #fff;
    border: 1px solid #fff;
    border-bottom: 4px solid #fff;
    overflow:hidden;
}
.slider-row .eve-img img{position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;}
.slider-row .eve-title{padding:0;border-radius:0 0 4px 4px;}
.slider-row .eve-title a{padding:6px;height:52px;background:#B2DFFF;color:#3E5772;}
.menu-item{float:right;}
.menu-item a,  .menu-item span{color:#bbb;}
.transport-title{padding:5px;border-bottom:2px solid #6BA0BD;}
.transport-title > span{font-size:12px;}
.slider_row{position:relative;}
.slider_row_right, .slider_row_left{width:3% !important;color:#FF7200 !important;}
.carousel-inner > .item > img{display:block;margin:auto;}
.carousel-inner > .item > .easyii-box{display:block;margin:auto;}
.carousel-inner > .item > .easyii-box img{display:block;margin:auto;}
.img-caro-tin{height:400px !important;}
small{color:#888;}
.post-row{margin-bottom:10px !important;padding:0 !important;background-color:aliceblue !important;overflow:hidden;}
.post-row .post-title{padding-bottom:10px;display:block;height:40px;}
.post-row .post-img{padding:0;height:84px;position:relative;}
.post-row .post-img img{padding:0;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.post-row .post-info{padding:10px;}
.post-row .post-info .icon{padding:5px 20px;display:inline-block;border:1px solid #ddd;background-color:#f0f0f0;}
.dmca{position:absolute;bottom:0;z-index:1;right:0;}
.iteminlist > div:first-of-type{padding-left:0;}
.iteminlist hr{margin-top:5px;margin-bottom:5px;}
.login-mobile {top:-6px;position:relative;}
/* END PRODUCT INDEX SLUG HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
@media (max-width: 1230px){
	.product-card{width:50% !important;}
}
@media (min-width: 1200px){
    .mid-content{padding-left: 5px !important;}
    .left-content,.random > div{padding-right: 5px !important;}
	.qcleft{width:15% !important;}
	#main > div.col-sm-10{width:70% !important;}
}
@media (max-width: 992px){
	.slider-top .container{top:55%;}
}
@media (min-width: 992px){
    .slider_img img,.user-area{}
    .user-area > img{height:150px;width:100%;}
    .checkout{width: 70% !important;float: none !important;margin: 5px auto 0 auto !important;}
	.slider-top .container{position: absolute;left: 0;right: 0;height:100%;}
	.left-content{padding-right: 5px !important;}
	.mid-content{padding-left: 5px !important;}
	.iteminlist img{top:5px;}
}
@media (min-width: 768px){
    .login-left-form > div > input{max-width:95% !important;font-size:12px;}
    .login-left-form > div > a:hover,.login-left-form > div > a:visited{color:#fff;}
    .login-left-form > div{padding:0;}
    .left-content{padding: 15px 0 0 0 !important;}
	.mid-content{padding-top:15px;padding-left:0px !important;}
	#qddt .modal-dialog {width:80%;}
	small.detail{float:right;}
	.dang-tin h4{margin:0 -15px 15px;}
	.login-form-menu{display:inline-block;float:left;padding:8px;}
	.login-form-menu .help-block{position:absolute;}
}
@media (max-width: 992px){
	.search-top {top:80px;}
}
@media (max-width: 768px){
    .slider_img img,.user-area{height:270px !important;}
    .oder-view,.mobi-cart-view,.header-logo{text-align:center;}
    .navbar-inverse .navbar-collapse{background:#111;}
    .user-area{width:250px !important;}
	.slider-top .container{top:19%;}
	.container{width:100%;padding:0 !important;}
    .product-card button{padding:5px 0 !important;}
	.mid-content{padding:15px 0 !important;}
	.mid-content .article-view{text-align:justify;}
	#main > div{padding:0 !important;}
	.news-hot img,.rela-the img{margin-bottom:10px;width:100%;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin:0 !important;}
	.navbar-collapse-right > ul > li > a {color:#fafafa !important;text-shadow:none !important;}
	.post-row .post-title{color:#fff;background-color:rgba(0, 0, 0, 0.5);margin:0 -10px;padding:0 10px;}
	.search-top{top:0;}
	.slider-top{height:unset;}
	.site-bottom .img-box,.site-bottom .text-box{height:unset;margin-bottom: 0;}
	.site-bottom .img-box,.site-bottom .text-box h5{margin: 0;}
	.news-hot.site-bottom > div {min-height: unset;}
	.news-hot-header h4{font-size:14px;}
}
@media (max-width: 600px){
    .user-area{min-width:250px !important;margin:5px auto !important;float:none !important;}
    .img-user-area {display:none !important;}
    .slider-row > div{width:auto !important;margin:0 auto !important;float:none !important;}
    .oder-view,.mobi-cart-view {width:auto !important;margin:0 auto !important;float:none !important;}
    .slider-row > div{max-width:300px;}
    .slider_row_right, .slider_row_left{width:15% !important;}
    .product-card{width:100% !important;}
	.user-content > div{width:100%;padding:0;}
	.tin-noi-bat a{font-size:16px;}
}
@media (max-width: 530px){
    .checkout-title{max-width:none !important;position:relative;bottom:15px;}
}
@media (max-width: 505px){
    .buynow_box{width:auto !important;margin:15px auto !important;float:none !important;max-width:300px;}
    .oder-view,.mobi-cart-view{width:100% !important;}
    .footer-box{width:50% !important;min-height:250px;}
}
@media (max-width: 400px){
    .one-product{width:100% !important;}
    #carousel-header{display:none;}
}
@media (max-width: 350px){
	.search-top form > div button{width:100px;}
	.shopcard-gohome{margin-left:0 !important;text-align:center;display:block;background:#ddd !important;}
    .send_checkout{width:100% !important;padding:5px !important; margin-bottom:10px;}
    .product-card{width:auto !important;margin:0 auto 30px auto !important;float:none !important;}
    .product-card > div > a > img, .product-card > div > div{width:100% !important;height:auto !important;}
    .view-product-img,.view-product-img > div{width:100% !important;padding:0 !important;}
    .relation-product{width:100% !important; height:auto !important;margin-bottom:10px;}
}
@media (max-width: 600px) and (min-width: 400px){
    .product-card .in-view{width:70% !important;float:none !important;margin:15px auto 0 auto !important;}
}

.login-page,.luuy-page,.sale-page,.edit-page,.photo-page,.userinfo-page,.register,.article-view,.shop-view{
	padding-top:20px;background-color:#fafafa;border:1px solid lavender;border-radius:0 0 10px 10px;border-top:none;
}
.improtant-text{padding:20px;background-color:beige;border-radius:10px;color:rgba(244, 67, 54, 0.85);font-size:16px;}

.title-main{margin:0;padding:10px 15px;border-radius:10px 10px 0 0;background:#f0f8ff;font-size:26px;border:1px solid lavender;}
.title-main a{padding:5px 0 5px 10px;color:#888;}
.carousel-control.right,.carousel-control.left{background-image:none !important;}
.product-gird{background:#fff;box-shadow:0px 1px 4px #888;}
.breadcrumbs-card > a, .breadcrumbs-card > span{color:#B0A5A3;}
.title-card{margin-top:0;text-align:center;}
.title-card > a{font-size:15px;font-weight:bold;color:#156999;}

.in-view{max-width:200px;}
.product-card{margin-bottom:15px;}
.product-card > div{padding:0 !important;border-radius:4px;background:#B2DFFF;}
.product-card > div > div{padding:5px !important;}
.product-card > div > div > h4{text-align:center;}
.product-card > div > div > h4 > a{color:#EF7732;}
.product-card button{
    background: #005D9D;
    background: -webkit-linear-gradient(#0179C1,#084C83);
    background: -o-linear-gradient(#0179C1,#084C83);
    background: -moz-linear-gradient(#0179C1,#084C83);
    background: linear-gradient(#0179C1,#084C83);
    color: #fafafa;
}
.product-card .help-block{display:none;}
.one-product {margin:15px 0;text-align: center;}
.one-product img{width:100%;height:100px !important;}
.one-product a{display:block;}
.one-product input{width:25%;float:left;margin-right:5px;}
.price-new {color: #e10000;}
.img-user-area {text-align:center;}
.help-block{height:0px; margin-top:0px !important; padding-bottom: 5px;font-size:13px;}
.one-product .help-block{height:0px;width:100%;position:absolute;bottom:42px;}
.shopcard-gohome{min-width:135px;display:inline-block;}
.checkout-rule{padding:0;margin-bottom:10px;}
.checkout-rule p{max-height:160px;overflow-y:scroll;}
.checkout-rule p{
	font-family:time news roman;font-size:15px;padding:10px;
	background-color:#D9EFFF;border-top:2px solid #65C6FF;border-bottom:2px solid #65C6FF;
}
.checkout-item{ 
    background-color:#FAFAFA; 
    padding:0;
    border-top:1.5px solid #DCDCDC;
    border-bottom:1.5px solid #DCDCDC;
    margin-bottom:10px;
}
.checkout-item > div > div{padding:2px;float:left;max-width: 50%;}
.checkout-item a, .checkout-input input, .checkout-item span{position:relative;top:14px;}
.checkout-img img{width:50px;height:50px;}
.checkout-item a input{position:relative;margin:0;width:15px;top:2px;}
.checkout-input input{width:40px;top:12px;border-radius:4px;margin-left:10px;}
.checkout-total h4{margin:0 !important;padding-right:5px;padding-left:5px;}
.checkout-price-total{float:right !important;}
.checkout-billing > div{padding:0;}
.checkout-billing,.checkout-total{background-color:#FAFAFA;padding:10px 0 !important;border-top:1.5px solid #DCDCDC;border-bottom:1.5px solid #DCDCDC;}
.payment-method{padding:0 !important;}
#order-payment_method > .modal-radio{
    width:100%;
    background-color:#FAFAFA; 
    padding:10px !important;
    border-top:1.5px solid #DCDCDC;
    border-bottom:1.5px solid #DCDCDC;
}
#order-payment_method > .modal-radio > input{margin-right:5px;position:relative;top:1.2px;}
.send_checkout{
    border:none;
    border-radius:4px;
    color:#fafafa !important;
    padding:5px 15px;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0179C1,#084C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0179C1,#084C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0179C1,#084C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0179C1,#084C83);
    padding:7px 15px;margin-left:15px;
}
.end-checkout{margin-top:50px;padding-bottom:10px;text-align:right;}
.update-checkout{margin-right:10px;background:#FAFAFA;border:1px solid #ddd;padding:9px;border-radius:4px;}
.use_transport h5 {margin:0;}
.login-after-button{border-radius:0 !important;box-shadow:1px 1px 1px 1px #ddd;color:#fafafa !important;}
.footer-fone-mobile{color:#444;font-weight:bold;padding:5px;background-color:#fafafa;text-align:center;}
.button-max-img{cursor:pointer;}
.max-size-img-box{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background-color: rgba(0, 0, 0, 0.5);}
.max-size-img{position:absolute;max-width:none;border-radius:5px;margin:auto !important;top:0;bottom:0;right:0;left:0;}
/* Animates change send button >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@keyframes chan_send_button {
    from {margin:0;width:auto;height:auto;}
    to {margin-top: -250px;margin-left: 250px;width: 80px;height: 80px;}
}
@-webkit-keyframes chan_send_button {
    from {margin:0;width:auto;height:auto;}
    to {margin-top: -250px;margin-left: 250px;width: 80px;height: 80px;}
}
@-moz-keyframes chan_send_button {
    from {margin:0;width:auto;height:auto;}
    to {margin-top: -250px;margin-left: 250px;width: 80px;height: 80px;}
}

.navbar-collapse-right ul.dropdown-menu ul.dropdown-menu{
    position: relative;
    border: none;
    margin-top: 0;
    left: 0 !important;
    box-shadow: none;
    width: 100%;
}