@charset "utf-8";
/* CSS Document */
#roll {
  display:block;
  width:135px;
  height:300px;
  position:fixed;
  clear:none;
  right:3%;
  top:5%;
  background:url(https://sunfar.blob.core.windows.net/webimage/sf/dc/isunfar/action/618goshopping/images/guide_06.png) no-repeat;
  padding-top: 4px;
  z-index:99;
  }

.roll_btn{
  position: relative;
  width: 100%;
  height: 9%;
  margin-top:8px;	
  margin-bottom:1px;
  line-height: 32px;
  font-size:19px;
  font-family:"微軟正黑體";
  color:#4D4B4B;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  /*background-color: #999;
  opacity: 0.5;*/
}

.roll_btn:hover{
  position: relative;
  width: 100%;
  height: 9%;
  margin-bottom:1px;
  line-height: 32px;
  font-size:19px;
  font-family:"微軟正黑體";
  color:#F15A24;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  /*background-color: #999;
  opacity: 0.5;*/
}

/*較長*/
.roll_btn1{
  position: relative;
  width: 100%;
  height: 4%;
  margin-top:5px;
  margin-bottom:5px;
  line-height: 32px;
  font-size:14px;
  font-family:"微軟正黑體";
  color:#154FC1;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  /*background-color: #999;
  opacity: 0.5;*/
}

.roll_btn1:hover{
  position: relative;
  width: 100%;
  height: 4%;
  margin-top:5px;	
  margin-bottom:5px;
  line-height: 32px;
  font-size:14px;
  font-family:"微軟正黑體";
  color:#A50848;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  /*background-color: #999;
  opacity: 0.5;*/
}



#roll_top{
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 32%;
  /*background-color: #999;
  opacity: 0.5;*/
}