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

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

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

/*較長*/
.roll_btn1{
  position: relative;
  width: 100%;
  height: 6.5%;
  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: 6.5%;
  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: 60%;
  /*background-color: #999;
  opacity: 0.5;*/
}