@charset "utf-8";

/* CSS Document */

@import url("css/fonts.css");

*{

    margin:0px;

    padding:0px;

    box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;

}



a{ text-decoration: none;} 

.margin_auto{

	width:1200px;

	margin:auto;

    position: relative;

}

#logo{ 

    float: left;

    margin: 5px 0;

}

.banner_right{

    width: 61%;

    float: right;

}

#container{width:100%;float: left; }

.sloganbanner{

    font-family: 'SFUAristonRegular';

    font-size: 30px;

    color: #ffffff;

    text-align: center;

    display: block;

    width: 100%;

}

#logo img{padding-top: 0; padding-left: 0;display: block; max-width: 100%;}

#top{

	width:100%;

	float:left;

	background: url(images/gocphai.png) no-repeat right top;

}

#header{ 

    width: 100%;

    margin: 0 auto;

    z-index: 9;

}

.box_header{

    width: 100%;

    background: #009cff;

    height:35px;    

}

.box_header ul{float: left;}

.box_header ul li{

    font-size: 13px;

    float: left;

    line-height: 35px;

    height: 35px;

    color: #ffffff;

    padding-right: 50px;

    font-family: 'OpenSansBold';

    width: 580px;

}

.box_header ul li:last-child{padding-right: 0;width: initial;}

.box_header ul li img{vertical-align: middle; margin-right: 10px;}

.dc_top{

    line-height: 35px;

    height: 35px;

    color: #ffffff;

    font-size: 13px;

    float: right;

    font-family: 'OpenSansBold';



}

.dc_top img{vertical-align: middle; margin-right: 10px;}



.banner_qc{

    position: relative;max-width: 1366px;padding: 50px 0;background: url(images/bg_gt.png) repeat;

}

.bangmau_left{width: 575px;float: left;}

.bangmau_right{width: 585px;float: right;}

.bangmau_img {

    width: 445px;

    float: left;

    margin-right: 10px;

}

.bangmau_img img{display: block;}

.bangmau_img_n{float: right;width: 120px;}

.box_mau_Img img{display: block;}

.box_mau_Img{margin-bottom: 10px; cursor: pointer;}

.bangmau_right{width: 590px; float: right;}

.bangmau_right h3{    font-family: 'SFUFuturaBook'; color: #075fce; font-size: 24px; margin-bottom: 10px;}

.bangmau_right .bangmau_right_info{

    color: #3b3b3b;font-size: 13px; line-height: 2;

}



.top_bg{ background: #02b8f1; width: 100%; float: left;}

.top_bg ul{ float: right;}

.top_bg ul li{ display: inline-block; position: relative; height: 30px; float: left;}

.top_bg ul li a.kt_vandon{ font-size: 12px; color: #fff; float: left; padding: 0px 15px 0px 0px; margin-right: 10px; background: url(images/down_t.jpg) no-repeat right 12px; height: 30px; line-height: 30px;}

.top_bg ul li:hover a{ color:#FFF000;}

.top_bg ul li .dropdown {

    top: 100%;

    z-index: 999;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    width: 300px;

}

.header_top{ width: 100%; float: left; background: url(images/bg_top.png) no-repeat; height: 229px; }

.dropdown {

    position: absolute;

    display: none;

    right: 0px;

    text-align: left;

    background: #FFF;

    min-width: 200px;

    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5);

    box-shadow: 0 2px 2px rgba(0,0,0,.5);

    padding: 15px 21px;

    text-transform: initial;

    line-height: 1.3;

    font-size: 12px;

    color: #024879;

}

#order_tracking .dropdown__title {

    margin: 10px 0;

    text-transform: uppercase;

}

.dropdown__title {

    font-size: 12px;

    font-weight: 400;

    margin: 0 0 10px;

    text-transform: uppercase;

}

.form label {

    display: block;

    padding: 5px 0px 5px 0px;

    font-weight: 100;

    font-size: 12px;

}

.form__submit__button{

  border: 0px; background: #f36f21; padding: 5px 20px 5px 20px; color: #fff;

}

.form__submit__button:hover{ background: #036289}

.form__input__text {

    position: relative;

    box-sizing: border-box;

    outline: 0;

    border: 1px solid rgba(0,0,0,.5);

    margin: 0;

    padding: 5px;

    font-size: 12px;

    width: 100%;

    border-radius: 3px;

}

.kiemtra_donhang li{ display: inline-block; padding: 5px 30px 5px 0px;}

.kiemtra_donhang{ width: 100%; float: left; border-top:1px solid #eee;border-bottom:1px solid #eee; margin:20px 0px 0px 0px; }



.thongtin_donhang li { padding: 5px 30px 5px 0px; border-bottom:1px solid #eee; }

.thongtin_donhang{ width: 100%; float: left;  margin:20px 0px 0px 0px; border-top: 1px solid #ccc }



.title_don{ border-bottom:1px solid #ccc;border-top:1px solid #ccc; padding: 5px;}

.title_don td{padding: 5px; background: #eee;}





.noidung_load h2{ border-bottom: 1px solid #ccc; text-transform:uppercase;color: #555; width: 100%; float: left; font-size: 18px;font-family: 'RobotoMedium'; height: 40px; line-height: 40px;}

.noidung_load h2:before{ content: ''; background: url(images/icon.jpg) no-repeat; width: 56px; height: 40px; float: left; margin-right: 20px;}

.top_search{ background: #f6f6f6; width: 100%; float: left;}

.quangcao{ margin:20px 0px 20px 0px;}

.quangcao img{ width: 100%;}

.photo_item_overlay {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    background-color: rgba(232, 83, 2, 0.5) ;

    opacity: 0;

    transform: scale(0);

    transition: transform 0.5s ease 0s;

}

.photo_item_overlay a {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -30px;

    margin-left: -30px;

}

.icon_background {

    display: block;

    background: transparent none repeat scroll 0% 0%;

    height: 60px;

    width: 60px;

    padding: 13px;

    border-radius: 150px;

    transform: scale(0);

    transition: all 0.3s ease 0s;

}

.icon_button {

    position: absolute;

    padding: 13px;

    font-size: 30px;

    color: #FFF;

}

.banner{max-width: 1366px;margin: 0 auto}

.banner img{max-width: 100%;}

#banner,#banner_mobile{

    padding: 0px 0px 0px 0px;

    z-index: 99;

    top: 0;

    left: 0;

    width: 100%;

    transition: all 0.5s;

    position: relative;

} 

#banner_mobile{ display: none;}

#slogan{ font-family: 'SFUSouvenirBold'; float: left; width: 650px; padding:25px 0px 0px 30px; color: #0065a2; font-size: 22px; text-transform: uppercase;}

#album img{ width: 230px; float: left; padding: 4px; margin: 8px; border:1px solid #cde0fe; height: 150px;}

#album img:hover{ opacity: 0.8;}

#main_menu{

    height: 50px;

    z-index: 99;

    float: right;

}

.banner_center img{width: 100%;    display: block;}



.slide_{ width: 100%; float: left; padding: 10px 0px 0px 20px;}

.frame_images{float: left; width: 50%;    text-align: center;}

#slide_show{position: relative; max-width: 1366px; margin: 0 auto; }

.slider{

    width: 100%;

}

.danmuc_left{

    width: 270px;

    float: left; 

    margin-bottom: 10px;  

}

.thanh_dm{

    width: 100%;

    background: url(images/thanh.png) no-repeat;

    text-transform: uppercase;

    font-family: 'OpenSansBold'; 

    color: #fefefe;

    font-size: 18px;

    padding-left: 50px;

    height: 43px;

    line-height: 43px;

}

.ngonngu{

    float: right;

    margin: 25px 0px 0px 5px;

}

.ngonngu img{ margin-left: 5px;}

.ngonngu img:hover{ box-shadow: 0px 0px 10px #ccc;} 

.ngonngu p{ text-align: center;}

.ngonngu a{ color: #666;}

.ngonngu a:hover{ color: #037CBB}

#thongtin{ 

    width: 100%;

    padding: 10px 0;

    text-align: center;

}

.gioithieu_info{    margin: -20px 0 -20px 0;    margin-bottom: -40px;color: #333333;font-size: 15px; font-family: 'OpenSansRegular';line-height: 2;white-space: pre-line; text-align: left;}

.gioithieu_info:hover .xemthem_gt{background: #facb01;}

.xemthem_gt{

    display: inline-block;

    background: #4bac19;

    padding: 10px 20px;

}

.xemthem_gt a{color: #Fff;}

.xemthem_gt:hover a{color: #ff0;}



.Box_vi img{width: 185px; height: 110px;}

#video{ width:100%; float:left;}

#video_load{ margin: 0px 0px 0px 0px;background: url(images/bg_pro.png) repeat;width: 100%; float: left}

#video_load .object{ background: #fff; width: 100%; float: left}

.video{ width: 100%; padding:5px; margin-bottom: 10px;}

.select_video{ width: 100%;  margin: 5px 0px 5px 0px; font-size: 15px; color: #959595;  outline: none; }

.select_video select{ width: 100%; padding:5px; }

.Box_vi{width: 190px; height: 100px;position: relative;}

.Box_vi:after{position: absolute;content: '';top: 50%;left: 50%;margin:-25px 0 0 -25px ;background: url(images/video.png); width: 50px; height: 50px;}

.Box_vi img{width: 100%; height: 100%; display: block;}

.sanpham_dm ul li a{ text-decoration:none; width:300px; float:left; padding:0px 0px 8px 10px; color:rgba(255,255,255,1)}

.sanpham_dm ul li a:hover{ color:rgba(255,255,0,1)}

/*hình ảnh hoạt động*/

.content_ha_hd{max-width: 1366px; margin: 20px auto;}

.ha_hd {overflow: hidden;    width: 100%;}

.ha_hd ul li img{

    transition: 0.5s;

    float: left;

}

.ha_hd .ha_hd_img {

    float: left;

    position: relative;

    width: 100%;

    overflow: hidden;

}

.tieude{

    margin: 0px 0px 10px 0px;

    width: 100%;

    float: left;

    color: #235c06;

    font-size: 23px;

    text-transform: uppercase;

    font-family: 'OpenSansRegular';

    border-bottom: 2px solid #245d07;

}

.noidung{

    text-align:justify;

    color:#000;

    padding:10px 0px 10px 0px;

} 

.slogancongtrinh{padding: 10px 0;}

.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}

.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}

.form_lh{ width: 50%; float: right;  padding: 20px;}

#form_contact input{ padding: 5px;}

ul{

    list-style-type:none;

    margin:0px;

    padding:0px;

}

#icon{background:url(images/gach_menu.png) no-repeat right;}

#timkiem{ 

    background-color: #fff;

    float: right;

    margin: 0px 0px 0px 25px;

    position: relative;

    padding: 0px 0 0 8px;

    width: 235px;

    height: 35px;

    border: 1px solid #245d07;

    position: relative;

}

#timkiem select{ border: 0px; width: 100px; }

#timkiem input{

    height: 33px;

    float: left;

    background: none;

    color: #5e5d5d;

    border: 0;

    width: calc(100% - 50px);

    outline: none;

    font-family: 'OpenSansBold';

    font-size: 13px;

}



#timkiem button{

    float: right;

    border: 0px;

    padding: 0px 15px 0px 15px;

    height: 33px;

    position: absolute;

    right: 0px;

    top: 0px;

    text-transform: uppercase;

    cursor: pointer;

    outline: none;

    background: #245d07;

    color: #fff;

    font-size: 13px;

}

.timkiem button:hover{ color:rgba(255,255,0,1);}

#timkiem input::-webkit-input-placeholder {

    color: #525252;

}



#timkiem input:-moz-placeholder { /* Firefox 18- */

    color: #525252;  

}



#timkiem input::-moz-placeholder {  /* Firefox 19+ */

    color: #525252;  

}



#timkiem input:-ms-input-placeholder {  

    color: #525252;  

}

/*camket*/

#camket{

    padding: 30px 0;

    background: #fff;

}

.title_camket{

    text-align: center;

}

.title_camket h2{

    color: #005db3;

    font-size: 40px;

    font-family: 'RobotoLight';

    text-transform: uppercase;

    font-weight: normal;

    background: url(images/titlw.png) no-repeat bottom center;

    padding-bottom: 10px;

}

.info_camket{

    color: #646464;

    font-size: 14px;

    font-family: 'OpenSansBold';

    text-align: center;

    margin: 10px 0 20px 0;

}

/*tintuc*/

#dichvu{

}



/*camket*/

.content_camket{

    text-align: center;

}

.box_camket{

    width: 150px;

    display: inline-block;

    overflow: hidden;

    margin: 0 25px;

}

.box_camket .box_camket_img{

    border-radius: 50%;

    background: #016aec;

    display: table;

    height: 150px;

    width: 150px;

    position: relative;

}

.box_camket .box_camket_img a{

    display: table-cell;

    vertical-align: middle;

    box-sizing: border-box;

}

.box_camket .box_camket_img img{

    transition: all 0.5s;

}

.box_camket:hover .box_camket_img img{

    transform: scale(1.1);

    transition: all 0.5s;

}

.box_camket .box_camket_img:after{

    position: absolute;

    top: 50%;

    left: 50%;

    content: '';

    width: 130px;

    height: 130px;

    border: 1px solid #00b3ff;

    margin: -65px 0 0 -65px;

    border-radius: 50%;

    box-sizing: border-box;

    pointer-events: none;

}

.box_camket:hover .box_camket_img:after{

    border: 1px solid #ff0;

}

.box_camket h3{

    color: #4b4b4b;

    font-size: 14px;

    font-family: 'RobotoBold';

    text-transform: uppercase;

    margin: 10px 0;

}

.box_camket:hover h3{color: #f00;}

/*dichvu*/

.content_dichvu{

    text-align: center;

}

.box_dichvu{

    float: left;

    width: 585px;

    background: #f6f7fb;

    box-sizing: border-box;

    text-align: center;

    margin-right: 30px;

    margin-bottom: 30px;

}

.box_dichvu:nth-child(2n){margin-right: 0;}

.box_dichvu:nth-child(2n+1){clear: both;}

.box_dichvu .dichvu_img{

    position: relative;

    width: 220px;

    float: left;

}

.box_dichvu .dichvu_img img{

    transition: all 0.5s;

    width: 100%;

    display: block;

}

.box_dichvu h3{

    color: #444444;

    font-size: 14px;

    margin:  0;

    font-weight: normal;

    line-height: initial;

    font-family: 'OpenSansBold';

    margin-bottom: 10px;

}

.box_dichvu .ten_dv{

    color: #555555;

    font-size: 14px;

    font-family: 'OpenSansRegular';

    line-height: 1.5;

    text-align: left;

    padding: 20px 0;

    width: calc(100% - 250px);

    float: right;

}

.box_dichvu:hover h3{

    color: #f00;

}

.xemthem_tin{

    display: inline-block;

    background: #4bac19;

    padding: 5px 20px;

    margin-top: 10px;

}

.xemthem_tin a{

    font-family: 'OpenSansBold';

    color: #fff;

    font-size: 13px;

}

.box_dichvu:hover .xemthem_tin {

    background: #ee1a25;

}

.box_dichvu .dv_ngaythang{

    background: url(images/ngay.png) no-repeat left center;

    box-sizing: border-box;

    color: #777777;

    font-size: 13px;

    padding-left: 35px;

    margin-top: 10px;

}

.box_dichvu .dv_ngaythang p.ngay{border-bottom: 1px solid #fff;min-height: initial;}



#slide_top{ width:100%; float:left; position: relative; border-bottom: 5px solid #7aaa00;}

#giaohang{ width: 900px; float: right;}

#giaohang li{ width: 165px; float: left; padding: 0px 20px 0px 45px;text-transform: uppercase;font-size: 12px;}

#giaohang li a{ display: inline-block; color: #000;}

.load_phivanchuyen{ float: right; font-weight: bold;}

.load_phivanchuyen span{ color: #FF0000}



.giaohang_tq{ background: url(images/giaohang.png) no-repeat 0px 3px}

.giaohang_nt{ background: url(images/nhantien.png) no-repeat 0px 3px}

.giaohang_dt{ background: url(images/doitra.png) no-repeat 0px 3px}

.giaohang_lh{ width: 350px !important; background: url(images/lienhe.png) no-repeat 0px 3px}

.giaohang_lh span{ font-weight: bold; color: #df0000; font-size: 16px;}

#giaohang li a:hover{ color: #047FBE}



.vien_slide{ width: 100%; float: left; position: absolute; background: url(images/bong_slide.png) no-repeat; height: 55px; background-size: 100%; bottom: 10px;}

.album { float: left; margin: 15px 0px 0px 6px; position: relative; overflow: hidden;}

.album img{ width: 220px;float: left; padding: 1px; border:1px solid #cde9ff;}

.album h3{ font-size: 12px; position: absolute; z-index: 10; bottom: -30px; left: 0px; right: 0px; background: rgba(0,0,0,0.5); color: #fff; padding: 5px; transition:0.5s;}

.album:hover h3{ bottom: 0px;}

/*album*/

#load_album{

    width: 1035px;

    float: left;

}

.info_al{

    padding: 5px;

    box-sizing: border-box;

    overflow-y: scroll;

    height: 685px;

}



#style-3::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

    background-color: #F5F5F5;

}



#style-3::-webkit-scrollbar

{

    width: 3px;

    background-color: #F5F5F5;

}



#style-3::-webkit-scrollbar-thumb

{

    background-color: #000000;

}

.khung_al{

    width: 745px;

    float: right;

}

.Right_al{

    float: right;

    width: 155px;

    position: relative;

}

.Right_al h5{

    color: #fff;

    padding: 5px 0px;

    background: rgba(0,0,0,0.4);

    position: absolute;

    top: 0;

    left: 0px;

    width: 100%;

    text-align: center;

    font-weight: normal;

}

.bx_al{

    position: relative;

    margin-bottom: 10px;

}

.bx_al img{

    max-width: 100%;

    display: block;

}

.fom_gh{ margin: 10px 0px 0px 0px;}

.input-group{ width: 100%; padding: 10px 0px 10px 20px;}

.input-group-but{ text-align: center; margin: 10px 0px 20px 0px;}

.input-group-but button{ background: #000; padding: 10px 40px 10px 40px; border: 0px; border-radius: 10px; color: #fff; font-weight: bold; font-size: 24px;}

#main{

    width:100%;

    margin: 20px 0;

    position: relative;

}



.info{

    width: 900px;

    float: right;

}

.main{

    width:100%;

}



#right{

	width:315px;

	float:right;

}



#left{

    width: 270px;

    float: left;

    position: relative;

    z-index: 9;

}



.danhmuc{

    width:100%;

    margin-bottom: 20px;

    box-shadow: 0px 0px 10px 1px #ccc;

    background: #fff;

}

.left{

	padding: 10px;

    box-sizing: border-box;

}

.tinhtrang{ border-top: 1px solid #627079; width: 100%; float: left;}

.tinhtrang li a{  display: block; padding: 5px 0px 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F}

.tinhtrang h4{ text-transform:uppercase; font-weight: 100; margin: 5px 0px 0px 5px; color: #999}

.thanh{

    width:100%;

    padding:5px;

    background: #245d07;

    font-size: 16px;

    line-height: 35px;

    margin: 0px;

    color: #fff;

    text-transform: uppercase;

    font-weight: normal;

    font-family: 'OpenSansBold';

    text-align: center;

}

.thongtin_left {

    font-family: 'OpenSansRegular';

    font-size: 13px;

    padding: 10px;

    box-sizing: border-box;

    background: url(images/footer.png) repeat;

    color: #fff;

}

.menu-left{

}

.menu-left ul li{

    background: url(images/icon.png) no-repeat left 10px top 10px;

    padding: 6px 0;

    padding-left: 30px;

    border-bottom: 1px solid #ccc;

}

.menu-left ul li a{

    color: #333333;

}

.menu-left ul li a:hover{

    color: #f00;

}

.thanh a{

    font-family: 'RobotoCondensedBold'; 

    color:#ffffff;

    font-size:18px;

    font-weight: normal;



}

.thanh2{

    width:183px;

    float:left;

    text-transform:uppercase;

    color:#fff;

    font-size:18px;

    margin: 0px 0px 0px 30px;

    text-align: center;

    font-weight: bold;

    height:38px;

    line-height: 38px;

    text-shadow:0px 0px 3px #333;

}

.hotline_l{ font-size: 16px; font-weight:bold; margin: 5px 0px 5px 0px; color:#010101; width: 100%; background: url('images/hotline.png') no-repeat 0px 10px; color: #fe0000; padding: 5px 0px 5px 80px; border-bottom: 1px dotted #333;}

.hotline_l span{font-size: 24px;}

.hotro {

    padding: 5px 0;

    border-top: 0px;

    text-align: center;

}

.content_facebook{margin: 0 auto;display: inline-block; text-align: center;}

.thanh img{ float:left; margin:2px 10px 0px 10px;}

.thanh h4{ color:rgba(255,255,255,1); margin-top:8px; font-weight:100;}

.menu_left{

    width:100%;

    float:left;

    padding-bottom:10px;

}

.menu_left ul{

	list-style-type:none;

	margin:0px;

	padding:0px;

}

.menu_left ul li{

	width:100%;

	float:left;

}

.menu_left ul li:last-child{ border-bottom: 0px;}

.menu_left ul a{

	width:100%;

	float:left;

	padding:5px 0px 5px 25px;

	background: url(images/muiten_detail.png) no-repeat 5px 10px;

	text-decoration:none;

	color:#333;

	font-size: 12px;

}

.menu_left li ul a{

	width:100%;

	float:left;

	color:#666;

}

.menu_left ul a:hover{

	color:#05628D;

}

.menu_left li ul a{

	padding-left:30px;

	background:url(images/pagination.png) no-repeat 15px 12px;

}



.menu_left li ul li ul a{

	padding-left:40px;

	background:url(images/muiten_trong.png) no-repeat 30px 10px;

}

.yahoo_top{ text-align: center; margin:10px 0px 10px 0px; }

.yahoo{

    width:100%;

    float:left;

    margin:5px 0px 5px 0px;

}

.yahoo p{

    width:100%;

    float:left;

    color: #fff;

    font-size: 14px;

    padding: 0px 0px 0px 10px;

}

.yahoo a{color: #333; padding-left: 5px;}

.yahoo p span{

    margin: 8px 0px 0px 20px;

    color: #3853a4;

    float: left;

}

.yahoo p.hinh a{

    float: left;

    margin:5px 0px 0px 5px;

}

.yahoo .dienthoai{ width: 100%; float: left; color: #333;padding: 5px 0px 5px 50px; background: url(images/dienthoai_h.png) no-repeat 20px 10px;}

.yahoo .email{ width: 100%; float: left; color: #333; padding: 5px 0px 5px 50px; background: url(images/email.png) no-repeat 20px 10px;}



.sp_noibat{

    margin: 10px 0;

    display: inline-block;

    width: 100%;

}

.sp_noibat img{ width: 100%; padding: 2px; border: 1px solid #ccc;}

.sp_noibat h3{ color: #8C0000; font-size: 15px; text-align: center;}

.sp_noibat:hover img{ opacity: 0.8; }

.sp_noibat:hover h3{color: #ffc141;}

.font-hotro{

    background: url(images/font.png) left center no-repeat;

    padding-left: 60px;

    margin-bottom: 15px;

    margin-top: 10px;

    color: #f00;

    font-size: 18px !important;

    font-weight: bold;

}

/*spnb*/

.row_spnb{

    width: 100%;

    margin: 15px 0;

    display: inline-block;

}

.row_spnb img{

    max-width: 100%;

    float: left;

    margin-right: 10px;

}

.row_spnb h3{

    text-align: left;

    font-size: 13px;

    font-weight: bold;

    color: #000;

    margin-top: 10px;

}

.row_spnb:hover h3{

    color: #f00;

}

.row_spnb:hover img{

    opacity: 0.8;

}



.soluong_12{ padding: 0px 5px 0px 5px;}

.tintuc{ width:50%; float:left; margin:5px 0px 5px  0px; padding: 0px 10px 0px 10px; text-align: justify;}

.tintuc:nth-child(2n+1){ clear: both;}

.tintuc img{ float:left; border:1px solid #c8c8c8; padding:2px; margin:10px 10px 0px 0px;}

.tintuc a{ text-decoration:none;}

.tintuc h3{ padding: 5px 0px 5px 0px; color: #006783}

.tintuc h3 a{ font-size:14px; color:#006783; text-transform: uppercase;}

.tintuc:hover  h3 a{ color: #026164}

.tintuc p{ font-size:13px;  color:#666;}

.tintuc:hover h3{ color:rgba(255,0,0,1);}

.tintuc:hover{ opacity: 0.8;}

.visit_hidden{ visibility: hidden; height: 1px;}

.tinkhac{ width: 100%; float: left; margin: 20px 0px 20px 0px;}

.tinkhac li a{ width: 100%; float: left; padding: 2px 0px 2px 30px; color: #333; background: url(images/sao.png) no-repeat 10px 7px;}

.tinkhac li a:hover{color:#036CAF}

.xemnhieu{

    width:193px;

    float:left;

    border:1px solid #FF8A00;

    background:url(images/left_cham.png) repeat-y;

}

ul.pagination {

    text-align:center;

    color:#829994;

}

ul.pagination li {

    display:inline;

    padding:0 3px;

}

ul.pagination a {

    color:#0d7963;

    display:inline-block;

    padding:5px 10px;

    border:1px solid #cde0dc;

    text-decoration:none;

}

ul.pagination a:hover, 

ul.pagination a.current {

    background:#0d7963;

    color:#fff; 

}

/* ========== Content pagination ========== */



.pagination {

	margin: auto;

	width: auto;

	text-align: center;

	margin-top: 10px;

}

.pages {

}

.pages li.prev {

	margin-right: 15px;

}

.pages li.next {

	margin-left: 15px;

}

.pages li {

	display: inline-block;

	margin: 5px 2px;

}

.pages li a {

	height: 25px;

	padding: 4px 8px;

	text-decoration: none;

	color: #666666;

	font-weight: bold;

	background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;

	border: 1px solid #d5d5d5;

	font-size: 11px;

}

.pages li a:hover {

	background: #f6f6f6;

}

.pages li .active {

	background: url(../images/backgrounds/sideGradient.png) repeat-x;

	color: #fff;

	border-color: #424852;

}

.pages li .active:hover {

	background: #2a313d;

}

.ngaydang{ font-style: italic;; color: #ccc;}

.bando{ float:left; width: 100%;}

.wapper_bando{position: relative;}

.bandoidex{

    width: 100%;

    height: 380px;

    overflow: hidden;

}

.dangkynhantin{

    width: 465px;

    height: 270px;

    background: url(images/dangkynhantin.png);

    position: absolute;

    top: 60px;

    right: 90px;

    padding: 20px 58px;

}

.dangkynhantin .input{

    height: 35px;

    border: 1px solid #d7d7d7;

    background: #ebebeb;

}



.dangkynhantin .email1{

    width: 168px; margin-right: 12px; float: left;

}

.dangkynhantin .dienthoai1{

    width: 168px; float: right;

}

.dangkynhantin label{font-size: 15px; color: #092f87;}

.dangkynhantin .noidung{width: 265px; height: 57px; margin-top: 10px;}



.dangkynhantin h4{text-align: center;color: #092f87;    font-family: 'UTMAvo'; font-size: 18px; text-transform: uppercase;}

.thongke{

    width: 235px;

    float: right;

    color: #ffffff;

    text-align: left;

}

.thongke ul{

    width: 50%;

    float: left;

}

.thongke ul li{

    width: 100%;

    padding: 5px 0;

}

.thongke ul li a{

    color: #ffffff;

    font-size: 15px;

    font-family: 'OpenSansBold';

}

.thongke ul li:hover a{

    color: #ff0;

}

.thongke p{ 

    text-transform: uppercase;

    color: #ffffff;

    text-align: left;

    display: inline-block;

    font-size: 16px;

    font-family: 'UTMAvo';

}

.thongke ul{ 

    list-style: none;

    margin: 0px;

    padding: 0px;

}

.thongke ul li{

    font-size: 13px;

    padding:0;

    margin:5px 0;

    color: #ffffff;

}

.thongke ul li span{color: #ff0;}

.online{

	background:url(images/muiten.png) no-repeat 10px 12px;

	color:#FFF;

}

.online span{

	width:80px;

	float:left;

	padding-left:20px;

}

.menu_danhmuc{ width: 100%; float: left; background: url(images/thanh_sp.jpg) repeat-x; height: 45px;}

.menu_danhmuc li a{ float: left; height: 42px; line-height: 42px; padding: 0px 20px 0px 30px; text-transform: uppercase; color: #333; margin-top: 3px;}

.menu_danhmuc li.active a{background:#01b8f1; color: #fff; font-weight: bold;}

.menu_danhmuc li.active a:before{ content: ''; width: 7px; background: url(images/truoc.png) no-repeat; height: 45px; float: left; margin-left: -30px; margin-top: -3px; margin-right: 10px; color: #fff}

.menu_danhmuc li.active a:after{ content: ''; width: 19px; background: url(images/sau.png) no-repeat; height: 45px; float: right; margin-right: -37px;}

.menu_danhmuc a:hover{ color: #094596}

.bong_info{

    width:730px;

    float:right;

    height:30px;

    font-weight:900;

    color:#333333;

    text-transform:uppercase;

    line-height:30px;

}

.hotline{

	float:left;

	width:240px;

	margin:0px 0px 0px 10px;

	color:rgba(51,51,51,1);

	font-weight:bold;

	font-size:20px;

	background: url(images/hotline_l.png) no-repeat 0px 5px;

	padding: 0px 0px 0px 80px;

	border-bottom: 1px solid #e6e6e6;

}

.hotline h5{ font-weight:100; font-size:12px;}

.hotline span{ color:rgba(255,0,0,1)}

.thongtin{

	width:100%;

	float:left;

	font-weight:bold;

	padding: 20px 0px 22px 20px; 

	font-size:14px;

	background: url(images/bg_tt.jpg) repeat-x bottom;

}

.thongtin li{ display: inline-block;}

.thongtin li a{ border-right: 1px solid #ccc; padding: 0px 10px 0px 10px; color: #323232; font-size: 12px;}

.thongtin li a:hover{ color: #01517A}

.tin_moi{

	padding:0px 10px 0px 10px;

}

.tin_moi a{

	text-decoration:none;

	color:rgba(51,51,51,1);	

}

.tin_moi img{

	float:left;

	border:1px solid rgba(204,204,204,1);

	padding:2px;

	margin-right:10px;

	margin-top:10px;

}

#content{ width: 100%; margin: 0px 0px 0px 0px; border-top: 0px;}

#info{

    width: 100%;

}

#sanpham{

	width:100%;

}

/*gioithieu*/



/*gioithieu*/

.video_con{ width: 100%; float: left; border-bottom: 2px solid #0b7ef4; height: 242px; }



.hotro_tructuyen{ width: 100%; float: left; background: url(images/hotro.png) no-repeat; height: 220px; position: relative; border: 1px solid #eee; }

.hotro_tructuyen ul{ width: 320px; background: linear-gradient(#fd0000,#ca0000); float: left; border-radius: 10px; left: 20px; bottom: 10px; position: absolute; z-index: 10;}

.khung_vd{width: 350px; float:right;}

.khung{

  width:100%;

  position: relative;

}

.khungtrong{

    width: 910px;

    float: right;

}

.xemtiep{

    float:right;

    font-size:14px;

    background:url(images/xemm.png) no-repeat 80px 12px;

    transition: 0.5s;

    text-align:center;

}

.xemtiep a{

    text-decoration:none;

    font-style: italic;

    float: left;

    padding:7px 0px 7px 0px;

    color:#F40000;

}

.xemtiep a:hover{

    color: #036889;

}

.giaohang{ width: 100%; float: left; margin-top: 20px; padding: 0px 0px 30px 0px;}



.thanh_title{margin: 0px 0px 20px 0px ; text-align: center;}

.thanh_title h2,.thanh_title h4{ 

    color: #4bac19;

    display: inline-block;

    padding: 7px 20px 15px 20px;

    position: relative;

    font-family: 'OpenSansBold';

    text-align: center;

    font-weight: normal;

    font-size: 30px;

    text-transform: uppercase;

    background: url(images/title.png) no-repeat bottom center;

}



.thanh_title_trong{margin: 0px 0px 20px 0px ; text-align: left;border-bottom: 2px solid #235d08;}

.thanh_title_trong h2,.thanh_title_trong h4{ 

    color: #fff;

    display: inline-block;

    padding: 5px 35px;

    background: #245d07;

    position: relative;

    font-family: 'OpenSansBold';

    text-align: center;

    font-weight: normal;

    font-size: 16px;

    text-transform: uppercase;

    background: #235d08;

    line-height: 35px;

    position: relative;

}

.thanh_title_trong h2:after,.thanh_title_trong h4:after{

    border-right: 40px solid transparent;

    border-bottom: 45px solid #235d08;

    bottom: 0;

    content: "";

    display: inline-block;

    position: absolute;

    right: -40px;

}







.bg_center{background: url(images/title-dichvu.png) repeat-x; height: 40px;}

.gioithieu{ width:100%; text-align: center; margin:20px 0px 20px 0px;    font-family: 'RobotoLight'; font-size: 19px; }

.gt_trai{ width:790px; float:right;font-family: 'RobotoCondensed';  }

.gt_trai h3{color: #393939; font-size: 18px; margin:0px 0px 5px 0px; }

.gioithieu img{/* width: 370px; float: left; */}

.gioithieu h4{ text-align: center; color: #393939; font-size: 18px; font-weight: 100; font-family: 'Times New Roman'}

.gioithieu h4:after{ content: ""; width: 100%; float: left; background: url(images/gach_.png) no-repeat top center; height: 5px; margin: 10px 0px 20px 0px; } 

.noidung_gt{ width: 700px; margin: auto;font-family: 'RobotoCondensed'; color: #555555; line-height: 2;}

/*dichvu*/





/*dichvu*/



.sanpham_nb{

    width: 100%;

    position: relative;

    text-align: center;

    box-shadow: 0px 0px 7px 1px #ccc;

    padding: 15px;

    box-sizing: border-box;

}



.thanh_bottom {

    width: 100%;

    float: left;

    margin: 0px 0px 10px 0px;

    padding: 0px 0px 0px 0px;

    height: 33px;

    text-align: center;

}

.thanh_bottom img{ float: left; margin-right: 10px;} 

.thanh_bottom  h4{

    color: #414141;

    text-transform: uppercase;

    font-size: 26px;

    display: inline-block;

    line-height: 32px;

    height: 33px;

    font-weight: normal;

    position: relative;

    border-bottom: 1px solid #414141;



}



.khung_thongtin{ float: right; padding-left: 20px; width: 47%;}

.khung_thongtin li{ padding: 5px 0px 5px 0px; border-bottom: 1px solid #eee; width: 100%; float: left;    font-family: 'OpenSansRegular';

}

.khung_1 h1{

    margin: 0px 0px 10px 0px;

    width: 100%;

    float: left;

    color: #235c06;

    font-size: 23px;

    text-transform: uppercase;

    font-family: 'OpenSansRegular';

    border-bottom: 2px solid #245d07;

}

.khung_thongtin .masp{color:#0186A7;}

.khung_thongtin .mota_detail{ color: #757575}

.khung_thongtin .gia_detail{ font-size: 24px; color: #cd0000; font-weight: bold;}

.khung_thongtin .gia_detail b{ color: #333}

.khung_thongtin .giacu_detail{ color:#999; text-decoration: line-through;}

.khung_thongtin .giacu_detail span{ text-decoration: line-through;}

.khung_thongtin .baohanh_detail{ color: #015DA4;}

.gia_detail span{ font-size: 14px; color: #666;}



.dathang_detail .thanhtoannhanh{ width: 239px; float: left; background: url(images/thanhtoannhanh.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0px 0px 50px; cursor: pointer;}

.dathang_detail .muangay{ width: 177px; float: left; background: url(images/thanhtoan.png) no-repeat; height: 46px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 9px 0px 0px 70px;cursor: pointer;}

.dathang_detail .thanhtoannhanh:hover,.dathang_detail .muangay:hover{ color:#9C1515;}

.dathang_detail span{ width: 42px; height: 42px; padding: 7px 0px 0px 0px; float: left; border:3px solid #ccc; border-radius: 50%; text-align: center;}

.huongdan_detail a{ width: 100%; float: left; padding: 5px 0px 10px 30px; background: url(images/giohang_ico.jpg) no-repeat 5px 8px; color: #035E80; font-style: italic;}

.huongdan_detail a:hover{ color: #04579D}







.box_new{ 

    width: 100%;

    float: left;

    padding: 0;

    color: #333;

    font-size: 13px;

    margin-bottom: 10px;

}

.box_new_img{

    width: 245px;

    float: left;

    margin: 0px 15px 0px 0px; 

    overflow: hidden;  

}

.box_new_img img{ 

    display: block;

    width: 100%;

    transition: all 0.5s;

}

.box_new:hover .box_new_img img{

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    transition: all 0.5s;

}

.box_new h2{margin: 0;    font-size: 15px;}

.box_new h3 , .box_new h2 { 

    text-transform: uppercase;

    font-size: 15px;

    font-family: arial;

    font-weight: bold;

    color: #5c5c5c;

    line-height: initial;

    margin-bottom: 10px;

}

.box_new h3{margin: 0;}

.box_new p{ font-size: 12px; color: #333;} 

.box_new:nth-child(2n+1){ clear: left;}

.box_new:hover h3,.box_new:hover h2 { color: #c30808} 

.box_new:hover img{opacity: 0.8;}

.content_new{ overflow:hidden; height: 400px; width: 100%; float: left;}

.box_new span.total-view{

    background: url(images/view.png) no-repeat scroll left top rgba(0,0,0,0);

    padding: 2px 5px 2px 35px;

    margin-right: 20px;

    font-size: 11px;

    color: #505050;

    float: left;

}

.box_new span.total-cmt{

    background: url(images/cmt-n.png) no-repeat scroll left top rgba(0,0,0,0);

    padding: 2px 5px 2px 25px;

    font-size: 11px;

    color: #505050;

}

.xemtiep{

    float:left;

    font-size:14px;

    transition: 0.5s;

    text-align:center;

    font-family: 'OpenSansRegular';

}

.xemtiep a{

    background: url(images/read-more.jpg) no-repeat scroll right top 1px rgba(0,0,0,0);

    font-size: 13px;

    color: #494954;

    font-style: italic;

    padding: 0 14px 0 0;

}

.xemtiep a:hover{

    color: #f00;

}

.content_new{ overflow:hidden; height: 400px; width: 100%; float: left;}



.thongtin_detail{ font-style: italic;}

.khuyenmai_detail{ margin: 5px 0px 0px 0px;}

.khuyenmai_detail ul li{ padding: 5px 20px 5px 0px; color: #008c00}

.khuyenmai_detail ul li input{ float: left; margin: 3px 5px 0px 0px;}

.khung_km{ padding: 0px; width: 100%; float: left;}

.khung_km li{ display: inline-block; border-bottom: 0px; width: auto;}



.selectors{ border: 1px solid #ccc; text-align: center; float: left; width: 100%}

.table_info{ width: 100%; float: left;}



.quangcao_in{ position: absolute; z-index: 10; top: 48px; left: 410px;}

.quangcao_in:hover{box-shadow: 0px 0px 10px #999;} 

.quangcao_in img{ float: left;}

.dieuhuong a{ color: #333; padding: 0px 10px 0px 5px; float: left; background:url(images/muiten_trong.png) no-repeat right;}

.dieuhuong a:hover{ color:#007597;}



.thanhsp{ width:100%; float:left; margin: 0px 0px 20px 0px; background:#ffd800;}

.thanhsp h2{ color:#fff; text-transform:uppercase;font-size: 20px; font-weight:100;display: inline-block; padding: 0px 20px 0px 10px}

.thanhsp h2:before{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0px 0px 0px;}

.thanhsp h2:after{ content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0px 0px 0px;}



.thanhsp span{ color: #FE0000}



.khung_khac{ width: 100%; float: left;margin: 0px 0px 20px 0px;}

#java_km{ width: 100%; float: left;}

#java_km img{ border: 1px solid #ccc; margin: 5px; padding: 1px; }

#java_km img:hover{ opacity: 0.8; }

.thanhdt{ width:100%; float:left; margin: 10px 0px 20px 0px; text-align: center; height: 60px; line-height: 55px;}

.thanhdt h2{ color:#333333; text-transform:uppercase;font-size: 26px;background-color: #fff; display: inline-block; padding: 0px 20px 0px 10px; font-weight: 100;}

.thanhdt span{ color: #FE0000}



.tin_tuc{ width: 100%; float: left; text-align: center; margin-top: 10px;}

.tin_tuc h2{ display: inline-block; background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px 0px 80px;text-transform:uppercase; color: #fff; font-weight: 100}

.tin_tuc h3{color:#646464; text-transform: uppercase; margin: 10px 0px 5px 0px ;}

.tin_tuc p{color:#666666; font-size: 12px;}

.tin_tuc ul li{ width: 370px;float: left; margin: 20px 0px 0px 10px; text-align: left;}

.tin_tuc ul li img{ width:66px; height:66px; float:left; margin:10px; border-radius: 100%;}

.tin_tuc ul li{ padding:2px 0px 2px 10px;}

.tin_tuc ul li a{ color:#00426f;}

.tin_tuc ul li span{ color:#ccc}

.tin_tuc a:hover{ color:rgba(255,0,0,1);}

/*item_product*/



.sp_left{

    width: 580px;

    float: left;

    overflow:hidden;

    position: relative;

}

.sp_left img{display: block;}

.sp_left h2{

    position: absolute;

    top:100%;

    left: 0;

    background: rgba(0, 0, 0, 0.55);

    padding: 15px 0;

    font-family: 'OpenSansRegular';

    text-transform: uppercase;

    width: 100%;

    color: #fff;

    transition: all 1s;

    text-align: center;

}

.sp_left:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255,255,255,0.5);

    content: '';

    z-index: 10;

    -webkit-transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

}

.sp_left:hover:before {

    webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

}

.sp_left:hover h2{top: 50%;transition: all 1s;}

.sp_right{

    width: 610px;

    float: right;

}

/*item_product*/

#sanpham_nb{

    background: #fff;

    padding: 40px 0;

    display: inline-block;

    width: 100%;

}



.item{

    width: 300px;

    float: left;

    margin: 0px 10px 10px 0px;

    position: relative;

    text-align: center;

    box-sizing: border-box;

}

.item:nth-child(2n){margin-right: 0;}

.item:nth-child(2n+1){}

.item .product_img{

    width: 100%;

    position: relative;

    overflow: hidden;

} 

.item .product_img:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255,255,255,0.5);

    content: '';

    z-index: 10;

    -webkit-transition: -webkit-transform 0.6s;

    transition: transform 0.6s;

    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

}

.item .product_img:hover:before {

    webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

}

.item .product_img img{

    width: 100%;

    transition: all 0.5s;

    display: block;

}

.item:hover .product_img img{  transform: scale(1.1);  }

.item:hover h3{color: #ff0 }

.item h3,.sp2 h3{

    color: #ffffff;

    font-size: 16px;

    text-align: left;

    font-weight: normal;

    width: 100%;

    font-family: 'OpenSansBold';

    background:#4bac19;

    padding: 5px;

    box-sizing: border-box;

    position: absolute;

    bottom: 0;

    left: 0;

    line-height: 1.1;

    text-transform: uppercase;

}



/*item1*/

.item1{

    width: 100%;

    float: left;

    margin: 0px 0px 15px 0px;

    position: relative;

    box-sizing: border-box;

    text-align: left;

    border-bottom: 1px dashed #ccc;

    padding-bottom: 25px;

}

.item1:nth-child(1n){clear: both; }



.item1:hover .product_img img{

    width: 100%;

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    transition: all 1s;    

    opacity: 0.5;

}

.item1 .product_img {

    width: 300px;

    position: relative;

    overflow: hidden;

    background: #fff;

    border: 1px solid #ccc;

    float: left;

    margin-right: 20px;

}

.item1 .product_img:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255,255,255,0.5);

    content: '';

    z-index: 10;

    -webkit-transition: -webkit-transform 1s;

    transition: transform 1s;

    -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);

}

.item1 .product_img:hover:before {

    webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);

}

.item1 .product_img img{

    width: 100%;

    display: block;

    transition: all 1s;    

}

.item1 .product_info{

    float: left;

    width: 580px;

    font-family: 'OpenSansBold';

}

.item1 .product_info ul {

}

.item1 .product_info ul li{

    font-family: 'OpenSansRegular';

    padding: 3px 0;

    font-size: 12px;

    color: #555555;

}

.item1 p{ color: #474747;font-size: 13px;font-family: 'OpenSansBold';} 

.item1 h3,.sp2 h3{

    transition: 0.5s;

    color: #4bac19;

    font-size: 16px;

    font-weight: 500;

    text-align: left;

    width: 100%;

    margin: 10px 0;

    font-family: 'OpenSansBold';

    position: relative;

    text-transform: uppercase;

    line-height: 1;

}



.item1:hover h3{color:rgb(36, 93, 7); text-decoration: underline}

.item1 .product_xemthem{

    float: right;

    background: url(images/icon.png) no-repeat right center;

    padding-right: 20px;

}

.item1:hover .product_xemthem a{

    color:#4bac19; 

}

.item1 .product_xemthem a{

    font-size: 13px;

    text-transform: uppercase;

    font-family: 'OpenSansBold';

    color: #555;

}

/*tin tuc*/

/*hotro*/

.content_hotro{

    background: #fff;

    padding: 18px;

    box-sizing: border-box;

}

.hotro{

    background: url(images/hotro.png) no-repeat top left;

    padding-left: 245px;

}

.hotline_ht{

    font-size: 28px;

    color: #fb0219;

    font-family: 'RobotoCondensedRegular';

    position: relative;

    margin: 15px 0 10px 0;

}

.hotline_ht:after{

    position: absolute;

    top: 0;

    left: -53px;

    content: '';

    width: 67px;

    height: 46px;

    background: url(images/dt.png) no-repeat left top;

}

.hotline_ht span{

    font-family: 'RobotoCondensedBold';

}

.hotro p.ten{

    color: #0b55d7;

    font-size: 16px;

    font-family: 'OpenSansBold';

    text-align: left;

    padding: 5px 0;

}

.hotro p{

    color: #434243;

    font-size: 16px;

    font-family: 'OpenSansBold';

    text-align: left;

    padding: 5px 0;

}

.hotro p.hinh_ht{text-align: center;}

/*hotro*/

#center{padding: 30px 0;background: #ededed;}

.title-center{

    text-align: center;

}

.title-center h2{

    display: inline-block;

    font-family: 'UTMKhuccamta';

    color: #d61516;

    font-size: 32px;

    font-weight: normal;

    text-transform: uppercase;

    position: relative;

    margin-bottom: 15px;

}



.video-clip{

    width: 600px;

    float: left;

}

.conten-center{

    width: 400px;

    float: right;

}

.tin_b_n{

    width: 360px;

    float: left;

    color: #212121;

    font-size: 12px;

}

.tin_b_n_img{margin-bottom: 10px;}

.tin_b_n_img img{display: block;}

.tin_b_n:hover h4{color: #f3600e;}

.tin_b_n h4{color: #212121;font-size: 14px; font-weight: bold;margin-bottom: 5px;  }

.tin_b_n .xemthem_gt{margin-top: 20px;}

.tin_b_n:hover .xemthem_gt{background: #f3600e;}

.content_tintuc{width: 565px; float: right;}

.tin_chiase{margin-bottom: 10px;}

.tin_chiase .chiase_img{width: 130px;height: 110px; float: left; border:1px solid #ccc; margin-right: 10px;overflow: hidden;}

.tin_chiase .chiase_img img{width: 100%;height: 100%; transition: all 0.7s ease;  }

.tin_chiase:hover img{

    -webkit-transform: rotate(10deg) scale(1.2);

    -moz-transform: rotate(10deg) scale(1.2);

    -ms-transform: rotate(10deg) scale(1.2);

    -o-transform: rotate(10deg) scale(1.2);

    transform: rotate(10deg) scale(1.2);

}

.tin_chiase a h4{

    font-size: 13px;

    color: #202020;

    font-weight: bold;

}

.tin_chiase a h4:hover { color: #f00;}

.tin_chiase p{font-size: 13px; color: #5d5d5d;}

.tin_lq_chiase h5{font-size: 16px; color: #363636;    font-family: 'RobotoBold'; text-transform: uppercase; margin-bottom: 10px;}

.tin_lq_chiase li{padding: 3px 0;padding-left: 15px; background: url(images/icon_tin.png) no-repeat center left 5px;}

.tin_lq_chiase li a{font-size: 13px; color: #5d5d5d;    }

.tin_lq_chiase li:hover a{color: #f00;}

.box_tintucmoi{

    padding: 10px 0;

    display: inline-block;

    width: 100%;

}

.hinhtt{

    float: left;

    width: 150px;

    margin-right: 25px;

    overflow: hidden;

    position: relative;

}



.hinhtt img{width: 100%; height: 100%;    transition: all 0.7s ease;}

.infott{

    font-size: 12px;

    color: #212121;

    margin-top: 5px;

}

.infott a{ font-size: 14px; color: #212121; font-weight: bold; font-family: arial ;}

.box_tintucmoi:hover a{color: #f00;}

.box_tintucmoi:hover img{

    -webkit-transform: rotate(10deg) scale(1.2);

    -moz-transform: rotate(10deg) scale(1.2);

    -ms-transform: rotate(10deg) scale(1.2);

    -o-transform: rotate(10deg) scale(1.2);

    transform: rotate(10deg) scale(1.2);

}

.conten_center_video{}





.xemthem{ float: right; margin:10px 10px 0px 0px; font-size: 15px !important; font-style: italic; font-weight: normal !important;}

.xemthem:hover{ color: #035381}

.chitiet{

	float:right;

	border-radius:5px;

	text-align:center;

	height:22px;

    color: #fe8152;

    text-decoration: underline;

    line-height:22px;

}

.chitiet:hover{

	color:#03758D;

}

.dathang{

	width:80px;

	float:left;

	height:25px;

	border-radius:5px;

	background:#39a01f;

	text-align:center;

	margin-left:40px;

	line-height:25px;

	font-weight:bold;

	color:#fff;

	cursor:pointer;

}

.cls{

    width:100%;

    float:left;

    border-bottom:1px dashed #CCCCCC;

}

.gach{

    width:100%;

    float:left;

    border-bottom:1px dotted #ccc;

    margin:5px 0px 5px 0px;

}

.noidung ul li{

    list-style-type:none !important;

}

#footer{

    width: 100%;

    background:url(images/footer.png) repeat ;

}



.dangky_tin{    width: 100%;}

.dangky_tin h4{ text-transform:uppercase; width: 100%;  margin-bottom: 5px; color: #0b55d7;font-size: 16px;     font-family: 'RobotoBold'; margin-top: 10px;

}

.dangky_tin p{ font-size: 15px; margin:5px 0px 5px 0px;color: #939394;    font-family: 'OpenSansBold';} 

.dangky_tin input{

    width: 255px;

    height: 40px;

    padding: 5px;

    border: none;

    background: #016aec;

    outline: none;

    margin-bottom: 10px;

    color: #fff;

    float: left;

    text-indent: 5px;  

    font-size: 15px; 

}

.dangky_tin input::-webkit-input-placeholder {

    color: #ffffff;

}



.dangky_tin input:-moz-placeholder { /* Firefox 18- */

    color: #ffffff;  

}



.dangky_tin input::-moz-placeholder {  /* Firefox 19+ */

    color: #ffffff;  

}



.dangky_tin input:-ms-input-placeholder {  

    color: #ffffff;  

}

.dangky_tin input:nth-child(2n){float: right;}

.dangky_tin button{

    border: 0px;

    color: #fff;

    text-transform: uppercase;

    z-index: 100;

    cursor: pointer;

    background: #fb0219;

    width: 80px;

    height: 38px;

    outline: none;

    font-size: 15px;

    font-family: 'RobotoBold';

}



.dangky_tin button:hover{ opacity: 0.5;}



#copy{ width: 100%; float: left; background:url(images/copy.png) repeat-x; height: 49px; text-align: center; padding: 5px 0px 5px 0px;}



#bottom{

	margin: 0px 0px 0px 0px;

    padding: 25px 0px 0px 0px;

} 



.content_bando{

    margin: 0 auto;

}

.khung_lienhe_index{

    width: 245px;

    float: left;

    text-align: left;

}

.khung_lienhe_index h3{

    text-transform: uppercase;

    color: #ffffff;

    text-align: left;

    display: inline-block;

    font-size: 16px;

    font-family: 'UTMAvo';

    margin-bottom: 10px;

}

.khung_lienhe_index p{width: 100%;margin-bottom: 10px;}

.khung_lienhe_index input{

    width: 100%;

    height: 30px;

    border: none;

    color: #939393;

    font-size: 11px;

    text-indent: 5px;

}

.khung_lienhe_index textarea{

    width: 100%;

    border: none;

    color: #939393;

    font-size: 11px;

    text-indent: 5px;    

}

.khung_lienhe_index button{

    background: #ff0000;

    border-radius: 5px;

    color: #fafafa;

    font-size: 14px;

    text-transform: uppercase;

    padding: 4px 10px;

    outline: none;

    border: none;

    float: right;

}





.bottom{

    padding:10px 0px 0px 0px;

    position:relative;

    margin:0px 0px 0px 0px;

    text-align: center;

}



.facebook{width: 390px; float: right;}

.video_clip{ width: 310px; float: right; margin-right: 10px;}

.logo_bt{ float: left; margin:0px 0px 0px 0px;}

.khung_bt{

	width:100%;

	float:left;

	padding: 0px 0px 20px 0px;

	margin: 0px 0px 20px 0px;

}

.thongtin_bt{

    margin: 0px 20px 15px 0px;

    width: 430px;

    text-align: left;

    float: left;

    color: #ffffff;

    font-size: 16px;

    position: relative;

    z-index: 2;

}



.thongtin_bt h4{

    font-family: 'OpenSansBold';

    font-size: 17px;

    position: relative;

    color: #ffffff;

    margin-bottom: 10px;

    text-transform: uppercase;

}

.thongtin_bt ul li{

    padding: 3px 0;

    color: #ffffff;

    font-size: 14px;

    font-family: 'OpenSansRegular';

}

.thongtin_bt ul li img{

    vertical-align: middle;

    margin-right: 10px;

}

.sp_tieubieu ul li{

    padding: 8px 0;

}

.sp_tieubieu ul li a{

    color: #ffffff;

    font-size: 14px;

    text-transform: uppercase;

    font-family: 'OpenSansRegular';

}

.sp_tieubieu ul li a:hover{color: #ff0;}

.sp_tieubieu{

    float: left;

    width: 280px;

    text-align: left;  

    padding-right: 20px;

}

.sp_tieubieu h5{

    font-family: 'OpenSansBold';

    font-size: 17px;

    position: relative;

    color: #ffffff;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.sp_vechungtoi{width: 230px;float: right;}

.dong_p{

	width:190px;

	float:left;

	margin-top:10px;	

}

.map{ float: right; margin: 20px 0px 0px 0px;}

.map h4{ color: #fff; text-align: right; text-transform:uppercase; font-style: italic;}

.map img:hover{ box-shadow: 0px 0px 10px #ccc;}

#doitac{ width: 100%; margin:0px 0px 0px 0px; float: left; background: #f2f2f2; border-bottom: 1px solid #000; border-top: 1px solid #cdcdcd; }

.doitac{

	width: 400px;

	float:right;

	margin:10px 0px 10px 20px;

}

.doitac img:hover{ box-shadow: 0px 0px 3px #ccc; border-radius: 5px;}

.doitac img{ width: 80px; height: 60px; float: left; margin:5px 0px 0px 10px; transition: 0.3s;}



/*-----------------------------------*/

.lienket{ 

    float: right;

    width: 180px;

}

.lienket label{ float: left; font-weight: bold;  color: #fff; margin:5px 10px 0px 0px;  }

.lienket li{ margin:0px 0px 0px 10px; text-align: left; margin-bottom: 5px; line-height: 40px;}

.lienket li a{color: #ffffff;font-size: 14px;font-family: 'OpenSansRegular';}

.lienket h4{

    font-family: 'OpenSansBold';

    font-size: 17px;

    position: relative;

    color: #ffffff;

    margin-bottom: 15px;

    text-transform: uppercase;

}

.lienket img{ display: block;float: left; margin-right: 10px;}

.lienket li:hover img{ opacity:0.7;}

.lienket li:hover a{color: #ff0;}

/*-----------------------------------*/



.copy{

    margin: 0px 0px 0px 0px;

    padding: 15px 0px 15px 0px;

    width: 100%;

    text-align: left;

    font-size: 13px;

    color: #79a662;

    font-family: 'OpenSansRegular';

    background:rgba(0, 0, 0, 0.14);

}

.copy a, .copy span{

    text-transform: uppercase;

    color: #79a662;

}

.copy ul {float: right;}

.copy ul li{float: left; padding-left: 10px; color: #fff;}

.copy ul li span{color: #fff;}



.hotline_top{ 

    position: absolute;

    right: 80px;

    top: 10px;

    border: 1px solid #ee1a25;

    padding: 15px 15px 15px 150px;

    border-radius: 10px;

    color: #ee1a25;

    font-size: 19px;

    font-family: 'OpenSansBold';

    line-height: 1.3;



}

.hotline_top:after{

    position: absolute;

    content: '';

    background: url(images/hot.png) left center;

    left: -52px;

    top: -10px;

    width: 190px;

    height: 120px;

}

.hotro_top{

    width: 100%;

    float: left;

    background: url(images/top_b.jpg) repeat-x;

    height:38px;

    line-height:38px;

}

.hotro_top h2{float:left;color:#fff; font-size: 19px; font-weight: 100;}

.tienich{

	width:214px;

	float:left;

	background:url(images/tienich.png) no-repeat 15px 15px;

	height:140px;

}

.soluong{

	padding:10px 0px 0px 10px;

	font-weight:bold;

}

.soluong span{

	width:110px;

	float:right;

	color:#F90

}



div#container_product{

	margin-top:10px;

	width:100%;

	float:left;

}

div#container_product #tabs {

    border: 1px solid #fff;

    margin-right:5px;

    margin-bottom: 10px;

    overflow: hidden;

}

div#container_product #tabs ul > li {

    background: #235c06;

    padding: 7px 30px;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    float: left;

    height: initial;

}





.phantrang {

    text-align: center;

    margin-top: 20px;

}

.slider_about{

    width: 605px;

    float: right;

}

.noidung_about{

    width: 100%;

}

.noidung_ta{

	width:100%;

	padding:10px;

	clear:left;

	border: 1px solid #e4e4e4;

    text-align: initial;

}

.clear {

    clear: both;

}

.content{ width: 910px; float: right; margin: 0px 10px 0px 0px;}



#map_canvas {    

    height: 580px;

    width: 100%;

}

#map_canvas_bt {    

    height: 440px;

    width: 100%;

}

.map_description {

    color: #000000;

    overflow: auto;

    width: 300px;

}

.map_description .default {

    color: #FF0000;

}

.map_description div {

    line-height: 18px;

    margin: 3px;

}

.map_list_address {

    float: left;

    height: 500px;

    overflow: hidden;

    width: 250px;

}

.map_list_address .list {

    line-height: 18px;

    margin-bottom: 5px;

}

.map_list_address span {

    color: #FCFF46;

}

.map_title {

    color: #30A602;

    font-weight: bold;

}

.navigate .C {

    width: 970px;

}



.hotro_right {

    display: block;

    position: fixed;

    bottom: 0px;

    right: 0px;

    z-index: 9;

    width: 100%;

    max-width: 290px;

}

.hotro_right #img {

    display: block;

    position: relative;

    width: 100%;

    max-width: 290px;

    height: 160px;

    border-bottom: 1px solid #d00000;

    background: transparent url("images/hotro.png") no-repeat scroll 0% 0%;

}

.hotro_right #img > div.hotline {

    position: absolute;

    bottom: 0px;

    padding: 0px 10px;

    background-color: #ffde00;

    color: #d00000;

    font-size: 17px;

    font-weight: bold;

    width: 100%;

    border: 1px solid #6E7AFF;

    border-radius: 5px 5px 0px 0px;

    text-align: center;

}

.hotro_right .noidung_20 {

    display: none;

    background-color: #FFF;

    border-left: 1px solid #d00000;

    padding: 5px;

}

.hotro_right #img > div.hotline_r {

    position: absolute;

    bottom: 0px;

    padding: 0px 10px;

    background-color: #ffde00;

    color: #d00000;

    font-size: 17px;

    font-weight: bold;

    width: 100%;

    border: 1px solid #d00000;

    border-radius: 5px 5px 0px 0px;

    text-align: center;

}

.red{ color: #FB0000}

.dieukhoan{ width: 50%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}

.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #fff}



.thanh_bt{ width: 100%; float: left; margin: 0px 0px 20px 0px; text-align: center; background: url(images/thanh_bt.png) no-repeat top center; margin-top: -5px; }

.thanh_bt h4{ font-size: 16px;font-family: 'OpenSansBold'; color: #fff; text-transform: uppercase; font-weight: 100; padding: 0px 30px 0px 30px; height: 38px; line-height: 38px; border-radius: 0px 0px 5px 5px;display: inline-block; }



.content_new ul li{ width: 100%; float: left; border-bottom: 1px dotted #ccc; padding: 10px 0px 10px 0px; }

.content_new ul li a{ width: 100%; float: left; color: #fff; padding: 0px 0px 0px 20px; background: url(images/4cham.png) no-repeat 5px 7px; }

.content_new ul li a:hover{ color: #FFF600 }

.content_new ul li span{ float: right; }



.khung_trai{ width: 100%; float: left; margin-left: 0px;    margin-bottom: 20px;}

.khung_phai{ width: 50%; float: right; padding: 0px;    height: 477px; overflow: hidden;}

.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}

.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}

.form_lh{ width: 50%; float: left; border-top: 3px solid #CD0000}

.form_lh fieldset{

	padding: 10px;

    color: #333;

    margin-top: 5px;

}

.form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; color: #333}

.form_lh p{ padding: 5px 0px 5px 0px;}

.form_lh p input{ padding: 5px; width: 300px; margin-left: 10px;}

.form_lh p label{ width: 100px; float: left;}

.form_lh p textarea{ padding: 5px; width: 400px; margin-left: 5px; border: 1px solid #ccc;}

.form_lh p button{ border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px;}

.form_lh p button:hover{ background: #036593}

.form_van input{ width: 100% ; padding: 5px;}

.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}



#form_contact input{ padding: 5px;}

.box_video{float: left;}

.box_video img{ width: 100%}

.box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}

.box_video:hover{ opacity: 0.8;}



.dieukhoan{ width: 49%; float: left; border: 1px solid #ccc;margin: 10px 0px 10px 0px;}

.dieukhoan h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #555}

.cuoncuon{ padding: 10px; height: 400px; overflow-y: scroll;}

.xacnhan{width: 100%; float: right;margin: 5px 0px 5px 0px;}

.xacnhan h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #555}

.khungxn p{ padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc; margin:0px;}

.khungxn p b{ width: 120px; float: left; font-weight: 100;}

.khungxn p span{ color: #FC0202}

.khungxn p label{ margin:0px; font-weight: 100;}

.phuongthuc h4{ padding: 5px 10px 5px 10px; background: #F2F2F2 ; text-transform: uppercase; color: #555; margin-bottom: 10px;}

.dongy { padding: 10px; width: 100%; float: left; font-weight: bold;}



.download_box {

    width: 230px;

    float: left;

    margin-right: 25px;

    text-align: center;

}

.download_box img {

    border: 1px solid #ddd;

    padding: 5px;

}

.download_box h3 {

    text-align: center;

    font-weight: 100;

    color: #333;

    margin: 5px 0px 5px 0px;

    font-size: 12px;

}

.download_box a {

    margin: auto;

    display: inline-block;

    padding: 3px 20px 3px 20px;

    background: #DE8801;

    color: #fff;

}

#box_video iframe{display: block;}

.box_video{margin:0px auto;padding:5px;box-sizing:border-box; width: 230px;}

.box_video img{ max-width: 100%;}

.box_video a h3{ text-align: left; margin:5px 0px 0px 0px; width: 100%; float: left; font-size: 14px;color:#035F67;font-weight: bold;overflow: hidden;}

.box_video:hover a h3{color:#d5aa16;}

.box_video:hover{ opacity: 0.8;}

.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}

.video_info .loai_vid a{font-size: 13px;color:#767676;}

.video_info .loai_vid:hover a{color:#167ac6;}

.box_vid{width:70%;float: left;}

.box_vid iframe{height:300px;}

.box_vid h1{font-size: 24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}

.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}

.other_vid{width:28%;float: right;}

.title_other{color:#d5aa16;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}

.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}

.other_vid .box_video_detail img{width:40%;float: left;height:auto;}

.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}

.box_video_detail .vid_info a h3{font-size: 13px;font-weight: 500;color:#08678E;font-weight: bolder;}

.box_video_detail:hover .vid_info a h3{color:#d5aa16;}

.vid_info .loai_vid a{font-size: 13px;color:#767676;}

.vid_info .loai_vid:hover a{color:#167ac6;}

.luotxem{ font-style: italic; color: #666; font-size: 12px; }





/* -----------------------Popup---------------------------*/

#popub {

    position: fixed;

    top: 0;

    left: 0;

    background: rgba(0,0,0,.8);

    z-index: 10001;

    text-align: center;

}

#loading, #popub {

    width: 100%;

    height: 100%;

    display: none;

}

#popub .popub {

    position: relative;

    max-width: 80%;

    margin: auto;

    display: inline-block;

}

#popub .popub .close_popup {

    position: absolute;

    background: url(images/icon/close.png) center center no-repeat;

    width: 60px;

    height: 60px;

    right: -33px;

    top: -33px;

    z-index: 999999;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    display: block;

    box-shadow: 0 0 60px rgba(0,0,0,.2);

    border: 1px solid rgba(255,255,255,.5);

    background-color: rgba(255,255,255,.1);

}

.close_popup {

    font-size: 21px;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    filter: alpha(opacity=20);

    opacity: 1;

}

.close_popup, .list-group-item>.badge {

    float: right;

}

#popub .popub .close_popup:hover {

    background-color: rgba(255,255,255,.3);

    box-shadow: 0 0 20px rgba(255,255,255,.8);

}

/* -----------------------End Popup---------------------------*/



/*--------------tags---------------------*/

.tags{

    background: #E4BC24;

    display: inline-block;

    padding: 0px 5px;

    line-height: 25px;

    color: #fff;

    padding-right: 15px;

    margin-bottom: 5px;

    margin-right:5px;

    position: relative;

}

.tags:before{

    content: '';

    height: 0px;

    width: 0px;

    position: absolute;

    top: 0px;

    left: -10px;

    border-top: 13px solid transparent;

    border-bottom: 12px solid transparent;

    border-right: 10px solid #E4BC24;

}

.tags:after{

    content: '';

    height: 0px;

    width: 0px;

    position: absolute;

    top: 0px;

    right: 0px;

    border-top: 13px solid transparent;

    border-bottom: 12px solid transparent;

    border-right: 10px solid #fff;

}

.tags span{ width: 10px; height: 10px; float: left; background:#fff; margin: 7px 10px 0px 0px; border-radius: 100%; }

.tags:hover span{ background:#FDF759; }

/*-----------------end tags-----------------------*/



.comboboxs select,.comboboxs input{ width: 100%; padding:5px;margin: 10px 0px 0px 0px; }

.comboboxs{}

.entry-title{text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666}

#btnSearch{ background: #1e90e8; float: right;  border:0px; padding: 7px 20px 5px 20px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 10px 0px 0px 0px; cursor: pointer;}

#btnSearch:hover{ background: #0082B8 } 

/*-----------fanpage----------------*/



.fanpage {

    position: fixed;

    top: 200px;

    right: -300px;

    z-index: 9999999999;

    width: 300px;

    height: 250px;

    transition: all 0.5s;

}

.fanpage .title_fanpage {

    position: absolute;

    top: 0px;

    left: -45px;

}

.fanpage:hover {

    right: 0px;

}



.pagination{   

    list-style:none;

    display: block;  text-align: center;

    margin-top: 35px; clear:both;

    clear: both; margin-bottom:10px; color: #000;

}

.pagination a{ color: #000;

  padding-left: 5px;

  padding-right: 5px;

  padding-bottom: 2px;

  padding-top: 2px;

  margin-right: 5px;

  text-decoration: none;

  font-size: 13px;

}

.pagination a:active {color:#FFF; background-color:#F00;}

.pagination a:hover{ color: #FFF;    cursor: pointer;

  background-color: red;

} 

.pagination ul{

    list-style: none;

    display: inline-block;

    text-align: center;

}

.pagination ul li{ display:block; float:left; text-align:center; margin-right:20px }



/*tap*/

#tabs {

    overflow: auto;

    width: 100%;

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: center;

    margin-bottom: 20px;

    border-bottom: 1px solid #ffd800;

    padding-bottom: 15px;

}

#tabs li {

    margin: 0;

    padding: 0;

    display: inline-block;

    padding: 0 10px;

    border-right: 1px solid #ffd800;

    height: 23px;

    line-height: 23px;

}



#tabs a {

    color: #ffd800;

    height: 30px;

    text-decoration: none;

    text-shadow: none;    

    font-size: 18px;

    text-transform: uppercase;

}

#tabs a:hover {

    border-bottom: 2px solid #ffd801;

}



#tabs a:focus {

    outline: 0;

}



#tabs #current a {

    border-bottom: 2px solid #ffd801;

    color: #ffd800;

    font-size: 18px;

}



#contenttabs {

}