@charset "shift_jis";
/* CSS Document */

/* category_main */
#category_main #head {
	background: #555555;
	background: -moz-linear-gradient(top, #259 16%, #27b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #259), color-stop(100%, #27b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #259 16%, #27b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #259 16%, #27b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #259 16%, #27b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #259 16%, #27b 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#259', endColorstr='#27b', GradientType=0 ); /* IE6-9 */
	margin:0 0 20px;
}
#category_main #head p {
	background:url(./images/cms/article_silhouette.png) 440px -23px no-repeat;
	padding:20px;
	color: #fff;
}
#category_main #head p span {
	display:block;
	font-size:32px;
	border-bottom:1px solid #fff;
	margin:0 0 10px;
	padding:0 0 10px;
	text-shadow: 0 2px 1px #037;
}
#category_main #head p span img {
	margin:0 0 0 8px;
	box-shadow: 0 1px 1px #000;
}
#category_main #body .sec {
	border:1px solid #ccc;
	margin:0 0 20px;
}
#category_main #body .sec > div {
	border:10px solid #eee;
	padding:10px;
}
#category_main #body .sec .name {
	font-size:26px;
	border-bottom:2px solid #333;
	padding:0 0 2px;
	margin:0 0 10px;
}
#category_main #body .sec .name a {
	display:inline-block;
	background:#333 url(./images/cms/category_icons.png) 64px -4px no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	float:right;
	padding:6px 35px 6px 15px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
#category_main #body .sec .name a:hover {
	text-decoration:none;
	background:#259 url(./images/cms/category_icons.png) 64px -4px no-repeat;
}
#category_main #body .sec .image {
	float:left;
	margin:0 10px 10px 0;
}
#category_main #body .sec .example {
	margin-left:360px;
}
#category_main #body .sec .example p {
	font-size:16px;
	margin:0 0 3px;
	background:url(./images/cms/category_icons.png) 0 -34px no-repeat;
	padding:0 0 0 16px;
}
#category_main #body .sec .example .list {
	border:1px solid #ccc;
	background:#eee;
	padding:5px 0 15px 5px;
	margin:0 0 6px;
    position:relative;
    overflow:hidden;
	height:62px;
}
#category_main #body .sec .example .list ul {
	float:left;
}
#category_main #body .sec .example .list ul li {
	margin:0 5px 0 0;
	float:left;
}
#category_main #detail .machine,
#category_main #detail .mybike,
#category_main #detail .blog,
#category_main #detail .new,
#category_main #detail .brands,
#category_main #detail .ranking_moto,
#category_main #detail .reviews {
	margin:0 0 50px;
}
#category_main #detail .headline {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:#259;
	padding:10px;
	margin:0 0 15px;
}
#category_main #detail .headline span {
	font-size:13px;
	margin:0 0 0 5px;
}
#category_main #detail .banner {
	text-align:center;
	background:#eee;
}

#category_main #detail .machine .name {
	font-size:30px;
	border-bottom:2px solid #333;
	padding:0 0 2px;
	margin:30px 0 10px;
}
#category_main #detail .machine .image {
	float:left;
	margin:0 10px 10px 0;
}

#category_main #detail .machine .text {
	line-height: 125%;
	font-size: 13px;
}

#category_main #detail .machine .example p {
	font-size:16px;
	margin:0 0 3px;
	background:url(./images/cms/category_icons.png) 0 -34px no-repeat;
	padding:0 0 0 16px;
}
#category_main #detail .machine .example ul {
	padding:5px 2px 5px 5px;
}
#category_main #detail .machine .example ul li {

}
#category_main #detail .machine .example ul li span {
	display:block;
	font-size:10px;
	word-break:break-all;
}
#category_main #detail .mybike .sec {
	border:1px solid #ccc;
	margin:0 0 10px;
	max-height: 850px;
}
#category_main #detail .mybike .sec > div {
	border:10px solid #eee;
	padding:15px;
	background:url(./images/cms/article_clip.png) right 0 no-repeat;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#category_main #detail .blog .sec{
	border:1px solid #ccc;
	margin:0 0 10px;
	height: 600px;
	overflow: auto;
}

#category_main #detail .contents a {
		color: #06c;
		font-size: 12px;
}


#category_main #detail .blog .sec > div {
	padding:15px;
	margin-top: 15px;
}

#category_main #detail .blog .sec .contents{
	font-size:13px;
	line-height: 130%;
}

#category_main #detail .mybike .sec .name,
#category_main #detail .blog .sec .name {
	font-size:20px;
	border-bottom:2px solid #333;
	padding:0 0 5px;
	margin:0 0 5px;
}
#category_main #detail .mybike .sec .name span,
#category_main #detail .blog .sec .name span {
	font-size:30px;
	display:block;
	line-height:0.8;
}
#category_main #detail .mybike .sec .attend,
#category_main #detail .blog .sec .attend {
	margin:0 0 10px;
}
#category_main #detail .mybike .sec .attend ul,
#category_main #detail .blog .sec .attend ul {
	float:left;
}
#category_main #detail .mybike .sec .attend ul li,
#category_main #detail .blog .sec .attend ul li {
	float:left;
	margin:0 5px 0 0;
}
#category_main #detail .mybike .sec .attend dl,
#category_main #detail .blog .sec .attend dl {
	float:right;
}
#category_main #detail .mybike .sec .attend dl dt,
#category_main #detail .blog .sec .attend dl dt {
	float:left;
	margin:0 0 0 15px;
	font-weight:bold;
}
#category_main #detail .mybike .sec .attend dl dd,
#category_main #detail .blog .sec .attend dl dd {
	float:left;
	margin:0 0 0 3px;
}
#category_main #detail .mybike .sec .attend dl dd a,
#category_main #detail .blog .sec .attend dl dd a {
	color:#06c;
}
#category_main #detail .mybike .sec .text,
#category_main #detail .blog .sec .text {
	margin:0 0 10px;
	line-height: 130%;
}
#category_main #detail .mybike .sec .photo,
#category_main #detail .blog .sec .photo {
	width:450px;
	float:left;
}
#category_main #detail .mybike .sec .data,
#category_main #detail .blog .sec .data {
	padding:10px;
	margin-left:464px;
	border:1px solid #ccc;
}
#category_main #detail .mybike .sec .data div,
#category_main #detail .blog .sec .data div {
	background:url(./images/cms/article_icons.png) 0 -3px no-repeat #ddd;
	padding:5px 5px 5px 28px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 8px;
}
#category_main #detail .mybike .sec .data > dl > dt,
#category_main #detail .blog .sec .data > dl > dt {
	border-bottom:1px solid #000;
	margin:0 0 5px;
	font-weight:bold;
}
#category_main #detail .mybike .sec .data > dl > dd,
#category_main #detail .blog .sec .data > dl > dd {
	margin:0 0 15px;
}
#category_main #detail .mybike .sec .data dl dl dt,
#category_main #detail .blog .sec .data dl dl dt {
	float:left;
	margin:0 3px 0 0;
}
#category_main #detail .mybike .sec .data dl dl dd,
#category_main #detail .blog .sec .data dl dl dd {
	margin:0 0 2px;
}
#category_main #detail .mybike .sec .data dl dl dd a,
#category_main #detail .blog .sec .data dl dl dd a {
	color:#06c;
}

#category_main #detail .mybike .sec .more a,
#category_main #detail .blog .sec .more a {
	display:block;
	background:#333;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	border-radius:5px;
	padding:8px 15px;
	bottom:20px;
	right:20px;
	position:absolute;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}
#category_main #detail .mybike .sec .more a:hover,
#category_main #detail .blog .sec .more a:hover  {
	text-decoration:none;
	background:#259;
}

 .blog .sec img {
	max-width: 550px;
	max-height: 450px;
	clear: both;
	display: block;
	margin: 20px auto 0 auto;
}

.blog_text{
	font-family: sans-serif;
	font-size: 13px;
	line-height: 120%;
}

#category_main #detail .link {
	text-align: right;
	margin: 10px 5px 0 0;
}

#category_main #detail .link a {
		color: #06c;
		font-size: 12px;
}

/* flexslider */
.flexslider {
	position: relative;
}
.flexslider .flex-viewport {
	width:448px;
	border:1px solid #ccc;
	text-align:center;
}
.flexslider .flex-viewport ul li {
	text-align:center;
}
.flexslider .flex-viewport ul li a {
	display:block;
	text-align:center;
	/*height:448px;*/
}
.flexslider .flex-viewport ul li a:hover {
	opacity:0.7;
}
.flexslider .flex-viewport ul li img {
	max-height:448px;
	max-width:448px;
}
.flexslider .flex-viewport ul li img:hover {
	opacity:1;
}
.flexslider .flex-control-thumbs {
	margin:0 0 0 -14px;
}
.flexslider .flex-control-thumbs li {
	width:100px;
	height:100px;
	border:1px solid #ccc;
	float:left;
	margin:14px 0 0 14px;
	text-align:center;
}
.flexslider .flex-control-thumbs li img {
	max-height:100px;
	max-width:100px;
	opacity: 0.7;
}
.flexslider .flex-control-thumbs li img:hover {
	opacity: 1;
}
.flexslider .flex-control-thumbs li img.flex-active {
	opacity: 1;
	cursor: default;
}
.flexslider .flex-direction-nav a {
	height:30px;
	width:30px;
	position:absolute; 
	top:40%; 
	z-index:10; 
	overflow:hidden; 
	opacity:0; 
	cursor:pointer; 
	text-indent:-9999pt;
	display:none; 
}
.flexslider .flex-direction-nav .flex-prev {
	left: -50px;
	background:url(./images/cms/article_arrow.png) 0 0 no-repeat;
}
.flexslider .flex-direction-nav .flex-next {
	right: -50px;
	background:url(./images/cms/article_arrow.png) -30px 0 no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	left: 10px;
	opacity: 0.7;
	display:block;
}
.flexslider:hover .flex-direction-nav .flex-next {
	right: 10px;
	opacity: 0.7;
	display:block;
}
.flexslider:hover .flex-direction-nav .flex-next:hover,
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 0.9;
}
.flexslider .flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}

.flexslider .flex-caption {
	border-top:1px dotted #ccc;
	padding:10px;
	word-break:break-all;
}


/* category_side */
#category_side .menu {
	background:#f8f8f8;
	border:1px solid #ccc;
	padding:8px;
	margin:0 0 20px;
}
#category_side .menu div {
	padding:8px 8px 8px 28px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	margin:0 0 10px;
}
#category_side .menu.category div {
	background:url(./images/cms/article_icons.png) 0 -41px no-repeat #259;
}
#category_side .menu.ranking div {
	background:url(./images/cms/article_icons.png) 0 -81px no-repeat #259;
}
#category_side .menu.archive div {
	background:url(./images/cms/article_icons.png) 0 -121px no-repeat #259;
}
#category_side .menu ul li {
	list-style-type:square;
	margin:0 0 4px 20px;
}
#category_side .menu ul li a {
	margin:0 0 0 -2px;
}
#category_side .menu.ranking ul li {
	list-style-type:decimal;
	margin:0 0 3px 25px;
}


/*BOE add by @rcv!nguyen.truyen 2014/02/13 #6558*/
.exMachine li{
	width:100px;
}
.exMachine li img{
	max-height: 80px;
	/* width: auto; */
	max-width: 100px;
}

.exMachine li span{
	margin-top: 5px;
}

.view-style-brand {
	word-break: break-all;
	width: 270px;
}

.view-style-brand .info{
	margin-top: -78px;
	margin-left: 129px;
}

.brand-pic img{
	width: 115px;
}

.brand-name a {
	color: blue;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	margin: 0px 0px 2px 0px;
}

.new_arrivals{
/* 	height: 180px; */
/* 	height: 250px; */
}

#new_arrival ul{
	margin-left: 10px;
}

.title-name{
	font-weight: bold;
}

/** css for new reviews*/
.left_impre_box_subcat {
	margin-bottom: 20px;
	overflow: hidden;
	min-width: 460px;
	margin-top: 50px;
}


.left_impre_box_subcat .headline span.icon {
	color:#fff;
	font-size:12px;
	background:#f00;
	margin:0 5px 0 0;
	padding:4px 6px;
	border-radius: 2px;
	display:inline-block;
	vertical-align:bottom;
	border: 0px solid #260303;
	background:linear-gradient(#ff0303, #c20000);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c20000), color-stop(0.00, #ff0303));
	background: -webkit-linear-gradient(#C1C1C1, #c20000);
	background: -moz-linear-gradient(#ff0303, #c20000);
	background: -o-linear-gradient(#ff0303, #c20000);
	background: -ms-linear-gradient(#ff0303, #c20000);
	background: linear-gradient(#ff0303, #c20000);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0303', endColorstr='#c20000', GradientType=0);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}
.left_impre_box_subcat .rl_boxes > li {
	padding:15px 20px;
	border-bottom:2px solid #ccc;
}
.left_impre_box_subcat .rl_boxes li .product {
	font-size:14px;
	font-weight:bold;
	margin:0 0 6px;
}
.left_impre_box_subcat .rl_boxes li .product span.brand {
	margin:0 0 0 10px;
	font-size:12px;
}
.left_impre_box_subcat .rl_boxes li .product span.brand a {
	color: #0731D8;	
}
.left_impre_box_subcat .rl_boxes li .fits {
	font-size:10px;
	margin:0 0 5px;
	position:relative;
	height:12px;
	border: 1px solid #ccc;
	padding: 2px;
}
.left_impre_box_subcat .rl_boxes li .fits .view {
	position:absolute;
	z-index:5;
	padding:10px;
	box-shadow:1px 1px 5px 1px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0);
	behavior: url(PIE.htc);
}
.left_impre_box_subcat .rl_boxes li .fits .view .tit {
	float:none;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:0 0 2px;
	margin:0 0 5px;
}
.left_impre_box_subcat .rl_boxes li .fits .view .all {
	display:block;
	text-align:right;
	font-weight:bold;
	font-size:12px;
}
.left_impre_box_subcat .rl_boxes li .fits .view ul li {
	float:none;
	margin:0 0 3px;
	white-space:normal;
	max-width:none;
	height:inherit
}
.left_impre_box_subcat .rl_boxes li .fits .tit {
	margin:0 0 5px 0;
	font-weight:bold;
	float:left;
}

.left_impre_box_subcat .rl_boxes li .fits ul li {
	float: left;
	height: auto;
	margin: 1px 10px 0 0;
	max-width: 550px;
}

.left_impre_box_subcat .rl_boxes li .fits .all a {
	color: #0731D8;	
}
.left_impre_box_subcat .rl_boxes li .image img {
	max-width:80px;
	max-height:80px;
	border:1px solid #ccc;
	margin:0 5px 5px 0;
	float:left;
}
.left_impre_box_subcat .rl_boxes li .title {
	font-size: 15px;
	font-weight: bolder;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 3px;
	margin: 1px 0 4px;
	overflow: hidden;
}
.left_impre_box_subcat .rl_boxes li .title span.star {
	margin:0 2px 2px 0;
	vertical-align:middle;
}
.left_impre_box_subcat .rl_boxes li .title span.date {
	font-size:12px;
	color:#888;
	margin:2px 0 0 5px;
	float:right;
}
.left_impre_box_subcat .rl_boxes li .name {
	font-size:14px;
	margin:0 0 8px;
}
.left_impre_box_subcat .rl_boxes li .name a {
	color: #0731D8;
	font-weight:bold;
}
.left_impre_box_subcat .rl_boxes li .name span.country {
	margin:0 0 0 8px;
	font-size: 12px;
}

.left_impre_box_subcat .rl_boxes li .name span.country a img{
	margin-left:3px;

}
.left_impre_box_subcat .rl_boxes li .fits .inner {
	background:#fff;
	overflow: hidden;
	height: 10px;
}
.left_impre_box_subcat .viewmore {
	display:block;
	margin-top: 20px;
	text-align: right;
}
/*  */
.left_impre_box_subcat .rl_boxes li .link_readmore{
	margin-bottom: 5px;
}
.left_impre_box_subcat .rl_boxes li .link_readmore span.read a {
	display: inline-block;
	margin: 5px 5px 5px 5px;
	font-weight:bold;
	float:right;
	color: #0731D8;
}

/**ranking brand*/

.rank{
	width: 280px;
	float: right;
}

.ranking_moto {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 20px;
	float: right;
	width: 220px;
}

 .ranking_moto .title {
	background: #259;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0 5px 50px;
	margin: 0 0 10px;
	position: relative;
}

 .ranking_moto .title img {
	position:absolute;
	left:0;
	top:-13px;
}
 .ranking_moto ul li {
	margin:0 0 8px;
	padding:0 0 8px;
	border-bottom:1px dotted #ccc;
	clear:both;
	overflow:hidden;
}
 .ranking_moto ul li .n1,
 .ranking_moto ul li .n2,
 .ranking_moto ul li .n3,
 .ranking_moto ul li .n4-6 {
	float:left;
	height:15px;
	width:36px;
	margin:2px 5px 0 0;
	padding:13px 0 0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.ranking_moto ul li .n1 {
	background: url("images/model/crown.png") no-repeat scroll 0 -144px;
}
 .ranking_moto ul li .n2 {
	background: url("images/model/crown.png") no-repeat scroll 0 -288px;
}
.ranking_moto ul li .n3 {
	background: url("images/model/crown.png") no-repeat scroll 0 -432px;
}
.ranking_moto ul li .n4-6 {
	background: url("images/model/crown.png") no-repeat scroll 0 0;
}
.ranking_moto ul li .adv {
	float:left;
	display:block;
}
.ranking_moto ul li .adv img {
	border:1px solid #ccc;
	margin:0 5px 0 0;
	width: 85px;
}

.product ul li .adv img {
	width:55px;
	max-height:55px;
}
.ranking_moto ul li .name {
	display:table-cell;
    vertical-align:middle;
	margin:0 0 2px;
	word-break:break-all;
	height: 50px;
}
.ranking_moto ul li .name a {
	color:#00f;
	font-weight:bold;
}

/*brands*/

.brands{
	clear: both;
}

.center_box {
	margin: 25px 20px;
}

.brandlist{
	height:128px;
/* 	overflow: hidden; */
}

ul.character_brand_list li{
	width: 238px;
	height: 57px;
	float: left;
	font-size: 11px;
}
ul.character_brand_list li a img {
	width: 86px;
	margin-right: 5px;
	float: left;
}


.brand_label .star {
	display: inline-block;
	background: url("images/common/star.png") no-repeat;
	
	width: 71px;
	height:14px;
	
	text-indent: -9999pt;
}
.brand_label .rvCnt  {
	position: relative;
	top: -2px;
	right: 2px;
}

.brand_label .point00 {background-position: 0px 0px;}
.brand_label .point05 {background-position: 0px -14px;}
.brand_label .point10 {background-position: 0px -28px;}
.brand_label .point15 {background-position: 0px -42px;}
.brand_label .point20 {background-position: 0px -56px;}
.brand_label .point25 {background-position: 0px -70px;}
.brand_label .point30 {background-position: 0px -84px;}
.brand_label .point35 {background-position: 0px -98px;}
.brand_label .point40 {background-position: 0px -112px;}
.brand_label .point45 {background-position: 0px -126px;}
.brand_label .point50 {background-position: 0px -140px;}

/*categories*/
.link_bar {
	display: table-cell;
	vertical-align: middle;
	background: url("images/ps/search_common.gif") 0px -140px no-repeat;
	height: 26px;
	padding-left: 24px;
	font-size: 9pt;
	font-family: "Arial Bold";
}

#model_example{
	height: 300px;
	border: 1px solid #ccc;
	background: #eee;
}

#new_arrival{
	height: 150px;
	margin-top: 40px;
	
}

#new_arrival li{
	width: 250px;
}

/*EOE add by @rcv!nguyen.truyen 2014/02/13 #6558*/

/*BOE add css for moto example @rcv!nguyen.truyen 2014/06/05 #8477*/
#model_example .exMachine{
	display: none;
}

.moto_loading {
	position: absolute;
	z-index: 10;
}

.moto_loading img{
	position: relative;
	margin-left: 354px;
	margin-top: 143px;
}
/*EOE add css for moto example @rcv!nguyen.truyen 2014/06/05 #8477*/