body{ margin: 0px; font-size: 14px;	font-family: arial; line-height: 160%; color: #222; }
a{ cursor: pointer;}
a img{ border: none; cursor: pointer; }
h1,h2,h3,h4{line-height: 1.25;}
div.module_plugins, div.module_data, div.box_content,div.box_html,div.box_image,div.box_link{float: left; width:100%; margin:0px;}
div.module_data{position: relative;}
div.module_plugins h3.category,
div.module_data h3.category{float:left;width:100%;margin:0px;}
div.ishtml h3.category{display: none;}
div.module_plugins{margin-bottom: 10px;}

div.pathway{ float: left; width:100%; padding: 10px 0 10px 0;}
div.pathway a{float: left; line-height: 20px; padding-left:5px;text-decoration: none;  color: black; margin: 5px;}
div.pathway a:after{content: "\f105";font-family: "fontawesome";  margin:0px 0px 0 10px; color: #5b5b5b;}
div.pathway a:hover{	text-decoration: underline;}
div.pathway a:first-child:after{content: ""; margin: 0px;}
div.pathway a:last-child:after{content: "";  margin: 0px;}
div.pathway a:first-child{margin-top: 0px;}
div.pathway a:first-child i{font-size: 24px;}

div#back-top { float: right; display: none; position: fixed; bottom: 150px; right: 2px; z-index: 800;}
div#back-top span{ float:left; text-align: center; background-color: rgba(0,0,0,0.3); cursor: pointer;color:white; font-weight: bold; font-size:14px; padding: 5px 10px 5px 10px;}
div#back-top span:hover{ background-color: black;} /* height:40px; width: 40px; border-radius: 50%;  line-height: 40px;border: #9c9c9c 5px solid; border-color: #d7dce3*/

div.mnavbar div.mblink{float: left; width: 100%;  padding: 10px 0 10px 0;}
div.mblink a{float: left; margin: 10px; text-decoration: none; padding: 4px;color: #0066cc;}
div.mblink span{display: none;}
div.mblink i{font-size: 25px;}
div.copyright{float: left; width: 100%; text-align: center; padding: 10px 0 10px 0;}

div.next-page{ float: left; width: calc(100% - 10px);  position: relative; background-color: #f1eee4; padding: 5px 5px 5px 5px; margin-top: 20px;}
div.next-page label,
div.next-page a{	float: left; margin: 1px 2px 1px 2px;background-color: white; text-decoration: none; border-radius: 2px; padding: 4px 10px 4px 10px; border: #cecece 1px solid;cursor:pointer; color:black;}
div.next-page a.active,
div.next-page label:hover,
div.next-page a:hover{ background-color: #dd0d12; color: white!important;border-color: #b60b0f}
div.next-page div.left{float: left;}
div.next-page div.right{float: right; margin-right: 5px; line-height: 34px; height: 34px; font-size:18px;}
div.next-page div.right span{}

div#gotoAnypage{	position: absolute; display: none; z-index: 100;}
div#gotoAnypage div.box{	float: left; width: 110px;	padding: 1px; border: 1px solid black; background-color: #dcdcdc;}
div#gotoAnypage div label{	background-color: black; float: left; width: 100%; color: white; font-weight: bold; line-height: 18px; text-indent: 5px; margin-bottom: 5px;}
div#gotoAnypage div form{	float: left; width: 90%; padding: 4px 5% 4px 5%;}
div#gotoAnypage div input[name='anyPage']{width: 50px;}

ul.listCategory,
ul.listCategory li{float: left; margin: 0px; padding:0px; list-style: none;}
ul.listCategory{width: calc(100% - 20px); padding: 10px;}
ul.listCategory li a{text-decoration: none;background-color: #f5f5f5; float: left; padding: 5px 10px 5px 10px;margin: 5px;color: black;}
ul.listCategory li a:hover{background-color: #dcdcdc;}
ul.listCategory li.active a{background-color: #156f50; color:white;}

/*news*/
ul.news,
ul.news li{float: left;margin:0px;list-style: none;}
ul.news{	width: 96%; padding: 20px 2% 20px 2%;}
ul.news li{position: relative; padding: 20px 0 20px 0;  border-bottom: #d6d6d6 1px solid;width:100%;}
ul.news li a{text-decoration: none; color: #333;}
ul.news li a i{color: #828282;}
ul.news li a:hover{text-decoration: underline;}
ul.news li a.img{ float: left;width:200px; margin-right: 15px;background: url("../images/loading.gif") no-repeat center; overflow: hidden;}
ul.news li a.img img{ width: 100%;}
ul.news li a.img img:hover{opacity: 0.8; border-color: #f1ca28;}

ul.news li div.info{float: left;position: relative; width: calc(100% - 220px); }
ul.news li h2{float: left;width:100%; margin: 0px; line-height: 1.2; font-size: 16px;}
ul.news li h2 i.fa{font-size: 16px; color: #828282;}
ul.news li h2 i.fa-star{color:red;position: relative; animation: hot-star 1s infinite;}
@keyframes hot-star{ 0% {color:red;} 25% {color:yellow;} 50% {color:red;} 75% {color:yellow;} 100% {color:red;} }
ul.news li h2 a:hover{color: #2977BA;}
ul.news li h2 a:visited{color: black;}
ul.news li div.info div{float: left;width:100%; margin:15px 0 0px 0;color: #3c3c3c;}
ul.news li div.info div.relative-time{ margin-top:5px; color:#8B8B8B; }

form.topForm{float: right; margin: 10px 5px 0px 5px; border-radius: 20px; background-color: white; border:#dcdcdc 1px solid;}
form.topForm input[type='text']{width: calc(100% - 95px); padding: 8px 5px 8px 20px; font-size: 18px; border: 0px;	background-color: transparent;float: left;}
form.topForm input[type='text']:focus { outline: none;}
form.topForm button{border-radius: 0px 20px 20px 0; font-size: 18px;cursor: pointer;background-color: #888888; border: none;color: white; text-align: center;float: right; width: 54px;padding: 8px;}
form.topForm button i.fa{font-size: 18px;}
form.topForm button:hover{background-color: #156f50;}

/*user*/
div.line-user{float: right;position: relative;}
/*div.line-user div{float: right; position: relative;}*/
div.line-user a{text-decoration: none; float: left; color: white;}
div.line-user span,
div.line-user a{text-align: center; position: relative;height: 40px; line-height: 40px; border-radius: 20px; min-width:40px; margin: 10px 5px 0 5px; background-color: #156F50;}
div.line-user a ins{float: left;  padding: 0px 10px 0px 0px; cursor: pointer; line-height: 40px; height: 40px; max-width:70px; overflow: hidden;margin-left:5px; margin-right:5px; text-decoration: none;}
div.line-user a i.fa{float:left; margin:13px 0 0 13px;}
div.line-user a.cart0{display: none;}
div.line-user a.cart i.fa{margin: 9px; font-size: 22px;}
div.line-user a img{width: 40px; height: 40px; border-radius: 50%; float: left;}
div.line-user a sup{color: white; position: absolute; background-color: red; top: -5px; right: -5px; padding: 3px; height: 15px; line-height: 15px; border-radius: 50%;font-size: 12px; min-width: 15px; text-align: center;}

div.line-user span{background: #156F50; float:left; cursor: pointer;}
div.line-user span i.fa{float: left;width:100%; font-size:20px; color:white; margin-top:10px;}
div.line-user span:hover,
div.line-user a:hover{background-color: #1D9A71;}

div.line-user span.userBars{position: relative;}
div.line-user span.userBars img{width: 40px; height: 40px; border-radius: 50%; float: left;}
div.line-user span.userBars i.fa{position: absolute; left: 0px;background-color: rgba(0,0,0,0.4);width: 40px; height: 40px; top: 0px; margin: 0px;border-radius: 50%;line-height: 40px;}
div.line-user span.userBars:hover i.fa{background-color: transparent;}

div.line-user div.ctrlUser{position: absolute; top: 50px; width: 280px;right: 0px; min-height: 100px; background-color: #1D9A71; z-index: 100; padding: 15px; display: none; border: #156d4f 2px solid;}
div.line-user div.ctrlUser h3{float: left; width: 100%; margin:0; background-color: #1D9A71; padding: 0px 0 10px 0; color:white;;text-transform: uppercase; overflow: hidden;height: 20px;}
div.line-user div.ctrlUser div{width: calc(100% - 20px); background-color: #F1EEE4; border-radius: 5px; padding: 10px; float: left;}
div.line-user div.ctrlUser div a.img{width: 100px; height: auto;margin: 0px; background-color: transparent;}
div.line-user div.ctrlUser div a.img img{float: left; width: 100%; height: auto;  border-radius: 0px; }
div.line-user div.ctrlUser div div{width: calc(100% - 110px); padding: 0px; float: right;}
div.line-user div.ctrlUser div label{float: left; width: 100%; border-bottom: #E2DCC7 1px solid; padding: 5px 0 5px 0; overflow: hidden;height: 20px;}

div.line-user div.ctrlUser ul,
div.line-user div.ctrlUser ul li{float: left;padding:0px;width:100%; margin:0px; list-style: none;}
div.line-user div.ctrlUser ul{margin-top:5px;}
div.line-user div.ctrlUser ul li{border-bottom:#E2DCC7 1px solid;}
div.line-user div.ctrlUser ul li a{ margin:0px; text-align: left; color: #4169E1; height: 30px; line-height: 30px; background-color: transparent;}
div.line-user div.ctrlUser ul li a i{float: none; margin:0px;}
div.line-user div.ctrlUser ul li a:hover{text-decoration: underline;}
div.line-user div.ctrlUser ul li a.active{font-weight:bold; color: black;}

div.form,
div.form div.hline{float: left;width: 100%; margin-bottom: 5px;}
div.form form{float: left; width:100%;}
div.form div.hline div{float: left; margin-right: 6px;}
div.form input[type='password'],
div.form input[type='text']{border: #c4c4c4 1px solid; border-radius: 3px;padding: 7px;float: left;margin-top: 3px;width: calc(100% - 16px);}
div.form input[type='text']:hover,
div.form input[type='password']:hover{ border-color: #858585; }

div.form select{padding: 7px; border-radius: 3px; border: #c4c4c4 1px solid;float:left;margin-top:3px;}
div.form select:hover{border: #858585 1px solid;}
div.form select option{	border-bottom: #f1f1f1 1px solid;}

div.form div.hline textarea{ float: left; border: #c4c4c4 1px solid; padding: 7px;	cursor: text; border-radius: 3px; font-family: Arial; font-size: 13px; width: calc(100% - 16px); margin-top:3px;} 
div.form div.hline textarea:hover{border: #858585 1px solid;}

div.form textarea.error,
div.form select.error,
div.form input[type='password'].error,
div.form input[type='text'].error{background-color: #fff1ee; border-color: #ff6a31;}

div.form button{float: left;cursor: pointer; background-color: #d34836; border: #be3c29 1px solid; color: white; padding: 6px 10px 6px 10px; border-radius: 3px; font-size:18px; margin-top:3px;}
div.form button:hover{background-color: #156f50; border-color: #0e4b36;}
div.form button span{text-indent: 10px;}
div.form button span i.fa-spinner{color: black;}
div.form button span i.fa-exclamation-triangle{color: red;}


div.star i.fa{float: left; margin-right: 3px; color: #f1ca28; font-size: 18px;}


@keyframes heartbeat {
 25% { transform:scale(1.2); }
 50% { transform:scale(1); }
}
@keyframes ck-ripple {
 50% { box-shadow:none; }
 70% {  box-shadow:0 4px 10px rgba(255, 0, 0, 0.3), 0 0 0 10px rgba(255, 0, 0, 0.3); }
 100% {  box-shadow:0 4px 10px rgba(255, 0, 0, 0.3), 0 0 0 20px rgba(255, 0, 0, 0); }
}

@keyframes ck-ripple-green {
 0% {  box-shadow:0 4px 10px rgba(76, 209, 55, 0.3), 0 0 0 0 rgba(76, 209, 55, 0.3), 0 0 0 5px rgba(76, 209, 55, 0.3), 0 0 0 10px rgba(76, 209, 55, 0.3); }
 100% { box-shadow:0 4px 10px rgba(76, 209, 55, 0.3), 0 0 0 5px rgba(76, 209, 55, 0.3), 0 0 0 10px rgba(76, 209, 55, 0.3), 0 0 0 20px rgba(0, 255, 0, 0); }
}

@keyframes shake {
 5%, 15%, 25%,35%, 45% { transform:translate3d(-2px, 0, 0); }
 10%, 20%, 30%, 40% { transform:translate3d(2px, 0, 0); }
 50% { transform:translate3d(0, 0, 0); }
}

@keyframes shake-hover {
 10%, 90% { transform:translate3d(-1px, 0, 0); }
 20%, 80% { transform:translate3d(1px, 0, 0); }
 30%, 50%, 70% { transform:translate3d(-1px, 0, 0); }
 40%, 60% { transform:translate3d(1px, 0, 0);  }
}

@keyframes roll {
 0% { transform:rotate(15deg); }
 100% { transform:rotate(-15deg); }
}
@keyframes zoomin {
 0% { transform:scale(1); }
 50% { transform:scale(1.05); }
 100% { transform:scale(1); }
}