ShareSQL INJECTION LỖ HỔNG CON KIẾN, HẬU QUẢ CON VOI

**hoangchan** · 03.10.2021 / 06:55

SQL INJECTION LỖ HỔNG CON KIẾN, HẬU QUẢ CON VOI

SQL Injection là một lỗ hổng rất cơ bản nhưng lại dễ dàng bị bỏ qua trong quá trình phát triển ứng dụng. Lỗ hổng này nguy hiểm tới mức cho phép các h@cker lấy quyền quản trị của website, thay đổi nội dung, lợi dụng để ăn cắp các thông tin nhạy cảm, hoặc thậm chí làm bàn đạp tấn công chiếm quyền quản trị toàn hệ thống. Đây là phương thức tấn công yêu thích của Hacker khi lần đầu tiếp cận với website của bạn.

Lỗ hổng này có thể hiểu đơn giản như sau. Trang web của bạn được tạm chia thành hai thành phần là Code và Cơ sở dữ liệu (CSDL - Database). Các chức năng của trang Web như đăng ký, đăng nhập, mua hàng, đọc tin tức được lập trình viên tạo ra phải kết nối vào Database. Việc kết nối này giúp cho thông tin của bạn và khách hàng được lưu trữ, kiểm tra và xử lý.

Để Code và Database có thể hiểu được nhau thì Code phải sử dụng ngôn ngữ của Database là SQL để giao tiếp. Tỉ dụ, có một ông khách muốn lấy những qủa CAM trong rổ HOA QUẢ nhưng với điều kiện là ĐÃ CHÍN trong trang Web của bạn.

Phần Code lúc này nói cho Database hiểu được nhu cầu của ông khách kia là:

𝐒𝐄𝐋𝐄𝐂𝐓 * 𝐅𝐑𝐎𝐌 𝐇𝐨𝐚_𝐐𝐮𝐚̉ 𝐖𝐇𝐄𝐑𝐄 𝐋𝐨𝐚̣𝐢 = 𝐂𝐚𝐦 𝐀𝐍𝐃 𝐓𝐫𝐚̣𝐧𝐠_𝐓𝐡𝐚́𝐢 = Đ𝐚̃ 𝐜𝐡𝐢́𝐧

Với lòng tham và cách chơi không cần xanh chín, ông khách kia đã sửa đoạn yêu cầu Loại quả của mình cần mua lúc này là "Cam--" (Có hai dấu gạch ngang ở cuối) thay vì "Cam". Code có biết gì đâu, cũng ngoan ngoãn làm theo, và gửi cho Database câu truy vấn là:

𝐒𝐄𝐋𝐄𝐂𝐓 * 𝐅𝐑𝐎𝐌 𝐇𝐨𝐚_𝐐𝐮𝐚̉ 𝐖𝐇𝐄𝐑𝐄 𝐋𝐨𝐚̣𝐢 = 𝐂𝐚𝐦-- 𝐀𝐍𝐃 𝐓𝐫𝐚̣𝐧𝐠_𝐓𝐡𝐚́𝐢 = Đ𝐚̃ 𝐜𝐡𝐢́𝐧

CSDL lúc này tự nhiên trả về tất cả các quả Cam mà không cần biết nó đang ở Trạng_Thái nào. Vì trong ngôn ngữ của Database thì hai cái dấu gạch ngang (--) được hiểu là bỏ qua hết những thứ đằng sau. Hành động của ông khách kia được gọi là Injection (tiêm vào), và cái thứ tiêm vào là ngôn ngữ SQL. Nên người ta gọi là SQL Injection.

Cre: Cookie Hân Hoan

#sql #cookiehanhoan #cookieowasp #cookiebaomatweb

**hoangchan** · 15.10.2021 / 21:36

PHP

<script>
// Find all YouTube videos
var $allVideos = $("iframe[src*='youtube']"),
 
// The element that is fluid width
$fluidEl = $(".blog-posts");
 
// Figure out and save aspect ratio for each video
$allVideos.each(function() {
 
  $(this)
.data('aspectRatio', 9 / 16)
 
// and remove the hard coded width/height
.removeAttr('height')
.removeAttr('width');
 
});
 
// When the window is resized
$(window).resize(function() {
 
  var newWidth = $fluidEl.width();
 
  // Resize all videos according to their own aspect ratio
  $allVideos.each(function() {
 
var $el = $(this);
$el
  .width(newWidth)
  .height(newWidth * $el.data('aspectRatio'));
 
  });
 
// Kick off one resize to fix all videos on page load
}).resize();
</script>

**hoangchan** · 15.10.2021 / 21:37

js điều chỉnh điều chỉnh kích thước khung video YouTube

**hoangchan** · 15.10.2021 / 21:51

PHP

echo'<center>
 
chào mừng
</center>';

**Treasure** · 17.10.2021 / 17:35

Trước khi share js thì nên nói nó là jquery chứ ng' ko biết chạy js thuần có mà vỡ mặt =]]

**hoangchan** · 17.10.2021 / 20:48

@Treasure: Đang tìm cách để chỉnh kích thước video cho hợp với tỉ lệ của wap thì thấy cái này trên Google... Vẫn chưa biết cách dùng.

Lưu để đây thôi

**MrKen** · 17.10.2021 / 23:35

dùng css là được rồi, cần gì js đâu =))

**hoangchan** · 18.10.2021 / 12:19

@MrKen: mình đã thử Css rồi nhưng kết quả không như mong đợi,nên tìm cách khác để thử

Cùng 1 mã Css:

1.Giao diện trên Vsite

2.Giao diện trên wap khi dùng host chụp bằng điện thoại

3.Giao diện trên wap khi dùng host chụp bằng máy tính

CSS

PHP

*{margin:0;padding:0}
body{background:#F4F4FE;color:#000000;font-family:Arial,Tahoma,sans-serif;font-size:small;max-width:700px;margin:auto}
a{color:#1752a6;text-decoration:none}
a:hover{color:#FF0000}
:focus{outline:0}
form{font-size:small}
h1,h2,h3,h4,h5,h6{font-size:1.2em}
h3{padding:0 0 2px 0}
hr{border:0;border-top:1px solid gray}
p{margin-bottom:6px;margin-top:6px}
ul{padding-left:20px}
input,textarea,select,button{background:#fff;border:1px solid #d8d8d8;color:#686868;margin:1px;padding:4px;border-radius:3px}
button:hover{border-color:#000}
select{padding:3px}
textarea{width:95%;max-width:640px;resize:vertical}
.icon{padding:3px 6px 3px 1px;vertical-align:middle}
.icon-inline{padding-right:6px;vertical-align:middle}
img{border:0;max-width:100%}
label.radio,label.checkbox{display:block}
.right{text-align:right}
.center{text-align:center}
.hide{display:none}
.text{padding:4px}
.alarm{background-color:#ff0000;border:1px solid white;color:#ffffff;font-weight:bold;padding:3px 0 3px 4px}
.bblist{color:#4A5663;background:transparent url(../../images/dot.gif) no-repeat left;padding:0px 0px 0px 10px}
.bbpopup{margin-top:3px}
.bbpopup a{border:1px solid #a7a7a7;height:10px;display:inline-block;margin:1px;vertical-align:middle;width:10px}
.bmenu{background-color:#ccd4dd;border:1px solid #d1d3d9;padding:4px}
.func{border-left:4px solid #9acd32;color:#757575;font-size:x-small;margin-left:2px;margin-top:4px;padding-left:4px}
.gmenu{background:#c7e8d5;border:solid #E9E9E9;padding:4px;border-width:0 1px 1px}
.hdr{background-color:#f1f1f1;border-bottom:1px solid #595959;font-weight:bold;padding-left:2px}
#container{padding:0 4px 4px;background:#fff}
a#top{line-height:0;height:0;display:block}
.left{float:left}
.news, .menu{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px; padding:10px}
.list1{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px; padding:10px}
.list2{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px; padding:10px}
.list1, .list2, .text{word-wrap:break-word}
 
.phdr{padding: 8px 10px; font-weight: bold; border-color: #FF9900;  border-bottom: 0px solid #FFFFFF; background: #00796B; color: #FFF; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.phdr a{color:#ff0}
.toolbar a{display:inline-block;background-color:#fff;border-radius:3px;border:1px solid #ccc;padding:2px}
.toolbar a img{vertical-align:middle}
/* spoiler */
.spoilerhead{background:#E8E8F2;color:#211F67;padding:3px;border:1px solid #9898AD;cursor:pointer}
.spoilerbody{background:#FAFAFC;border:1px solid #AFAFC4;border-top:none;padding:4px;color:#333;border-radius:0px 0px 3px 3px}
/* bbCode */
.bbCodeBlock{border:1px solid #ccc}
.bbCodeBlock .type {font-weight:700;color: #444;background-color: #E8F4FD;padding: 3px 8px;border-bottom: 1px solid #ccc}
.bbCodeBlock .code{white-space:nowrap;font-size:10pt;font-family:Consolas,'Courier New',Courier,monospace;background-color:#F0F7FC;word-wrap:normal;overflow:auto;line-height:1.24;}
.bbCodeBlock .code ol {padding-left:30px}
.bbCodeQuote blockquote{font-style: italic;background-color: #fff6d4;padding: 5px 10px}
/* Forum */
h3.cat-name{font-size:1em}
 
.forum_post{margin-top:4px;border-bottom:1px solid #e9e9e9}
.forum_post > .title{background:#00796B;padding:4px;color:#FFF}
.forum_post > .title a{color:#ff0}
.forum_post > .topmenu{color:#000}
.forum_post > .text, .forum_post > .tools, .forum_post > .sub, .forum_post > .info, .forum_post > .attach, .forum_post > .likes{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.forum_post > 
.text{padding: 2px; border-bottom: 0px solid #000000; background-color: #FFFFFF; line-height: 22px; font-weight: 20px; color: 000000;}
.forum_post > .attach{padding:0 4px 4px}
.forum_post > .attach  > .attach_file{font-size:x-small; background-color:#f0f0f0;padding:2px 4px}
.forum_post > .likes{border-top:1px solid #e9e9e9}
.forum_post > .tools, .forum_post > .likes{padding:4px}
.forum_post > .tools a{display:inline-block;font-size:smaller;padding:2px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.forum_post > .tools a:hover{background:#f0f0f0;text-decoration:none}
 
.quote{margin:5px;padding:5px;border-left:5px solid #FCE27C;background:#fff6d4}
.rmenu{color:#6d220d;background:#ffebe8;border:solid #e9e9e9;border-width:0 1px 1px;padding:4px}
.status{color:#CD853F;font-size:x-small;font-weight:bold}
.sub{border-top:1px dotted #c6c17f;font-size:x-small;padding-top:4px}
.topmenu{background-color:#F2F6F8;border:solid #E9E9E9;border-width:0 1px 1px;color:#34617E;padding:4px;}
.user{background-color:#cbdbe7;border:1px solid #CCC;padding:3px 4px 3px 4px}
.user .gray{color:#2E2E31}
.alarm a{color:#FFFFFF;font-size:x-small}
.clip a{color:#424e59}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{text-decoration:underline}
/* reply */
.greply{border-left:4px solid #009900;color:#009900;padding:2px 0 2px 4px}
.greply a{color:#008800}
.reply{border-left:4px solid #EE0000;color:#EE0000;padding:2px 0 2px 4px}
.reply a{color:#DD0000}
/* pagination */
.currentpage{color:#FFF;background-color:#8cafc6;border:1px solid #417394;padding:1px 5px;}
a.pagenav{border:1px solid #417394;background-color:#f2f6f8;text-decoration:none;padding:1px 3px;}
a.pagenav:hover{background-color:#f2f6f8;border:1px solid #417394;}
/* prefix */
.label{border-radius:3px;color:#FFF;line-height:14px;vertical-align:baseline;white-space:nowrap;padding:1px 4px;margin-right:5px}
.label-1{background-color:#F89406}
.label-2{background-color:#3A87AD}
.label-3{background-color:#B94A48}
.label-4{background-color:#CD0000}
.label-5{background-color:#009933}
.label-6{background-color:#999999}
.label-7{background-color:#009933}
.label-8{background-color:#FF8C00}
 
table.desc{border-top:1px dotted #c6c17f;width:100%;overflow:auto;font-size:x-small;margin-top:4px}
table.desc td{font-size:x-small}
table.desc td.caption{width:1%;text-align:right;color:#6f6f6f;white-space:nowrap}
h4{margin:6px 0 2px 0}
.mv{margin-top:6px;margin-bottom:6px}
.tag{display:inline-block;white-space:nowrap;padding:3px 4px;border:1px solid #ccc;margin-left:5px;border-radius:4px;margin-bottom:3px}
a.tag:hover{text-decoration:none;background:#fff}
a.reg_link{color:#fff000;font-weight:bold}
img.nick_icon{display:inline-block;vertical-align:text-top;margin-top:2px;line-height:12px;height:12px;width:12px;margin-right:5px}
.notif{color:#7f7212;background:#fffbe2;border:solid #e9e9e9;border-width:0 1px 1px;padding:4px}
/* color */
.green,.green a,a.green{color:#008000}
.red,.red a,a.red{color:#FF0000}
.gray{color:#586776}
/* background */
.bg-error{background-color:#FFEBE8}
.bg-notif{background-color:#FFFFC8}
/* padding */
.p4{padding:4px}
 
.card{}
.card-header{padding: 8px 10px; font-weight: bold; border-color: #FF9900;  border-bottom: 0px solid #FFFFFF; background: #00796B; color: #FFF; border-top-right-radius: 0px; border-top-left-radius: 0px;}
.card-chan{padding: 15px 20px; font-weight: bold; border-color: #525151; background-color: #525151; border-bottom: 0px solid #FFFFFF; background: #006699; color: #FFF; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.card-header a{color: #ff0}
.card-body{padding: 4px;border: 1px solid #0099CC; margin: 4px 0; margin-top:0px;}
.card-body:not(:first-child) {border-top: 0}
.card-footer{background-color: #F2F6F8;border: 2px solid #dee2e6;border-bottom: 2px; border-top-width: 1px;color: #34617E;padding: 6px;}
.last-group:first-child {border-top: 1px solid #003333}
.last-group-item {padding: 10px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; line-height: 18px;}
.last-group-item2 {background-color: #000011; padding: 20px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; color: #FFF;}
.last-group-item-success{color:#155724;background-color:#d4edda}
.last1 {padding: 8px; border-bottom: 1px solid #dbdbe6; background-color: #FFFFFF; line-height: 18px; font-weight: 20px; }
.last2 {padding: 8px; border: 1px solid #bbd8d3; background-color: #FFFFFF; line-height: 18px; font-weight: 20px; border-radius: 15px; margin: 5px 0; border-radius: 5px;}
.last3 {padding: 6px; border: 1px solid #FFC9D6; background-color: #FFFFFF; line-height: 18px; font-weight: 20px; border-radius: 15px; margin: 5px 0; border-radius: 5px;}
/*css nút đăng nhập*/
.btn{display:inline-block; text-align:center; white-space:nowrap; border:1px solid transparent;padding:4px 8px;border-radius:2px;cursor: pointer;text-decoration: none}
.btn-primary{color:#fff;background-color:#00796B;border-color:#00796B}
.btn-primary:hover{color:#fff;background-color:#075F54;border-color:#075F54}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}
.btn:hover {text-decoration: none}
.btn + .btn {margin-left: 4px}
.list-group:first-child {border-top: 1px solid #003333}
.list-group-item {padding: 10px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; line-height: 18px;}
.list-group-item2 {background-color: #000011; padding: 20px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; color: #FFF;}
.list-group-item-success{color:#155724;background-color:#d4edda}
/*video*/
.wy { width: 80%; max-width: 640px; margin: 0 auto;}
.youtube { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.youtube iframe, .youtube object, .youtube embed { position:absolute; top:0; left:0; width:100%; height:100%;}

**MrKen** · 18.10.2021 / 23:13

css còn phụ thuộc vào html nữa chứ ko phải để vào đâu cũng hiển thị giống nhau được

**Poker** · 22.10.2021 / 07:39

hoangchan đã viết ↑

@MrKen: mình đã thử Css rồi nhưng kết quả không như mong đợi,nên tìm cách khác để thử

Cùng 1 mã Css:

1.Giao diện trên Vsite

2.Giao diện trên wap khi dùng host chụp bằng điện thoại

3.Giao diện trên wap khi dùng host chụp bằng máy tính

CSS

PHP

*{margin:0;padding:0}
body{background:#F4F4FE;color:#000000;font-family:Arial,Tahoma,sans-serif;font-size:small;max-width:700px;margin:auto}
a{color:#1752a6;text-decoration:none}
a:hover{color:#FF0000}
:focus{outline:0}
form{font-size:small}
h1,h2,h3,h4,h5,h6{font-size:1.2em}
h3{padding:0 0 2px 0}
hr{border:0;border-top:1px solid gray}
p{margin-bottom:6px;margin-top:6px}
ul{padding-left:20px}
input,textarea,select,button{background:#fff;border:1px solid #d8d8d8;color:#686868;margin:1px;padding:4px;border-radius:3px}
button:hover{border-color:#000}
select{padding:3px}
textarea{width:95%;max-width:640px;resize:vertical}
.icon{padding:3px 6px 3px 1px;vertical-align:middle}
.icon-inline{padding-right:6px;vertical-align:middle}
img{border:0;max-width:100%}
label.radio,label.checkbox{display:block}
.right{text-align:right}
.center{text-align:center}
.hide{display:none}
.text{padding:4px}
.alarm{background-color:#ff0000;border:1px solid white;color:#ffffff;font-weight:bold;padding:3px 0 3px 4px}
.bblist{color:#4A5663;background:transparent url(../../images/dot.gif) no-repeat left;padding:0px 0px 0px 10px}
.bbpopup{margin-top:3px}
.bbpopup a{border:1px solid #a7a7a7;height:10px;display:inline-block;margin:1px;vertical-align:middle;width:10px}
.bmenu{background-color:#ccd4dd;border:1px solid #d1d3d9;padding:4px}
.func{border-left:4px solid #9acd32;color:#757575;font-size:x-small;margin-left:2px;margin-top:4px;padding-left:4px}
.gmenu{background:#c7e8d5;border:solid #E9E9E9;padding:4px;border-width:0 1px 1px}
.hdr{background-color:#f1f1f1;border-bottom:1px solid #595959;font-weight:bold;padding-left:2px}
#container{padding:0 4px 4px;background:#fff}
a#top{line-height:0;height:0;display:block}
.left{float:left}
.news, .menu{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px; padding:10px}
.list1{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px; padding:10px}
.list2{background:#FFF;border:solid #e9e9e9;border-width:0 1px 1px; padding:10px}
.list1, .list2, .text{word-wrap:break-word}
 
.phdr{padding: 8px 10px; font-weight: bold; border-color: #FF9900;  border-bottom: 0px solid #FFFFFF; background: #00796B; color: #FFF; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.phdr a{color:#ff0}
.toolbar a{display:inline-block;background-color:#fff;border-radius:3px;border:1px solid #ccc;padding:2px}
.toolbar a img{vertical-align:middle}
/* spoiler */
.spoilerhead{background:#E8E8F2;color:#211F67;padding:3px;border:1px solid #9898AD;cursor:pointer}
.spoilerbody{background:#FAFAFC;border:1px solid #AFAFC4;border-top:none;padding:4px;color:#333;border-radius:0px 0px 3px 3px}
/* bbCode */
.bbCodeBlock{border:1px solid #ccc}
.bbCodeBlock .type {font-weight:700;color: #444;background-color: #E8F4FD;padding: 3px 8px;border-bottom: 1px solid #ccc}
.bbCodeBlock .code{white-space:nowrap;font-size:10pt;font-family:Consolas,'Courier New',Courier,monospace;background-color:#F0F7FC;word-wrap:normal;overflow:auto;line-height:1.24;}
.bbCodeBlock .code ol {padding-left:30px}
.bbCodeQuote blockquote{font-style: italic;background-color: #fff6d4;padding: 5px 10px}
/* Forum */
h3.cat-name{font-size:1em}
 
.forum_post{margin-top:4px;border-bottom:1px solid #e9e9e9}
.forum_post > .title{background:#00796B;padding:4px;color:#FFF}
.forum_post > .title a{color:#ff0}
.forum_post > .topmenu{color:#000}
.forum_post > .text, .forum_post > .tools, .forum_post > .sub, .forum_post > .info, .forum_post > .attach, .forum_post > .likes{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.forum_post > 
.text{padding: 2px; border-bottom: 0px solid #000000; background-color: #FFFFFF; line-height: 22px; font-weight: 20px; color: 000000;}
.forum_post > .attach{padding:0 4px 4px}
.forum_post > .attach  > .attach_file{font-size:x-small; background-color:#f0f0f0;padding:2px 4px}
.forum_post > .likes{border-top:1px solid #e9e9e9}
.forum_post > .tools, .forum_post > .likes{padding:4px}
.forum_post > .tools a{display:inline-block;font-size:smaller;padding:2px;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.forum_post > .tools a:hover{background:#f0f0f0;text-decoration:none}
 
.quote{margin:5px;padding:5px;border-left:5px solid #FCE27C;background:#fff6d4}
.rmenu{color:#6d220d;background:#ffebe8;border:solid #e9e9e9;border-width:0 1px 1px;padding:4px}
.status{color:#CD853F;font-size:x-small;font-weight:bold}
.sub{border-top:1px dotted #c6c17f;font-size:x-small;padding-top:4px}
.topmenu{background-color:#F2F6F8;border:solid #E9E9E9;border-width:0 1px 1px;color:#34617E;padding:4px;}
.user{background-color:#cbdbe7;border:1px solid #CCC;padding:3px 4px 3px 4px}
.user .gray{color:#2E2E31}
.alarm a{color:#FFFFFF;font-size:x-small}
.clip a{color:#424e59}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{text-decoration:underline}
/* reply */
.greply{border-left:4px solid #009900;color:#009900;padding:2px 0 2px 4px}
.greply a{color:#008800}
.reply{border-left:4px solid #EE0000;color:#EE0000;padding:2px 0 2px 4px}
.reply a{color:#DD0000}
/* pagination */
.currentpage{color:#FFF;background-color:#8cafc6;border:1px solid #417394;padding:1px 5px;}
a.pagenav{border:1px solid #417394;background-color:#f2f6f8;text-decoration:none;padding:1px 3px;}
a.pagenav:hover{background-color:#f2f6f8;border:1px solid #417394;}
/* prefix */
.label{border-radius:3px;color:#FFF;line-height:14px;vertical-align:baseline;white-space:nowrap;padding:1px 4px;margin-right:5px}
.label-1{background-color:#F89406}
.label-2{background-color:#3A87AD}
.label-3{background-color:#B94A48}
.label-4{background-color:#CD0000}
.label-5{background-color:#009933}
.label-6{background-color:#999999}
.label-7{background-color:#009933}
.label-8{background-color:#FF8C00}
 
table.desc{border-top:1px dotted #c6c17f;width:100%;overflow:auto;font-size:x-small;margin-top:4px}
table.desc td{font-size:x-small}
table.desc td.caption{width:1%;text-align:right;color:#6f6f6f;white-space:nowrap}
h4{margin:6px 0 2px 0}
.mv{margin-top:6px;margin-bottom:6px}
.tag{display:inline-block;white-space:nowrap;padding:3px 4px;border:1px solid #ccc;margin-left:5px;border-radius:4px;margin-bottom:3px}
a.tag:hover{text-decoration:none;background:#fff}
a.reg_link{color:#fff000;font-weight:bold}
img.nick_icon{display:inline-block;vertical-align:text-top;margin-top:2px;line-height:12px;height:12px;width:12px;margin-right:5px}
.notif{color:#7f7212;background:#fffbe2;border:solid #e9e9e9;border-width:0 1px 1px;padding:4px}
/* color */
.green,.green a,a.green{color:#008000}
.red,.red a,a.red{color:#FF0000}
.gray{color:#586776}
/* background */
.bg-error{background-color:#FFEBE8}
.bg-notif{background-color:#FFFFC8}
/* padding */
.p4{padding:4px}
 
.card{}
.card-header{padding: 8px 10px; font-weight: bold; border-color: #FF9900;  border-bottom: 0px solid #FFFFFF; background: #00796B; color: #FFF; border-top-right-radius: 0px; border-top-left-radius: 0px;}
.card-chan{padding: 15px 20px; font-weight: bold; border-color: #525151; background-color: #525151; border-bottom: 0px solid #FFFFFF; background: #006699; color: #FFF; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.card-header a{color: #ff0}
.card-body{padding: 4px;border: 1px solid #0099CC; margin: 4px 0; margin-top:0px;}
.card-body:not(:first-child) {border-top: 0}
.card-footer{background-color: #F2F6F8;border: 2px solid #dee2e6;border-bottom: 2px; border-top-width: 1px;color: #34617E;padding: 6px;}
.last-group:first-child {border-top: 1px solid #003333}
.last-group-item {padding: 10px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; line-height: 18px;}
.last-group-item2 {background-color: #000011; padding: 20px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; color: #FFF;}
.last-group-item-success{color:#155724;background-color:#d4edda}
.last1 {padding: 8px; border-bottom: 1px solid #dbdbe6; background-color: #FFFFFF; line-height: 18px; font-weight: 20px; }
.last2 {padding: 8px; border: 1px solid #bbd8d3; background-color: #FFFFFF; line-height: 18px; font-weight: 20px; border-radius: 15px; margin: 5px 0; border-radius: 5px;}
.last3 {padding: 6px; border: 1px solid #FFC9D6; background-color: #FFFFFF; line-height: 18px; font-weight: 20px; border-radius: 15px; margin: 5px 0; border-radius: 5px;}
/*css nút đăng nhập*/
.btn{display:inline-block; text-align:center; white-space:nowrap; border:1px solid transparent;padding:4px 8px;border-radius:2px;cursor: pointer;text-decoration: none}
.btn-primary{color:#fff;background-color:#00796B;border-color:#00796B}
.btn-primary:hover{color:#fff;background-color:#075F54;border-color:#075F54}
.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}
.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}
.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}
.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}
.btn:hover {text-decoration: none}
.btn + .btn {margin-left: 4px}
.list-group:first-child {border-top: 1px solid #003333}
.list-group-item {padding: 10px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; line-height: 18px;}
.list-group-item2 {background-color: #000011; padding: 20px 4px; border: 1px solid #dee2e6; border-top-width: 0; word-wrap: break-word; color: #FFF;}
.list-group-item-success{color:#155724;background-color:#d4edda}
/*video*/
.wy { width: 80%; max-width: 640px; margin: 0 auto;}
.youtube { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.youtube iframe, .youtube object, .youtube embed { position:absolute; top:0; left:0; width:100%; height:100%;}

bro ngáo ngơ thế

iframe {

width:100%

}