@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;
}
.l, .le { float:left; }
.r, .re { float:right; }
.clearfix { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*+html .clearfix { zoom: 1; } /* IE7 */
* html .le { float:left; margin: 0px -3px 0px -3px; }
* html .re { float:right; margin: 0px -3px 0px -3px; }
body { background-image: url(/images/bg.gif); background-color: #FFFFFF; font-family: Tahoma, Geneva, sans-serif; }
.wrap { width: 1256px; margin-right: auto; margin-left: auto; }
.header { display: block; width: 100%; }
.header h1 { display: none; }
.header .logo { float: left; height: 123px; width: 460px; }
.header .bg { background-image: url(/images/ypl2_03.gif); background-repeat: no-repeat; display: block; height: 123px; width: 796px; float: left; }
.bg .menu { width: 792px; float: right; padding-bottom: 10px; display: block; padding-left: 4px; }
.bg .menu li { float: left; background-image: url(/images/btn.png); background-repeat: no-repeat; height: 32px; width: 130px; font-family: Tahoma, Geneva, sans-serif; margin-left: 2px; display: block; }
.bg .menu li:hover { background-image: url(/images/btn_hover.png); }

.bg .menu li a { padding-left: 30px; padding-top: 7px; float: left; color: #000; text-decoration: none; font-size: 12px; text-shadow: 1px 1px 0px #ffed94; font-weight: bold; }
.bg .menu li a:hover { padding-left: 30px; padding-top: 7px; float: left; color: #FFF; text-decoration: none; font-size: 12px; text-shadow: 1px 1px 0px #000; font-weight: bold; }
.bg .text { float: left; width: 535px; font-size: 11px; padding-left: 5px; }
.bg .s_form { float: right; padding-right: 5px; padding-top: 10px; }
.bg .s_form .s_input { background-image: url(/images/input.png); background-repeat: no-repeat; height: 22px; width: 205px; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 12px; padding: 5px; float: left; }
.bg .s_form .subm { float: left; padding-top: 5px; padding-left: 5px; }



.pagination { text-align: left; float: left; padding-right: 10px; display: block; padding-left: 10px; padding-top: 10px; }
.paginator_top { display:inline; font-size:12px; padding-top: 0px; padding-right: 15; padding-bottom: 0px; padding-left: 0; color: #333333; text-align: center; 
}
.paginator_top ul { display:inline; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; }
.paginator_top ul li { display:block; float: left; margin-right: 2px; }
.paginator_top ul li a, .paginator_top ul li a:visited { text-shadow: 1px 1px 0px #ffed94; color: #000000; text-decoration: none; background-image: url(/images/arch.jpg); background-repeat: repeat-x; padding-right: 6px; padding-left: 6px; height: 16px; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; float: left; padding-top: 1px; }
.paginator_top ul li a:hover { color: #FFF; text-shadow: 1px 1px 0px #000; }
.paginator_top .scj_dots  { display: block; padding-right: 2px; padding-left: 2px; color: #333; float: left; }
.bg .sort { float: right; font-size: 12px; padding-top: 10px; }
.bg .sort li { float: left; margin-right: 2px; display: block; }


.bg .sort  li a, .bg .sort  li a:visited { text-shadow: 1px 1px 0px #ffed94; color: #000000; text-decoration: none; background-image: url(/images/arch.jpg); background-repeat: repeat-x; padding-right: 6px; padding-left: 6px; height: 16px; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; float: left; padding-top: 1px; }
.bg .sort  li a:hover {color: #FFF; text-shadow: 1px 1px 0px #000; }
.content { display: block; float: left; width: 1020px; }
.content .title { background-image: url(/images/main_blk.png); background-repeat: no-repeat; height: 26px; width: 1020px; }
.content .title_rek { background-image: url(/images/main_blk_rek.png); background-repeat: no-repeat; height: 26px; width: 1020px; }
.title h2 { font-size: 14px; font-weight: bold; float: left; padding-top: 4px; padding-left: 25px; text-shadow: 1px 1px 0px #ffed94; }
.title_rek h2 { font-size: 14px; font-weight: bold; float: left; padding-top: 4px; padding-left: 25px; text-shadow: 1px 1px 0px #FF0000; color: #FFF; }
.sidebar { float: left; width: 234px; margin-left: 2px; }
.sidebar .title { background-image: url(/images/sidebar.png); height: 26px; width: 234px; }
.pic_th , .rek_blk, .top_th, .top_th_big, .text_top, .gall_th{ background-color: #F5F3F4; padding-top: 2px; padding-bottom: 3px; padding-left: 2px; }
.pic_th li { float: left; margin-top: 1px; margin-right: 1px; }
.pic_th li a { font-size: 12px; color: #000; }
.pic_th li a img { border: 1px solid #666; display: block; height: 260px; width: 200px; }
.pic_th li a:hover img { border: 1px solid #000; }
.rek_blk .image { float: left; padding-right: 10px; display: block; width: 595px; }
.rek_blk .image a .img { border: 5px solid #CCCCCC; float: left; }
.rek_blk .image a:hover .img { border: 5px solid #000; }
.rek_blk .image .desc { float: left; display: block; width: 250px; background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
.rek_blk .image .desc ul { font-size: 11px; padding-top: 5px; }
.rek_blk .image .desc ul li { padding: 2px; display: block; }
.rek_blk .image .desc ul li span { float: right; }
.desc .overall { font-size: 24px; float: left; padding-top: 5px; padding-bottom: 5px; }
.desc .up_rate { float: right; font-size: 24px; font-weight: bold; background-color: #F00; padding: 5px; color: #FFF; }
.rek_blk .review { float: left; font-size: 12px; display: block; width: 400px; line-height: 15px; }
.top_th li { float: left; width: 120px; margin-right: 3px; margin-left: 4px; margin-bottom: 3px; }
.top_th li a { color: #000; text-decoration: none; }
.top_th li a:hover { color: #F00; text-decoration: none; }

.top_th li a img { border: 4px solid #CCC; display: block; height: 170px; width: 110px; }
.top_th li a:hover img { border: 4px solid #FFF; }
.top_th li a span { font-size: 12px; text-align: center; text-transform: uppercase; display: block; }
.title_3 { background-image: url(/images/top_blk.png); background-repeat: no-repeat; height: 26px; width: 1256px; }
.title_3 h2 {  font-size: 14px; font-weight: bold; float: left; padding-top: 4px; padding-left: 25px; text-shadow: 1px 1px 0px #FF0000; color: #FFF; }
.top_th_big li { float: left; width: 120px; margin-right: 2px; margin-left: 3px; margin-bottom: 2px; }
.top_th_big li a { color: #000; text-decoration: none; }
.top_th_big li a:hover { color: #F00; text-decoration: none; }

.top_th_big li a img { border: 3px solid #CCC; display: block; height: 170px; width: 113px; }
.top_th_big li a:hover img { border: 3px solid #FFF; }
.top_th_big li a span { font-size: 12px; text-align: center; text-transform: uppercase; display: block; height: 15px; overflow: hidden; }


.top_th_sidebar{ background-color: #fef8d3; padding-top: 2px; padding-bottom: 3px; padding-left: 2px; }
.top_th_sidebar li { float: left; width: 112px; margin-right: 1px; margin-bottom: 1px; margin-left: 2px; }
.top_th_sidebar li a { color: #000; text-decoration: none; }
.top_th_sidebar li a:hover { color: #F00; text-decoration: none; }

.top_th_sidebar li a img { border: 1px solid #FFD100; display: block; height: 165px; width: 110px; }
.top_th_sidebar li a:hover img { border: 1px solid #000; }
.top_th_sidebar li a span { font-size: 12px; text-align: center; text-transform: uppercase; display: block; height: 15px; overflow: hidden; }
.text_top ul { float: left; width: 204px; font-size: 14px; padding-left: 5px; }
.text_top ul li { background-image: url(/images/bookmark.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 14px; }
.text_top ul li a { color: #000; text-decoration: none; text-transform: capitalize; }
.text_top ul li a:hover { color: #000; text-decoration: underline; text-transform: capitalize; }



.footer { padding-top: 15px; font-size: 12px; text-align: center; }
.footer a { color: #C00015; font-weight: bold; }
.footer a:hover { text-decoration: none; }

.gall_th li { float: left; margin-top: 3px; margin-right: 2px; margin-left: 3px; }
.gall_th li a { font-size: 12px; color: #000; }
.gall_th li a img { border: 4px solid #CCC; display: block; height: 227px; width: 190px; }
.gall_th li a:hover img { border: 4px solid #666; }
.gall_th .expl { padding: 5px; float: right; }

.gall_th .expl a { }
.gall_th .expl a img { border: 4px solid #FCAE48; }
.gall_th .expl a:hover img { border: 4px solid #FFFFFF; }
.gall_th .ratebox { float: left; background-color: #EEEAEC; width: 1000px; margin-top: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; }
.gall_th .ratebox .share { font-size: 20px; float: left; background-color: #FCAE48; padding-right: 10px; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; margin-top: 7px; height: 26px; font-weight: bold; margin-right: 5px; }
.gall_th .text { font-size: 24px; width: 100%; font-weight: bold; text-align: center; display: block; }
.text a { color: #F00; }
.advertising { text-align: center; display: block; margin-bottom: 10px; margin-top: 10px; height: 258px; overflow: hidden; }
.advertising .banner { background: #CCCCCC; display: inline-block; padding: 4px; width: 300px; zoom: 1; *display:inline;margin-right: 2px; margin-left: 2px; }
.buttn-download { display: block; width: 100%; line-height: 60px; font-size: 36px; font-weight: bold; text-align: center; background: #FD0007; color: #FFF; margin-top: 10px; }
.buttn-download:hover { background: #FCAE48; color: #000; text-decoration: none; }
.g-tags { text-transform: capitalize; font-size: 14px; }
.g-tags a { color: #000000; font-weight: bold; }
.g-tags a:hover { color: #F00; text-decoration: none; }