html body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	overflow: hidden;;
}

a{outline:none;text-decoration:none;}
a:hover{text-decoration:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,a img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button{-webkit-appearance: none;}
em,i{font-style:normal;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }


.desktop-version{
  position: fixed; /* 或 absolute */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: url(../image/bg01.png) no-repeat center center;
  background-size: cover;
  margin: 0;
}


.wzbox{

    position: absolute;
    width: 1200px;
    left:50%; 
    top:50%; 
    transform:translate(-50%,-50%);}
  

.wzbox_left{
    width:700px;
    float: left; 
    padding-top: 50px;}

.wzbox_right{
    width: 480px;
    float: right; 
    padding: 10px 0 0 0;  
    overflow: visible; }

.logo{
    width: 100%; 
    cursor:pointer; 
    margin: 0 auto;}

/* 主選單 */
.wzbox_right ul.main-menu li a {
  display: block;
  position: relative;
  width: 360px;
  height: 90px;
  background: url(../image/btn_bg.png) no-repeat center top;
  background-size: 100% auto;
  color: #3a78ff;
  font-size: 26px;
  font-weight: bold;
  line-height: 90px;
  padding-left: 30px;
  box-sizing: border-box;
  margin: 0px 70px 6px 70px ;
}

.wzbox_right ul.main-menu li a:hover {
  background-image: url(../image/btn_on_bg.png);
  color: #b98a59;
}
.wzbox_right ul.main-menu li a .tag {
  position: absolute;
  right: 22px;
  top: 6px;
  width: 24px;
}

.wzbox_right ul.main-menu li a span {
  display: block;
  padding-left: 70px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto;

}

.main-menu .li01 a span { background-image: url(../image/img01.png); }
.main-menu .li02 a span { background-image: url(../image/img02.png); }
.main-menu .li04 a span { background-image: url(../image/img04.png); }
.main-menu .li05 a span { background-image: url(../image/img05.png); }
.main-menu .li03 a span { background-image: url(../image/img03.png); }

.main-menu li a:hover span { background: url(../image/img01_on.png) no-repeat left center; }
.main-menu .li02 a:hover span { background-image: url(../image/img02_on.png); }
.main-menu .li04 a:hover span { background-image: url(../image/img04_on.png); }
.main-menu .li05 a:hover span { background-image: url(../image/img05_on.png); }
.main-menu .li03 a:hover span { background-image: url(../image/img03_on.png); }



/* 子選單 */
.submenu-box-right {
  position: absolute;
  top: 70%;
  left: calc(50% - 110px);
  transform: translateY(-50%);
  width: 220px;
  background: #fff;
  border: 2px solid #3a78ff;
  padding: 30px 20px 10px 50px;
  border-radius: 10px;
  display: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.submenu-box-right.show { display: block; }
.submenu-box-right ul { margin: 0; padding: 0; }
.submenu-box-right li { margin-bottom: 20px; }
.submenu-box-right a {
  width: 240px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  color: #666;
  text-decoration: none;
}
.submenu-box-right a:hover { color: #3a78ff; }
.submenu-box-right img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  flex-shrink: 0;
}

/* 子選單 */
.submenu-box-right2 {
  position: absolute;
  top: 50%;
  left: calc(50% - 110px);
  transform: translateY(-50%);
  width: 250px;
  background: #fff;
  border: 2px solid #3a78ff;
  padding: 30px 20px 10px 20px;
  border-radius: 10px;
  display: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.submenu-box-right2.show { display: block; }
.submenu-box-right2 ul { margin: 0; padding: 0; }
.submenu-box-right2 li { margin-bottom: 20px; }
.submenu-box-right2 a {
  width: 240px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  color: #666;
  text-decoration: none;
}
.submenu-box-right2 a:hover { color: #3a78ff; }
.submenu-box-right2 img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  flex-shrink: 0;
}

/* 子選單 */
.submenu-box-right3 {
  position: absolute;
  top: 78%;
  left: calc(50% - 110px);
  transform: translateY(-50%);
  width: 230px;
  background: #fff;
  border: 2px solid #3a78ff;
  padding: 30px 20px 10px 40px;
  border-radius: 10px;
  display: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.submenu-box-right3.show { display: block; }
.submenu-box-right3 ul { margin: 0; padding: 0; }
.submenu-box-right3 li { margin-bottom: 20px; }
.submenu-box-right3 a {
  width: 240px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  color: #666;
  text-decoration: none;
}
.submenu-box-right3 a:hover { color: #3a78ff; }
.submenu-box-right3 img {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  flex-shrink: 0;
}


/* 進入官網子選單 */
.jsBox {
  position: absolute;
  top: 40%;
  left: calc(26% - 110px);
  transform: translateY(-50%);
  width: 520px;
  background: #fff;
  border: 2px solid #3a78ff;
  padding: 30px;
  border-radius: 10px;
  display: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 999;
}

.hover-submenu:hover .jsBox {
  display: block;
}

.jsBox .ulList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jsBox .ulList li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px; /* ✅ 加這個控制項目間的距離 */
}

.jsBox .ulList .ms {
  min-width: 66px;
  height: 40px;
  padding: 4px 6px;
  font-weight: bold;
  border: 1px solid #3a78ff;
  border-radius: 6px;
  display: inline-flex;
  color: #333;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  margin-right: 5px;
}

.jsBox .ulList .url {
  min-width: 240px; 
  height: 40px;
  padding: 4px 6px;
  border: 1px solid #3a78ff;
  border-radius: 6px;
  display: inline-flex;         /* ⭐ 這行一定要有！ */
  align-items: center;
  justify-content: center;
  font-size: 15px;
  margin-right: 0;
}
#url3{
    color:#ff3b30 !important;
    font-weight:bold;
}

.jsBox .ulList .thcom {
  min-width:110px;
  height: 52px;
  padding: 4px 6px;
  background: #3a78ff;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  font-size: 15px;
  display: inline-flex;         /* ⭐ 補上這行 */
  align-items: center;
  justify-content: center;
  white-space: nowrap;
    left: -66px;
    top: 7px;
}


.jsBox .ulList .thcom:hover {
  color: #fff;
  background: #b98a59;
}

.jsBox .ulList img {
  width: 33px;
  height: 17px;
  flex-shrink: 0;
}