@import url('https://fonts.googleapis.com/css?family=Orbitron|Bebas+Neue|Cinzel|Playfair+Display|Encode+Sans+Semi+Condensed');
@import url('https://fonts.googleapis.com/css2?family=Saira:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Iceberg&family=Saira:ital@1&family=Share+Tech&display=swap');


@font-face {
  font-family: 'SteelLegend';
  src: url('/includes/SteelLegend.ttf')  format('truetype');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;}
html, body { height:100%;}
body {line-height:1; background:#fff;}
ol, ul, li {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
body {-webkit-text-size-adjust:none;}
* {-o-transition:color .30s linear, background-color .30s linear, border-color .30s linear;-webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear;-moz-transition:color .30s linear, background-color .30s linear, border-color .30s linear;transition:color .30s linear, background-color .30s linear, border-color .30s linear;}
b {font-weight:bold;}
div, li, td, th, input, textarea, span {font-size: 13pt ; color:#555;accent-color: #6cf;font-family: arial, helvetica, sans-serif;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus {background-color:#000000 !important;color:#ff0 !important;-webkit-box-shadow: 0 0 0 1000px #332200 inset !important;-webkit-text-fill-color: #ffff00 !important;}
::selection { background:#228; color:#fff;}

#Header {background:#000; border-bottom:3px solid #555; height:50px; cursor:default; z-index:10;width:100%;}
#Logo {width:112px; height:46px; position:absolute; margin-left:20px; background:url(/images/ASRock[W].png) no-repeat; z-index:10; transition:all 0.3s ease-in-out;}
#Logo:hover {background:url(/images/ASRock[W]On.png); transition:all 0.3s ease-in-out;}
#LogoIPC {width:112px; height:46px; position:absolute; margin-left:20px; background:url(/images/ASRockIPC[W].png) no-repeat; z-index:10; transition:all 0.3s ease-in-out;}
#LogoIPC:hover {background:url(/images/ASRockIPC[W]On.png); transition:all 0.3s ease-in-out;}

#Menu {display:none; font-family:"Trebuchet MS", arial, helvetica, sans-serif; line-height:50px;}
#Header .nav {float:right; margin-right:30px; display:block; z-index:9999;}
#Header .nav li{border-bottom:3px solid #555; transition:all 0.3s ease-in-out; position:relative; float:left; height:50px; line-height:50px;}
#Header .nav li:hover{border-bottom:3px solid #aaa; transition:all 0.5s ease-in-out;}
#Header .nav li>a{font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:12pt; color:#fff; padding:0 20px; text-shadow:1px 1px #555; display:block; text-decoration:none;}
#Header .nav li>a:hover {color:#ccc; cursor:pointer; background:url(/images/MenuOn.png) no-repeat center;}
#Language {width:60px; height:50px; background:url(/images/Language.png) no-repeat center; transition:all 0.3s ease-in-out; }
#Language:hover {background:url(/images/LanguageOn.png) no-repeat center; transition:all 0.3s ease-in-out; cursor:pointer;}

@media screen and (min-width:1024px){::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{box-shadow:inset 0 0 1px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(150,150,150,0.5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#969696}}

@media screen and (max-width:1024px) {
	#Menu {display:inline-block; background:#222; border-left:1px solid #444; padding:0 20px; color:#fff; float:right; text-shadow:1px 1px #000; cursor:pointer;}
	#Menu:hover {background:#c00;border-left:1px solid #f00;}
	#Header .nav {display:none;position:absolute;width:100%;margin-top:53px;}
	#Header .nav li {float:none; border-bottom:1px solid #555; text-align:center; background:rgba(10%,10%,10%,0.9);} #Header .nav li:hover{border-bottom:1px solid #555; background:#000;}
	#Language {width:100%;}
}
@media screen and (max-width:480px) {
	#Logo {margin-left:10px;}
}

#Products {display:none; position:absolute; top:58; z-index:10001; background:#111; width:100%; border-bottom:1px solid #555; text-shadow:1px 1px #444; text-align:center; padding-top:.5em; padding-bottom:.5em; box-shadow: 0px 5px 20px -5px rgba(20%, 50%, 100%, 1);}
#Products img {width:60%;transition: all 0.3s ease-in-out; }
#Products img:hover{transform: scale(1.1); transition: all 0.3s ease-in-out; filter: brightness(1.2);}
#Products a {font:normal 13px "Trebuchet MS", arial, helvetica, sans-serif; color:#ccc;} 
#Products a:hover {/*color:#ff0;*/color:#fff;text-decoration-thickness: 2px; text-underline-offset: 11.1px; }
#Products .inner div{width:16.6%;float:left;}
#Campaigns {display:none; position:absolute; top:58; z-index:10001; background:#111; width:40%; border-bottom:1px solid #555; text-shadow:1px 1px #444; text-align:center; padding-top:.5em; padding-bottom:.5em; box-shadow:0 0 10px rgba(80%, 80%, 80%, 1); margin-left: 50%;}
#Campaigns a {font:normal 14px "Trebuchet MS", arial, helvetica, sans-serif; color:#ccc;} #Campaigns a:hover {color:#ff0; text-decoration:none;}
#Campaigns img {width:90%;}
#Campaigns .inner {width:100%; display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;}

#SearchAll {width:100px; padding:0.5em; border:0; background:transparent; color:#3ff; outline:0; border:1px dotted #888; border-radius:5px;}
#SearchBtn {background:url(/images/Search.png) no-repeat center; border:0; height:30px; width:30px; cursor:pointer;}
#SearchBtn hover {background:url(/images/SearchOn.png) no-repeat center;}

.ui-autocomplete {max-height:300px; overflow-y:auto; overflow-x:hidden;}
.ui-menu-item-wrapper {background:#000;}
.leftmenubutton {display:none;}
@media screen and (max-width:480px) {
	#Products {top:105px;}
	#Products img {width:90%;}
	#Products .inner div{width:33.3%;}
	#SubItems {display:none;}
	#Campaigns {top:155px; margin-left: 0; width:100%;}
	#Campaigns img {width:90%;}
	#Campaigns {display:none;}
	.leftmenubutton {display:block;}
}

.Fields {margin-right:1.2em; padding:.2em .4em; background:#000; color:#6cf;     border-bottom: 1px solid #555; border-top: none; border-right: none; border-left: none; border-radius:3px; outline:0;}
.Fields:hover, .Fields:focus {color:#ff0; text-shadow:1px 1px #000; border-bottom:1px solid #5bc; border-top: none; border-right: none; border-left: none; box-shadow:0 0 2px #5bc, 0 0 5px #59b7c2; transition:all 0.1s ease-in-out;}
.Buttons {border-radius:0.4em; cursor:pointer; font-weight:bold; margin:.2em; padding:.8em 1.6em; text-align:center; background: #d2d2d2;transition: .2s ease-in-out;border:none;color:#313131; outline:0;}
.Buttons:hover {background: #aaaaaa;/* text-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px rgb(255 255 255 / 84%);  border:none;border:1px solid #888;*/ color:#000;transition: .2s ease-in-out;} .Buttons:active {background:#aaa; color:#6cf;}
.Buttons:disabled {background:#333; border:1px solid #000; color:#666; cursor:not-allowed;}

#briefModel {padding:10px 0 10px 20px; margin:0 0 20px 20px; border-left:6px solid #ddd; font-size:38pt; line-height:38pt; color:#555; font-family:'SteelLegend',"Trebuchet MS"; }
#briefDesc {margin-left:55px;} #briefDesc li {list-style:circle; line-height:23pt;}
#briefIcons {margin:18px;}
#briefAvailable {border-left:3px solid #ddd; font-size:11pt; color:#888; padding:5px 10px 5px; margin:20px 0 0 20px; line-height:14pt;}
#briefGallery, #briefGallery2 {clear:both;width:100%;padding-top:10px;}
#briefGallery li, #briefGallery2 li {float:left;margin:10px 2px 0 0; width:66px; line-height:1px; } #briefGallery li img, #briefGallery2 li img {width:100%;}
#briefGallery li a, #briefGallery2 li a{display:block; border:1px solid #444; border-radius:3px;}
#briefGallery li .active, #briefGallery2 li .active{border:1px solid #fff;}
#briefGallery .briefVideo, #briefGallery2 .briefVideo {z-index:5; width:64px; height:64px; position:absolute; background:url('/images/youtube-play.png') no-repeat center; background-size:60%; transition:All 0.3s ease-in-out; transform:scale(0.8);}
#briefGallery .briefVideo:hover, #briefGallery2 .briefVideo:hover {transform:scale(1.0);}
.zoomWindow {background-color:#fff;}
#briefAwardsHeader {background:url(/images/icon-Awards[BS].gif) no-repeat; margin-top:2em; padding-left:40px; line-height:30px;filter: invert(1);}
#briefAwardsList {width:90%; margin-left:5%;}
.briefAwardsItem:hover {border-radius:5px;/*background:linear-gradient(135deg, rgba(69,72,77,1) 0%,rgba(0,0,0,0) 50%);*/filter: drop-shadow(0px 0px 4px #5d5d5d);transition:all 0.1s ease-in-out;}
.briefAwardsItem{transition:all 0.1s ease-in-out;}
#briefAwardsRight, #briefAwardsLeft {position:absolute; z-index:5;cursor:pointer; opacity:.5; margin-top:-12%; width:4%;}
#briefAwardsRight {right:0;}
#briefAwardsRight:hover, #briefAwardsLeft:hover {opacity:1;transition:all 0.3s ease-in-out;}

@media screen and (max-width:480px) {
	#briefModel {padding-left:10px; margin-left:5px; line-height:1.2em;}
	#briefDesc {margin-left:30px;}
	#briefIcons {margin-left:8px;}
	#briefAvailable {margin-left:10px;}
}
#iconSales {background:url(/images/icon-Sales.jpg); width:146px; height:48px; float:left;}
#iconVR {background:url(/images/icon-VR.jpg); width:146px; height:48px; float:left;}
#iconWin10comp {background:url(/images/icon-Win10.png); width:64px; height:80px; float:left;}
#iconWin11 {background:url(/images/icon-Win11[BS].jpg); width:146px; height:48px; float:left;}
#iconWin10 {background:url(/images/icon-Win10[BS].jpg); width:146px; height:48px; float:left;}
#iconRyzen8000 {background:url(/images/icon-Ryzen8000.png); width:174px; height:48px; float:left;margin-right: 100%;margin-bottom: 3px;}
#iconWin7 {background:url(/images/icon-Win7[BS].jpg); width:146px; height:48px; float:left; cursor:pointer;}
#iconThunderbolt {background:url(/images/icon-Thunderbolt[BS].jpg); width:146px; height:48px; float:left;}
#iconThunderboltsupport {background:url(/images/icon-Thunderboltsupport[BS].jpg); width:146px; height:48px; float:left;}
#iconHDMI {background:url(/images/icon-HDMI.png) no-repeat; width:250px; height:59px; float:right; background-size:100%; margin-top:10px; margin-bottom:20px; margin-right:20px;}
#iconDTS {background:url(/images/icon-DTS.png) no-repeat; width:220px; height:92px; float:right; background-size:100%; margin-bottom:10px; margin-right:20px;}
#iconLearnMoreAboutAM5 {background:url(/images/icon-LearnMoreAboutAM5.jpg) no-repeat; width:146px; height:48px; float:left;}
#iconH470Badge {background:url(/images/icon-H470Badge.jpg) no-repeat; width:46px; height:70px; float:left;}

.image{width:100%;}

.desktop{display:block;}
.mobile{display:none;}

.dtm-desktop {display:block;}
.dtm-tablet, .dtm-mobile {display:none;}

.right {float:right;}
.left {float:left;}
.center {text-align:center;}
.posRelative {position:relative;}

#SubItem {margin-top:2em;background:linear-gradient(#fff, #e1e1e1); width:100%;height:49px;  border-image: linear-gradient(to right, #fff, #fff, #5cf, #006ddb, #5cf, #fff, #fff) 10 10 10 10 !important;   margin-top: 0 !important; border-top: 0px solid !important;   border-bottom: 2px solid !important;}
#SubItem ul{width:1200px;margin:0 auto;}
#SubItem li{background: linear-gradient(#fff, #e1e1e1); float:left; height:49px; width:20%; line-height:49px; text-align:center; transition:all 0.3s ease-in-out; text-shadow:1px 1px #ffffff;}
#SubItem li:hover {cursor:pointer; color:#a3a3a3;text-shadow: 0 0 5px white;}
#SubItem li.selected {transition:all 0.3s ease-in-out; color:#fff;  text-shadow: 0px 0px 8px #006ddb, 0px 0px 20px #797979;font-weight: 600;}
@media screen and (max-width:1280px) {#SubItem ul{width:100%;} .desktop{display:block;} .mobile{display:none;} .dtm-tablet {display:block;} .dtm-desktop, .dtm-mobile {display:none;} }
@media screen and (max-width:480px) {#SubItem li{font-size:9pt;} .desktop{display:none;} .mobile{display:block;} .dtm-mobile {display:block;} .dtm-desktop, .dtm-tablet {display:none;} }

.wrapper {padding:2em 0 2em 0; position:relative; z-index:1;}
.wrapper .inner {margin:0 auto;width:1200px;} .wrapper .inner:after {content:''; display:block; clear:both;}
.Products-wrapper .inner {margin:0 auto!important;width:1200px!important;} .Products-wrapper .inner:after {content:''; display:block; clear:both;}
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6 {color:#000; font-family:Verdana, Geneva, sans-serif; }

.wrapper a {/*color:#6cf;*/color:#05f; text-decoration:none;}
.wrapper a:hover {color:#0088e0; text-decoration:underline; cursor:pointer;}
.wrapper p {line-height:1.0; padding:0.4em 0 0.4em;}
.wrapper .Layout {background-repeat:no-repeat; background-size:cover; background-position:top center; padding-top:47%;}
.wrapper .Banner {background-repeat:no-repeat; background-size:cover; background-position:top center; position:relative;}
.wrapper .BigFeature {position:absolute; right:0; bottom:0; margin:auto;}
.wrapper .BigFeatureText {right:0; bottom:0; margin:auto; padding-top:1rem;}
.wrapper .BigFeatureWide {width:60%;left:0;margin-top:150px!important;}
.wrapper .BigFeatureCust {width:80%;left:0;}
.wrapper .FeatureLeft {left:20%;}
.wrapper .FeatureRight {left:50%; right:10%;}
.wrapper .SmallFeature {padding-top:1em; padding-bottom:1em;}
.wrapper .SmallFeature img {width:96%;}
.wrapper .Context {margin-top:1%; padding:1% 2%;  border-radius:0.3em; color:#000;  line-height:30px;} 
.wrapper .UnorderList li {list-style:circle; margin-left:1.2em;}
.wrapper .Remark, .wrapper .RemarkAlert {color:#888; font-size:0.35cm; line-height:0.52cm;}
.wrapper .TableList {width:100%;}
.wrapper .TableList th{background:#111; text-align:center;}
.wrapper .TableList th, .wrapper .TableList td{font-size:0.9em; border:1px solid #333; padding:0.2em 0.5em;}
.wrapper .TableList tr:nth-child(even){background:#111;}
.wrapper .TableList tr:hover{background:#282828; transition:All 0.1s ease-in-out;}
@media screen and (min-width:480px) {
	.wrapper h1 {font-size:1.5cm; line-height:1.7cm;}
	.wrapper h2 {font-size:1.3cm; line-height:1.5cm;}
	.wrapper h3 {font-size:1.1cm; line-height:1.3cm;}
	.wrapper h4 {font-size:0.9cm; line-height:1.1cm;}
	.wrapper h5 {font-size:0.7cm; line-height:0.9cm;}
	.wrapper h6 {font-size:0.5cm; line-height:0.7cm;}
}
@media screen and (max-width:1280px) {
	.wrapper .inner {width:92%;}
	.wrapper .BigFeatureWide, .wrapper .BigFeatureCust {width:86%;}
	.wrapper .FeatureLeft {left:7.5%;}
	.wrapper .FeatureRight {left:40%; right:5%;}
}
@media screen and (max-width:480px) {
	.wrapper {padding:1em 0;}
	.wrapper .Layout {padding-top:78%;}
	.wrapper .inner {width:99%;}
	.wrapper h1 {font-size:0.8cm; line-height:1.0cm;}
	.wrapper h2 {font-size:0.7cm; line-height:0.9cm;}
	.wrapper h3 {font-size:0.6cm; line-height:0.8cm;}
	.wrapper h4 {font-size:0.5cm; line-height:0.7cm;}
	.wrapper h5 {font-size:0.4cm; line-height:0.6cm;}
	.wrapper h6 {font-size:0.3cm; line-height:0.5cm;}
	.wrapper .BigFeature {position:relative;}
	.wrapper .BigFeatureText {padding-top:0;}
	.wrapper .BigFeatureWide, .wrapper .BigFeatureCust {width:100%;}
  .wrapper .SmallFeature img {width:94%;margin:0 auto;}
	.wrapper .FeatureLeft {left:0;}
	.wrapper .FeatureRight {left:0;}
	.wrapper .Context {padding:.1%;font-size:0.9rem;margin-bottom: 4%;}
	.wrapper .Banner {height: fit-content;/*margin-bottom:35px;*/}
}

.wrapper .SpecForm {margin:0 auto 3em;}
.wrapper .SpecForm li {border-top:1px solid #333;} .wrapper .SpecForm li:first-child {border-top:0;}
.wrapper .SpecForm li:hover {background:#f8f8f8;}
.wrapper .SpecForm .SpecItem {clear:both; width:10em; font-size:0.47cm; color:#000000; float:left; padding:0.8em; line-height:30px;}
.wrapper .SpecForm .SpecData {border-left:1px solid #222; font-size:0.45cm; margin-left:13em; padding:0.8em; line-height:30px;} .wrapper .SpecForm .SpecData:hover {border-left:1px solid #333;}
.wrapper .SpecForm .Notice {color:#aaa; font-size:0.38cm;}
.wrapper .SpecForm .Table th {text-align:center; border:1px solid #555; font-size:0.38cm;}
.wrapper .SpecForm .Table td {border:1px solid #555; font-size:0.38cm;}
.wrapper .SpecForm .note, .wrapper .Support .note {color:red;}
@media screen and (max-width:480px) {
	.wrapper .SpecForm .SpecItem {width:100%; font-size:1em; font-weight:bold; color:#000000; float:left; padding-top:1em;}
	.wrapper .SpecForm .SpecData {clear:both; padding-top:0; border-left:0; width:90%; font-size:0.9em; margin-left:3%;} .wrapper .SpecForm .SpecData:hover {border-left:0;}
}

.wrapper .Support select {background:#fafafa; color:#333; border-radius:5px; padding:0.2em;}
.wrapper .Support table {width:100%; border-collapse: collapse; border-radius: 4px; border-style: hidden;  box-shadow: 0 0 0 1px #333;}
.wrapper .Support th{background:#eee; text-align:center;}
.wrapper .Support th, .wrapper .Support td{font-size:0.38cm; border:1px solid #ccc; padding:0.2em 0.5em;}
.wrapper .Support th[data-sort]{cursor:pointer;color:#05f;}
.wrapper .Support tr:nth-child(even){background:#fafafa;}
.wrapper .Support tr:hover{background:#e6e6e6; transition:All 0.1s ease-in-out;}
.wrapper .Support .Notice {border:1px solid #ccc; background:#f8f8f8; border-radius:5px; font-size:0.38cm; padding:0.3em 0.5em; margin:0.5em 0;}
.wrapper .Support .Notice p, .wrapper .Support .Notice h4 {line-height:44px;font-size:15px;margin:0;padding:0;color:#d00;font-weight:bold;text-shadow:1px 1px 1px #fff;}
.wrapper .Support .Notice span {color:#d00;text-shadow:1px 1px 1px #fff;}
.wrapper .Support .BetaTag {color:#d00;}
.wrapper .Support a {color:#05f; text-decoration:none;} .wrapper .Support a:hover {color:#0088e0;text-decoration:underline;}
.wrapper .Support p {margin:0.5em 0;}
.wrapper .Support .FAQq {border:1px solid #ccc; background:#fafafa; padding:2px 8px; margin-top:1px; cursor:pointer; line-height:30px;} .wrapper .Support .FAQq:hover {background:#e6e6e6; transition:All 0.1s ease-in-out;}
.wrapper .Support .FAQa {border:1px solid #ccc; border-radius:0 0 0.5em 0.5em; padding:2px 8px; margin-top:1px; margin-bottom:1em; line-height:30px;}
.wrapper #Download table img {vertical-align:middle;}
.wrapper #Download table .Remark {color:#666;}
.wrapper #BIOS .Remark, .wrapper #BIOS .RemarkAlert {font-size:13px; color:#a00;}
#sSupport table tbody tr td a {align-items: center;display: flex;}
@media screen and (max-width:480px) {
	.wrapper .Support th, .wrapper .Support td{font-size:0.32cm; padding:0;}
	.wrapper .Support .Notice {font-size:0.32cm;}
	.wrapper .Support .Remark{font-size:0.3cm;}
}

.wrapper .leftmenu {margin-top:1em;width:20%; float:left;}
.wrapper .leftmenu li {/*border-left:1px solid #666;*/border-left:1px solid #2a607b; border-bottom:1px solid #111; margin-right:1em; }
.wrapper .leftmenu li a{display:block; margin-left:10px; padding:.5em 0;}
.wrapper .leftmenu li.current a {color:#fff; margin-left:8px;} .leftmenu li.current {border-left:3px solid #fff;}
.wrapper .leftmenu li:hover {/*border-left:3px solid #0f0;*/border-left:3px solid #6cf; /*background:linear-gradient(to right, rgba(50,50,50,0.65) 0%, rgba(0,0,0,0) 100%);*/background: linear-gradient(to right, #66ccff2b 0%, rgba(0,0,0,0) 100%);} .leftmenu li:hover a {margin-left:8px;}

@media screen and (max-width:480px) {
	.wrapper .leftmenu {border-top:1px solid #888; border-bottom:1px solid #888; display:none; width:100%; height:100%; background:#000; z-index:1; margin-top:10px;}
}

.VideoContainer {text-align:center; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;}
.VideoContainer iframe, .VideoContainer object, .VideoContainer embed, .VideoContainer img {position:absolute; top:0; left:0; width:100%; height:100%;}
.VideoContainer .PlayVideo {z-index:5; width:100%; height:100%; position:absolute; background:url('/images/youtube-play.png') no-repeat center; transition:All 0.3s ease-in-out; transform:scale(0.8);}
.VideoContainer .PlayVideo:hover {transform:scale(1.0);}
@media screen and (max-width:980px){ .VideoContainer .PlayVideo {transform:scale(0.5);} }
@media screen and (max-width:480px){ .VideoContainer .PlayVideo {transform:scale(0.8);} }

#statement .Remark {color:#888; font-size:0.36cm; line-height:.5cm; clear:both; padding-top:1em;font-family: arial, helvetica, sans-serif;}

.menu-2 ul li{padding: 40px 100px 10px 100px!important;}
.menu-2 ul li a{font-weight: 700;color: #b5b5b5;text-shadow: none;}
.menu-2 ul li:hover a{color: #4f4f4f!important;text-shadow: none;}
.menu-2 ul li.active a{font-weight: 700; color:#000 !important;text-shadow: 0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff;  }
.menu-2 ul li::after{background: linear-gradient(226deg,#fff, #4f4f4f,#4f4f4f, #4f4f4f,#fff)!important;box-shadow: none!important;}
.menu-2 ul li::before{background: linear-gradient(226deg,#00000000, #b5b5b5,#00000000)!important;}

.menu-3 ul li{padding: 40px 60px 10px 60px!important;}
.menu-3 ul li a{font-weight: 700;color: #b5b5b5;text-shadow:none;}
.menu-3 ul li:hover a{color: #4f4f4f!important;text-shadow:none;}
.menu-3 ul li.active a{font-weight: 700; color:#000 !important;text-shadow: 0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff;  }
.menu-3 ul li::after{background: linear-gradient(226deg,#fff, #4f4f4f,#4f4f4f, #4f4f4f,#fff)!important;box-shadow: none!important;}
.menu-3 ul li::before{background: linear-gradient(226deg,#00000000, #b5b5b5,#00000000)!important;}

.menu-4 ul li{padding: 40px 35px 10px 35px;}
.menu-4 ul li a{font-weight: 700;color: #b5b5b5;text-shadow:none;}
.menu-4 ul li:hover a{color: #4f4f4f!important;text-shadow:none;}
.menu-4 ul li.active a{font-weight: 700; color:#000 !important;text-shadow: 0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff;  }
.menu-4 ul li::after{background: linear-gradient(226deg,#fff, #4f4f4f,#4f4f4f, #4f4f4f,#fff)!important;box-shadow: none!important;}
.menu-4 ul li::before{background: linear-gradient(226deg,#00000000, #b5b5b5,#00000000)!important;}

.menu-5 ul li{padding: 40px 10px 10px 10px!important;}
.menu-5 ul li a{font-weight: 700;color: #b5b5b5;text-shadow:none;}
.menu-5 ul li:hover a{color: #4f4f4f!important;text-shadow:none;}
.menu-5 ul li.active a{font-weight: 700; color:#000 !important;text-shadow: 0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff;  }
.menu-5 ul li::after{background: linear-gradient(226deg,#fff, #4f4f4f,#4f4f4f, #4f4f4f,#fff)!important;box-shadow: none!important;}
.menu-5 ul li::before{background: linear-gradient(226deg,#00000000, #b5b5b5,#00000000)!important;}

.menu-6 ul li a{font-weight: 700;color: #b5b5b5;text-shadow:none;}
.menu-6 ul li:hover a{color: #4f4f4f!important;text-shadow:none;}
.menu-6 ul li.active a{font-weight: 700; color:#000 !important;text-shadow: 0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff,0 0 0.7em #fff;  }
.menu-6 ul li::after{background: linear-gradient(226deg,#fff, #4f4f4f,#4f4f4f, #4f4f4f,#fff)!important;box-shadow: none!important;}
.menu-6 ul li::before{background: linear-gradient(226deg,#00000000, #b5b5b5,#00000000)!important;}



.top-5 {top:5%;left:0;}
.top-10 {top:10%;left:0;}
.top-15 {top:15%;left:0;}
.top-20 {top:20%;left:0;}
.top-25 {top:25%;left:0;}
.top-30 {top:30%;left:0;}
.top-35 {top:35%;left:0;}
.top-40 {top:40%;left:0;}

.wide-5 {width:5%;}
.wide-16, .wide-16-3 {width:16.6%;}
.wide-20, .wide-20-1, .wide-20-2 {width:20%;}
.wide-25, .wide-25-1, .wide-25-2, .wide-25-3 {width:25%;}
.wide-30, .wide-30-1 {width:30%;}
.wide-33, .wide-33-1, .wide-33-2 {width:33%;}
.wide-34, .wide-34-1, .wide-34-2 {width:34%;}
.wide-39, .wide-39-1, .wide-39-2 {width:39%;}
.wide-40, .wide-40-1 {width:40%;}
.wide-45, .wide-45-1 {width:45%;}
.wide-50, .wide-50-1 {width:50%;}
.wide-55, .wide-55-1 {width:55%;}
.wide-60, .wide-60-1 {width:60%;}
.wide-61, .wide-61-1 {width:61%;}
.wide-65, .wide-65-1 {width:65%;}
.wide-70, .wide-70-1 {width:70%;}
.wide-75, .wide-75-1 {width:75%;}
.wide-80, .wide-80-1 {width:80%;}
.wide-85, .wide-85-1 {width:85%;}
.wide-90, .wide-90-1 {width:90%;}
@media screen and (max-width:1280px) {
	.top-5 {top:2%;}
	.top-10 {top:5%;}
	.top-15 {top:7%;}
	.top-20 {top:10%;}
	.top-25 {top:12%;}
	.top-30 {top:15%;}
	.top-35 {top:17%;}
	.top-40 {top:20%;}
	.wide-25-3 {width:33%;}
}
@media screen and (max-width:980px) {
	.wide-20-2 {width:33%;}
	.wide-33-1, .wide-34 {width:49.8%;}
}
@media screen and (max-width:480px) {
	.top-5, .top-10, .top-15, .top-20, .top-25, .top-30, .top-35, .top-40 {top:0;}
	.wide-16-3 {width:33.3%;}
	.wide-20-1, .wide-25-1, .wide-30-1, .wide-33-1, .wide-34, .wide-34-1, .wide-40-1, .wide-45-1, .wide-50-1, .wide-55-1, .wide-60-1, .wide-61-1, .wide-65-1, .wide-70-1, .wide-75-1, .wide-80-1, .wide-85-1, .wide-90-1 {width:100%;}
	.wide-25-2, .wide-25-3 {width:50%;}
	.wide-20-2, .wide-33-2, .wide-34-2 {width:49.7%;}
}

#footer {background:#111; text-align:center; border-top:1px solid #333; padding-top:1.5em; padding-bottom:1.5em;}
#footer .inner {margin:0 auto; width:1200px; background:#111; }
#footer .inner li:first-child {font:bold 13pt tahoma, "Trebuchet MS"; color:#fff; line-height:20pt;}
#footer .inner li {font-size:10pt; line-height:16pt;}
#footer .inner li a {color:#b5b5b5; text-decoration:none; display:block;}
#footer .inner li a:hover {color:#FFF; text-decoration:underline;}
#footer .inner h6 {font:bold 13pt tahoma, "Trebuchet MS"; color:#fff; line-height:20pt;}
#footer .inner .copyright {padding-top:2em; padding-bottom:1em; color:#888; text-shadow:1px 1px #222; font-size:10pt;}
#footer .inner .copyright a {text-decoration:none; color:#6cf;} #footer .inner .copyright a:hover {color:#ff0; text-decoration:underline;}
@media screen and (max-width:1200px) {
	#footer .inner {width:90%;}
}
@media screen and (max-width:480px) {
	#footer .inner {width:100%;}
	#footer {padding-top:1em; padding-bottom:5em;}
}

.clear {clear:both;} .clear:after {content: ''; display: block; clear: both;}

.transhover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.TransIn {opacity:.9; transition:all .3s ease-in-out;}
.TransIn:hover {opacity:1; transition:all .2s ease-in-out;box-shadow:1 1 5px rgba(50%, 50%, 50%, 1)}
.TransOut {opacity:1; transition:all .3s ease-in-out;}
.TransOut:hover {opacity:.8; transition:all .2s ease-in-out;}

#GoTop {width:60px; height:60px; position:fixed; right:1em; bottom:1em; z-index:10; background:url(/images/arrow.png); display:none; cursor:pointer;}

.Warning {width:100%; border:1px solid #333; border-radius:20px; background:#222; padding:6px;margin-bottom:50%;}
.Warning .Symbol {border:1px solid #a00;border-radius:50%;background:#f00;width:50px;height:50px;line-height:50px;font-weight:bold;font-size:40px;color:#ff0;text-shadow:1px 1px #300;text-align:center;float:left;}
.Warning .Contents {padding-left:60px;line-height:50px;}

.Hash {font-size:10px; color:#888;}

td a:hover{filter: brightness(1.5);transition: all 0.2s ease-in-out;}





/********新版型 下拉Brief*********/
@media screen and (min-width:1080px) {
  #briefGallery li, #briefGallery2 li{width:100px!important;margin-top:2em;}.briefSet{display: flex;margin: 0 auto;align-items: center;width: 80%;}
  #briefGallery li .active, #briefGallery2 li .active{border-image: linear-gradient(to bottom right, #ffffff, #cbcbcb, #ffffff, #cbcbcb, #ffffff) 30;    border-width: 2px;    border-style: solid;}
  .briefSetInner{width:50%;}
  #briefAwardsList{width: 50%;margin: 0 auto;}
  .topwrapper .inner_photo{width:900px;height: 750px; margin:10em auto 13em;}
  }
@media screen and (max-width:1080px) {
  #briefGallery li, #briefGallery2 li{width:50px!important;margin-top:2em;}
  .briefSet{margin: 0 auto;align-items: center;width: 99%;flex-direction: column-reverse;}
  #briefAwardsList{width: 100%;margin: 0 auto;}
  .inner_photo{margin-top:6em;margin-bottom:9em;}
}
#SubItem{margin-top:0px!important;}
#briefGallery li a, #briefGallery2 li a{border: none;}
#briefGallery, #briefGallery2{padding-top:75px;}
#briefModel{border-left:none!important;}
#briefGallery li, #briefGallery2 li{margin:10px 7px 0 0!important;}
#briefGallery ul{width: max-content;margin: 0 auto;}@media screen and (max-width:480px) {  #briefGallery ul{width: -webkit-fill-available;width: -moz-available;}}
#briefAwardsHeader{margin:2em auto 2em !important;}

.briefBG{padding-top: 5em;padding-bottom: 5em;}
.topwrapper{z-index:9998;}
/******************************/


/***************************************************************************************************************************/
/***************************************************************************************************************************/
/********************************************************menustyle.css********************************************************/


#sOverview h1,#sOverview h2,#sOverview h3,#sOverview h4,#sOverview h5,#sOverview h6{
	font-family: 'Aldrich', 'Orbitron', sans-serif; text-align: center; 
	font-weight: 900;
  text-shadow: none!important;
  color:#000;
}
#sOverview h3{font-size:2.8em;line-height:normal!important;}.TitleSet h1{font-size:2.8em;line-height:normal!important;}
#sOverview h4{font-size:2.2em;text-shadow:1px 1px #000;}
#sOverview h5{font-size:2.0em;text-shadow:1px 1px #000;}
#sOverview h6{font-size:1.8em;text-shadow:1px 1px #000;}
#sOverview .Context, #sOverview .Remark {font-family: 'Saira','Encode Sans Semi Condensed', Arial, Helvetica, sans-serif;}
@media screen and (max-width:480px) {#sOverview h3{font-size:2.2em;}.TitleSet h1{font-size:2.2em;line-height:normal!important;} #sOverview h4{font-size:1.8em;} #sOverview h5{font-size:1.6em;} #sOverview h6{font-size:1.3em;} }

.wrapper .inner-800 { margin: 0 auto; width: 800px;}
/*.wrapper .inner { margin: 0 auto; width: 1000px;}*/
.wrapper .inner-1200 { margin: 0 auto; width: 1200px;}
.wrapper .inner-1800 { margin: 0 auto; width: 1800px;}
.wrapper .innerImg { margin: 0 auto; width: 65%;}

.Titletop { top: 30px;}

.wrapper .BigFeatureCust {width:100%;left:0;}
.wrapper .BigFeatureCust2022 {width:100%;left:0;}
/*
.wrapper .Titlebg-400 { height: 450px; }
.Titlebg-300 { height: 300px; background-image:none!important;}
.Titlebg-200 { height: 200px; background-image:none!important;}
.Titlebg-100 { height: 100px; background-image:none!important;}
.wrapper .Titlebg22-400 { height: 450px; background-image:none!important;}
.Titlebg22-300 { height: 300px; background-image:none!important;}
.Titlebg22-200 { height: 200px; background-image:none!important;}
.Titlebg22-100 { height: 100px; background-image:none!important;}
.wrapper .Titlebg22_700-400 { height: 450px; background-image:none!important;}
.Titlebg22_700-300 { height: 300px; background-image:none!important;}
.Titlebg22_700-200 { height: 200px; background-image:none!important;}
.Titlebg22_700-100 { height: 100px; background-image:none!important;}
*/
.wrapper .Titlebg-400 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg-300 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg-200 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg-100 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.wrapper .Titlebg22-400 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg22-300 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg22-200 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg22-100 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.wrapper .Titlebg22_700-400 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg22_700-300 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg22_700-200 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}
.Titlebg22_700-100 {height: fit-content!important;background-image:none!important;margin-bottom: 50px;}


.wrapper .Context600 {font-family:  'Saira','Encode Sans Semi Condensed', Arial, Helvetica, sans-serif; margin: 1% auto 0; /*padding:1% 2%;*/padding:0% 2% 2% 2%; background:rgba(0,0,0,0.0); color:#000;  line-height:30px; width: 900px;text-shadow: none; border:none!important;box-shadow:none!important;} 
.wrapper .Context600:hover{box-shadow:none!important;border:none!important;}
@media screen and (max-width:1280px) {
	.wrapper .BigFeatureWide, .wrapper .BigFeatureCust {width:86%;}
	.Titlebg-400, .Titlebg-300, .Titlebg-200, .Titlebg-100, .Titlebg22-400, .Titlebg22-300, .Titlebg22-200, .Titlebg22-100, .Titlebg22_700-400, .Titlebg22_700-300, .Titlebg22_700-200, .Titlebg22_700-100 {height: auto;background-image:none!important;}
}
@media screen and (max-width:480px) {
	.wrapper .BigFeatureWide, .wrapper .BigFeatureCust {width:100%;}
	.wrapper .Context600 {padding:2%;font-size:0.9rem; width: 93%;margin:0 auto 4%;}
	.wrapper .inner { margin: 0 auto; width: 100%;}
	.wrapper .inner-1200 { margin: 0 auto; width: 100%;}
	.wrapper .inner-1800 { margin: 0 auto; width: 100%;}
	.wrapper .innerImg { margin: 0 auto; width: 100%;}
	.Titlebg-400, .Titlebg-300, .Titlebg-200, .Titlebg-100, .Titlebg22-400, .Titlebg22-300, .Titlebg22-200, .Titlebg22-100, .Titlebg22_700-400, .Titlebg22_700-300, .Titlebg22_700-200, .Titlebg22_700-100 {height:auto;background-image:none!important;}
}

.menu-2 ul {  display: flex;  padding: 0;  margin: 0;  list-style-type: none;}
.menu-2 ul:hover li:not(:hover) a {  opacity: 1.0;}
.menu-2 ul li {  position: relative;  padding: 30px 100px 30px 100px;  cursor: pointer;}
.menu-2 ul li.active a {  color: #009cff;}
.menu-2 ul li::before {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);  transform: scaleX(1);}
.menu-2 ul li::after {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);  transform: scaleX(0);  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-2 ul li:hover::after, ul li.active::after {  transform: scaleX(1);}
.menu-2 ul li a {  position: relative;  display: flex;  color: #aaa;  font-family: Aldrich, Orbitron, sans-serif;  text-decoration: none;  font-size: 18px;  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-2 ul li a:hover {    text-decoration: none;  color: white;}
.menu-2 ul li:hover a{    text-decoration: none;  color: white;}

.menu-3 ul {  display: flex;  padding: 0;  margin: 0;  list-style-type: none;}
.menu-3 ul:hover li:not(:hover) a {  opacity: 1.0;}
.menu-3 ul li {  position: relative;  padding: 30px 60px 30px 60px;  cursor: pointer;}
.menu-3 ul li.active a {  color: #009cff;}
.menu-3 ul li::before {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);  transform: scaleX(1);}
.menu-3 ul li::after {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);  transform: scaleX(0);  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-3 ul li:hover::after, ul li.active::after {  transform: scaleX(1);}
.menu-3 ul li a {  position: relative;  display: flex;  color: #aaa;  font-family: Aldrich, Orbitron, sans-serif;  text-decoration: none;  font-size: 18px;  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-3 ul li a:hover {    text-decoration: none;  color: white;}
.menu-3 ul li:hover a{    text-decoration: none;  color: white;}

.menu-4 ul {  display: flex;  padding: 0;  margin: 0;  list-style-type: none;}
.menu-4 ul:hover li:not(:hover) a {  opacity: 1.0;}
.menu-4 ul li {  position: relative;  padding: 30px 35px 30px 35px;  cursor: pointer;}
.menu-4 ul li.active a {  color: #009cff;}
.menu-4 ul li::before {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);  transform: scaleX(1);}
.menu-4 ul li::after {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);  transform: scaleX(0);  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-4 ul li:hover::after, ul li.active::after {  transform: scaleX(1);}
.menu-4 ul li a {  position: relative;  display: flex;  color: #aaa;  font-family: Aldrich, Orbitron, sans-serif;  text-decoration: none;  font-size: 18px;  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-4 ul li:hover a{    text-decoration: none;  color: white;}

.menu-5 ul {  display: flex;  padding: 0;  margin: 0;  list-style-type: none;}
.menu-5 ul:hover li:not(:hover) a {  opacity: 1.0;}
.menu-5 ul li {  position: relative;  padding: 30px 10px 30px 10px;  cursor: pointer;}
.menu-5 ul li.active a {  color: #009cff;}
.menu-5 ul li::before {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);  transform: scaleX(1);}
.menu-5 ul li::after {  position: absolute;  content: "";  top: 100%;  left: 0;  width: 100%;  height: 2px;  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);  transform: scaleX(0);  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-5 ul li:hover::after, ul li.active::after {  transform: scaleX(1);}
.menu-5 ul li a {  position: relative;  display: flex;  color: #aaa;  font-family: Aldrich, Orbitron, sans-serif;  text-decoration: none;  font-size: 18px;  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.menu-5 ul li:hover a{    text-decoration: none;  color: white;}

@media screen and (max-width:480px) {
  .menu-2 ul	{overflow-x: auto;overflow-y: hidden;}	.menu-2 ul li {flex-shrink: 0;}
  .menu-2 ul li::before {top: 95%;}
  .menu-2 ul li::after {top: 95%;}
  .menu-3 ul	{overflow-x: auto;overflow-y: hidden;}	.menu-3 ul li {flex-shrink: 0;}
  .menu-3 ul li::before {top: 95%;}
  .menu-3 ul li::after {top: 95%;}
  .menu-4 ul	{overflow-x: auto;overflow-y: hidden;}	.menu-4 ul li {flex-shrink: 0;}
  .menu-4 ul li::before {top: 95%;}
  .menu-4 ul li::after {top: 95%;}
  .menu-5 ul	{overflow-x: auto;overflow-y: hidden;}  .menu-5 ul li {flex-shrink: 0;}
  .menu-5 ul li::before {top: 95%;}
  .menu-5 ul li::after {top: 95%;}

  .slider.Slidimg.SlidWD{width: 100vw !important;;margin:0 0!important;overflow: hidden;}
  .slider.responsive.SlidWD{width: 100vw !important;;margin:0 0!important;overflow: hidden;}
  .slider.responsive.SlidWD .left.image{width:50vw;}
  .slider.responsive.SlidWD .right.image{width:50vw;} 
  .slider.responsive.SlidWD .left.image img{width: 100vw !important;}
  .slider.responsive.SlidWD .right.image img{width: 100vw !important;}

  .wrapper .Banner .innerImg Img{ width:94%; margin: 0 auto;}
/*
  .menu-1 ul{justify-content: center;}
  .menu-2 ul{justify-content: center;}
  .menu-3 ul{justify-content: center;}
  .menu-4 ul{justify-content: center;}
  .menu-5 ul{justify-content: center;}
  .menu-6 ul{justify-content: center;}*/
}

.slider.Slidimg.SlidWD{width:1500px;margin:0 0!important;overflow: hidden;}
.slider.responsive.SlidWD{width:1500px;margin:0 0!important;overflow: hidden;}
.iconlist{width:9vw;}

/********************************************************menustyle.css********************************************************/
/***************************************************************************************************************************/
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/***************************************************************************************************************************/
/********************************************************Refresh功能********************************************************/
@media screen and (min-width:480px) {
  #briefPG{color: white;  font-family: 'NovaRg', 'Zen Dots', 'Audiowide','Orbitron', sans-serif;  border-left: none;  margin: 0 0 -9px 0;  padding: 10px 0 10px 0px;  text-shadow: none;  font-size: 19pt;  line-height: 19pt;}
  #briefModel{font-family: 'SteelLegend','NovaRg', 'Zen Dots', 'Audiowide','Orbitron', sans-serif!important;}
	.flex-left-right{display:flex;align-items: center;justify-content: center;}
	.flex-left-right-content{width:65%;}
	.flex-right-left{display:flex;align-items: center;justify-content: center;flex-direction: row-reverse;}
	.flex-right-left-content{width:65%;}
	.flex-top-bottom{display:flex;align-items: center;justify-content: center;flex-direction: column;}
	.flex-top-bottom-content{width:100%;}
  .wrapper {padding: 3em 0 0 0;position:relative;/*z-index:1;*/}
  .NormalFeature{margin: 50px auto 0 auto;z-index: 2;position: relative;top:3%;width:95%;}
  .NormalFeature .Context{width:900px;margin:0 auto;background: none!important;border:none!important;transition:all 0.2s ease-in-out;padding:1% 3%;}
  .NormalFeature .Context:hover{transition:all 0.2s ease-in-out;padding:1% 3%;}
  .SelectiveFeature .Context{width:900px;margin:0 auto; background: none!important;border:none!important;transition:all 0.2s ease-in-out;padding:1% 6%;}
  .SelectiveFeature .Context:hover{transition:all 0.2s ease-in-out;padding:1% 6%;}
  /*.TitleSet:before{content: ''; display: block; position: relative; width: 200px; height: 36px;  background: url(/css/decor-2.png) right bottom no-repeat;margin-right: 30px;filter: opacity(0.75);}
  .TitleSet:after{content: ''; display: block; position: relative; width: 200px; height: 36px;  background: url(/css/decor-3.png) left bottom no-repeat;margin-left: 30px;filter: opacity(0.75);}*/
  .SelectiveFeature{margin: 50px auto;z-index: 2;position: relative;top:3%;width:100%;}
  .Context_Img{margin: 0 auto;width: auto;}
  .TitleSet{display: flex; flex-direction: row; margin: 0 auto; justify-content: center; align-items: center;}
  .Quick-navigation{text-align: right; position: fixed; z-index: 9999; margin: 0; top: 50%; right: 0; transform: translateY(-50%);font-family:'Aldrich', Orbitron, sans-serif;font-weight: 700;}
  .Quick-navigation-item{color: #4f4f4f94!important; text-decoration: none; font-size: 0.8em; transition: color 0.3s; padding: 0.5em; display: block;text-decoration:none!important;transition:all 0.3s;}
  .Quick-navigation-item:hover,.Quick-navigation-item.current{color: #000!important;text-shadow:none!important;font-size: 1em;}
  /*.wrapper .innerImg{width: fit-content!important;}*/
  .MainSection{font-weight: 900; color: white!important; font-family: 'Iceberg', 'Audiowide','Orbitron', sans-serif!important; font-size: 3.5em;line-height: 1em;font-style:italic;text-shadow: 0 0 10px #c1c1c1, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000;}
  .MainSection-L{padding-left:170px;}
  .MainSection-R{padding-right: 210px;text-align: right;}
  .invisible{visibility: hidden;}
  #GoTop_PG{width: 60px; height: 60px; position: fixed; right: 7em; bottom: 38px; z-index: 10001; background: url(/Img/icon/PGarrow.png); cursor: pointer; display: inline;}
  .outer-container{width: 65%;margin:150px auto 0;}

  .hero_cnt{display: flex; position: absolute; 	z-index: 10; color: #FFF; font-size: 2.5vw;width: 100%;height: 100%;flex-direction: row;justify-content: space-around;align-items: center;justify-content: center;}.hero_mdpic{width: 55%;}.hero_mdpic img{width:48vw;}
  .hero_mdname{width:100%;}
  .hero_pg{font-size:26px;line-height: 28px;}
  .hero_name{font-size:60px;line-height: 70px;}
  .hero_mdinfo{margin-bottom:0px;width: 45%;padding-left: 9%;}
  .hero_mddesc{font-family: 'Saira';font-size:16px;width:100%;margin-top:32px;line-height: 30px;color:black;}
  .hero_bg img{display: block; object-fit: cover; object-position: 77% 50%; height: auto; width: 100vw; }
  .hero_height{height:100vh;}
  /*Nova影片*/
  .hero_mdinfo .inner {width: 90%;margin-top: 25px;}
  .hero-intel img{height:107px;margin-top: 50px;}
  .hero-chipset #intelimg{height:107px;margin-top: 50px;}
  .hero-chipset #Awards{height:107px;margin-top: 50px;}
  .hero-chipset #amdimg{height:50px;margin-top: 50px;}

  .tempA .tempAtext .title{font-weight:700; color:#000!important; font-size:0.9cm; text-shadow: none!important; font-family: 'Aldrich', sans-serif; font-size: 24px;  text-align: center;margin-left: 20%;}
  .tempAgraph .tempAcover img{display: block; position: absolute; left: 0; top: 0;}
  .tempA{display: flex; width:80vw;margin: 35px auto 0;/*-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;*/}
  .tempA .tempAtext{width:35%;text-align: right;   padding-right: 50px; display: flex; align-items: center;flex-direction: column;justify-content: center;}
  .tempA .tempAtext .content{color:#000;width: 80%;  text-align: left;  margin-right: 0;  margin-left: auto;}
  .tempAgraph .tempAnumber > div:hover, .tempAgraph .tempAnumber > div.active{display: NONE; position: absolute; width: 20px; height: 20px;background: radial-gradient(#d9e6ff, #777777); border-radius: 100%; cursor: pointer;}
  .tempA .tempAtext .icoTitle{font-family: Saira;font-weight: bold;color: #000;display:flex;}
  .tempA .tempAtext img{height:32px;margin-right:8px;filter: invert(1);}
  .tempA .tempAtext .icoFont {margin-left:40px;}

  .tempBcontainer{margin:auto auto;width: 50%}
  .tempBbox{width: 70VW;display: flex;align-items: flex-end;flex-direction: row-reverse;}
  .tempBbox img{width:50%;}
  .tempBbar, .tempBbar2, .tempBbar3{width: 80%;height: 25px;margin: 10px auto 30px;display: flex;}

  .tempEFeature .Context{height:200px;background: none!important;border:none!important;transition:all 0.2s ease-in-out;}
  .tempEBTNarea{margin: 40px auto;display: flex;flex-direction: row;justify-content: center;}

  .tempG-graph-container{display: flex; width:100%;margin: 35px auto 0;}
  .tempG-graph .tempG-cover img{display: block; position: absolute; left: 0; top: 0;width: -webkit-fill-available;width: -moz-available;filter: contrast(140%);}
  .tempG-graph .tempG-base #tempG-baseIMG{width:100%}
  .tempG-context p{height: 100px; align-items: center; color: #fff; width: 80%; margin: 1em auto 1em; display: grid;position: relative;z-index: 2;padding: 1% 2%;border-radius: 0.3em;text-shadow: 1px 1px #000;line-height: 30px;}
  .tempG-context p:hover{background: rgba(0,0,0,0.4); box-shadow: 0 3px 8px rgba(0,0,0,0.4);transition: all 0.3s ease-in-out;border:none;}
  .tempG-btn{display:flex;margin-bottom: 30px;margin-top:85px;justify-content: center;}
  .tempG-graph-container .tempG-graph{width:fit-content;position: relative;width: 50%;}
  .tempG-panel{height: fit-content;width: 40%;}

  .Context_Img img{/*width:1500px;*/width:100%;margin:0 auto;/*border: 2px solid transparent;border-image: linear-gradient(to bottom right, rgb(0 0 0 / 70%) 0%, rgb(252 44 207 / 65%) 25%, rgb(106 151 255 / 78%) 50%, rgb(127 72 177 / 86%) 75%, rgb(0 0 0 / 70%) 100%);border-image-slice: 1;*/}

  .concept-container-outer{	width: 85%;overflow: hidden;margin: 0 auto;	}
	.concept-container {	display: flex;  align-items: center;  justify-content: center;  position: relative;  width: 90%;  margin: 0 auto;  padding:35px;	}
	.concept-container .concept-card {	height: fit-content;  width: 50vw;  position: relative;  /*transform: scale(0.75) ;*/  opacity: 0;  cursor: pointer;  pointer-events: none;  transition: 1s;	}
	.concept-container .concept-card.active {	z-index: 3;  transform: scale(1) translateY(0) translateX(0);  opacity: 1;  pointer-events: auto;  transition: 1s;  width: 50vw;  /* box-shadow: 0 0 2em #6b6b6b; */  box-shadow: 0 0 2em #000;  filter: brightness(1.1);	}
	.concept-container .concept-card.prev,	.concept-container .concept-card.next {	z-index: 2;  transform: scale(0.97) translateX(0);  opacity: 0.65;  filter: brightness(0.4);  pointer-events: auto;  transition: 1s;  box-shadow: 0 0 1em #000;  /*width: 30vw;*/	}
	.concept-card img {  width: inherit;}
  
}
@media screen and (max-width:480px) {
  .DirColumn{background: none!important;}
  /*#sOverview h1, #sOverview h2, #sOverview h3, #sOverview h4, #sOverview h5, #sOverview h6{font-size: 2.7em!important;}*/
  #briefPG{color: white;  font-family: 'NovaRg', 'Zen Dots', 'Audiowide','Orbitron', sans-serif;  border-left: none;  margin: 60px auto -40px; width: fit-content;  text-shadow: none;  font-size:15pt;  line-height: 19pt;}
  #briefModel{font-family: 'SteelLegend', 'NovaRg', 'Zen Dots', 'Audiowide','Orbitron', sans-serif!important;}
  .wrapper {padding:3em 0;}
  .PGkeyContext{width: 90%; margin:0 auto;}
  .NormalFeature{margin: 50px auto 0 auto;z-index: 2;position: relative;top:3%;width:90%;}
  .hero_pg{font-size:18px;line-height: 0px;}.hero_name{font-size:28px;}.hero_cnt .hero_mdinfo{margin-top:35px;}.hero_mdpic img{width:125vw;}.hero_cnt{background:none;display: flex; position: absolute; 	z-index: 10; color: #FFF; font-size: 2.5vw; width: 100%;height:auto;flex-direction: column-reverse;justify-content: center;align-items: center;padding-top: 3em;}
  .hero_mdname{width: fit-content;margin: 0 auto;}
  .hero_mddesc{font-family: 'Saira';font-size:16px;width: 90%; line-height: initial; margin: 15px auto 20px;color:black;}
  .hero_bg img{display: block; object-fit: cover; object-position: 77% 50%; height: auto; width: 100vw; }
  .hero_bg::after {background-size: cover;transform: scaleY(-1);content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;}
  /* .hero_height{height:120vh;} */
  /*Nova影片*/
  .hero_mdinfo .inner {width: 90%;margin:0 auto;}
  .hero-intel img{margin:25px auto 0px;height:60px;}
  .hero-chipset #intelimg{margin:25px auto 0px;height:60px;}
  .hero-chipset #Awards{margin:25px auto 0px;height:60px;}
  .hero-chipset #amdimg{margin:25px auto 0px;height:40px;}
  
  
  /*.TitleSet:before{content: ''; display: block; position: relative; width: 200px; height: 36px;  background: url(/css/decor-2.png) right bottom no-repeat;margin-right: 30px;transform: scaleX(2);filter: opacity(0.75);}
  .TitleSet:after{content: ''; display: block; position: relative; width: 200px; height: 36px;  background: url(/css/decor-3.png) left bottom no-repeat;margin-left: 30px;transform: rotate(180deg) scaleX(-2);filter: opacity(0.75);}*/
  .Context_Img{margin: 0 auto;width: 94%;}
  .SelectiveFeature{margin: 50px auto;z-index: 2;position: relative;top:3%;width:92%;}
  .SelectiveFeature .Context_Img{width: 100%;}
  .TitleSet{display: flex; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center;}
  .Quick-navigation{display:none;}
  .Quick-navigation-item{display:none;}
  .Quick-navigation-item:hover,.Quick-navigation-item.current{display:none;}
  .MainSection{padding-top:30%;font-weight: 900;color: white!important; font-family: 'Iceberg', 'Audiowide','Orbitron', sans-serif!important; font-size: 2.5em;line-height: 1em;text-align: center;font-style:italic;text-shadow: 0 0 10px #c1c1c1, 0 0 10px #000, 0 0 10px #000;}
  .wrapper h6 {line-height: 0.7cm!important;}
  .outer-container{margin: 110px 0;}

  .tempA .tempAtext .title{font-weight:700;color:#000!important; font-size:1.2em;text-shadow:none!important; font-family: Orbitron, sans-serif;}
  .tempAgraph .tempAcover img{display: block; position: absolute; left: 0; top: 0; width:100%!important;}
  .tempAgraph .tempAbase #tempAbase1{width:100%}
  .tempA{display: flex; width:95%;margin: 50px auto 0;/*-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;*/flex-direction: column-reverse;}
  .tempA .tempAtext{width:90%;text-align: center;   padding:10px; display: flex; align-items: center;flex-direction: column;}
  .tempA .tempAtext .content{color:#000;width: 90%;  text-align: center;  margin-right: 0;  margin-left: auto;}
  .tempAgraph .tempAnumber > div:hover, .tempAgraph .tempAnumber > div.active{display: block; filter: opacity(0.3); position: absolute; width: 20px; height: 20px;background: radial-gradient(#d9e6ff, #777777); border-radius: 100%; cursor: pointer;}
  .tempA .tempAtext .icoTitle{font-family: Saira;font-weight: bold;color: #000;display:flex;justify-content: center;}
  .tempA .tempAtext img{height:32px;margin-right:8px;filter: invert(1);}

  .tempBcontainer{margin:auto auto;width: 100%}
  .tempBbox{width:100VW;display: flex;flex-direction: column-reverse;}
  .tempBbox img{width:100%;}
  .tempBbar, .tempBbar2, .tempBbar3 {width: 80%;height: 70px;margin: 0px auto 0px;display: flex;flex-direction: column-reverse;}
  
  .tempEFeature{margin-top:30px;}
  .tempEBTNarea{margin: 0 auto;display: flex;flex-direction: column;justify-content: center;width: 85%;}
  .tempEContainer .Context{padding:15px;}

  .tempG-graph-container{display: flex; width:100%;margin: 0 auto 0;flex-direction: column;}
  .tempG-graph-container .tempG-graph{width:fit-content;position: relative;width: 100%;}
  .tempG-panel{height: fit-content;width: 95%;padding:2.5%;}
  .tempG-graph .tempG-cover img{display: block; position: absolute; left: 0; top: 0; width:100%!important;filter: contrast(140%);}
  .tempG-graph .tempG-base #tempG-baseIMG{width:100%}
  .tempG-btn{display:flex;margin-bottom: 30px;justify-content: center;}

  .concept-container-outer{	width: 100%;overflow: hidden;margin: -95px auto 0;	}
	.concept-container {	display: flex;  align-items: center;  justify-content: center;  position: relative;  width: 100%;  margin: 0 auto;	}
	.concept-container .concept-card {	height: fit-content;  width: 60vw;  position: relative;  /*transform: scale(0.75) ;*/  opacity: 0;  cursor: pointer;  pointer-events: none;  transition: 1s;	}
	.concept-container .concept-card.active {	z-index: 3;  transform: scale(1) translateY(0) translateX(0);  opacity: 1;  pointer-events: auto;  transition: 1s;  width: 60vw;  /* box-shadow: 0 0 2em #6b6b6b; */  box-shadow: 0 0 2em #000;  filter: brightness(1.1);	}
	.concept-container .concept-card.prev,	.concept-container .concept-card.next {	z-index: 2;  transform: scale(0.9) translateX(0);  opacity: 0.5;   pointer-events: auto;  transition: 1s;  box-shadow: 0 0 1em #000;  /*width: 30vw;*/	}
	.concept-card img {  width: inherit;}
}
@font-face {
  font-family: 'NovaRg';
  src: url('/fonts/NovaRg.ttf')  format('truetype');
}

#statement{z-index:10000;background: #181818;}
#briefDesc li{font-family: 'Saira',sans-serif!important;}
.outer-container .flex-left-right{width:100%!important;margin: 0 auto;}
.flex-top-bottom .Banner{width: 100%!important;}
.subTitle{/*color:#fff !important;font-weight: 900;text-shadow: 0 0 0.7em red, 0 0 0.7em red;*/}

.tempAgraph .tempAnumber .Gicon1{top:var(--iTop);left:var(--iLeft);}
.tempAgraph .tempAnumber .Gicon2{top:var(--iTop);left:var(--iLeft);}
.tempAgraph .tempAnumber .Gicon3{top:var(--iTop);left:var(--iLeft);}
.tempAgraph .tempAnumber .Gicon4{top:var(--iTop);left:var(--iLeft);}
.tempAgraph .tempAnumber .Gicon5{top:var(--iTop);left:var(--iLeft);}
.tempAgraph .tempAnumber .Gicon6{top:var(--iTop);left:var(--iLeft);}
.tempAgraph .tempAnumber .Gicon7{top:var(--iTop);left:var(--iLeft);}
.tempA .tempAgraph{width:fit-content;position: relative;}
.tempAgraph .tempAnumber > div{display: block;position: absolute;width: 15px;height: 15px;background-color: #00dfff;box-shadow: 0 0 0.7em #00dfff,0 0 0.7em #00dfff;border-radius: 100%;text-align: center;line-height: 37px;font-size: 1.5em;cursor: pointer;/*animation: tempAscaleGlow 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;animation-play-state: running;*/}


@keyframes tempAscaleGlow{from{transform: scale(0); background-color: #fff;} to{transform: scale(2); opacity: 0.3;}}

.tempBbar{font-size: larger;}
.tempBbar2{font-size: large;}
.tempBbar3{font-size: large;}
.tempBpercentage{width: var(--value);display: block;height: var(--p-height);background:var(--p-color); background-repeat: repeat;  box-shadow: 0 0 10px 0px var(--shadow-color);transform: skewX(145deg);}
.progressAnimation{animation: progress 1500ms ease-in 1  ,  tempBshine 4s linear infinite,    end 1s linear 1 7s;}
.showuptextAnimation{animation: showuptext 1500ms ease-in 1;}
.tempBText{display: flex;margin-left: 20px;color:var(--T-color);opacity: 1;align-items: center;position: relative;font-family: 'Saira', Orbitron;white-space: nowrap;font-weight:900;margin-bottom: 10px;}
@keyframes tempBshine {  0% { background-position: 0 0; }  100% { background-position: 0 60px; }}
@keyframes progress{from{width: 0;}}
@keyframes showuptext{from{opacity: 0;}}


.tempEContainer .Buttons.active{background: #eb1616!important;  color: #fff!important; transition: all 0.2s ease-in-out;}
.tempEContainer .Buttons{border: 1px solid #eb1616!important;}
.tempETittle{margin:35px 0 10px;/*////*/display: none!important;}
.tempEContainer .Buttons{margin-top:35px;}
.tempEContainer .Context{box-shadow: none!important;}
.tempEButtons{font-weight: 900;margin:18px 9px 4px;font-size: 14pt;color:#00000065;border: solid 1px rgb(157 157 157);background: rgb(157 157 157 / 10%);transform: skewX(-20deg);height: fit-content;min-width: 40%;padding: 10px 20px;font-family: 'Saira', sans-serif;}
.tempEButtons.active{font-weight: 900;background: linear-gradient(to right,  #3dcefb, #3150b5);transform: skewX(-20deg);color: #FFF;border: #3dcefb 1px solid;text-shadow:none!important;font-family: 'Saira', sans-serif;}
.tempEButtons:hover{cursor:pointer;}
.tempEButtonsText{transform: skewX(20deg);margin: 0 auto;width: fit-content;font-family: inherit;  font-size: inherit;  color: inherit;  height: fit-content;  line-height: initial; padding-top: 2px;}
.tempEBTNarea-3{margin: 50px auto;display: flex;flex-direction: column;width: fit-content;justify-content: center;}


.tempG-info{color:#fff;}
.tempG-btn img{width:75px;margin-right:15px;filter: opacity(0.6);cursor:pointer; transition:all ease 0.2s;}
.tempG-btn img:hover{filter: opacity(1) contrast(1.5);}
.tempG-btn .active{filter: opacity(1) contrast(1.5);}
.tempGtitle{margin-bottom:30px;font-weight: 700;  color: #000 !important;  text-shadow: none!important;  font-size: 22px;  font-family: 'Aldrich', sans-serif;  justify-content: center;  display: flex;}

.CoolingMark {  color: #0058ff;  font-family: math;}

#FanTasticTuning{content: url(/mb/features/iC-FanTasticTuningBTN-white.png);}
#PWMDCFanSupport{content: url(/mb/features/iC-PWMDCFanSupportBTN-white.png);}
#AluminumHeatsink{content: url(/mb/features/iC-AluminumHeatsinkBTN-white.png);}
#ThermistorHeader{content: url(/mb/features/iC-ThermistorHeaderBTN-white.png);}

#BlazingM2{content: url(/mb/features/M2Solution-BlazingM2BTN-white.png);}
#HyperM2{content: url(/mb/features/M2Solution-HyperM2BTN-white.png);}
#M2Toolless{content: url(/mb/features/M2Solution-M2ToollessBTN-white.png);}
#Deluxe6{content: url(/mb/features/M2Solution-Deluxe6BTN-white.png);}


.MainSection_Performance{background: url("/mb/features/PerformanceSec-white.png");height: 35vh; margin: 15vh auto;background-position: center;background-repeat: no-repeat no-repeat;}
.MainSection_Cooling{background: url("/mb/features/CoolingSec-white.png");height: 35vh; margin: 15vh auto;background-position: center;background-repeat: no-repeat no-repeat;}
.MainSection_Connectivity{background: url("/mb/features/ConnectivitySec-white.png");height: 35vh; margin: 15vh auto;background-position: center;background-repeat: no-repeat no-repeat;}
.MainSection_Stylish{background: url("/mb/features/StylishSec-white.png");height: 35vh; margin: 15vh auto;background-position: center;background-repeat: no-repeat no-repeat;}
.MainSection_DIY{background: url("/mb/features/DIYSec-white.png");height: 35vh; margin: 15vh auto;background-position: center;background-repeat: no-repeat no-repeat;}

/*RGB用*/
.sycColor{-webkit-animation: colorful 1.7s 0.2s linear infinite;animation: colorful 1.7s 0.2s linear infinite;}@keyframes colorful{0%{-webkit-filter: hue-rotate(0deg);filter: hue-rotate(0deg);}100%{-webkit-filter: hue-rotate(360deg);filter: hue-rotate(360deg) ;}}
/*
.wrapper h1 {font-size:1.5cm!important; line-height:1.7cm!important;}
.wrapper h2 {font-size:1.3cm!important; line-height:1.5cm!important;}
.wrapper h3 {font-size:1.1cm!important; line-height:1.3cm!important;}
.wrapper h4 {font-size:0.9cm!important; line-height:1.1cm!important;}
.wrapper h5 {font-size:0.7cm!important; line-height:0.9cm!important; text-shadow:1px 1px #222;}
.wrapper h6 {font-size:0.5cm!important; line-height:0.7cm!important; text-shadow:1px 1px #222;}

*/

.Pr-hero{display: grid; position: relative; grid-template-columns: 100vw; grid-template-rows: 100vh; place-items: center; overflow: hidden; animation: clip-hero-anim 1.25s cubic-bezier(0.29, 0.8, 0.8, 0.98); will-change: clip-path;background:#FFF;}
.hero_bg{align-self: center; grid-column: 1 / 2; grid-row: 1 / 2;}
.hero_bg{display: grid; position: relative; z-index: 0; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; animation: fade-in 1.25s linear; will-change: opacity;}
.hero_bg::before{content: ""; display: block; position: absolute; z-index: 5; top: -10%; right: -10%; bottom: -10%; left: -10%;background-blend-mode: screen;}
.hero_bg picture{display: flex; height: 100vh; width: 100%; animation: scaling-hero-anim 4s 0.25s cubic-bezier(0, 0.71, 0.4, 0.97) forwards; will-change: transform;}
.hero_mdinfo{display: flex;flex-direction: column;}
.hero_pg, .hero_name{font-family: 'SteelLegend', 'NovaRg', 'Zen Dots', cursive!important;}
.hero_mdpic img{position: relative;animation: float-pic 6s ease-in-out infinite; filter: drop-shadow(10px 10px 8px #49494949);}
.hero_cnt .hero_mdinfo{opacity: 0; animation: fade-in 0.75s 1.5s linear forwards;}
.hero_cnt .hero_mdpic{opacity: 0; animation: fade-in 1.25s 2s linear forwards;}

.slick-dots li.slick-active{    background: #a1dbff !important;}

.VideoContainer .PlayVideo{background:url('/images/youtube-play-RE.png') no-repeat center;filter: hue-rotate(303deg) brightness(1.5);}
.VideoContainer{box-shadow: 0 0 15px #a9a9a9;}
@keyframes Lightning{0%{opacity:0.85;}80%{opacity:1;}85%{opacity:0.85;}90%{opacity:1;}95%{opacity:0.85;}100%{opacity:1;}}
@keyframes fade-in{from{opacity: 0;} to{opacity: 1;}}
@keyframes float-pic{0%{top: 10px;} 50%{top: -15px;} 100%{top: 10px;}}
@keyframes scaling-hero-anim{from{transform: scale(1.25);} to{transform: scale(1);}}
@keyframes clip-hero-anim{from{clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);} to{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}

.cursor{display: none!important;}
.cursor::after{display: none!important;}

/********************************************************Refresh功能********************************************************/
/***************************************************************************************************************************/
/***************************************************************************************************************************/