@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('layout.css');

body {
  font-family: 'Ubuntu',Helvetica, sans-serif !important;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}


/*-----------970*300-------------*/
.visualWrap {clear:both; overflow:hidden; width:970px; height:340px; border:none; }
.visualWrap .rolling { position:relative; width:199px; height:401px; border:none;}
.visualWrap .rolling .view {position:absolute; top:0; left:0; list-style:none; background:#ffffff;}
.visualWrap .rolling .view img {width:100%;}
.visualWrap .rolling .btn {position:absolute; bottom:7px; left:67px;}
.visualWrap .rolling .btn ul {padding:0; margin:0;}
.visualWrap .rolling .btn ul li {padding:0 2px; margin:0; list-style:none;}
.bar{font-family: '微軟正黑體';font-size: 10px;color: #ffffff;}

.visualWrap .visual {position:relative; overflow:hidden; width:970px; height:340px; border-right:1px solid #d2c4bf; border-left:1px solid #d2c4bf;}
.visualWrap .visual .thum {overflow:hidden; position:relative; z-index:2; height:365px;}
.visualWrap .visual ul {position:absolute; z-index:3; bottom:-1px; width:100%; padding:0; margin:0;}
.visualWrap .visual ul li {float:left; padding:0; margin:0; list-style:none;}
.visualWrap .visual ul li a {display:block; position:relative; width:139px; height:34px; padding-top:17px; text-align:center; background:url('../images/visualTabOff.gif') no-repeat right 0;}
.visualWrap .visual ul li a span {display:none;}
.visualWrap .visual ul li a:link, .visualWrap .visual ul li a:visited, .visualWrap .visual ul li a:hover, .visualWrap .visual ul li a:active {color:#e6e5e5;}
.visualWrap .visual ul li.end a {width:139px; background-position:left 0;}
.visualWrap .visual ul li a.on {color:#e4e4e4 !important; background:url('../images/visualTabOn.gif') no-repeat right 0;}
.visualWrap .visual ul li a.on span {display:block; position:absolute; top:0; left:55px;}

.visualWrap .visual .clsBannerButton li {
	font-size: 21px;overflow:hidden;color: #8d6c43;cursor:pointer;display:block; position:relative; width:138.4px; height:34px; padding-top:17px; text-align:center; text-valign:middle; background:url('../images/visualTabOff.gif') no-repeat right 0;}
.visualWrap .visual .clsBannerButton li span {display:none;}
.visualWrap .visual .clsBannerButton li.on {font-color:#FFFFFF;font-size:8px;color:#e4e4e4 !important; background:url('../images/visualTabOn.gif') no-repeat right 0; overflow:hidden;}
.visualWrap .visual .clsBannerButton li.on span {font-color:#FFFFFF;font-size:8px;display:block; position:absolute; top:0; left:55px; overflow:hidden;}
.visualWrap .visual .clsBannerButton li.end {font-color:#FFFFFF;font-size:8px;width:139px; background-position:left 0; }


/*-----------706*150-------------*/
.visualWrap706 .rolling706 {float:left; position:relative; width:706px; height:150px; }
.visualWrap706 .rolling706  .view {position:absolute; top:0; left:0; list-style:none; background:#ffffff;}
.visualWrap706 .rolling706  .view img {width:100%;}

.visualWrap706 .rolling706  .btn706  {
position:absolute; 
bottom:11px; top: 153px; right: 1px;}
.visualWrap706 .rolling706   .btn706   ul {padding:0; margin:0;}
.visualWrap706  .rolling706   ul li {float:left; padding:0 2px; margin:0; list-style:none;

}
/*-----------750*160-------------*/
.visualWrap750 .rolling750  {float:left; position:relative; width:750px; height:160px; }
.visualWrap750  .rolling750  .view {position:absolute; top:0; left:0; list-style:none; background:#ffffff;}
.visualWrap750  .rolling750  .view img {width:100%;}
.visualWrap750 .rolling750 .btn750{position:absolute; bottom:10px; top: 163px; right: 1px;}
.visualWrap750 .rolling750 .btn750 ul {padding:0; margin:0;}
.visualWrap750 .rolling750 ul li {float:left; padding:0 2px; margin:0; list-style:none;
}
/*-----------200*570-------------*/
.visualWrap200 .rolling200 {float:top; position:relative; width:200px; height:570px; }
.visualWrap200 .rolling200  .view {position:absolute; top:0; left:0; list-style:none; background:#ffffff;}
.visualWrap200 .rolling200  .view img {width:100%;}
.visualWrap200 .rolling200 .btn200{position:absolute; top:390px!important; right: 180px;}
.visualWrap200 .rolling200 .btn200 ul {padding:0; margin:0;}
.visualWrap200 .rolling200 ul li {float:top;  margin:0; list-style:none;
}

/*-----------1008*150-------------*/
.visualWrap1003 .rolling1003 {float:left; position:relative; width:1003px; height:160px; padding-left:5px;}
.visualWrap1003 .rolling1003  .view {position:absolute; top:0; left:0; list-style:none; background:#ffffff;}
.visualWrap1003 .rolling1003  .view img {width:100%;}

.visualWrap1003 .rolling1003  .btn1003  {position:absolute; bottom:11px; top: 163px; right: 1px;}
.visualWrap1003 .rolling1003   .btn1003  ul {padding:0; margin:0;}
.visualWrap1003  .rolling1003   ul li {float:left; padding:0 2px; margin:0; list-style:none;}






/*-----------483*277-------------*/
.visualWrap483 { clear:both; overflow:hidden; width:483px; height:277px; border:none; }
.visualWrap483 .rolling483 { position:relative; width:199px; height:401px; border:none;}
.visualWrap483 .rolling483 .view {position:absolute; top:0; left:0; list-style:none; background:#ffffff;}
.visualWrap483 .rolling483 .view img {width:100%;}
.visualWrap483 .rolling483 .btn483 {position:absolute; bottom:7px; left:67px;}
.visualWrap483 .rolling483 .btn483 ul {padding:0; margin:0;}
.visualWrap483 .rolling483 .btn483 ul li {padding:0 2px; margin:0; list-style:none;}
.bar{font-family: '微軟正黑體';font-size: 10px;color: #ffffff;}

.visualWrap483 .visual483 {position:relative; overflow:hidden; width:483px; height:277px; border-right:1px solid #d2c4bf; border-left:1px solid #d2c4bf;}
.visualWrap483 .visual483 .thum {overflow:hidden; position:relative; z-index:2; height:365px;}
.visualWrap483 .visual483 ul {position:absolute; z-index:3; bottom:-1px; width:100%; padding:0; margin:0;}
.visualWrap483 .visual483 ul li {float:left; padding:0; margin:0; list-style:none;}
.visualWrap483 .visual483 ul li a {display:block; position:relative; width:160.5555px; height:50px; padding-top:10px; text-align:left; line-height:40px;
background:url('https://www.golfshop.com.tw/images/483visualTabOff.png') no-repeat right 0;}
.visualWrap483 .visual483 ul li a span {display:none;}
.visualWrap483 .visual483 ul li a:link, .visualWrap483 .visual483 ul li a:visited, .visualWrap483 .visual483 ul li a:hover, .visualWrap483 .visual483 ul li a:active {color:#e6e5e5;}
.visualWrap483 .visual483 ul li.end a {width:200px; background-position:left 0;}
.visualWrap483 .visual483 ul li a.on {color:#e4e4e4 !important; 
background:url('https://www.golfshop.com.tw/images/483visualTabOn.png') no-repeat right 0;
}
.visualWrap483 .visual483 ul li a.on span {display:block; position:absolute; top:0; left:55px;}

.visualWrap483 .visual483 .clsBannerButton483 li {
font-size: 21px;overflow:hidden;color: #8d6c43;cursor:pointer;display:block; position:relative; width:160.5555px; height:50px;line-height:30px;letter-spacing: 1px; padding:10px 0 8px 0; text-align:center;
background:url('https://www.golfshop.com.tw/images/483visualTabOff.png') no-repeat right 0;
}
.visualWrap483 .visual483 .clsBannerButton483 li span {display:none;}
.visualWrap483 .visual483 .clsBannerButton483 li.on {font-color:#FFFFFF;font-size:8px;color:#e4e4e4 !important; background:url('https://www.golfshop.com.tw/images/483visualTabOn.png') no-repeat right 0; overflow:hidden;}
.visualWrap483 .visual483 .clsBannerButton483 li.on span {font-color:#FFFFFF;font-size:8px;display:block; position:absolute; top:0; left:55px; overflow:hidden;}
.visualWrap483 .visual483 .clsBannerButton483 li.end {font-color:#FFFFFF;font-size:8px;width:160.5555px;height:50px; background-position:left 0; line-height:40px;}


/*-----------706*150-----128ac8--------*/

rd{ color:#990000;}