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:#000;}
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;}
p, div, li, td, th, input, textarea, span {font:normal 13pt arial, helvetica, sans-serif; color:#ccc;}
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:#822; 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 (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:9999; 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:0 0 10px rgba(20%, 50%, 100%, 1);}
#Products img {width:60%;}
#Products a {font:normal 13px "Trebuchet MS", arial, helvetica, sans-serif; color:#ccc;} #Products a:hover {color:#ff0;}
#Products .inner div{width:16.6%;float:left;}
#Campaigns {display:none; position:absolute; top:58; z-index:9999; 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%;}

#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:1px solid #555; border-radius:3px; outline:0;}
.Fields:hover, .Fields:focus {color:#ff0; text-shadow:1px 1px #000; border:1px solid #5bc; box-shadow:0 0 2px #5bc, 0 0 5px #59b7c2; transition:all 0.3s ease-in-out;}
.Buttons {border-radius:1em; cursor:pointer; font-weight:bold; margin:.2em; padding:.8em 1.6em; text-align:center; background:#230E0E; border:1px solid #411; box-shadow:1px 1px 2px rgba(100, 0, 0, 0.6); color:#ccc; outline:0;}
.Buttons:hover {background:#522; text-shadow:1px 1px #000; box-shadow:2px 2px 12px rgba(255, 0, 0, 0.6); border:1px solid #f88; color:#ff0;} .Buttons:active {background:#833; color:#fff;}

#briefModel {padding:10px 0 10px 20px; margin:0 0 20px 20px; border-left:6px solid #f00; font-size:38pt; line-height:38pt; color:#f00; font-family:"Trebuchet MS"; text-shadow:2px 1px #500;}
#briefDesc {margin-left:55px;} #briefDesc li {list-style:circle; text-shadow:1px 1px #333; line-height:23pt;}
#briefIcons {margin:18px;}
#briefAvailable {border-left:3px solid #f00; 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 #f00;}
#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[BR].gif) no-repeat; margin-top:2em; padding-left:40px; line-height:30px;}
#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%);}
#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_R.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[BR].jpg); width:146px; height:48px; float:left;}
#iconWin10 {background:url(/images/icon-Win10[BR].jpg); width:146px; height:48px; float:left;}
#iconWin7 {background:url(/images/icon-Win7[BR].jpg); width:146px; height:48px; float:left; cursor:pointer;}
#iconRyzen8000 {background:url(/images/icon-Ryzen8000.png); width:174px; height:48px; float:left;margin-right: 15px;}
@media screen and (max-width:480px) {#iconRyzen8000 {background:url(/images/icon-Ryzen8000.png); width:174px; height:48px; float:left;margin-right:100%;}}
#iconThunderbolt {background:url(/images/icon-Thunderbolt[BR].jpg); width:146px; height:48px; float:left;}
#iconThunderboltsupport {background:url(/images/icon-Thunderboltsupport[BR].jpg); width:146px; height:48px; float:left;}
#iconHDMI {background:url(/images/icon-HDMI.png) no-repeat; width:250px; height:60px; 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;}

.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:url(/images/subMenu[BR].gif); width:100%; border-top:1px solid #a00; border-bottom:1px solid #a00; height:51px;}
#SubItem ul{width:1200px;margin:0 auto;}
#SubItem li{background:#000 url(/images/subMenu[BR].gif); float:left; height:49px; width:25%; line-height:49px; text-align:center; transition:all 0.3s ease-in-out; text-shadow:1px 1px #000;}
#SubItem li:hover {cursor:pointer; color:#ff0;}
#SubItem li.selected {background:#000 url(/images/subMenu[BR]On.gif); transition:all 0.3s ease-in-out; color:#fff; text-shadow:1px 1px #000;}
@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-top {padding:5em 0 2em 0; position:relative; z-index:1;}
.wrapper-footer {position:relative; z-index:1;}

.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;}
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6 {color:#fff; font-family:Verdana, Geneva, sans-serif; text-shadow:2px 2px #222;}
.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; text-shadow:1px 1px #222;}
.wrapper h6 {font-size:0.5cm; line-height:0.7cm; text-shadow:1px 1px #222;}
.wrapper a {color:#5ff; text-decoration:none;}
.wrapper a:hover {color:#ff0; text-decoration:underline; cursor:pointer;}
.wrapper p {line-height:2.0; padding-bottom:1em;}
.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;}
.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:2%; padding:1% 2%; background:rgba(0,0,0,0.5); border-radius:0.3em; border:1px solid rgba(0,0,0,0.2); color:#fff; text-shadow:1px 1px #000; line-height:30px;} .wrapper .Context:hover {background:rgba(0,0,0,0.8); border:1px solid rgba(0,0,0,0.5); box-shadow:0 3px 8px rgba(0,0,0,0.5);  transition:all 0.3s ease-in-out;}
.wrapper .UnorderList li {list-style:circle; margin-left:1.2em;}
.wrapper .Remark, .wrapper .RemarkAlert {color:#aaa; 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 (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 .FeatureLeft {left:0;}
	.wrapper .FeatureRight {left:0;}
	.wrapper .Context {padding:.1%;font-size:0.9rem;}
}

.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:#1a1a1a;}
.wrapper .SpecForm .SpecItem {clear:both; width:10em; font-size:0.47cm; text-shadow:2px 2px #333; color:#fff; float:left; padding:0.8em; line-height:30px;}
.wrapper .SpecForm .SpecData {border-left:1px solid #222; font-size:0.45cm; text-shadow:1px 1px #000; 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:#fff; 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:#000; color:#ccc; 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:#111; text-align:center;}
.wrapper .Support th, .wrapper .Support td{font-size:0.38cm; border:1px solid #555; padding:0.2em 0.5em;}
.wrapper .Support th[data-sort]{cursor:pointer;color:#5ff;}
.wrapper .Support tr:nth-child(even){background:#111;}
.wrapper .Support tr:hover{background:#282828; transition:All 0.1s ease-in-out;}
.wrapper .Support .Notice {border:1px solid #555; background:#111; 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:#f00;font-weight:bold;text-shadow:1px 1px 1px #000;}
.wrapper .Support .Notice span {color:#d00;text-shadow:1px 1px 1px #000;}
.wrapper .Support .BetaTag {color:red;}
.wrapper .Support a {color:#5ff; text-decoration:none;} .wrapper .Support a:hover {color:#ff0;text-decoration:underline;}
.wrapper .Support p {margin:0.5em 0;}
.wrapper .Support .FAQq {border:1px solid #555; background:#333; padding:2px 8px; margin-top:1px; cursor:pointer; line-height:30px;} .wrapper .Support .FAQq:hover {background:#000; transition:All 0.1s ease-in-out;}
.wrapper .Support .FAQa {border:1px solid #555; 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:#ccc;}
.wrapper #BIOS .Remark, .wrapper #BIOS .RemarkAlert {font-size:13px; color:#ff0;}
@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-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; background:linear-gradient(to right, rgba(50,50,50,0.65) 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;}

.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-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-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-1 {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-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:#888; text-decoration:none; display:block;}
#footer .inner li a:hover {color:#ff8; 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:#5cc;} #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;}