/* general styles-------------------- */
html{padding:0;margin:0;font-family: tahoma, arial;color:#000;font-size:12px; font-weight:normal;}
body{
margin:0;
padding:0;
background:url(../images/insidebg.jpg) repeat-x left top #ffffff ;
scrollbar-face-color: white;
scrollbar-arrow-color: green;
scrollbar-track-color: white;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-Color: white;
}


img, div { behavior: url("../iepngfix.htc")}

a ,a:hover{border:0;text-decoration:none;}


table{margin-top:8px;color:#606060}
.boxtext th{padding:3px 8px 3px 3px; margin:0; text-align:left; font-size:11px; font-weight:normal;background:#e0e0e0;}
.right{float:right}
.left{float:left}
.textright{float:right; margin:0 0 8px 8px; padding:0;}
.textleft{float :left; margin:0 8px 5px 0; padding:0;}
.imgbox{border:1px  solid #fff;}
.gry{color:#555}
.white{color:#ffffff;}
.red{color:#ff3d00}

/*圖片的置左置右*/
.left10{
float:left;
padding-right:10px;
padding-bottom:5px;}


.right10{
float:right;
padding-left:10px;
padding-bottom:5px;}
/*---結束-------------------------------------------*/


/* 自行車部門總體架構*/
.container{
background:#ffffff;
position:relative;
width:900px!important;
padding:0;
margin:0 auto;
border-bottom:1px solid #888888;
border-left:1px solid #888888;
border-right:1px solid #888888;

}
/***********/



/* 下方產品內頁架構*/
.main{
width:900px;
padding:0px 0;
margin:0 auto;
absolute:relative;
}




/*site map 的設定*/
.mapb{
background:url(../images/biking.jpg) no-repeat top left;
width:260px;
margin-left:10px;
margin-top:20px;
padding:90px 0 0 20px;
float:left;
color:#666666;
}

.lia{
color:#333333;
font-size:11px;
_font-size:10px;
font-family: "Times New Roman", Times, serif normal;
list-style-type:circle;}
.lib{
list-style-type:square;
font-size:11px;
_font-size:9px;
font-family: "Times New Roman", Times, serif normal;
color:#6e6e6e;
}

.mapf{
background:url(../images/fishing.jpg) no-repeat top left;
width:260px;
margin-left:10px;
margin-top:20px;
padding:90px 0 0 20px;
float:left;
font-size:12px;
color:#666666;}
.mapf a, .mapc a, .mapb a{text-decoration:none; color:#666666}
.mapf a:hover, .mapc a:hover, .mapb a:hover{color:#1b9dd9;text-decoration:underline overline;}

.mapc{
background:url(../images/caballero.jpg) no-repeat top left;
width:260px;
margin-left:10px;
margin-top:20px;
padding:90px 0 0 20px;
float:left;
font-size:12px;
color:#666666;}
.mapf a{text-decoration:none; color:#666666}
.mapf a:hover{color:#1b9dd9;text-decoration:underline overline;}
/*site map 設定結束*/ 




.main .top{
padding:0;
margin:0;
width:750px;
height:222px;
float:right;
}

.main .topleft{
height:222px;
width:150px;
float:left;
}

.main .line{
background:url(../images/left.jpg) repeat-x;
clear:both;
width:900px;
height:30px;
padding:0;
margin:0;
}

.main .lineright{
background:url(../images/right.jpg) repeat-x ;
width:735px;
height:20px;
padding:7px 0 3px 15px;
margin:0;
float:right;
}


.pagebody{
padding:0;
margin:0;
float:left;
clear:both;
height:auto;
mine-height:600px;

}



.pagebody .ifremain{
float:right;
width:750px;
height:600px;
border:0;}

.inmain{
float:right;
width:740px;
min-height:520px;
height:auto;
margin:0;
padding:5px 5px 5px 5px;
background:#ffffff;
}

.inmainp{
position:relative;
float:right;
width:730px;
min-height:90px;
height:auto;
margin:0;
padding:5px 5px 5px 5px;
background:#ffffff;
margin:0;

}



table.Design4 {
    width:90%;
    margin-left:10px;
	margin-right:10px;
	margin-top:10px;
    border-spacing: 0px;
    border-collapse: collapse;
	float:left;
	
}
table.Design4 th {
    
    font-weight: normal;
    padding: 0.2em 0.7em;
    border-bottom: 2px solid #FFFFFF;
    background: #DBE2F1;
}
table.Design4 td {
    text-align:justify;
    vertical-align:top;
    text-align: left;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.2em 0.8em 0.2em 0.7em;
    background: #D0E2F1;
}

table.Design4 thead th {
    background: #687EAB;
    color: #FFFFFF;
    text-align: center;
	letter-spacing:1.8;
}
table.Design4 th.Corner {
    text-align: left;
	padding:0 6px;
}

/*table 3*/
table.Design3{
    width:90%;
    margin-left:10px;
	margin-right:10px;
	margin-top:10px;
    border-spacing: 0px;
    border-collapse: collapse;
	float:left;
	
}
table.Design3 th {
    
    font-weight: normal;
    padding: 0.2em 0.7em;
    border-bottom: 2px solid #FFFFFF;
    background: #f6f6f6;
}
table.Design3 td {
    text-align:justify;
    vertical-align:top;
    text-align: left;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.2em 0.8em 0.2em 0.7em;
    background: #f6f6f6;}


.A1{
border:1px solid #606065;
font-weight:normal;
font-size:12px;
text-align:center;
background: #eeeeee}

.A1 td,th{
border:1px dotted #cccccc;}
.A1 .style3{
color:#ffffff; font-size:12px ; font-weight:bold; font-family:"Courier New", Courier, monospace;}



















.footer{
width:890px;
clear:both;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:10px;
padding:10px 5px 10px 5px;
text-align:center;
border-top:1px solid #e2e2e2;
border-bottom:2px solid #999999;
color:#606060;

}

/***********/




/*左邊導覽列的語法設定*/
.pagebody .leftnav {width:150px;float:left; height:10px; min-height:10px;}
.pagebody .leftnav ul{
padding:0;
margin:0 ;
list-style:none;
text-align:left;
font-size:12px;
line-height:1.8;
width:150px;
}

.pagebody .leftnav ul li a{
display:block;
padding:6px 0px 6px 10px;
width:140px;
}

.pagebody .leftnav ul li a:hover{ 
text-decoration:none;
position:relative;
width:135px}
/*-------結束--------*/



.boxtitle{
width:715px;
margin-left:5px;
padding:4px 0px 5px 5px;
float:left;
border-left:0.5em solid #d40e0e;
font-size:12px;
}
.boxtitle a{color:#006699;}
.boxtitle a:hover{color: #336600;
text-decoration:underline;}



/*-------COLNAGO內頁部分的MENU--------*/
.boxmenu{
float:left;
width:705px;
height:25px;
padding:1px;
margin:10px 5px 0 5px;}

.boxmenu a{
position:relative;
bottom:0;
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
display:inline;
padding:4px 7px 4px 7px;
background:#000000;
margin:3px;
}

.boxmenu a:hover{
text-decoration:none;
}


/*-------COLNAGO內頁部分結束--------*/




.pagebody .boxtext{
    margin-top:20px;
	width:419px;
	border-right:1px  dotted #505050;
	font-size:12px;
	font-weight:normal;
	padding:0px 10px 10px 10px;
	line-height:1.5;
	letter-spacing:0.1em;
	float:left;
	height:auto;
	min-height:100px !important;
}

.pagebody .boxtext2{
    background:#000;
    margin-top:20px;
	width:715px;
	border-right:1px  dotted #505050;
	font-size:12px;
	font-weight:normal;
	padding:0px 10px 10px 10px;
	line-height:1.5;
	letter-spacing:0.1em;
	float:left;
	_height:600px;
	min-height:700px !important;
}


.pagebody .boxtextp{
    margin-top:20px;
	width:414px;
	border-right:1px  dotted #505050;
	font-size:11px;
	font-weight:normal;
	padding:0px 10px 0 10px;
	line-height:1.4;
	letter-spacing:0.1em;
	float:left;
	height:auto;
	min-height:100px !important;
}


/*the list style*/
.boxtext ul , .boxtextp ul {
/*list-style:square;*/
list-style:none;
}
.boxtext ul li , .boxtextp ul li{
color:#5b5b5b;
margin:0px;
padding:5px 0 5px 15px ;      /*在個產品頁面裡面更改list style img */}



.pagebody .boximg{
padding:40px 10px 0 10px;
margin:0;
border:0px;
float:right;
width:265px;
}





/*這是騎乘知識的右邊欄位 在nav裡面*/
.leftnav_ind{
width:140px;
height:29px;
padding:5px 0 0 10px;
background:url(../biking/images/leftnavbg.jpg) no-repeat left top;
margin-top:10px;
}

.leftnav_ind a{
font-family:"Times New Roman", Times, serif;
font-weight:200;
color:#336699;
font-size:13px;
}

.leftnav_ind a:hover{
color:#000000;}
/*--結束--*/




.bold{ font-weight:bold;}
p , span , h2 , h3 , h4 , boxtext {text-align:justify; }

.inmain .mtop{
margin-top:40px;
}

.inmainp #gallery .t350{
padding:0;
margin-top:20px;
width:350px;
}

.inmainp #gallery .t350  .und{
position: static;
padding-left:8px;
margin:8px 0 0 0 ;
border-bottom:1px dotted #dddddd;
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
background:#f2f9fd}



/*SHIMANO MORE AND LESS 這裡是shimano產品內頁的 more 和 less JS 輔助CSS 區塊*/
.inmainp #gallery {position: relative; font:12px verdana,arial,sans-serif; line-height:18px; padding:1em; border:1px solid #d0d0d0;  min-height:250px !important ; margin:0 0px 10px 0; height:auto;  _height:270px; }
.inmainp #gallery a:hover { color:#006699}
.inmainp #gallery a{color:#0033FF; line-height:20px;}