/* ~~~~ legend ~~~~ */
.legend {clear:both;}

/* ~~~~ mainpage topic ~~~~ */
#mainCategoryWarp {width:875px;	margin:0px auto; text-align:left; padding:5px; }
#mainCategory { padding: 5px 0px 10px 0px; float: left; width: 875px;}
#mainCategory .contentbox {width: 179px; border: 1px solid; margin-bottom: 5px; }
#mainCategory .menubox {width: 145px; border: 0px solid; margin-bottom: 5px; margin-top: -4px; padding-top:0px; padding-left:0px;}
#mainCategory .contentcolumn { float: left; margin: 0px 5px 0px 0px;}
#mainCategory .menucolumn { float: left; margin: -5px 5px 0px -14px; }
#mainCategory .lastcolumn { float: right; margin: 0px; }
#mainCategory ul { list-style: none; padding: 0px 5px 5px 0px; padding-left:0px; padding-right:10px; margin-top: 5px;}
#mainCategory li {color:#87cc26; background: url(../_img/bullet_square_green.jpg) no-repeat 7px 8px; width: 120px; padding: 0px 10px 0px 16px; line-height: 20px;}
#mainCategory .menucolumn ul { list-style: none; padding: 5px 0px; }
#mainCategory .menucolumn li { list-style: none; padding: 0px 0px 0px 15px; line-height: 20px; }
#mainCategory .menubox li {background: none;}
#mainCategory .submenu { padding: 0px 0px 5px 0px; }
#mainCategory .submenu li { color:#87cc26; background: url(../_img/bullet_circle_gray.gif) no-repeat 7px 8px; width: 160px; padding: 0px 10px 0px 16px; line-height: 20px;}


#mainCategory a { color: #000; text-decoration: none; line-height: 16px; }
#mainCategory ul a { padding: 2px; font-size: 14.5px; }
#mainCategory a img { border: none; }
#mainCategory ul a:hover {color: #4a33f9; color: #ff5a00;}
#mainCategory ul a.icon_bg:hover { background: none; }
.backtotop { height: 17px; }
.backtotop a { float: right; margin-right: 3px; }
.backtotop a img { float: left; }


#footerTimway { border-top: 1px solid #f2f2f2;  padding: 5px 0; clear: both;}
    #footlinksTimway { float: left; margin-top: -3px; text-align: left; }
	#footer, #footer a { color: #484848; }
	#footer .footer_content .separate{margin: 0 5px;}
    #footer .footer_content_Timway p {margin-left:190px; padding-left:15px;}
	#footer img { float: left; margin: 0 10px 0 0; }
	#copyright, #debuginfo { font: 0.83em/1.5em "Arial"}
		#copyright strong, #copyright em { font-weight: bold; }
			#copyright strong a { color: #0954A6; }
			#copyright em { color: #FF9D25; }
			#debuginfo { color: #999; }
	.scrolltop { cursor: pointer; }



/* Main Category javascript menu css*/
	
.catSubMenu{
	z-index:1001;
	border-bottom:1px #ff8f00 solid;
	position:absolute;
	margin-left:100px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:-25px;
	background:#528200;
	visibility:hidden;
}

.catSubMenu a{
	display:block;
	line-height:25px;
	margin:0 0 0 0;
	color:#005699;
	font-size:13px;
	text-decoration:none;
	background:url(../_img/menu_itembg.jpg);
	padding-left:10px !important;
	padding-right:5px !important;
	border:1px #ff8f00 solid;
	border-bottom: 0px;
	vertical-align:middle;
}
.catSubMenu a:hover{
	color:#666666;
	padding-left:10px !important;
	padding-right:5px !important;
	background:url(../_img/menu_itembg_highlight.jpg) no-repeat;
background:url(../_img/menu_itembg_highlight.jpg);	
}

.catSubLi a.subLink{
	width:98%;
	line-height:25px;
	display:block;
	color:#005699;
	font-size:13px;
	text-decoration:none;
}
.catSubLi a.subLink:hover{
	color:#666666;
}

#categoryKeywordsBar {  height: 31px; border: 1px solid #E2E2E2; background: #FFF url("../_img/menu_bg.gif"); background-repeat: repeat-x; vertical-align: bottom; min-width: 800px; margin-top: 4px;}
#categoryKeywordsBar p { padding: 0px 0px 0px 10px; line-height:31px;}         

#ad_headerbanner {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}


#category_grid table{
	table-layout: unset !important;
}
.slidebox_grid{
	width: 355px;
	padding: 10px;
	border: 0px;
	margin: 0 auto !important;	
}

.slidebox_grid > table > tbody > tr > td > img{
	max-width: 100%;
	height: auto;
}


/*
   Do not use this standard 16by9, just set a fix size is OK,
   Mobile will not use these css rule, mobile css rule defined in
   static/image/mobile/t.css, that's a 90% width youtube element
*/
/*
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  max-width: 640px;
  max-height: 360px;  
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
*/
.embed-responsive-item{
	width: 640px;
	height: 360px;
}
.blockcode .embed-responsive{
	display: none;
}