html,body{margin: 0;padding: 0;} .pagebox{ position:relative; } body{ color:#333; font-size:0.875rem; margin:0 auto; padding:0; text-align:left; overflow-x: hidden; font-family:"微軟正黑體" !important; }   ::-webkit-scrollbar { width:5px; border:2px solid rgba(255,255,255,0); background-color:rgba(3,106,229,0); -webkit-appearance:none; } ::-webkit-scrollbar-thumb { border-radius:6px; background-color:rgba(50,50,50,.7); background-clip:content-box; } ::-webkit-scrollbar-thumb:hover { background-color:#000000; } ::-webkit-scrollbar-corner { background-color:#000000; } @font-face { font-family:raleway_thin-webfont; src:url('../font/raleway_thin-webfont.ttf') format('truetype'); } @font-face { font-family:ziti; src:url('../font/lathab.ttf') format('truetype'); }  #w_common_text-1587451422951 span,#w_common_text-1587453310811 span{ font-family:"raleway_thin-webfont" !important; } #w_common_text-1590543251484 span{ font-family:"raleway_thin-webfont" !important; } #w_common_text-1590554208117 span{ font-family:"raleway_thin-webfont" !important; } body .e_title { font-family:"微軟正黑體" !important; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style,.reset_style span{ font-family:"微軟正黑體" !important; } .e_image:hover::after { background-color: rgba(0, 0, 0, 0.3); } a { max-width: 100%; outline: 0 none; text-decoration: none; color:#333; } a:hover { text-decoration:none; color:#333; } a:focus { outline:none; -moz-outline:none; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color: #000000; color: #fff; border-color: #000000; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; } @font-face { font-family: 'bebas'; src: url('https://static201.yun300.cn/upload/font/bebas.eot?tenantId=204959&viewType=1&v=1741146533000&fs1fbn'); src: url('https://static201.yun300.cn/upload/font/bebas.eot?tenantId=204959&viewType=1&v=1741146533000&') format('embedded-opentype'), url('https://static201.yun300.cn/upload/font/bebas.woff?tenantId=204959&viewType=1&v=1741146533000&fs1fbn') format('woff'), url('https://static201.yun300.cn/upload/font/bebas.ttf?tenantId=204959&viewType=1&v=1741146533000&fs1fbn') format('truetype'), url('https://static201.yun300.cn/upload/font/bebas.svg?tenantId=204959&viewType=1&v=1741146533000&fs1fbn') format('svg'); font-weight: normal; font-style: normal; } .clearBoth { clear: both; width: 100% !important; height: 0px !important; font-size: 0 !important; overflow: hidden; line-height: 0 !important; margin: 0 !important; float: none !important; }  .e_ContentMajorStyleBox-001 .p_stylebox .title_main { text-align: center; font-size: 36px !important; color: #d5b550 !important; width: 100%; height: auto !Important; max-width: none !important; position: relative; text-overflow: initial !important; display: block !important; white-space: initial!important; line-height: 45px; padding: 10px 10px; } .e_ContentMajorStyleBox-001 .stylebox_top{ background: none !important; height: auto !important; margin-bottom: 25px; } .e_ContentMajorStyleBox-001 .stylebox_title{ background: none !important; height: auto !important; width: 100% !important; padding: 0 50px; } .e_ContentMajorStyleBox-001 .stylebox_content{ border: 0px solid #ccc !important; } .e_ContentMajorStyleBox-001 .title_main::after { content: ''; margin: 8px auto; background: #c00; display: inline-block; width: 48px; height: 2px; margin-left: 10px; position: relative; z-index: 1; } .e_ContentMajorStyleBox-001 .title_main::before { content: ''; margin: 8px auto; background: #c00; display: inline-block; width: 48px; height: 2px; margin-right: 10px; position: relative; z-index: 1; }  .c_portalResPublic_codeContainer-01001 .btn { margin-left: 0; background:url(../image/more_line.jpg) no-repeat 140px 22px; height: 45px; -webkit-animation: move ease-in-out 2s infinite; animation: move ease-in-out 2s infinite; padding:0; padding-left:15px; padding-right:30px; } .btn .more_btn { color: #fff; cursor: pointer; display: block; font-size: 14px; line-height: 45px; margin-right: 3em; text-align: center; max-width: 200px; position: relative; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 100%; } .btn .more_btn:hover { text-decoration: none; } .btn .Vbtn-3 { background: transparent; text-align: center; float: left; } .btn .Vbtn-3 svg { height: 45px; left: 0; position: absolute; top: 0; width: 100%; } .btn .Vbtn-3 rect { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 422, 0; transition: all 450ms linear 0s; } .btn .Vbtn-3:hover { background: rgba(73, 177, 64, 0); transition: all 150ms linear 0s; } .btn .Vbtn-3:hover rect { stroke-width: 5; stroke-dasharray: 20, 310; stroke-dashoffset: 90; -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); } @-webkit-keyframes move{ 0% {-webkit-transform: translateY(0);transform: translateY(0);} 50% {-webkit-transform: translateY(5px);transform: translateY(5px);} 100% {-webkit-transform: translateY(0);transform: translateY(0);} } @keyframes move{ 0% {-webkit-transform: translateY(0);transform: translateY(0);} 50% {-webkit-transform: translateY(5px);transform: translateY(5px);} 100% {-webkit-transform: translateY(0);transform: translateY(0);} }  .footer_text{ color:#fff; text-align: center; position: relative; } .footer_text a{ color:#fff; } .footer_text a:hover{ color:#ddd; } .foot_tel{ font-size: 1.5rem; font-family: "bebas"; margin-bottom:30px; } .foot_tel a{ background:url(../image/tel_ico.png) no-repeat 0 0; padding-left:40px; } .foot_share{ width:auto; margin:0 auto 30px; text-align: center; background:url(../image/f_line.jpg) no-repeat center bottom; } .bdshare-button-style0-32{ width: auto; display: inline-block; } .foot_copyright{ line-height:2em; }  #box_footer_text .jiathis_txt{ margin:0 5px; } #box_footer_text .bds_weixin{ background:url(../image/f_wx.png) no-repeat 0 0; width:30px; height:29px!important; padding-left:0!important; overflow: auto; } #box_footer_text .bds_sqq{ background:url(../image/f_qq.png) no-repeat 0 0; width:30px; height:29px!important; padding-left:0!important; overflow: auto; } #box_footer_text .bds_tsina{ background:url(../image/f_wb.png) no-repeat 0 0; width:30px; height:29px!important; padding-left:0!important; overflow: auto; }  .scroll_top { top: 0px; height: 50px; position: absolute; right: -50px; width: 50px; } .scroll_top .s_cursor { background: url(../image/ico_top.png) no-repeat center center #000000; cursor: pointer; display: block; height: 50px; width: 50px; } .scroll_top .s_cursor:hover{ background: url(../image/ico_top.png) no-repeat center center #aaaaaa; } * { word-break: normal; } @media only screen and (max-width: 768px){  #w_common_text-1570590106898 span { font-size: 26px !important; }  #w_common_text-1570591995177 h2 { font-family: "ziti" !important; text-transform: uppercase; font-size: 16px !important; } #w_common_text-1570499699627 span { font-size: 24px !important; } #w_common_text-1570500602941 span { font-family: "ziti" !important; text-transform: uppercase; font-size: 20px !important; } #w_grid-1570524233798 { width: 100% !important; } #w_common_text-1565830842902 span { font-size: 30px !important; } #w_fimg-1563005788534 { width: 300px !important; } #w_grid-1570505973365 { width: 100% !important; } #w_common_text-1570505973375 { width: 100% !important; } #w_common_text-1570505973379 span { font-family: "ziti" !important; text-transform: uppercase; font-size: 20px !important; } #w_common_text-1570585079807 span { font-family: "ziti" !important; text-transform: uppercase; font-size: 70px; } #w_common_text-1570585079809 span { font-size: 30px !important; } #w_common_text-1570586132008 span { font-size: 24px !important; } #w_common_text-1570586132011 span { font-family: "ziti" !important; text-transform: uppercase; font-size: 20px !important; } #w_common_text-1570591307369 { margin-top: 13px !important; } #w_common_text-1570599712934 span { font-size: 20px !important; } #w_common_text-1570599862081 span { font-size: 20px !important; } #w_common_text-1570599880040 span { font-size: 20px !important; } #w_common_text-1570599898009 span { font-size: 20px !important; }   .reset_style h1 { font-size: 60px !important; font-family: "ziti" !important; text-transform: uppercase; margin: 0; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .reset_style h2 span { font-family: "ziti" !important; text-transform: uppercase; margin: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 30px !important; } #w_grid-1563151338963 { margin-top: 35% !important; margin-left: auto; margin-right: auto; margin-bottom: 35% !important; } #w_grid-1563151240687 .p_gridbox { background-image: url(../image/ab.jpg); background-image-part-image: url(../image/ab.jpg); background-position: top center; background-attachment: fixed; background-size: cover; } #w_grid-1570759296954 { width: 100% !important; } #w_common_text-1570763125595 { width: 100% !important; } #w_fimg-1570761582201 { width: 80% !important; } #w_common_text-1570760782074 span { font-size: 32px !important; } #w_fimg-1570777361917 { width: 80% !important; } #content_box-1570762957818-1 { width: 80% !important; } #w_grid-1570762957818 > div > .p_gridbox { background-color: rgba(247, 247, 247, 1); height: 450px !important; }   #w_grid-1563181594252 .p_gridbox { background-image: url(../image/cpp.jpg); background-image-part-image: url(../image/cpp.jpg); background-position: top center; background-attachment: fixed; background-size: cover; } #w_grid-1563181594262 { margin-top: 35% !important; margin-left: auto; margin-right: auto; margin-bottom: 35% !important; } #w_common_text-1570764041291 { display:none !important; }  #w_grid-1563177794155 .p_gridbox { background-image: url(../image/xw.jpg); background-image-part-image: url(../image/xw.jpg); background-position: top center; background-attachment: fixed; background-size: cover; } #w_grid-1563177794165 { margin-top: 35% !important; margin-left: auto; margin-right: auto; margin-bottom: 35% !important; } #w_grid-1563180839178 .p_gridbox { background-image: url(../image/xw.jpg); background-image-part-image: url(../image/xw.jpg); background-position: top center; background-attachment: fixed; background-size: cover; } #w_grid-1563180839188 { margin-top: 35% !important; margin-left: auto; margin-right: auto; margin-bottom: 35% !important; }   #w_grid-1563175495993 .p_gridbox { background-image: url(../image/ly.jpg); background-image-part-image: url(../image/ly.jpg); background-position: top center; background-attachment: fixed; background-size: cover; } #w_grid-1563175496003 { margin-top: 35% !important; margin-left: auto; margin-right: auto; margin-bottom: 35% !important; } #w_common_text-1563176968782 { display:none !important; }   #w_grid-1563170144353 .p_gridbox { background-image: url(../image/ct.jpg); background-image-part-image: url(../image/ct.jpg); background-position: top center; background-attachment: fixed; background-size: cover; } #w_grid-1563170144363 { margin-top: 35% !important; margin-left: auto; margin-right: auto; margin-bottom: 35% !important; } #w_grid-1566291946927 { margin-top: 0px !important; } }