@charset "utf-8";

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

* { margin:0; padding:0; overflow:hidden; }
html { overflow-x:hidden; overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
ul,li,dl,dt,dd,label,input,cite,samp { height:auto; text-align:left; float:left; list-style-type:none; text-overflow:ellipsis; outline:none; }

a,a:link,a:visited,a:focus,a:hover,a:active { outline:none; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a img,img,object,embed { border:0; outline:none; -ms-interpolation-mode:bicubic; vertical-align:middle; }
ol,ul,li,dl { width:100%; }


h1, h2, h3, h4,h5, h6  { font-weight:normal; position:relative; }
article,aside,details,figcaption,figure,hgroup,section { display:block; }
audio,canvas,video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

.icon {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

html,tt,a,a:link,a:visited,a:active { font-family:"微软雅黑", "宋体"; font-size:10.5pt; line-height:1.6; font-style:normal; font-weight:normal; color:#333; }
a label.Title { cursor:url(/Data/KEditor/ShuLink.cur),pointer; }
font.Title { font-size:10.5pt; padding:0 5px; }
span.More { font-size:10px; }
a,a:hover { color:#555; }
p { overflow:visible; }

::-moz-selection { background-color:#06C; color:#fff; text-shadow:none; }
::selection { background-color:#06C; color:#fff; text-shadow:none; }

blockquote { margin:1em 40px; }
abbr[title] { border-bottom:1px dotted; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

pre { font-family:"微软雅黑", "宋体"; white-space:pre; white-space:pre-wrap; word-wrap:break-word; word-break:break-all; display:block; }
code,kbd,samp { font-family:monospace, monospace; _font-family:'courier new', monospace; font-size:.5em; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }

form,fieldset,figure,legend { border:0; margin:0; padding:0; }
button,input,textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; -webkit-appearance:none; border-radius:0; }
button,input[type="text"],input[type="button"],input[type="reset"],input[type="submit"] { line-height:normal; cursor:pointer; -webkit-appearance:button; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="checkbox"] { width:12px; height:12px; box-sizing:border-box; -webkit-appearance:checkbox; }
input[type="radio"] { width:12px; height:12px; box-sizing:border-box; -webkit-appearance:radio; }

select { font-size:100%; vertical-align:baseline; *vertical-align:middle; border-radius:0; }
input[type="button"],input[type="reset"],input[type="submit"] { text-align:center; }
textarea { outline:none; overflow:auto; vertical-align:top; resize:vertical; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }
input:invalid,textarea:invalid { background-color:#f0dddd; }


[class*="JStool"] { position:absolute!important;display:none; }
[class*="FloatDiv"] { position:absolute!important; }

[class*="Alink"] { clear:both; }
[class*="Aligncenter"] { text-align:center!important; }
[class*="Remarks"],[class*="Briefly"] { text-align:justify!important;color:#666; }

[class*="Color1"] { background-color:#B00!important;color:#FFF!important; }
[class*="Color2"] { background-color:#F60!important;color:#FFF!important; }
[class*="Color3"] { background-color:#FA0!important;color:#FFF!important; }
[class*="Color4"] { background-color:#090!important;color:#FFF!important; }
[class*="Color5"] { background-color:#06A!important;color:#FFF!important; }
[class*="Color6"] { background-color:#038!important;color:#FFF!important; }
[class*="Color7"] { background-color:#606!important;color:#FFF!important; }
[class*="Color8"] { background-color:#222!important;color:#FFF!important; }
[class*="Color9"] { background-color:#B52!important;color:#FFF!important; }
[class*="Color0"] { background-color:#06A;color:#FFF; }

[class*="D-Three"] { width:calc(100%/3)!important; position:relative; float:left; }
[class*="D-Four"] { width:calc(100%/4)!important; position:relative; float:left; }
[class*="D-Five"] { width:calc(100%/5)!important; position:relative; float:left; }
[class*="D-Six"] { width:calc(100%/6)!important; position:relative; float:left; }

[class*="D-Two"] { width:50%!important; position:relative; float:left; }
[class*="D-Main"] { width:66%!important; position:relative; float:left; }
[class*="D-Tabel"] { width:75%!important; position:relative; float:left; }
[class*="D-Ranked"] { width:49%!important; position:relative; float:left; }

[class*="K-Image"] { width:38%!important; position:relative; float:left; }
[class*="S-Image"] { width:62%!important; position:relative; float:left; }
[class*="K-Frame"] { width:73%!important; padding-left:2%; position:relative; float:left; }
[class*="K-Ratio"] { width:60%!important; padding-left:2%; position:relative; float:right; }
[class*="TwoWidth"] { width:50%!important; position:relative; float:left; }
[class*="Maxwidth"] { width:100%!important; clear:both; }

[class*="D-Null"] { padding:0!important; margin:0!important; border:0!important; background:none!important; }
[class*="R-Margin"] { margin-right:0!important; float:right!important; }
[class*="L-Margin"] { margin-right:0!important; }

[class*="CCCtext"] { font:normal normal 9.5pt/25px "宋体"; color:#CCC; }
[class*="Redtext"] { font:normal normal 12px/22px "宋体"; color:#AAA; }
[class*="Redcolor"] { font:normal normal 12px/22px "宋体"; color:#A00!important; }
[class*="Readlink"] { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:22px; color:#CCC; display:inline-block; clear:both; }
[class*="Daystext"] { font-family:Arial, Helvetica, "宋体"!important; font-size:12px!important; line-height:28px; color:#CCC; display:inline-block; float:right; }
[class*="Keywords"] { font-size:12pt; line-height:22px; color:#F00; padding:0 5px; }


[class*="DayLabel"] { width:72px; height:88px; text-align:center; border:0; position:absolute; left:0; z-index:10; }
[class*="DayLabel"] p.More { width:100%; height:28px; font:normal normal 20px/28px Arial, "宋体"; border-bottom:2px solid #333; box-sizing:border-box; }
[class*="DayLabel"] p.Hist { width:100%; height:60px; font:normal normal 60px/60px Arial, "宋体"; }


[class*="But_More"] { width:auto; height:36px; padding:0 28px; border:1.5px solid #FFF; box-sizing:border-box; display:inline-block; position:relative; clear:both; }
[class*="But_More"] { font-size:11pt; line-height:32px; color:#EEE; text-align:center; transition:all .5s ease; }
[class*="But_More"]:hover { background-color:#CCC; color:#FFF; cursor:pointer; transition:all .5s ease; }


[class*="ReadMore"] { width:180px; height:42px; border-radius:21px; position:relative; margin:38px auto 18px; padding-left:8px; clear:both; }
[class*="ReadMore"] { font-size:11pt; line-height:42px; text-align:center; background-color:rgba(180,180,180,.2); transition:all .5s; }
[class*="ReadMore"] span { height:42px; font-size:11pt; line-height:42px; display:inline-block; text-align:center; }

[class*="ReadMore"] i.icon { width:39px; height:42px; text-align:center; font-size:13pt; line-height:2.5; transition:all .5s; }
[class*="ReadMore"] i.icon.fa-remove { display:none; font-size:9pt; position:absolute; top:0; right:0; }

[class*="ReadMore"]:hover,[class*="ReadMore"]:hover a,[class*="ReadMore"]:hover i.icon { transition:all .5s; color:#FFF; }
[class*="ReadMore"]:hover i.icon.fa-remove { display:block; line-height:1.5; text-align:center; }
[class*="ReadMore"]:hover i.icon { text-align:right; }



/* IE6 固定样式 prevent screen flash in IE6 */
* html,* html body { background-image:url(about:blank); background-attachment:fixed; /* 修正IE6振动bug 确保滚动条滚动时，元素不闪动*/ }
.fixed-top,.fixed-Links { position:fixed!important; position:absolute; top:120px; right:0px; z-index:9998888; }
.Show-top { position:fixed!important; position:absolute; top:120px; right:0px; display:none; }


/* ==|== non-semantic helper classes ======================================== */
.hidden { display:none!important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.invisible { visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }


div#map label { overflow:visible; }



/* 浮动层客服组件样式 */
#bdshell_js { z-index:38888; }
#particles-js { width:100%; height:100%; position:fixed!important; position:absolute; top:0; z-index:0; }
#POSITION { width:100%; height:100%; top:0; left:0; display:none; position:fixed!important; position:absolute; background:#000; z-index:38888; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity:0.65; }

#HOTDemo { width:58px; display:block; position:fixed!important; _position:absolute;top:50px;left:.2%;z-index:58888; }
#HOTDemo span { cursor:pointer; width:52px; height:28px; display:block; z-index:55; }
#HOTDemo ul { width:32px; height:39px; border:1px solid #DDD; background:rgba(0,100,180,1); margin:2px; padding:7px 5px 3px 8px; border-radius:5px; }
#HOTDemo ul img,#HOTDemo ul i.icon { width:100%; height:100%; background-size:100% 100%; text-align:center; font-size:28px; line-height:39px; color:#FFF; }

#HOTDemo ul#GetStyle { width:58px; height:58px; padding:0; }
#HOTDemo ul#GetStyle img { width:52px; height:52px; border:0; background:none; }

#HOTDemo ul:hover { background-position-y:-116px; }
#HOTDemo ul:hover i.icon { height:0; font-size:0; line-height:0; display:none; }
#HOTDemo ul,#HOTDemo ul a,#HOTDemo ul.Submit { text-align:center; font-size:10pt; line-height:18px; color:#FFF; }
#HOTDemo ul.Submit input { width:36px;height:36px;text-align:center;border:0;color:#FFF;background-color:transparent; white-space:normal;word-wrap:break-word;word-break:break-all;cursor:url(/OAction/KEditor/ShuLink.cur),default; }

#HOTDemo ul.Site { background-image:url(/Style/7CMF/DemoUP.png); background-position:center -123px; }
#HOTDemo ul.Good { background-image:url(/Style/7CMF/DemoUP.png); background-position:center -183px; }
#HOTDemo ul.User { background-image:url(/Style/7CMF/DemoUP.png); background-position:center -58px; }
#HOTDemo ul.Help { background-image:url(/OAction/ICO/Admin06.png); background-size:100% 100%; }
#HOTDemo ul:hover { background:rgba(0,100,180,1); }
#HOTDemo ul:hover a { display:block; }
#HOTDemo ul a { display:none; }


#HOTDemo #GETUP,#PGUPDN #GETDN,#PGUPDN #GETUP { width:50px; height:50px; background:url(/OAction/Images/GetUP.gif) no-repeat -16px top; z-index:520; }
#HOTDemo #GETUP:hover,#PGUPDN #GETUP:hover { background:url(/OAction/Images/GetUP.gif) no-repeat -96px top; }
#PGUPDN #GETDN { background:url(/OAction/Images/GetUP.gif) no-repeat -16px bottom; }
#PGUPDN #GETDN:hover { background:url(/OAction/Images/GetUP.gif) no-repeat -96px bottom; }

#HOTDemo span { margin-left:5px; }
#PGUPDN span { margin-left:15px; }

#PGUPDN { width:68px; position:fixed!important; position:absolute; bottom:0; right:9px; z-index:855; }
#PGUPDN ol,#PGUPDN ul { height:25px; font-size:9.5pt; line-height:25px; margin:0; padding:0; }
#PGUPDN span { cursor:pointer; width:72px; height:28px; display:block; z-index:855; }
#PGUPDN a { line-height:32px; margin:0; padding:0; background:none; color:#FFF; }

#Body_Bott #PGUPDN a,#PGUPDN ul.HOTAction a { line-height:22px; margin:0; padding:0; background:none; color:#FFF; }
#Body_Bott #PGUPDN ol,#PGUPDN ul.HOTAction { width:65px; margin-top:9px; background:#D00; text-align:center; color:#FFF; }


[class*="HOTOnlinkBG"] { background:#FFF; padding:0 0 25px 120px; }
[class*="Body_Null"] { min-height:360px!important; background:url(/Style/Other/Null_Word.png) no-repeat top center; }

#ProShow {
width:10%;min-width:158px;padding:8px;border-radius:3px;border:3px solid #DDD;background-color:#FFF;
display:block;position:fixed!important;position:absolute;left:.2%;top:50%;z-index:28880;
transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
}

#ProShow h2.Title { width:100%; height:38px; text-align:center; line-height:48px; }
#ProShow h3.ETitle { width:100%; height:32px; text-align:center; font:normal normal 10.5pt/20px Arial; }
#ProShow ul { width:100%; height:30px; text-align:center; }
#ProShow:hover {background-color:#DDD;}
#ProShow:hover ul a,#ProShow:hover h2.Title,#ProShow:hover h3.ETitle { color:#FFF; }
#ProShow:hover ul:hover { background-color:#FFF; }
#ProShow:hover ul:hover a { color:#DDD; }


#FloatStar { width:auto; height:auto; padding:2px; left:0; color:#EEE; position:fixed!important; position:absolute; top:0; z-index:3328588; }
#FloatStar select.Type1 { width:82px; font-size:10.5pt; line-height:25px; margin-left:0; }
#FloatStar select.Type2 { width:95px; font-size:10.5pt; line-height:25px; margin-left:2px; }
#FloatStar ul.Style { width:218px; margin:0 auto 3px; background:rgba(100,100,100,0.2); clear:both; }
#FloatStar ul.Style li,#FloatStar ul.Style li a { width:20%; text-align:center; font-size:12px; line-height:25px; color:#FFF; }
#FloatStar ul.Open label { width:55px; height:22px; background:rgba(100,100,100,.5); text-align:center; padding:2px; }
#FloatStar ul.Open label,#FloatStar ul.Open label a { font-size:9pt; line-height:22px; color:#FFF; }
#FloatStar ul.Open label:hover { background:rgba(0,0,0,1); }

#FloatStar ul.Open { width:190px; clear:both; z-index:20250; }
#FloatStar ul.Open dd { width:12.5%; height:7px; margin-bottom:3px; text-align:center; }
#FloatStar ul.Open img,#FloatStar ul.Open i.icon { width:29px; height:29px; padding:2px; margin:2px 0; border-radius:6px; float:left; }
#FloatStar ul.Open img.temp { background:rgba(100,100,100,0.2); padding:3px 6.5px; margin:0; }
#FloatStar ul.Open i.icon { text-align:center; font-size:25px; line-height:28px; }
#FloatStar ul.Open i.icon:hover { color:#D00; }



/* 浮动层客服组件样式 */
#HOTUP { width:300px; background:#333; position:fixed!important; _position:absolute; right:0; _top:expression(eval((document.compatMode&&document.compatMode=="CSS1")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); z-index:33580; overflow:visible; }

#HOTUP div.TOPUP { width:58px; position:fixed!important; position:absolute; top:150px; right:5px; }
#HOTUP div.TOPUP span { width:100%; height:28px; font:normal bold 20pt/28px Arial; color:#FFF; text-align:center; display:block; cursor:pointer; }
#HOTUP div.TOPUP span#GETUP { background:url(/OAction/Images/HOTUP.png) no-repeat center top; }
#HOTUP div.TOPUP span#GETUP:hover { background-position-y:bottom; }
#HOTUP div.TOPUP div#Float0 { width:0; height:0; top:0; display:none; }
#HOTUP div.TOPUP div li { height:20px; margin:0; padding:0; cursor:pointer; }

#HOTUP div.TOPUP img { width:58px; height:58px; background:#FFF; background-repeat:no-repeat; background-position:center; background-size:cover; margin:0 auto 5px; }

#HOTUP div.TOPUP img.Hotcall { background-image:url(/OAction/HOT/ICO-1.png); z-index:388; }
#HOTUP div.TOPUP img.QRcode { background-image:url(/OAction/HOT/Rcode.png); background-size:100% auto; background-position:center top; }
#HOTUP div.TOPUP img.QQlink { background-image:url(/OAction/HOT/I-QQ.png); }
#HOTUP div.TOPUP img.QQnull { background-image:url(/OAction/HOT/I-QU.png); }
#HOTUP div.TOPUP img.Reply { background-image:url(/OAction/ICO/064.png); }

#HOTUP div.GETUP-Hotcall { width:0; height:48px; padding:5px 20px; color:#333; position:fixed!important; position:absolute; right:-150px; transition:all .5s; }
#HOTUP div.GETUP-Hotcall.Open { width:150px; background-color:#FFF; right:65px; transition:all .5s; }
#HOTUP div.GETUP-Hotcall .Title { width:100%; border-bottom:1px dashed #DDD; font-size:13.5pt; line-height:1.5; }

#HOTUP div.GETUP-QRcode { width:130px; position:fixed!important; position:absolute; right:58px; }
#HOTUP div.GETUP-QRcode img { width:110px; height:auto; background:#FFF; padding:5.5px; z-index:78; }

#HOTUP div.GETUP-Onlink { width:136px; height:300px; position:fixed!important; position:absolute; right:66px; z-index:68; }
#HOTUP div.GETUP-Onlink label,#HOTUP div.GETUP-Onlink a { font-size:10.5pt; line-height:22px; float:left; padding-left:5px; cursor:pointer; }
#HOTUP div.GETUP-Onlink img { width:22px; height:22px; float:left; border:0; margin:0; }
#HOTUP div.GETUP-Onlink div { width:auto; height:auto; padding:18px; }
#HOTUP div.GETUP-Onlink div.div2 { background:#FFF; }
#HOTUP div.GETUP-Onlink div.div2 label { font:normal normal 9.5pt/25px "宋体"; }
#HOTUP div.GETUP-Onlink div p { width:100%; clear:both; }



#WapMenu {
	width:45px; height:45px; padding:27px; display:none; z-index:2018888;
	position:fixed!important; position:absolute; top:0; right:0;
}

#WapMenu span {
	width:100%; height:3px; margin:9px 0!important; background:#566246;
	display:inherit; transition:.5s;
}

#WapMenu span.open:nth-child(1){ transform:rotate(45deg) translate(8.5px,8.5px); }
#WapMenu span.open:nth-child(3){ transform:rotate(-45deg) translate(8.5px,-8.5px); }
#WapMenu span.open:nth-child(2){ opacity:0; }


div#CloseMenu { width:12px; height:65px; text-align:center; border-radius:50%; position:fixed!important; z-index:28888; }
div#CloseMenu i.icon { width:12px; height:65px; line-height:65px; font-size:16px; background:#DDD; }
div#CloseMenu i.icon:hover { background:#06A; color:#FFF; }


/* TIM 客服工作组 */
#Grouptools { width:auto; height:100%; position:fixed!important; position:absolute; top:0; right:0; z-index:20191288; }
#Grouptools span#GETUP { width:100%; height:58px; text-align:center; display:inline-table; font-size:10pt; line-height:2; }
#Grouptools.LeftDivtools { left:0; right:auto; }


#Divtools { width:38px; height:100%; background-color:rgba(0,0,0,.6); transition:all .5s; float:right; }
#Divtools ul { width:38px; height:48px; position:inherit; }
#Divtools ul li { width:38px; height:48px; position:absolute; margin-left:0; transition:all .5s; }
#Divtools ul li img { width:32px; height:32px; margin:8px 3px; float:left; background-repeat:no-repeat; background-size:100%; transition:all .5s; }
#Divtools ul:hover li { width:158px; height:48px; margin-left:-120px; }
#Divtools ul:hover li img { background-size:100%; transition:all .5s; }

#Divtools ul li.QQlink { line-height:48px; }
#Divtools ul img.QQlink { background-image:url(/OAction/HOT/ICO-7.png); }
#Divtools:hover ul img.QQlink { background-image:url(/OAction/HOT/I-QQ.png); }
#Divtools ul img.Hotline { background-image:url(/OAction/HOT/ICO-2.png); }
#Divtools:hover ul img.Hotline { background-image:url(/OAction/HOT/ICO-1.png); margin:13px 3px; }
#Divtools:hover ul li.Hotline { padding:5px 0; margin-top:-5px; }

#Divtools ul img.QRcode { background-image:url(/OAction/HOT/Rcode.png); }
#Divtools ul:hover li.RcodeOpen { width:150px; height:190px; padding:12px; margin-left:-175px; margin-top:-100px; }
#Divtools ul:hover li.RcodeOpen img.QRcode { width:150px; height:150px; margin:0; }

#Divtools:hover,#Divtools ul:hover li { background-color:rgba(255,255,255,1); transition:all .5s; }

#Grouptools.LeftDivtools #Divtools { float:left; }
#Grouptools.LeftDivtools #Divtools ul:hover li { margin-left:0; }
#Grouptools.LeftDivtools #Divtools ul:hover li.RcodeOpen { margin-left:35px; }


/* TIM 浮动层 */
#Divblock1.fixed-top { width:38px; height:150px; background:url(/OAction/HOT/IME1.png) no-repeat 3px 15px; cursor:pointer; }
#Divblock2.fixed-top { width:142px; height:auto; background-color:#FFF; border-radius:7px; border:5px solid #06A; }
#Divblock2.fixed-top ul { width:100%; height:auto; }

#Divblock2.fixed-top ul.Title { width:100%; height:98px; background:url(/OAction/HOT/IME1.png) no-repeat -35px 0; }
#Divblock2.fixed-top li.Links { width:96%; height:32px; padding:0 2%; font:normal normal 11pt/22px normal; }
#Divblock2.fixed-top img { width:25px; height:22px; border:0px; float:left; padding-right:10px; }

#Divblock2.fixed-Links { width:200px; height:auto; padding-bottom:8px; background-color:#FFF; border-radius:0; border:0; }
#Divblock2.fixed-Links ul.JSLinks { width:100%; height:98px; background:url(/OAction/HOT/IME24.png) no-repeat center top; }
#Divblock2.fixed-Links img { width:32px; height:32px; border:0; float:left; margin:3px; padding:3px; border-radius:50%; }
#Divblock2.fixed-Links ul.QQLinks,#Divblock2.fixed-Links div#bdshare { width:88%; margin:2% 6%;}



/* 在线留言工具 */
#WebFooter { width:100%; height:38px; text-align:center; font-size:12px; line-height:3; color:#CCC; position:fixed !important; position:absolute; bottom:0; z-index:28; }
#FooterTools { width:100%; min-height:52px; text-align:center; position:fixed!important; position:absolute; left:0; bottom:0; overflow:visible; z-index:2018; }
#FooterTools div.DIYColor,#FooterTools div.DIYTools { width:100%; min-height:52px; position:fixed!important; position:absolute; bottom:0; z-index:2999; }
#FooterTools div.DIYColor { background:rgba(0,0,0,.7); z-index:2888; }

#FooterTools.Close { width:0!important; max-height:52px; left:97.5%; transition:all .5s ease; }
#FooterTools div.DIYTools div.OrderFrame { width:1280px; min-height:52px; position:relative; margin:0 auto; }
#FooterTools div.DIYTools div.OrderFrame form { width:758px; min-height:52px; position:absolute; bottom:0; right:0; }
#FooterTools div.DIYTools div.OrderFrame img.ImgShow { width:auto; height:110px; float:left; }

#FooterTools div.DIYTools div.OrderFrame input { width:180px; height:25px; display:inline-block; padding:0 6px; margin-top:12px; }
#FooterTools div.DIYTools div.OrderFrame input.Submit { width:75px; height:28px; border:0; background-color:#FFF; padding:0; text-align:center; }
#FooterTools div.DIYTools div.OrderFrame input + input { width:110px; margin-left:8px; }

#FooterTools img.ImgClose,#FooterTools img.ImgEditor,#FooterTools img.CssEditor { width:28px; height:auto; position:absolute; bottom:0; right:0; }
#FooterTools img.ImgEditor { right:96px; }
#FooterTools img.CssEditor { right:48px; }



/* Ckbx-style */
.Ckbx-style { width:80px; height:30px; border-radius:3px; box-sizing:content-box; position:relative; background:rgba(0,0,0,.6); }

.Ckbx-style label.Ckbx { width:100%!important; height:100%!important; position:relative; cursor:pointer; display:block; }
.Ckbx-style label.Ckbx:before,.Ckbx-style label.Ckbx:after
{ width:50%; height:100%; text-align:center; font-size:9pt; line-height:30px; position:absolute; top:0; transition: all .2s ease; }

.Ckbx-style label.Ckbx:before { content:'ON'; background:#333; color:#FFF; left:50%; }
.Ckbx-style label.Ckbx:after { content:'OFF'; background:#06A; color:#DDD; left:0%; }

.Ckbx-style input[type=checkbox] { width:100%; height:100%; display:none; z-index:300; }
.Ckbx-style input[type=checkbox]:checked + label.Ckbx:before { background:#06A; color:#DDD; }
.Ckbx-style input[type=checkbox]:checked + label.Ckbx:after { background:#333; color:#FFF; }



/* ==|== media queries ====================================================== */
@media only screen and (max-width:768px) {
#HOTUP,#HOTUP div.TOPUP { width:33px; height:auto; }
#HOTUP div.TOPUP img { width:31px; height:31px; margin:0; padding:0; }
#HOTUP div.GETUP-QRcode { width:128px; top:148px; right:35px; margin:0; padding:0; }
#HOTUP #GETUP { width:31px; height:28px; background-position:-20px top; }
#HOTUP #GETUP:hover { background-position:-100px top; }

ul.H_Title span { padding:3px 8px!important; }
}