/*Width2.width2_minpixel_totalinrow*/
.width2{position:relative;display:block;float:left;overflow:hidden;box-sizing: border-box;}
.width2.float_right{float: right;}
.width2.width2_0_1{width: 100%;}
.width2.width2_0_2{width: 50%;}
.width2.width2_0_3{width: 33.33333333%;}
.width2.width2_0_4{width: 25%;}
.width2.width2_0_5{width: 20%;}
.width2.width2_0_6{width: 16.666666666%;}
.width2.width2_0_7{width: 14.28571428%;}
.width2.width2_0_8{width: 12.5%;}
.width2.width2_0_9{width: 11.111111111%;}
.width2.width2_0_10{width: 10%;}
.width2.width2_0_11{width: 9.0909090909%;}
.width2.width2_0_12{width: 8.3333333333%;}
@media all and (min-width: 320px) 
{
.width2.width2_320_1{width: 100%;}
.width2.width2_320_2{width: 50%;}
.width2.width2_320_3{width: 33.33333333%;}
.width2.width2_320_4{width: 25%;}
.width2.width2_320_5{width: 20%;}
.width2.width2_320_6{width: 16.666666666%;}
.width2.width2_320_7{width: 14.28571428%;}
.width2.width2_320_8{width: 12.5%;}
.width2.width2_320_9{width: 11.111111111%;}
.width2.width2_320_10{width: 10%;}
.width2.width2_320_11{width: 9.0909090909%;}
.width2.width2_320_12{width: 8.3333333333%;}
}
@media all and (min-width: 480px) 
{
.width2.width2_480_1{width: 100%;}
.width2.width2_480_2{width: 50%;}
.width2.width2_480_3{width: 33.33333333%;}
.width2.width2_480_4{width: 25%;}
.width2.width2_480_5{width: 20%;}
.width2.width2_480_6{width: 16.666666666%;}
.width2.width2_480_7{width: 14.28571428%;}
.width2.width2_480_8{width: 12.5%;}
.width2.width2_480_9{width: 11.111111111%;}
.width2.width2_480_10{width: 10%;}
.width2.width2_480_11{width: 9.0909090909%;}
.width2.width2_480_12{width: 8.3333333333%;}
}
@media all and (min-width: 600px) 
{
.width2.width2_600_1{width: 100%;}
.width2.width2_600_2{width: 50%;}
.width2.width2_600_3{width: 33.33333333%;}
.width2.width2_600_4{width: 25%;}
.width2.width2_600_5{width: 20%;}
.width2.width2_600_6{width: 16.666666666%;}
.width2.width2_600_7{width: 14.28571428%;}
.width2.width2_600_8{width: 12.5%;}
.width2.width2_600_9{width: 11.111111111%;}
.width2.width2_600_10{width: 10%;}
.width2.width2_600_11{width: 9.0909090909%;}
.width2.width2_600_12{width: 8.3333333333%;}
}
@media all and (min-width: 720px) 
{
.width2.width2_720_1{width: 100%;}
.width2.width2_720_2{width: 50%;}
.width2.width2_720_3{width: 33.33333333%;}
.width2.width2_720_4{width: 25%;}
.width2.width2_720_5{width: 20%;}
.width2.width2_720_6{width: 16.666666666%;}
.width2.width2_720_7{width: 14.28571428%;}
.width2.width2_720_8{width: 12.5%;}
.width2.width2_720_9{width: 11.111111111%;}
.width2.width2_720_10{width: 10%;}
.width2.width2_720_11{width: 9.0909090909%;}
.width2.width2_720_12{width: 8.3333333333%;} 
}
@media all and (min-width: 800px) 
{
.width2.width2_800_1{width: 100%;}
.width2.width2_800_2{width: 50%;}
.width2.width2_800_3{width: 33.33333333%;}
.width2.width2_800_4{width: 25%;}
.width2.width2_800_5{width: 20%;}
.width2.width2_800_6{width: 16.666666666%;}
.width2.width2_800_7{width: 14.28571428%;}
.width2.width2_800_8{width: 12.5%;}
.width2.width2_800_9{width: 11.111111111%;}
.width2.width2_800_10{width: 10%;}
.width2.width2_800_11{width: 9.0909090909%;}
.width2.width2_800_12{width: 8.3333333333%;}    
}
@media all and (min-width: 980px) 
{
.width2.width2_980_1{width: 100%;}
.width2.width2_980_2{width: 50%;}
.width2.width2_980_3{width: 33.33333333%;}
.width2.width2_980_4{width: 25%;}
.width2.width2_980_5{width: 20%;}
.width2.width2_980_6{width: 16.666666666%;}
.width2.width2_980_7{width: 14.28571428%;}
.width2.width2_980_8{width: 12.5%;}
.width2.width2_980_9{width: 11.111111111%;}
.width2.width2_980_10{width: 10%;}
.width2.width2_980_11{width: 9.0909090909%;}
.width2.width2_980_12{width: 8.3333333333%;}
}
@media all and (min-width: 1024px) 
{
.width2.width2_1024_1{width: 100%;}
.width2.width2_1024_2{width: 50%;}
.width2.width2_1024_3{width: 33.33333333%;}
.width2.width2_1024_4{width: 25%;}
.width2.width2_1024_5{width: 20%;}
.width2.width2_1024_6{width: 16.666666666%;}
.width2.width2_1024_7{width: 14.28571428%;}
.width2.width2_1024_8{width: 12.5%;}
.width2.width2_1024_9{width: 11.111111111%;}
.width2.width2_1024_10{width: 10%;}
.width2.width2_1024_11{width: 9.0909090909%;}
.width2.width2_1024_12{width: 8.3333333333%;}
}
@media all and (min-width: 1240px) 
{
.width2.width2_1240_1{width: 100%;}
.width2.width2_1240_2{width: 50%;}
.width2.width2_1240_3{width: 33.33333333%;}
.width2.width2_1240_4{width: 25%;}
.width2.width2_1240_5{width: 20%;}
.width2.width2_1240_6{width: 16.666666666%;}
.width2.width2_1240_7{width: 14.28571428%;}
.width2.width2_1240_8{width: 12.5%;}
.width2.width2_1240_9{width: 11.111111111%;}
.width2.width2_1240_10{width: 10%;}
.width2.width2_1240_11{width: 9.0909090909%;}
.width2.width2_1240_12{width: 8.3333333333%;}  
}
/*end Width2*/
/*width3*/
/*width3.width3_minpixel_percentof12*/
.width3{position:relative;display:block;float:left;overflow:hidden;box-sizing: border-box;}
.width3.float_right{float: right;}
.width3.width3_0_1{width: 8.333333333%;}
.width3.width3_0_2{width: 16.66666666%;}
.width3.width3_0_3{width: 25%;}
.width3.width3_0_4{width: 33.33333333%;}
.width3.width3_0_5{width: 41.66666666%;}
.width3.width3_0_6{width: 50%;}
.width3.width3_0_7{width: 58.33333333%;}
.width3.width3_0_8{width: 66.66666666%;}
.width3.width3_0_9{width: 75%;}
.width3.width3_0_10{width: 83.33333333%;}
.width3.width3_0_11{width: 91.66666666%;}
.width3.width3_0_12{width: 100%;}
@media all and (min-width: 320px) 
{
.width3.width3_320_1{width: 8.333333333%;}
.width3.width3_320_2{width: 16.66666666%;}
.width3.width3_320_3{width: 25%;}
.width3.width3_320_4{width: 33.33333333%;}
.width3.width3_320_5{width: 41.66666666%;}
.width3.width3_320_6{width: 50%;}
.width3.width3_320_7{width: 58.33333333%;}
.width3.width3_320_8{width: 66.66666666%;}
.width3.width3_320_9{width: 75%;}
.width3.width3_320_10{width: 83.33333333%;}
.width3.width3_320_11{width: 91.66666666%;}
.width3.width3_320_12{width: 100%;}
}
@media all and (min-width: 480px) 
{
.width3.width3_480_1{width: 8.333333333%;}
.width3.width3_480_2{width: 16.66666666%;}
.width3.width3_480_3{width: 25%;}
.width3.width3_480_4{width: 33.33333333%;}
.width3.width3_480_5{width: 41.66666666%;}
.width3.width3_480_6{width: 50%;}
.width3.width3_480_7{width: 58.33333333%;}
.width3.width3_480_8{width: 66.66666666%;}
.width3.width3_480_9{width: 75%;}
.width3.width3_480_10{width: 83.33333333%;}
.width3.width3_480_11{width: 91.66666666%;}
.width3.width3_480_12{width: 100%;}
}
@media all and (min-width: 600px) 
{
.width3.width3_600_1{width: 8.333333333%;}
.width3.width3_600_2{width: 16.66666666%;}
.width3.width3_600_3{width: 25%;}
.width3.width3_600_4{width: 33.33333333%;}
.width3.width3_600_5{width: 41.66666666%;}
.width3.width3_600_6{width: 50%;}
.width3.width3_600_7{width: 58.33333333%;}
.width3.width3_600_8{width: 66.66666666%;}
.width3.width3_600_9{width: 75%;}
.width3.width3_600_10{width: 83.33333333%;}
.width3.width3_600_11{width: 91.66666666%;}
.width3.width3_600_12{width: 100%;}
}
@media all and (min-width: 720px) 
{
.width3.width3_720_1{width: 8.333333333%;}
.width3.width3_720_2{width: 16.66666666%;}
.width3.width3_720_3{width: 25%;}
.width3.width3_720_4{width: 33.33333333%;}
.width3.width3_720_5{width: 41.66666666%;}
.width3.width3_720_6{width: 50%;}
.width3.width3_720_7{width: 58.33333333%;}
.width3.width3_720_8{width: 66.66666666%;}
.width3.width3_720_9{width: 75%;}
.width3.width3_720_10{width: 83.33333333%;}
.width3.width3_720_11{width: 91.66666666%;}
.width3.width3_720_12{width: 100%;} 
}
@media all and (min-width: 800px) 
{
.width3.width3_800_1{width: 8.333333333%;}
.width3.width3_800_2{width: 16.66666666%;}
.width3.width3_800_3{width: 25%;}
.width3.width3_800_4{width: 33.33333333%;}
.width3.width3_800_5{width: 41.66666666%;}
.width3.width3_800_6{width: 50%;}
.width3.width3_800_7{width: 58.33333333%;}
.width3.width3_800_8{width: 66.66666666%;}
.width3.width3_800_9{width: 75%;}
.width3.width3_800_10{width: 83.33333333%;}
.width3.width3_800_11{width: 91.66666666%;}
.width3.width3_800_12{width: 100%;}    
}
@media all and (min-width: 980px) 
{
.width3.width3_980_1{width: 8.333333333%;}
.width3.width3_980_2{width: 16.66666666%;}
.width3.width3_980_3{width: 25%;}
.width3.width3_980_4{width: 33.33333333%;}
.width3.width3_980_5{width: 41.66666666%;}
.width3.width3_980_6{width: 50%;}
.width3.width3_980_7{width: 58.33333333%;}
.width3.width3_980_8{width: 66.66666666%;}
.width3.width3_980_9{width: 75%;}
.width3.width3_980_10{width: 83.33333333%;}
.width3.width3_980_11{width: 91.66666666%;}
.width3.width3_980_12{width: 100%;}
}
@media all and (min-width: 1024px) 
{
.width3.width3_1024_1{width: 8.333333333%;}
.width3.width3_1024_2{width: 16.66666666%;}
.width3.width3_1024_3{width: 25%;}
.width3.width3_1024_4{width: 33.33333333%;}
.width3.width3_1024_5{width: 41.66666666%;}
.width3.width3_1024_6{width: 50%;}
.width3.width3_1024_7{width: 58.33333333%;}
.width3.width3_1024_8{width: 66.66666666%;}
.width3.width3_1024_9{width: 75%;}
.width3.width3_1024_10{width: 83.33333333%;}
.width3.width3_1024_11{width: 91.66666666%;}
.width3.width3_1024_12{width: 100%;}
}
@media all and (min-width: 1240px) 
{
.width3.width3_1240_1{width: 8.333333333%;}
.width3.width3_1240_2{width: 16.66666666%;}
.width3.width3_1240_3{width: 25%;}
.width3.width3_1240_4{width: 33.33333333%;}
.width3.width3_1240_5{width: 41.66666666%;}
.width3.width3_1240_6{width: 50%;}
.width3.width3_1240_7{width: 58.33333333%;}
.width3.width3_1240_8{width: 66.66666666%;}
.width3.width3_1240_9{width: 75%;}
.width3.width3_1240_10{width: 83.33333333%;}
.width3.width3_1240_11{width: 91.66666666%;}
.width3.width3_1240_12{width: 100%;}  
}
/*end width3*/
*{border-radius:2px;padding:0px;border:0px;margin:0px;font-family:notica, sans-serif;box-sizing: border-box;}

.responsive_only_tablet,.responsive_only_wtablet,.responsive_only_destop{display:none;}
.responsive_only_mobi{display:block;}

.align_left{text-align:left}
.align_center{text-align:center}
.align_right{text-align:right}
.align_justify{text-align:justify}
.align_middle{vertical-align:middle}

.rotate_45{-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.rotate_90{-o-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.rotate_180{-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.rotate_270{-o-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}

.bg_highlight{background-color:rgba(255,255,255,0.75)}
.bg_dark{background-color:rgba(0,0,0,0.2)}

.clear_both{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right}

.padding{padding:5px;}
.padding_h{padding-left:5px;padding-right:5px}
.padding_v{padding-top:5px;padding-bottom:5px}
.padding_l{padding-left:5px}
.padding_r{padding-right:5px}
.padding_t{padding-top:0px} /*gốc 5px*/
.padding_b{padding-bottom:5px;}

.margin{margin:5px}
.margin_v{margin-top:5px;margin-bottom:5px;}
.margin_h{margin-left:0.5em;margin-right:0.5em;}
.margin_l{margin-left:5px;}
.margin_r{margin-right:5px;}
.margin_t{margin-top:5px}
.margin_b{margin-bottom:5px}

.radius_none{border-radius:0px}
.radius_5px{border-radius:5px}
.radius_50{-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.display_inline_block{display:inline-block}

.fix_width{margin-left:0px;margin-right:0px;border:0px;width:auto;max-width:100%;}
.fix_height{height:100%;}

.float_left{float:left}
.float_right{float:right}

.line_height_1{line-height: 1em;}
.line_height_1_5{line-height: 1.5em;}
.line_height_2{line-height: 2em;}
.line_height_2_5{line-height: 2.5em;}
.line_height_3{line-height: 3em;}

.fontsize_a1{font-size:110%}
.fontsize_a2{font-size:115%}
.fontsize_a3{font-size:125%}
.fontsize_a4{font-size:135%}
.fontsize_d1{font-size:90%}
.fontsize_d2{font-size:85%}
.fontsize_d3{font-size:75%}
.fontsize_d4{font-size:65%}

.horizon{margin:1em 0px;border-bottom: 1px solid #bbbbbb;height: 1px;box-sizing: border-box;display: block;}

.popup_parent>.popup_child,.popup_parent .popup_child_all{display:none}
.popup_parent:hover>.popup_child{display:block !important}
.popup_parent:hover .popup_child_all{display:block !important}
.popup_parent:hover>.popup_hide_child{display:none !important}

.visibility_parent>.visibility_child,.visibility_parent .visibility_child_all{visibility:hidden}
.visibility_parent:hover>.visibility_child{visibility:visible !important}
.visibility_parent:hover .visibility_child_all{visibility:visible !important}
.visibility_parent:hover>.visibility_hide_child{visibility:hidden !important}

.table_basic{border:1px solid #999;border-collapse: collapse;width:100%;max-width: 100%;padding:0px;box-sizing: border-box;}
.table_basic td,.table_basic th{padding:0.5em;border:1px solid #999;vertical-align: top;}
.table_basic td.align_middle,.table_basic th.align_middle{vertical-align: middle;}

.stt_error{color:#ff0000;border:1px solid #ff0000}
.stt_mistake,.mistake{color:#ff6666}
.stt_tip{color:#666666}
.stt_avaiable,.avaiable{color:#26a1dd}
.stt_highlight{color:#6666aa}
.stt_action{cursor:pointer}

.grid{margin:0.5em 0px;margin-bottom: 2em;}
.grid_header{border-bottom:3px solid #26a1dd;background-color: #ffffff;position:relative}
.grid_header_label{display:inline-block;border-radius:0px;padding:0.5em 2px;padding-left:0px;font-size:16px;line-height:1em;height:2em;margin-right:0.5em;overflow:hidden;cursor:pointer;color:#26a1dd;}
.grid_header_label:hover{color:violet}
.grid_header_control{display: inline-block;text-align: right;padding-right: 2px;}
.grid_content{clear:both;margin-left:0px;margin-right:0px;width:auto;background-color:#ffffff;}
.grid_content_item{float:left;}
.grid_content_item:last-child{clear:left;}
.grid_header_label.disable{background:none;background-color:transparent;color:#4b5f56;animation:none;}
.grid_header_label.disable:hover{color:violet}
.grid_header_label.grid_header_control{display: inline-block;}

.list{margin:0.5em 0px;}
.list .item{padding:0.5em 0px;color:#6666aa;background-color: #eeeeff}
.list .item:nth-child(2n+1){background-color: #ffffff}
.list .item:hover{background-color: #ffffff}

.width_50,.width_40,.width_30,.width_20,.width_60{width:100%;position:relative;display:block;float:left;overflow:hidden;margin-bottom:2px;box-sizing: border-box;}
/* noresize*/
.width_50.noresize{width:50%;}
.width_40.noresize{width:25%}
.width_30.noresize{width:33.33333333%}
.width_20.noresize{width:20%}
.width_60.noresize{width:16.66666666667%}
/*end noresize*/

.width_max700px,.width_max800px{width:100%;margin:0px auto;}

.hide{display:none;}

.icon{display:inline-block;width:0px;height:0px;padding:0.5em;background-repeat:no-repeat;background-size:100%;margin:0px 3px;background-position: center center;vertical-align:middle;overflow:hidden;}
.icon_disable{opacity: 0.5;}
.icon.icon_15x{padding:0.75em;}
.icon.icon_20x{padding:1em;}
.icon_ranklight{background-image:url('img/rank_light.png');}
.icon_rankdark{background-image:url('img/rank_dark.png');}
.icon_white_icon{background-image:url('img/white_icon.png');}
.icon_blue_icon{background-image:url('img/blue_icon.png');}
.icon_timer{background-image:url('img/png/glyphicons-55-clock.png');}
.icon_list{background-image:url('img/png/glyphicons-115-list.png');}
.icon_eye{background-image:url('img/png/glyphicons-52-eye-open.png');}
.icon_view_more{background-image:url('img/view_more.png');}
.icon_cart{background-image:url('img/cart.png');}
.icon_login{background-image:url('img/png/glyphicons-387-log-in.png');}
.icon_key{background-image:url('img/png/glyphicons-45-keys.png');}
.icon_next{background-image:url('img/png/glyphicons-179-step-forward.png');}
.icon_prev{background-image:url('img/png/glyphicons-171-step-backward.png');}
.icon_pencil{background-image:url('img/png/glyphicons-31-pencil.png');}
.icon_share{background-image:url('img/png/glyphicons-309-share-alt.png');}
.icon_arrow_right{background-image:url('img/png/glyphicons-212-arrow-right.png');}
.icon_filter{background-image:url('img/png/glyphicons-409-sort-by-attributes.png');}
.icon_star{background-image:url('img/png/glyphicons-50-star.png');}
.icon_coin{background-image:url('img/png/glyphicons-38-coins.png');}
.icon_cart_in{background-image:url('img/png/glyphicons-209-cart-in.png');}
.icon_phone{background-image:url('img/png/glyphicons-337-iphone-shake.png');}
.icon_error{background-image:url('img/error.png');}
.icon_selectall{background-image:url('img/png/glyphicons-153-check.png');}
.icon_deselectall{background-image:url('img/png/glyphicons-154-unchecked.png');}
.icon_update{background-image:url('img/png/glyphicons-82-refresh.png');}
.icon_setting{background-image:url('img/png/glyphicons-137-cogwheel.png');}
.icon_info{background-image:url('img/png/glyphicons-196-info-sign.png');}
.icon_help{background-image:url('img/png/glyphicons-195-question-sign.png');}
.icon_send{background-image:url('img/png/glyphicons-422-send.png');}
.icon_email{background-image:url('img/png/email.png');}
.icon_like{background-image:url('img/png/glyphicons-344-thumbs-up.png');}
.icon_rss{background-image:url('img/rss.png');}

.button{background-color:#9999ff;color:#ffffff;cursor:pointer;border:1px solid #6666ff;white-space:nowrap;word-wrap: normal;}
.button.red{background-color:#ee6666;border:1px solid #ee3333;}
.button.gray{background-color:#bbbbbb;border: 1px solid #806040}
.button:hover{background-color:#ffffff;color:#0066ff;}
.button.red:hover{background-color:#ffffff;color:#ff3333;}
.button.gray:hover{background-color:#ffffff;color:#333333;}
.button.disable{opacity: 0.5;}

.dn_slider{display:none}

@media all and (min-width: 240px) 
{
    
}

/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 600px) 
{
	.responsive_only_mobi,.responsive_only_wtablet,.responsive_only_destop{display:none;}
	.responsive_only_tablet{display:block;}
	
	.width_50,.width_40,.width_30{width:50%;}
    .width_20,.width_60{width: 33.333333333%;}
    /* noresize*/
    .width_50.noresize{width:50%;}
	.width_40.noresize{width:25%}
	.width_30.noresize{width:33.33333333%}
	.width_20.noresize{width:20%}
    .width_60.noresize{width:16.66666666667%}
    /*end noresize*/
    .grid_header_label.disable{display:block}
    .grid_header_label{float:left;padding:0.5em 0.5em;padding-left:0.5em;border-bottom:0px;margin-right:0.5em;}
    .grid_header_label:first-child{padding-left:2px;}
    .grid_header_label:before{margin-right:10px;height:1em;content:url('img/green_icon.png');}
    .grid_header_label:hover:before{margin-right:10px;height:1em;content:url('img/violet_icon.png');}
    
    .grid_header_label.disable:before{margin-right:0px;content:"";}
    .grid_header_label.disable:hover:before{margin-right:0px;content:"";}
    .grid_header_control{float:right;padding-right: 2px;}
}
 
/* Dành cho máy tính bảng chiều ngang */
@media all and (min-width: 1024px)
{
	.responsive_only_tablet,.responsive_only_mobi,.responsive_only_destop{display:none;}
	.responsive_only_wtablet{display:block;}
	
	.width_50{width:50%;}
	.width_40{width:25%}
	.width_30{width:33.33333333%}
	.width_20{width:20%}
    .width_60{width:16.66666666667%}
    
    .width_max700px{width:700px;margin:0px auto;}
    .width_max800px{width:800px;margin:0px auto;}
    
    .grid_header_label{font-size: 20px;}
    
    .dn_slider{display: block;width:100%;overflow: hidden;margin-bottom:20px;background-color:transparent}
    .dn_slider_content{position:relative;height:300px;width:1024px;margin:0px auto;}
    .dn_slider_content>img.item{position: absolute;display:block;border:2px solid #bbbbbb;border-radius: 5px;box-shadow: 2px 2px 5px #ffffff;box-sizing: border-box;background-color: rgba(150,150,150,1.0);cursor: pointer;}
    .dn_slider_content>img[stt='1']{width:150px;height:150px;top:75px;left:75px;z-index:1}
    .dn_slider_content>img[stt='2']{width:300px;height:300px;top:0px;left:350px;z-index: 3;}
    .dn_slider_content>img[stt='3']{width:150px;height:150px;top:75px;left:800px;z-index:2}
}
 
/* Dành cho màn hình desktop */
@media all and (min-width: 1280px)
{
	.responsive_only_tablet,.responsive_only_wtablet,.responsive_only_mobi{display:none;}
	.responsive_only_destop{display:block;}	
    
 }