/* Dành cho thiết bị di động */
@font-face {
	font-family: 'notica';
	src: url('fonts/notica.ttf');
}

.font_notica{font-family:notica;}
.font_roboto{font-family: 'Roboto', Helvetica, Arial,sans-senif; }
.font_helvetica{font-family: Helvetica, Arial, sans-serif;}


body{font-family:notica;font-size:16px;/*max-width:1300px;*/
    margin:0 auto;color:black;font-weight:normal;background-color:#FFFFE1;}

div{padding:0px;border-radius:0px;margin:0px;border:0px;}
a{text-decoration:none;}
a:link{color:#0d0d59/*#6666aa*/;}
a:visited{color:black/*#6666aa*/;}
a:hover{color:red/*#6666ff*/;}
a:active{color:#4444ff;}

/*p4 add code*/

div.linkchuyenam{ border: 1px solid #A5A1A1;  border-radius: 5px; padding: 3px 10px; margin-bottom: 10px}
.quote {padding: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(0, 0, 0);
  padding-bottom: 0!important;
  margin-bottom: 0.7rem;
	color: rgb(0, 0, 0);
	background-color: rgb(215, 218, 236);
}
.quoteheader {
	margin-top: 1ex;
	font-weight: bold;
	font-size: small;
	line-height: 1.2em;
  padding-bottom: 0!important;
}
.khung-3-heading-bai-viet {
  padding:5px 0;
  background: #CCFF99; /*-- màu nền của khung--*/
  color:#0000FF;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  line-height: 1 !important;
  min-height: 50px;
  text-align: center !important;
}
.khung-3-heading-bai-viet p {
    line-height: 1 !important;
}
.h1-heading-baiviet {
  font-family: "Times New Roman", serif !important;
  text-align: center !important;
  margin-top: 0.67rem;
  color: #990000; /*--màu đà--*/
  text-shadow: grey 0.1em 0.1em 0.2em;
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: -10px!important;
}

#ngay-thang-bai-viet {
  text-align: center !important;
  margin-top: 1rem;
    margin-bottom: 1rem;
    color: blue;
}
#last-edited {
  float: left;
  text-align: left;
  height: 1.2rem; /*--hạn định chiều cao để khĂ´ng cho hiện GMT 7--*/
  overflow: hidden; /*-- khĂ´ng hiện dĂ²ng GMT 7 giờ Ä‘Ă´ng dÆ°Æ¡ng--*/
  width: 220px;
  padding-left: 0.5rem;
}

#contact {
  /*float: right;*/
  width: 50%;
  padding: 0.7rem 2rem;
}

.post_content_item_title {
  font-size: 19px;
  line-height: 1.3em!important;
  height: auto!important;
}
.phantrang_item_cungchuyenmuc {
    margin-right: 10px!important; /* Điều chỉnh khoảng cách giữa các nút */
    display: inline-block;
}

/*end p4 add code*/


input, select, textarea, button{border:1px solid #e8dada;padding:5px 3px;margin-right:2px;margin-left:2px;font-size:16px;}
input[type='text'],input[type='password']{background-color:#ffffff;width:100%;max-width:100%;}
input[type='text']:focus{background-color:#ffffff;}
input[type='button']{background-color:#9999ff;color:#ffffff;cursor:pointer;border:1px solid #6666ff;white-space:nowrap;}
input[type='button']:hover,input[type='submit']:hover,.button:hover,button[type='submit']:hover{background-color:#ffffff;color:#0066ff;}
input[type='submit'],button[type='submit']{cursor:pointer;}
input[readonly],input[readonly]:focus{background-color: rgba(100,100,100,0.1);color:#666}
select{background-color:#eeeeee;max-width:400px;}

fieldset,legend{border:1px solid #e8dada;padding:10px 10px;}
fieldset{margin:10px 0px;margin-right:0px;}
legend{background-color:inherit;font-weight:bold;}

h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:12px;}
h6{font-size:6px;}

ol,ul{-webkit-padding-start:2em;}

::-moz-selection { background: #cd2122; color: #fff; text-shadow: none; }
::selection { background: #cd2122; color: #fff; text-shadow: none; }

::-webkit-scrollbar {width: 8px; height:8px; }
::-webkit-scrollbar-track {background: #FFFFFF;-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;border: 1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background: #84acdc;-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:active {background: #888;-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);}




.page_title{font-size:14px;color:#26a1dd;font-family:'Tahoma';text-transform:uppercase;padding:0.5em 15px;border-bottom:1px solid #26a1dd;/*margin-bottom:0.5em*/;font-weight: normal;}

div.page_seperator_box{box-sizing: border-box;margin:1em 2px;width:auto;min-height:1em;padding:0.5em 2px;line-height:2em;/*background-color:rgba(225,225,225,0.1);*/margin-top:1em;text-align:center;word-break: break-all;}
div.page_seperator_box:before{content:'Trang ';color:#666666}
a.page_seperator_item{padding:3px 3px;background-color:#ffffff;margin:0px 10px;border-radius:0px;display:inline-block;line-height:1.3em;}
a.page_seperator_item:hover,a.page_seperator_item[selected='selected']{color:#ff3333;}

#header{margin-left:0px;margin-right:0px;width:auto;padding-bottom:0px;font-size:16px;font-weight:normal;}
#main{width:auto;max-width:100%;height:auto;min-height:600px;padding:10px 5px;overflow:hidden;/*background-color:#fafafa;*/}

/*#footer{margin-left:0px;margin-right:0px;width:auto;height:auto;color:#666666;padding:2em 5px;font-weight:normal;overflow:hidden;background-color: #ffffff;}*/
#footer {
  clear:both;
  background: #993300;
  font-size: 0.8rem;
  height: 2em;
  margin-bottom: 4em;
  line-height: 1.2rem;
  color: white;
  font-weight: 300;
}

#backtotop_button{display:none;position:fixed;bottom:2px;right:2px;width:30px;height:30px;overflow:hidden;}
#public_message{display:inline-block;bottom:2px;left:2px;width:200px;overflow:hidden;background-color:#ccccff;border:1px solid #9999ff;border-top-right-radius:5px;border-top-left-radius:5px;}
#public_message.extra{position:fixed;border-bottom:5px solid #aaaaff;}
#backtotop_button>img{width:30px;height:30px;cursor:pointer;}

div.public_message_header{padding:5px;font-family:"Time New Roman";font-size:18px;color:#ffffff;background-color:#aaaaff;border-bottom:1px dotted #ffffff;}
div.public_message_content{display:none;}
#public_message.extra div.public_message_content{display:block;padding:5px;padding-right:7px;}
div.public_message_header>img{height:18px;width:25px;float:left;margin-right:10px;background-image:url('bg/white_20.png')}
div.public_message_waiting{padding:110px 5px;height:50px;display:none;}
div.public_message_waiting>img{width:100%;height:5px;margin-bottom:20px}
input[name='public_message_email']{display:block;padding:5px;height:30px;width:100%;max-width:100%;border:1px solid #bbbbbb;margin:0px;}
textarea[name='public_message_nd']{margin:5px 0px;padding:5px;height:170px;width:100%;border:1px solid #bbbbbb;resize:none}
div.public_message_action{text-align:center;margin-top:0.5em;}
div.public_message_action>input{padding:5px 20px;}

#header .header_top{min-height:70px;background-image:url('bg/header_bg.png'),url('img/header_top_bg.png');background-repeat:no-repeat;background-size:105px 70px,1300px 70px;}

#header div[name='member']{text-align:right;margin-left:100px;}
#header div[name='member'] a{padding:5px 2px;color:#333333;white-space:nowrap;text-wrap: normal;vertical-align: middle;}
#header div[name='member'] .user_menu{line-height: 1.2em;border:1px solid #999999}
#header div[name='member'] .user_menu .border_b{border-bottom: 1px solid #26a1dd;}
#header div[name='member'] a:hover{color:#ff0066;}
#user_count_product_incart{}

#header div[name='header_slogend']{font-size:36px;border-radius:5px;float:left;display:block;width:auto;}
#header div[name='header_slogend'] img{display:inline-block;float:left;padding:10px;height:70px;width:70px;margin-top:0px ;}
#header div[name='header_slogend'] a div{display:block;height:auto;line-height:36px;padding:10px 10px;padding-left:90px;background-image:url('bg/white_40.png');border:1px solid #ddddff;font-family:wedding;color:#ffffff;font-size:36px;text-shadow:1px 1px 5px #6666ff;}
#header div[name='header_slogend'] h1{font-weight:normal;font-size:36px;display:inline;font-family:wedding;}

#header #search{display:block;position:relative;border-radius:5px;margin-left:100px;margin-right:0px;width:auto;}
#header #search input[name='search_input']{display:inline-block;padding:5px;padding-right:30px;margin:0px;height:30px;width:100%;background-color: rgba(255,255,255,0.9);border: 1px solid #40c4ef;}
#header #search button[type='submit']{display:inline-block;position:absolute;right:0.7em;top:0.45em;height:1.6em;width:1.6em;padding:0px;cursor:pointer;background-color: transparent;border: 0px solid transparent;}
#header #search button[type='submit']:active{border: 0px solid transparent;outline: 0px solid #666;}
#search_icon{width:100%;height:100%}


.wrapper_main_menu img.menu_icon{display:none !important;height:1em;width:1em;margin-right:3px;border-radius:10px;vertical-align: top;margin-top:0.125em;}
.wrapper_main_menu{ width: 100%;height:auto;}
.wrapper_main_menu li{ list-style: none;font-size: 20px;}
.wrapper_main_menu li .goto{margin-left: 0.5em;color:#26a1dd}
.wrapper_main_menu li.extra .goto{transform: rotate(180deg);}
.wrapper_main_menu li[visited='visited']{background-image:url('bg/blue_80.png')}
.wrapper_main_menu a{text-decoration: none;font-family:myfont1;font-size:1em;color:#26a1dd;white-space:nowrap;}
.wrapper_main_menu a:hover{color: #333333;}
.wrapper_main_menu .clear{ clear: both;}

.wrapper_main_menu .main_menu{background-color:rgba(38,161,221,0.1);border-top:3px double #26a1dd ;border-bottom:2px inset #26a1dd ;height:2em;overflow:hidden;font-size: 24px;box-sizing:  content-box}
.wrapper_main_menu .main_menu.extra{height:auto;overflow: visible}
.wrapper_main_menu .main_menu .control{margin-top:0.5em;margin-right:0.5em;}
.wrapper_main_menu .main_menu.extra .control{}

.wrapper_main_menu .main_menu>ul{margin-right:50px;}
.wrapper_main_menu .main_menu>ul>li{padding: 0.25em 27px; padding-left:15px;position: relative;font-size: 24px;min-height:2em}
.wrapper_main_menu .main_menu ul li:hover{ background-color: rgba(225,225,225,0.2); transition: all 0.25s;}
.wrapper_main_menu .main_menu>ul>li>ul{ display: none;position:static;padding:0.5em 0px;margin-left: 1em;}
.wrapper_main_menu .main_menu>ul>li.extra ul{ display: block;}
.wrapper_main_menu .main_menu>ul>li>ul>li{padding: 0.25em;background-color: transparent;}

.wrapper_main_menu .main_menu ul li:hover ul li:hover{ background-color: transparent;transition: all 0.25s;}


@-webkit-keyframes footer_link{
    from
    {
        width:0%;
    }
    to
    {
        width:100%;
    }
}
@keyframes footer_link{
    from
    {
        width:0%;
    }
    to
    {
        width:100%;
    }
}
@-webkit-keyframes footer_link_q{
    from
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes footer_link_q{
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/*
#footer .footer_box{padding-left: 1px;padding-right: 1px;margin-bottom:0px !important}
#footer .footer_h{padding: 0.5em;background-color: #585858;color:#ffffff;text-transform: uppercase;font-weight: normal;}
#footer .footer_box:hover .footer_h{color:#aaaaff}
#footer .footer_c{padding-left: 0.5em;line-height: 1em;margin-top: 0em;}
#footer  a.footer_link{display:none;padding:0.3em 0px;color:#666666;margin-bottom:0.4em;font-family: 'Roboto', Helvetica, Arial,sans-senif;}
#footer  a.footer_link:hover{color:#aaaaff}
#footer  a.footer_link .footer_link_hover_affect{height:1px;background-color: #aaaaff;width:0%;transition: all 0.5s;margin-top: 1px;}
#footer  a.footer_link:hover .footer_link_hover_affect{transition: all 0.5s;width:100%;-webkit-animation:footer_link 0.5s ease-out;animation: footer_link 0.5s ease-out;}
#footer  a.footer_link i.fa{transition: all 0.5s;}
#footer  a.footer_link:hover i.fa{transition: all 0.5s;-webkit-animation:footer_link_q 0.5s linear;animation: footer_link_q 0.5s linear;}
#footer  .footer_box.expand a.footer_link{display: block;}
.footer_info{margin-top: 0em;border:3px double #666666;border-left:0px;border-right:0px;box-sizing: border-box;overflow: hidden;}
.footer_info .width_50{margin-bottom:0px}
.footer_favico{height:4em;width:4em;margin-right:0.5em;vertical-align: middle;}
.copyright{vertical-align: middle;text-transform: uppercase;}
.footer_info .contact img{height:2em;display:inline-block;border-radius:50%;padding:0.1em;vertical-align: middle;margin-left:0.2em;background-color: rgba(225,225,225,0.7);}
.footer_info .contact img:hover{background-color: rgba(225,225,225,0.3);}
.footer_info .author{height:2em;padding: 0.1em;box-sizing: border-box;line-height: 1em;vertical-align: middle;}
.footer_info .dmca img{height:2em;border-radius:0px;}
.footer_statistic{border-bottom:1px solid #666666;}
*/

#tooltip{position:fixed;color:#ffff00;font-size:20px;left:0px;top:0px;visibility:hidden;border-radius:10px;z-index: 1000;}
#caption{position:fixed;top:0px;right:0px;bottom:0px;left:0px;width:auto;height:auto;z-index:-1000;overflow-y:auto;background-color:rgba(0,0,0,0.5);display:none}
#blur_bg{position:fixed;top:0px;left:0px;bottom:0px;right:0px;width:auto;height:auto;background-color:#000000;opacity:0.2;display:none;}

#tooltip div[name='light_bg'],#tooltip div[name='tooltip_content']{position:absolute;top:0px;left:0px;padding:10px 5px;width:auto;height:auto;border-radius:10px;}
#tooltip div[name='light_bg']{background-color:#000000;opacity:0.7;}
#tooltip div[name='tooltip_content']{white-space:nowrap;min-width:100px;}

@media all and (min-width: 240px)
{
       #contact {
        text-align: left;
        clear: both;
        width: 100%;
        padding:0;
        padding-left: 10px;
      }
}
@media all and (min-width: 320px)
{

}
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 600px)
{
	input[type='text'],input[type='password']{width:auto;max-width:400px;}
	input[name='public_message_email']{width:100%;max-width:100%;}

	#header #search{width: 500px;}
    #header #search input[name='search_input']{width:100%;max-width:500px}

    .page_title{font-size:24px;padding:15px 15px;/*margin-bottom:1.5em;*/}

    .wrapper_main_menu .main_menu:hover{height:auto;overflow:initial}
    .wrapper_main_menu .main_menu:hover .control{transform: rotate(180deg);}
    .wrapper_main_menu li:hover .goto{transform: rotate(180deg);}
	.wrapper_main_menu .main_menu>ul>li{ float: left;}
    .wrapper_main_menu .main_menu>ul>li>ul{position: absolute;z-index:1000;margin-left:-27px;padding-right:27px;padding-left:27px;margin-top:0.35em;border-top:2px solid #26a1dd;min-width:100%;padding-top:10px;background-color:#fff;}
    .wrapper_main_menu .main_menu>ul>li:hover ul{ display: block;}

    /*
    #footer{padding-bottom:40px;}
    #footer .footer_c{margin-top: 1em;}
    #footer  a.footer_link{display:block;}
    .footer_info{margin-top: 1em;}

    #public_message{position:fixed;}
    */
    /*danh mục*/
    .post_content_item_title {
        font-size:16px;
        height: 50px !important;
    }

    #contact {text-align: right;}

}

 @media all and (min-width: 780px)
{
    /*
	   .footer_info .contact img{height:3.6em;top:0.2em;display:inline-block;position:relative;padding:0.6em;}
    .footer_info .author{height:4em;padding: 1em 0.5em;}
    .footer_info .dmca img{height:4em;top:0px;}
    */
}

/* Dành cho máy tính bảng chiều ngang */
@media all and (min-width: 1024px)
{
   #header #search{float:left;margin-left:50px;margin-right:10px;margin-top:0.85em}
	 #header div[name='member']{float:right;margin-top:1.25em}


   /*khu vực edit post*/
   #str_dialog {
      position: absolute; left: 0px; top: 5px;
   }

   #post_update_nd {
      max-height: 450px!important;
      padding-left: 10px;
   }
   #post_add_nd {padding-left: 10px;}


   #post_update_linkchuyenam {
    max-width: 300px;
   }

}

/* Dành cho màn hình desktop */
@media all and (min-width: 1280px)
{
    .h1-heading-baiviet {
        font-size: 25px !important;
    }




}