@charset utf-8;body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background:#1d1d1d;margin:0;padding:0}
#body-main{width:992px;margin:15px auto;border:4px solid #423200;background:#000}
#main-menu{background:url(https://trochoithoitrang.net/images/bar_top.gif) no-repeat center bottom;color:#000;height:30px;margin-top:5px}
#menu-left{width:45%;float:left}
#menu-right{width:43%;float:right;height:26px;line-height:26px;display:block}
#menu-right form{float:right}
#menu-left ul{padding:0;margin:0}
#menu-left ul li{float:left;list-style:none;background:url(https://trochoithoitrang.net/images/bgmenu.gif);margin-right:1px}
.web{border:4px solid #423200;background:#000}
.form{border:1px solid #1f1f1f;background:#4b4b4b;font-size:11px;color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px 5px}
.text_yellow{color:#ffc000;font-size:11px;font-weight:700;padding-left:10px}
.thumb{color:#afafaf;background:#000;font-size:10px}
.thumb2{color:#afafaf;background:#000;font-size:10px;padding:1px}
.bgleft{background:#454545;padding:10px 3px}
.headmenu:link,.headmenu:visited{font-size:11px;text-decoration:none;font-weight:700;color:#000;line-height:26px;padding:0 13px}
.headmenu:hover{font-size:11px;text-decoration:underline;font-weight:700;color:#000}
.title_right{font-weight:700;padding-left:10px}
.bg_right{background:#454545;padding:3px}
#leftmenu{width:180px;display:inline}
#leftmenu ul{float:left;width:180px;list-style-type:none;margin:0;background:#454545;padding:10px 0;border-radius:5px}
.game-new-title{background:url(https://trochoithoitrang.net/images/bgtitle.gif) repeat-x center top;color:#ffc000;font-size:11px;font-weight:700;padding-left:10px;line-height:27px;border-radius:5px 5px 0 0}
.game-new-title a{color:yellow !important}
.game-new-title a:hover,.game-new-title a:focus{color:#fff !important}
.game-new-title h2{font-size:11px;margin:0px}
#left{width:180px;float:left;margin-left:4px}
#left h2{background:url(https://trochoithoitrang.net/images/bgtitle.gif) repeat-x center top;line-height:27px;margin:0;padding-left:10px;border-radius:5px 5px 0 0}
#right h2{background:url(https://trochoithoitrang.net/images/bgmenu.gif) repeat-x center top;line-height:27px;margin:0;padding-left:10px;border-radius:5px 5px 0 0}
#right{width:340px;float:left;display:block}
#content{width:456px;float:left;margin:0 4px}
#home-game,#top-game-right{background:#454545;padding:10px 3px}
#footer-top{clear:both}
#ads{background:#2B2000;clear:both}
#leftmenu li{float:left;width:180px;background-color:#454545;text-align:left;margin:0}
#leftmenu li a:hover{float:left;width:168px;height:18px;background:url(../images/left-menu2.gif) no-repeat center;color:#000;text-decoration:none;font-size:11px;margin:0;padding:2px 0 0 12px}
.footer1{border-top:1px solid #000;border-bottom:1px solid #000;background-color:#423200;text-align:left;color:#a4a4a4;padding:5px 10px 10px}
.footer2{padding:10px;background-color:#2B2000;text-align:center;color:#666}
.copyright{font-size:10px;background:#151000;color:#958554;text-align:center;padding:5px}
.link_footer:link,.link_footer:visited{font-size:11px;color:#a4a4a4;font-weight:700;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif}
.link_footer:hover{font-size:11px;color:#fff;font-weight:700;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif}
.title_white{font-size:16px;font-weight:700;color:#fff;background:#454545;padding:10px}
.more_game:link,.more_game:visited{font-size:10px;font-weight:700;color:#ffc000;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif}
.more_game:hover{font-size:10px;font-weight:700;color:#000;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif}
.more_frame{background:#454545;padding:0 10px 5px}
#leftmenu li a:link,#leftmenu li a:visited{float:left;width:168px;height:18px;background:url(https://trochoithoitrang.net/images/left-menu1.gif) no-repeat center;color:#7C7C7C;text-decoration:none;font-size:11px;margin:0;padding:2px 0 0 12px}
h1{font-size:15px}
h2{font-size:14px}
h3{font-size:13px}
h4{font-size:12px}
h5{font-size:11px}
#left1{width:300px;float:left;margin-bottom:5px;margin-top:5px}
#left1-main{background:#454545;padding-bottom:5px;border-radius:0 0 5px 5px}
#content1{width:680px;float:left;margin:0 4px}
#right1{width:300px;float:left;background:#454545;padding-bottom:5px;border-radius:0 0 5px 5px}
.title-name-game{margin-top:5px}
#main-play{background:#454545;padding:0 10px 10px;border-radius:0 0 5px 5px}
#container{background:#000;overflow:hidden;padding-bottom:5px}
#main-play-main{background:#000}
#main-play-main a{ color: #ffc000; font-weight: bold;}
#main-play-main a.italic{ font-style: italic;}
#menu-top-footer{clear:both;padding:10px;background:#1d1d1d;overflow:hidden}
#menu-top-footer ul{margin:0px;padding:0px}
#menu-top-footer ul li{width:25%;float:left;list-style:none}
.title_white h1{margin:0px}
div.more_game{text-align:center}
#content1{overflow:hidden}
#ads-300-200{max-width:160px;}
a{color:#f1f1f1;text-decoration:none}
a:hover,a:focus{color:blue}
@media only screen and (min-width : 320px){div.logo h2{text-align:center;margin:0;padding:10px 0 5px}
#body-main{width:100%;margin:0 auto;border:none}
#menu-right{display:none}
#menu-left{width:100%}
#left{width:100%;float:none}
#leftmenu{width:100%}
#leftmenu ul{width:100%}
#leftmenu li{width:50%}
.headmenu:link,.headmenu:visited{padding:0px 2px}
#content{width:100%}
#right{width:100%}
#content1{width:100%}
#left1{width:100%; display: none;}
#right1{width:100%}
#menu-top-footer ul li{width:50%}
}
@media only screen and (min-width : 480px){div.logo h2{text-align:center;margin:0;padding:10px 0 5px}
#leftmenu li{width:33%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){div.logo h2{text-align:left}
.headmenu:link,.headmenu:visited{padding:0px 20px}
#leftmenu li{width:16%}
#menu-left{width:55%}
#menu-right{display:block}
#left{width:100%;float:none}
#leftmenu{width:100%}
#leftmenu ul{width:100%}
#content{width:60%;float:left}
#right{width:39%;float:right}
#content1{width:680px}
#left1{width:160px;display: block;}
#right1{width:160px}
#menu-top-footer ul li{width:20%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){div.logo h2{text-align:left}
.headmenu:link,.headmenu:visited{padding:0px 20px}
#leftmenu li{width:25%}
#menu-left{width:100%}
#left{width:100%;float:none}
#leftmenu{width:100%}
#leftmenu ul{width:100%}
#content{width:100%}
#right{width:100%}
#left1{width:49%;float:left;margin:4px 2px 4px 4px; }
#right1{width:100%;float:right;margin:4px 4px 4px 2px}
#menu-top-footer ul li{width:25%}
}
@media only screen and (min-width : 768px){
div.logo h2{text-align:left}
.headmenu:link,.headmenu:visited{padding:0px 20px}
#leftmenu li{width:25%}
#menu-left{width:100%}
#left{width:100%;float:none}
#leftmenu{width:100%}
#leftmenu ul{width:100%}
#content{width:100%}
#right{width:100%}
#left1{width:49%;float:left;margin:4px 2px 4px 4px}
#right1{width:100%;float:right;margin:4px 4px 4px 2px}
#menu-top-footer ul li{width:25%}
}
@media only screen and (min-width : 1024px){
div.logo h2{text-align:left}
#body-main{width:992px;margin:15px auto;border:4px solid #423200}
#menu-left{width:45%;float:left}
#menu-right{display:block}
.headmenu:link,.headmenu:visited{padding:0 13px}
#left{width:180px;float:left}
#leftmenu li{width:180px}
#content{width:456px}
#right{width:340px}
#content1{width:648px}
#left1{width:160px; display: block;}
#right1{width:160px}
#menu-top-footer ul li{width:20%}}
@media only screen and (min-width : 1360px){div.logo h2{text-align:left}
#body-main{width:992px;margin:15px auto;border:4px solid #423200}
#menu-left{width:45%;float:left}
#menu-right{display:block}
.headmenu:link,.headmenu:visited{padding:0 13px}
#left{width:180px;float:left}
#leftmenu li{width:180px}
#content{width:456px}
#right{width:340px}
#content1{width:640px}
#left1{width:160px}
#right1{width:160px}
#menu-top-footer ul li{width:20%}
}
#ads-full{text-align:center;padding:5px 0}
#ads-336-280,#ads-300-200{margin-bottom:5px;text-align:center}