*{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{/*background:#51b614;*/ background:#5CB614; color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:1200px;margin:0 auto;} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: block; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:1200px;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: block; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: block;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{/*display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;*/ /*CODE FIX*/ display: block; height: 56px; background-color: rgba(0, 255, 29, 0.3); border-radius: 40px; width: 1238px; margin: 0 auto;} /****************************/ #menu >.inner{width:1200px;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;} #menu >.inner > ul .space{width:7px;/*background: lightgray;*/display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 20px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:250px;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: block;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right:40px; margin-bottom: 30px;/*border:1px solid lightgray;*/ border: 1px solid #008337;} .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer > .inner .item{float: left;width:200px;margin-left:20px;} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: block;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:1200px;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: block;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 17px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: right;width:850px;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:400px;display: block;float: left;} #other_content .info > .right{width:400px;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: absolute;width:600px;background:white;display: block;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: right;width:600px;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:600px;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; margin-top: 2px; border-radius: 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; border-radius: 5px; margin-top: 2px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} /*.support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;}*/ /* CODE FIX */ .support_form .content table tr td{padding:20px 0px;color: red;font-weight: bold;font-size: large;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .clear{ clear:both; } .khung{ width:1200px; margin:auto; } .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:21px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#488619; font-style: normal; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:16px; font-weight:bolder; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:30px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; font-size: 15px; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } ul.slimmenu{display:none} /*END CHI TIẾT TIN TỨC*/ #nn{display:none!important;height:auto} @media only screen and (min-width : 801px) and (max-width : 960px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:801px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:801px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:250px;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:94%!important;padding-left:4%} #other_content > .content > .right > .content .p_item{margin-right:14px!important;margin-left:14px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right:20px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 769px) and (max-width : 800px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:769px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:769px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:250px;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:98%!important;padding-left:2%} #other_content > .content > .right > .content .p_item{margin-right:9px!important;margin-left:8px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right:20px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 737px) and (max-width : 768px) { .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{/*margin-left:211px!important*/} #other_content .info img{max-width:100%} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:737px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:737px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:98%!important;padding-left:2%} #other_content > .content > .right > .content .p_item{margin-right:60px!important;margin-left:60px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right: 60px; margin-left: 60px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 668px) and (max-width : 736px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } #other_content .info img{max-width:100%} *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:668px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:668px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:211px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:98%!important;padding-left:2%} #other_content > .content > .right > .content .p_item{margin-right:46px!important;margin-left:46px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right: 43px; margin-left: 43px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 641px) and (max-width : 667px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} #other_content .info img{max-width:100%} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:641px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:641px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:198px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:98%!important;padding-left:2%} #other_content > .content > .right > .content .p_item{margin-right:39px!important;margin-left:39px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right: 37px; margin-left: 37px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 601px) and (max-width : 640px) { #nn{display:block!important} #other_content .info img{max-width:100%} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:601px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:601px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:187px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:98%!important;padding-left:2%} #other_content > .content > .right > .content .p_item{margin-right:29px!important;margin-left:29px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right: 28px; margin-left: 28px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 569px) and (max-width : 600px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} #other_content .info img{max-width:100%} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:569px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:569px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:10px;display: block;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:180px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:98%!important;padding-left:2%} #other_content > .content > .right > .content .p_item{margin-right:21px!important;margin-left:21px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right: 21px; margin-left: 21px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 481px) and (max-width : 568px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:481px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:481px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left; height: 60px!important;} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:280px;position: relative;} .p_item >.content .w_img{width:100%;height:187px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:5px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:115px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:3px!important;margin-left:3px!important} .p_item{display: block;width:230px;height:280px;float: left;background:white; margin-right: 4px; margin-left: 4px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 415px) and (max-width : 480px) { #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} *{margin:0;padding:0;} p{ text-align: justify; } #spmoi_li{width:16%!important} #other_content .info img{max-width:100%} *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:415px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:415px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 50px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:350px;position: relative;} .p_item >.content .w_img{width:100%;height:225px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:79px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:56px!important} .p_item{display: block;width:300px;height:350px;float: left;background:white; margin-right: 4px; margin-left: 57px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:7px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 385px) and (max-width : 414px) { #spmoi_li{width:16%!important} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:385px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:385px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 50px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:350px;position: relative;} .p_item >.content .w_img{width:100%;height:225px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:62px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:40px!important} .p_item{display: block;width:300px;height:350px;float: left;background:white; margin-right: 4px; margin-left: 40px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 376px) and (max-width : 384px) { #spmoi_li{width:16%!important} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:376px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:376px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 50px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:350px;position: relative;} .p_item >.content .w_img{width:100%;height:225px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:55px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:35px!important} .p_item{display: block;width:300px;height:350px;float: left;background:white; margin-right: 4px; margin-left: 35px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 361px) and (max-width : 375px) { #spmoi_li{width:16%!important} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:361px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:361px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 50px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:350px;position: relative;} .p_item >.content .w_img{width:100%;height:225px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:250px; height:25px; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width:260px; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:50px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:28px!important} .p_item{display: block;width:300px;height:350px;float: left;background:white; margin-right: 4px; margin-left: 28px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 321px) and (max-width : 360px) { #spmoi_li{width:16%!important} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:321px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:321px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 50px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;width:90%!important} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:350px;position: relative;} .p_item >.content .w_img{width:100%;height:225px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;font-size:12px} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title .inner{width:1200px;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 450px; } .form_lien_he input[type='text']{ width:100%; height:25px; float:right; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width: 107%; margin-left: -9%; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:50px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } #cloud-zoom-section .thumbs .clip{width:88%!important} .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:10px!important} .p_item{display: block;width:300px;height:350px;float: left;background:white; margin-right: 4px; margin-left: 10px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:11px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 300px) and (max-width : 320px) { #spmoi_li{width:16%!important} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:300px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:300px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 50px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;width:90%!important} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:320px;position: relative;} .p_item >.content .w_img{width:100%;height:190px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;font-size:11px} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:45px;z-index: 5000;} #other_content > .w_title .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 45px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 300px;} #other_content > .content > .right1{padding-bottom:0px!important} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:55px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 55px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 340px; } .form_lien_he input[type='text']{ width:100%; height:25px; float:right; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width: 107%; margin-left: -9%; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:15px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } #cloud-zoom-section .thumbs .clip{width:88%!important} .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:8px!important} .p_item{display: block;width:281px;height:320px;float: left;background:white; margin-right: 4px; margin-left: 8px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:6px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ } @media only screen and (min-width : 240px) and (max-width : 299px) { #spmoi_li{width:16%!important} #nn{display:block!important} .caroufredsel_wrapper{width:100%!important} #other_content .info img{max-width:100%} #footer > .inner .map{font-size:11px!important;width:60%!important} #footer .bottom{display:none!important} #footer > .inner .item1{width:219px!important} *{margin:0;padding:0;} p{ text-align: justify; } *:focus{ outline:0;} @font-face { font-family: 'myriad_pro'; src: url('../fonts/myriad-pro/MYRIADPRO-REGULAR.OTF'); } @font-face { font-family: 'french_vanilla'; src: url('../fonts/UTM%20French%20Vanilla.ttf'); } @font-face { font-family: 'utm-cafeta'; src: url('../fonts/UTM%20Cafeta.ttf'); } @font-face { font-family: 'new-font'; src: url('../fonts/n-font/UVNBaiSau_Nh.TTF'); } @font-face { font-family: "new-font"; src: url('../fonts/n-font/UVNBaiSau_R.TTF'); font-weight: bold; } @font-face { font-family: "gothic"; src: url('../fonts/UTM%20Alter%20Gothic.ttf'); font-weight: normal; } body{background: white;font-family:'new-font';} /*****GLOBAL*******/ #active_tab{background: white;} #active_menu{background:#51b614;color:white !important;} #sub_active_tab{background:#51b614 !important;color:white !important;} #active_thumb{} .clear{display:block;clear: both;} /***************/ #main_wrapper{display: block;} #wrapper{width:240px;margin:auto} #content_wrapper{display: block;position: relative;} #content_wrapper1{display: block;margin:0 auto;background:#c6c6c6;} #main_content{display: block;width:240px;margin:0 auto;} .bottom_banner img{width:100%!important} /*INDEX*/ #content_wrapper .top{position: absolute;top:-100px;width:100%;margin-bottom: 200px;} #content_wrapper .top .inner{width:1200px; display: block;margin:0px auto;position: relative;} #content_wrapper .top .item{background:url('../images/circle_item.png') no-repeat; width:224px;height:242px;display: block;float: left; margin-left:13px;} #content_wrapper .top .item:hover{cursor: pointer;} #content_wrapper .top .item .inner{width:200px;height:200px;border-radius: 200px;overflow: hidden; margin-top:12px;position: relative;} #content_wrapper .top .item .arrow{display: block;background:url('../images/left_icon.png') no-repeat;width:31px;height:17px;position: absolute;bottom: 20px;left:85px;} #content_wrapper .top .item .name{display: block;position: absolute;width:100%;text-align: center;bottom:50px; color:#464646;font-family: 'french_vanilla';font-size: 25px;} #content_wrapper .top .item img{display: block;position: absolute; top: 40px;left:15px;} #content_wrapper .bottom{ display: none; padding-bottom:20px;} #content_wrapper .bottom > .inner{width:1200px;display: block;margin:0px auto;} #content_wrapper .bottom > .inner .title{ display: block; position: absolute; width:100%; padding:15px 0px; background: white; color:#FFF; font-weight: bold; bottom: 30px; text-align: center; font-size: 18px; background-color:#5CB614; } #content_wrapper .bottom .inner > div{position: relative;} #content_wrapper .bottom > .inner >div:hover .title{background:#80b933;color:white;font-weight: bold; } #content_wrapper .bottom > .inner .item{float: left;width:285px;height:245px;display: block;margin-right:14px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item_1{float: left;width:285px;height:245px;display: block;background:yellow;margin-left:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} #content_wrapper .bottom > .inner .last_item{float: right;width:285px;height:245px;display: block; margin-right:0px; border:2px solid #5CB614; border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;} /*************BANNER**********/ #banner_wrapper{} #banner_wrapper .inner{display: block;width:100%;margin:0px auto; position:relative;} #banner_wrapper .inner .top_banner{display: none; float:right; position:absolute; top:5px; right:5px; z-index:999; } #banner_wrapper .inner .top_banner .sec_1{display: block;} #banner_wrapper .inner .sec_2{display: block;float: right;} #banner_wrapper .inner .sec_2 a{display: block;float: right;padding:5px 15px;text-align: center;background:#80B933;margin-left:5px;text-decoration: none; color:#FFF;font-weight: bold;border:1px solid #464646;} #goodledich{ float:right; height:31px; margin-top:36px; } #banner_wrapper .inner .top_banner .sec_1{display: block;float: right;} #banner_wrapper .hotline {display: none;float: right; position:absolute; top:65px; right:10px; z-index:999;} #banner_wrapper .hotline > span:not(.clear){display: block;color:#80b933;font-weight: bold;margin-left: 30px;font-size:18px;} #banner_wrapper .inner .bottom_banner >img{float: left;height: 40px!important;} .list_carousel{padding-top:17px!important} #banner_wrapper .inner .bottom_banner{display: block;} #banner_wrapper .inner .bottom_banner .item{ float: left; display: block; padding:0px 5px; margin-right:5px; } #banner_wrapper .inner .bottom_banner .item a{text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span{display: block;font-size: 17px;color:gray!important;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:first-child{color:#464646 !important;font-weight: bold;text-decoration: none;} #banner_wrapper .inner .bottom_banner .item span:last-child{color:yellow;} #contact_form_footer{font-family:Arial;font-weight:normal;} #contact_form_footer span{font-family:Arial;font-weight:normal !important;font-size:13px;} #banner{} /**********MENU************/ #menu{display: block;background:url('../images/bg_menu.png') repeat-x; height:72px;} #menu >.inner{width:100%;display: block;margin:0px auto;position: relative;} #menu >.inner > ul {position: absolute;display:none} #menu >.inner > ul .space{width:1px;background: lightgray;display: block;height:56px;} #menu >.inner > ul > li {float: left;position: relative;} #menu >.inner > ul > li >ul >li {position: relative;} #menu > .inner > ul > li > a.home img{padding-top:12px;display: block;} #menu > .inner > ul > li > a{height:55px;padding:0px 15px;color:#F00;font-weight: bold; text-decoration: none;display: block;line-height: 55px;font-size: 18px;font-family: gothic;} #menu > .inner > ul > li:hover > a{background:#51b614;color:white;} #menu > .inner > ul >li ul{display: none;position: absolute;width:220px;background: white;color:#464646;top:50px;left:0px;z-index: 5000;} #menu > .inner > ul >li > ul > li >a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size: 15px;} #menu > .inner > ul >li > ul > li > ul{display: none;position: absolute;left:220px;top:0px;} #menu > .inner > ul >li > ul > li > ul > li a{display: block;padding:10px 0px;padding-left:10px;color:#464646;font-weight:bold;text-decoration: none;border-bottom: 1px dashed lightgray;font-size:15px;} #menu > .inner > ul >li > ul > li > ul > li a:hover{color:#80b933;} #menu > .inner > ul > li:hover > ul{display: block;} #menu > .inner > ul >li > ul > li:hover ul{display: block;} #menu > .inner > ul >li > ul > li:hover > a{color:#80b933;} #menu > .inner >.search_form{display: block;position: absolute;right:0px; top:12px;width:100%} #menu > .inner >.search_form >.inner {display: block;position: relative;background:white;height:32px;background: white;box-shadow:inset 0px 0px 10px lightgray;width:100%;border-radius: 10px;} #menu > .inner >.search_form input[type='text'] {display: block;background:transparent;border:1px solid transparent;position: absolute;left:10px; top:6px; font-size:15px;} #menu > .inner .search_form #search {display: block;background:url('../images/search_icon.png') no-repeat;width:63px;height:32px;position: absolute;right:-5px;top:0px;z-index: 2000;border:0px solid transparent; cursor:pointer;} /*SUB MENU*/ #sub_menu{display: block;background:#488619;} #sub_menu .inner{width:1200px;display: block;margin:0 auto;} #sub_menu ul li{float: left;} #sub_menu ul li a{display: block;padding:10px 25px;color:white;text-decoration: none;font-size: 20px;background:url('../images/bg_sub_menu.png') no-repeat bottom center;margin-bottom: 3px;} #sub_menu ul li a:hover{color:yellow;} /***********SLIDER********************/ #slider{width:100%;display: none;height:420px;margin:0 auto;position: relative;} #slider .inner{width:1349px;display: block;margin:0 auto;} #slide_bottom{ background:url(../images/slide_bottom.png) top center no-repeat; width:100%; height:20px; } /***************TAB BAR***************/ #content{display: block;width:1200px;float: right;} #content .tab_bar{display: block;} #content .tab_bar .tab_item{display: block;float: left;font-size: 18px;color:black;padding:15px 25px;} #content .tab_bar .tab_item:hover{cursor: pointer;} #content .tab_content{background:white;display: block;padding:10px 0px; /*padding-left:50px;*/} #tab_navigation{display: block;clear: both;margin-top:20px;padding-left:150px;} /***********LEFT SECTION**************/ #left_section{float:left;width:250px;} #left_section > .content{ display: block; margin-right:5px; } #left_section .item{} #left_section .item >.title{display: block;font-size: 18px;color:black;padding:15px 0px;padding-left:10px;} #left_section .item >.title span{} #left_section .item >.content{display: block;background:white;padding:10px;} #left_section .item >.content >.content{} #left_section .item >.content ul li a{display: block;padding:5px 0px;text-decoration: none;color:black;font-size: 15px;background:url('../images/bg_sub_menu1.png') no-repeat left center; padding-left:20px;} #left_section .item > .content >.content table{} #left_section .item > .content >.content table tr{} #left_section .item > .content >.content table td{} /*danh mục*/ #p_list{} #p_list >ul{} #p_list > ul > li >a{} #p_list > ul > li >ul{} #p_list > ul > li >ul > li a{} /*tiện ích*/ #u_wrapper{} #thoi_tiet{} .thoi_tiet{} #ty_gia{} .ty_gia{} #lich{} .lich{} #chung_khoan{} .chung_khoan{} /*HỖ TRỢ*/ #support_wrapper{} #support_wrapper table{} #support_wrapper table tr td{} /*THỐNG KÊ*/ #statistic_w{} #statistic_w table{} #statistic_w table tr td{} /*************RIGHT SECTION**********************/ #right_section{} #right_section >.inner{} #right_section .s_item > .title{} #right_section .s_item > .title div{} #right_section .s_item > .title div .right{} #right_section .s_item > .title div .left{} #right_section .s_item >.content{} /***************PRODUCT********************************/ .p_item >.content{display: block;border:1px solid lightgray;height:300px;position: relative;} .p_item >.content .w_img{width:100%;height:170px;} .p_item >.content .w_img img{width:100%;height:100%;} .p_item >.content .name{display: block;font-size: 15px;color:black;background:url('../images/bg_name.png') no-repeat bottom center;padding-bottom: 10px;text-align: center;margin:40px 0px;font-family: Arial;} .p_item >.content .price{} .p_item >.content .dis{} .p_item >.book_btn{} .p_item .contact_btn{display: block;position: absolute;color:red;left:10px;bottom: 10px;font-size: 15px;} .p_item .contact_btn a{text-decoration: none;color:red;/* font-weight: bold; */font-size: 15px;font-family: arial;line-height: 21px;} .p_item .detail{display: block;background:url('../images/detail_1.png')no-repeat;width:93px;height:23px;position: absolute; right:10px; bottom: 10px;text-decoration: none;} .p_item .detail span{display: block;color:black;/* font-weight: bold; */line-height: 25px;font-family: Arial;margin-left:-20px;} /****************FOOTER*****************************/ #footer{display: block;background:url('../images/hinh.png') repeat; background-size:100% 100%; margin-top:50px;} #footer > .inner{width:100%;display: block;margin:0px auto;padding-top:20px;} .list_carousel li{width:100%!important;height:auto!important} .list_carousel ul{height:auto;overflow:hidden} #footer > .inner .item{float: left;width:200px;margin-left:20px;display:none} #footer > .inner .item1{display:block!important} #footer > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size:14px;font-family: "Times New Roman";} #footer > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer .bottom .inner{width:1200px;margin:0px auto;} #footer .bottom .inner .left{float: left;display: block;font-size:12px} #footer .bottom .inner .right{float: right;display: block;margin-right: 300px;} #footer .menu{} #footer .menu ul{} #footer .menu ul li a{} #footer .menu ul li .space{} #footer .info{} .bottom .inner .right{display:none!important } #footer .info .left{} #footer .info .center{} .contact_footer span{color:#72de1f !important;font-weight: bold;} /****************FOOTER 1*****************************/ #footer1{display: block;background:url('../images/hinh.png') no-repeat; background-size:100% 100%; color:lightgray;} #footer1 > .inner{width:1200px;display: block;margin:0px auto;padding-top:20px;} #footer1 > .inner .item{float: left;width:200px;margin-left:20px;} #footer1 > .inner .item .title{display: block;color:#e6e6e6;font-size: 15px;font-weight: bold;} #footer1 > .inner .item .content a{display: block;color:lightgray;background:url('../images/bg_link.png') no-repeat left center;padding:3px 0px; padding-left:15px;text-decoration: none;font-size: 14px; font-family: "Time New Roman"} #footer1 > .inner .item span{display: block;min-height:28px;margin:5px 0px; color:gray;} #footer1 > .inner .map{background:url('../images/location_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone{background:url('../images/phone_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .phone1{background:url('../images/phone1_icon.png') no-repeat left top; padding-left:35px;} #footer1 > .inner .email{background:url('../images/email_icon.png') no-repeat left top;padding-left:35px;} #footer1 .bottom {background:#424242;display: block; padding:10px 0px;color:lightgray;} #footer1 .bottom .inner{width:1200px;margin:0px auto;} #footer1 .bottom .inner .left{float: left;display: block;} #footer1 .bottom .inner .right{float: right;display: block;} #footer1 .menu{} #footer1 .menu ul{} #footer1 .menu ul li a{} #footer1 .menu ul li .space{} #footer .info{} #footer .info .right{} #footer .info .left{} #footer .info .center{} #footer-slide{ display: block; magin: 0 auto; } #footer-slide .inner{ display: block; width:1200px; margin:0 auto; background: white; } /************TIN TỨC****************************/ .n_item{} .n_item .w_img{} .n_item .w_img img{} .n_item .w_img .title{} .n_item .w_img .dis{} .n_item .w_img .detail{} /************INFO 1****************************/ #info {} #info .left{} #info .left .l_img{} #info .left .thumb_wrapper{} #info .right{} #info .relative-items{} #info .tab_wrapper{} #info .tab_bar{} #info .tab_bar span{} #info .tab_wrapper .content{} /*************************/ .gallery_title{display: block;padding:15px;background:#488619; clear: both;} .gallery_title .inner{width:1200px;margin:0px auto;font-size: 20px;font-weight: bold;color:white;} /*.gallery_title .inner{width:1200px;margin:0 auto;font-size: 25px;font-weight: bold;color:white;}*/ #gallery_content{display: block;overflow: hidden;} #gallery_content .inner{width:1200px;display: block;margin:0 auto;background: red;margin-top:-30px;} /**************************/ #other_content{display: block;} #other_content > .w_title{display: block;background:#488619;height:45px;z-index: 5000;} #other_content > .w_title .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 45px;color:lightgray;} #other_content > .w_title .left{width:350px;display: none;float: left;} #other_content > .w_title .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title .left span{display: block;border-right:1px dotted lightgray;color:white;font-weight: bold;} #other_content > .content{display: block;width:100%;margin:0 auto;position: relative;background: white;} #other_content > .content > .left{float:left;width:349px;background:white;display: none;height:100%; top:0px;left:0px;border-right:1px dotted lightgray;} #other_content > .content > .left .content{padding:10px;display: block;} #other_content > .content > .left ul li a{display: block;font-size: 14px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color: #474747;font-family: arial;} #other_content > .content > .left ul li a:hover{color:#66e519;font-weight: bold;} #other_content > .content > .left ul li ul{isplay: block;margin-left:20px;} #other_content > .content > .left >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .left >.title a{text-decoration:none;color:#66e519;} #other_content > .content > .right{float: left;width:100%;background: white;min-height: 500px;} #other_content > .content > .right > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right > .content {padding:0px;display: block;padding-top: 17px;} #other_content > .content > .right .item{display: block;float: left;width:830px;overflow: hidden;margin-bottom: 20px;position: relative;height:160px;overflow: hidden;} #other_content > .content > .right >.content > div.item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content > div.last_item .w_img{display: block;float: left;width:150px; height:150px;background:lightgray;padding:5px;margin-right:10px;} #other_content > .content > .right >.content .dis{text-align: justify;} #other_content > .content > .right >.content .item .title{display: block;color:#488619;font-size: 18px;} #other_content > .content > .right >.content .item .title a{text-decoration:none;color:#488619; font-family: "Times New Roman"} #other_content > .content > .right >.content .last_item .title{display: block;color:#488619;font-size: 18px;margin-right:10px;} #other_content > .content > .right >.content .last_item .title a{text-decoration:none;color:#488619;} #other_content .right >.content .item .dis{display: block;font-size: 15px;font-family: "Times New Roman"} #other_content > .content > .right >.content > div .w_img img{width:100%;height:100%;display: block;} #other_content > .content .detail{display: block;position: absolute;color:red;text-decoration: none; bottom:0px;right:10px;font-family: "Times New Roman"} #other_content > .content > .right .last_item{display: block;float: left;width:400px;height:160px;overflow: hidden;margin-bottom: 5px;margin-bottom: 20px;position: relative;font-size:15px;} #other_content .info .title{display: block;color:#488619;font-size: 25px;font-weight: bold;border-bottom:1px dashed lightgray;padding-bottom: 5px;margin-bottom: 5px;font-family: "Times New Roman"} #other_content .info {font-size: 15px; font-family:Tahoma, Geneva, sans-serif;} #other_content .info > .left{width:100%;display: block;float: left;} #other_content .info > .right{width:100%;display: block;float: right;} #other_content .info .dis{font-size: 17px;} #other_content .info > .right .p_title{display: block;color:#488619;font-size: 20px;font-family: "Times New Roman"} #other_content .relative-items {display: block;clear: both;margin-top:20px;} #other_content .relative-items .p_item{margin-right:40px;} #other_content .relative-items >.title{display: block;color:#488619;font-size: 25px;border-bottom: 1px dotted lightgray;padding-bottom: 5px;margin-bottom: 10px;font-family: "Times New Roman"} /**********************************/ #other_content > .content > .left1{ position: inherit;width:100%;background:white;display: block;height:100%; top:0px;left:0px;border-right:0px dotted lightgray;} #other_content > .content > .left1 .content{padding:10px;display: block;} #other_content > .content > .left1 ul li a{display: block;font-size: 15px;padding:10px 0px;padding-left:15px;background:url('../images/bg_sub_menu1.png') no-repeat left center;text-decoration: none;color:black;}\ #other_content > .content > .left1 >.title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;font-weight: bold;} #other_content > .content > .right1{float: left;width:100%;background: white;min-height: 200px;} #other_content > .content > .right1 > .title{display: block;font-size: 20px;padding:10px; padding-left:10px;color:white;background: orangered;} #other_content > .content > .right1 > .content {padding:10px;display: block;} #other_content > .content > .left1 > .content .section {display: block;} #other_content > .content > .left1 > .content .section .title {display: block;font-size: 20px;color:#488619;border-bottom: 1px dotted lightgray;padding-bottom:5px;font-weight: bold;} #other_content > .w_title1{display: block;background:#488619;height:50px;z-index: 5000;} #other_content > .w_title1 .inner{width:100%;display: block;margin:0 auto;font-size: 20px;line-height: 50px;color:lightgray;} #other_content > .w_title1 .left{width:100%;display: block;float: left;color:white;font-weight: bold;} #other_content > .w_title1 .right{display: block;float: left;padding-left:20px;color:white;font-weight: bold;} #other_content > .w_title1 .left span{display: block;border-right:1px dotted lightgray;} .form_lien_he .content{ margin:10px 0px; display: block; background: rgba(0, 0, 0, 0.1); color:white; padding:10px; } #map{ display: block; margin:10px 0px; border:2px solid lightgray; } #map iframe{ width:100%; height: 250px; } #other_content > .content > .right1{padding-bottom:0px!important} .form_lien_he input[type='text']{ width:100%; height:25px; float:right; padding: 0px 5px; } .form_lien_he input[type='submit']{ display: block; background: transparent; text-align: center; text-decoration: none; border:0px solid transparent; font-family: 'utm-cafeta'; color:red; font-size: 30px; font-weight: bold; right:5px; bottom: 0px; } .form_lien_he input[type='submit']:hover{ text-decoration: underline; cursor: pointer; } .form_lien_he textarea{ width: 112%; margin-left: -14%; } /*******************************/ #c_wrapper{display: block;} #c_wrapper .w_title{display: block;background:#488619;height:55px;} #c_wrapper > .inner{display: block;width:1200px;margin:0 auto;background: white;} #c_wrapper > .inner >.content{display: block;padding:20px;margin-left:20px;} #c_wrapper > .inner >.content >.title{display: block;border-bottom:1px dotted lightgray;padding-bottom: 10px;font-size: 25px;font-weight: bold; margin-bottom: 10px;} #c_wrapper .item{display: block;float: left;width:150px;height:150px;border:5px solid lightgray; margin-right:30px; margin-bottom: 20px;} #c_wrapper .item img{width:100%;height:100%;} /*******************************/ .field_info{ width:1200px; margin: 0 auto; background: white; display: block; min-height: 500px; } .field_title{ display: block; font-weight: bold; font-size: 25px; color:#80b933; border-bottom: 1px dotted lightgray; padding:10px 0px; padding-left:20px; margin:0px 10px; } .field_content{ display: block; margin:0 auto; background: white; /*padding:10px;*/ margin:20px; margin-top:10px; padding-bottom: 30px; } .bottom_name{font-size:12px !important;;font-family: arial;} .support_form{position: fixed;right:0px;bottom:0px;width:250px;background: white;z-index: 9000;min-height:200px;border:1px dotted lightgray;width:280px;bottom:-160px;display:none} .support_form .title{display: block;display:block;background: #64c12c;height:40px; text-align: center;line-height: 40px;} .support_form .title .inner{position: relative;} .support_form .title span{ color:white; /*-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); width:20px; transform: rotate(90deg); width:170px; display: block; position: absolute; top:90px; left:-65px;*/ font-size:18px; font-weight:bold; } .support_form .content{display: block;margin-left:5px;padding:10px 0px;} .support_form .content table{width:100%;font-weight: bold;} .support_form .content table tr td{padding:5px 0px;border-bottom: 1px dotted lightgray;} /**************TAB*********************/ #sub_tab_bar{ margin-top:10px; display: block; clear: both; } #sub_tab_bar .tab_bar{ clear: both; display: block; margin-top:10px; border:1px solid lightgray; } #sub_tab_bar .tab_bar span:not(.clear){ display: block; float: left; padding:10px 15px; color:#464646; font-weight: bold; background: lightgray; border-right:1px dotted gray; } #sub_tab_bar .tab_bar span:not(.clear):hover{ background:#0090f1; color:white; cursor: pointer; } #sub_tab_bar .tab_content{ display: block; margin-top:20px; text-align: justify; margin-bottom: 20px; border:1px solid lightgray; border-top:0px; padding:10px; } #sub_tab_bar .tab_content iframe{ width:100%; } .navigation_bar{width:100%!important} .navigation_bar .navigation_inner{margin-left:15px!important} #cloud-zoom-big{display:none!important} .mousetrap{width:100%!important} #wrap a img{margin:auto!important} .cloud-zoom-lens{display:none!important} .clear{ clear:both; } .khung{ width:100%; margin:auto; } #cloud-zoom-section .thumbs .clip{width:88%!important} .list_carousel{width:100%!important;padding-left:0%} #other_content > .content > .right > .content .p_item{margin-right:0px!important;margin-left:2px!important} .p_item{display: block;width:232px;height:300px;float: left;background:white; margin-right: 4px; margin-left: 2px; margin-bottom: 30px;border:1px solid lightgray;} .list_carousel{margin-left:0px!important} #doitac_left{display:none!important} .tab_bar_q{ padding:5px 0px; border-top:4px solid #9FD54B; border-bottom:4px solid #9FD54B; font-size: 24px; font-family: 'gothic'; font-weight:500; color:#9FD54B; padding-left:40px; display:block; } .tab_bar_q .tab_item{ color:#9FD54B;font-size: 24px;font-weight:500; } .tab_bar_q a{ color:#9FD54B; font-size:24px; font-weight:bold; text-decoration:none; } .tab_bar_q a:hover{ text-decoration:underline; } .main_noidung_info{ padding:15px; font-family:Tahoma, Geneva, sans-serif; } /*TIN NOI BAT*/ .tin_info{ position:relative; padding:10px 0px; border-bottom:1px solid #999; } .tin_info .ngay_new{ color:#666; margin:0px; padding:0px; } .tin_info .tin_img{ width:175px; height:150px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img img{ width:175px; height:150px; } .tin_info .tin_img1{ width:100px; height:75px; padding:4px; border:1px solid #CCC; float:left; margin-right:10px; transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; -webkit-transition:0.2s; } .tin_info .tin_img:hover{ border:1px solid #666; } .tin_ten{ font-size:17px; font-weight:bold; text-decoration:none; margin:5px 0px; color:#333; } .tin_ten:hover{ color:#F00; } .mota_tin, .mota_tin h2,.mota_tin h3, .mota_tin h4{ font-size:14px; font-weight:normal; } .tin_chitiet{ color:#000; line-height:15px; float:right; text-decoration:none; position:absolute; bottom:5px; right:5px; } .tin_chitiet img{ width:5px; height:5px; float:left; border:none; margin-top:5px; margin-right:5px; } .tin_chitiet:hover{ color:#F00; } /*END TIN NOI BAT*/ /*CHI TIẾT TIN TỨC*/ #ct_tintuc{ font-size:13px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; } #ct_tintuc .image_new{ width:300px; border:1px solid #CCCCCC; padding:4px 4px 4px 4px; float:left; margin-right:10px; } #ct_tintuc .tieude_new{ color:#000; font-size:18px; font-weight:500; } #ct_tintuc .ngay_new{ color:#666; font-size:13px; margin-top:3px; margin-bottom:10px; } .mota_new, .mota_new h2, .mota_new h3{ font-size:13px; font-weight:bold; padding:0px 5px; font-style:italic; text-align:justify; } .noidung_new{ margin-top:10px; text-align:justify; } .file_new{ padding:10px 0px; color:#FFF; font-style:italic; } .file_new a{ font-weight:bold; color:#FFF; } .file_new a:hover{ text-decoration:underline; } a.tinkhac{ color:#000; text-decoration:none; font-weight:500; height:20px; line-height:20px; font:13px Tahoma, Geneva, sans-serif; } a.tinkhac img{ width:7px; height:7px; margin-top:10px; margin-right:5px; border:none; } a.tinkhac:hover{ color:#F00; } /*END CHI TIẾT TIN TỨC*/ }