@charset "utf-8";
/* COMMON STYLE */
*{ cursor: default; margin: 0; padding: 0; }
html{ overflow-y: scroll; }
input:focus{ outline: none; }
a{ cursor: pointer; text-decoration: none; }
a *{ cursor: pointer; }
a:active{ background: none; }
a:focus{ outline: none; } 
a img{ border: none; }
li{ list-style: none; }
hr{ border: none; }
body{ background: #FFF; font: 14px Microsoft YaHei; }
input[type="submit"]{ cursor: pointer; font-family: Microsoft YaHei; }
.Div_Wrapping{ margin: 0 auto; padding: 0 30px; width: 1200px; }
.Div_HSpace{ height: 53px; }

/* CLASS STYLE */
.Div_ColHeader{ border-bottom: 1px solid #DADADA; height: 31px; padding: 0 0 15px; width: 1200px; }
.Div_ColHeader h3{ color: #777; font-size: 20px; font-weight: normal; margin: 7px 0 0 7px; }
.Div_ColHeader a{ margin: 13px 10px 0 0; }
.Inp_KeyWord{ border: 1px solid #EAEAEA; border-left: none; border-right: none; color: #BBB; height: 33px; padding: 0 10px; width: 435px; }
.Div_ColIcon{ height: 31px; overflow: hidden; width: 49px; }
.Div_ColIcon span{ background-image: url(../images/public.png); background-repeat: no-repeat; height: 31px; width: 49px; }
.Spa_ColMore{ font-size: 14px; color: #838383; display: inline-block; }
.Spa_MoreDec{ background: url(../images/public.png) no-repeat; display: inline-block; height: 18px; vertical-align: -7px; width: 8px; }
.Div_ColHeader a:hover{ transform: translate(0,5px); -ms-transform: translate(0,5px); -webkit-transform: translate(0,5px); }
.Div_ColHeader a:hover .Spa_ColMore{ color: #F50; }
.Div_ColHeader a:hover .Spa_MoreDec{ background-position: 0 -20px; }
.Div_ColCon{ font-size: 18px; line-height: 24px; padding: 0 38px 60px 40px; }
.Div_ColCon ul li{ display: block; float: left; height: 24px; margin: 37px 0 0; padding: 0 0 0 10px; overflow: hidden; width: 177px; }
.Div_ColCon ul li a{ color: #838383; }
.Div_ColCon ul li a:hover{ color: #F50; }
.Div_ColH{ height: 183px; }
.A_ColCell{ background: #FFF; border: 1px solid #EFEFEF; display: block; float: left; height: 120px; margin: 27px 32px 0 0; padding: 12px 5px; width: 342px; }
.A_ColCell:hover{ border: 1px solid #F50; }
.A_ColCell *{ transition: all 0.24s linear; -moz-transition: all 0.24s linear; -webkit-transition: all 0.24s linear; -o-transition: all 0.24s linear; }
.A_ColCell:hover *{ color: #F50; }
.A_ColCell img{ cursor: pointer; float: left; height: 120px; margin: 0 52px; width: 240px; }
.A_ColCell h4{ color: #707070; font-weight: normal; height: 24px; overflow: hidden; }
.A_ColCell span{ color: #707070; font-size: 14px; display: block; height: 24px; overflow: hidden; }
.A_ColCell p{ color: #A1A1A1; font-size: 14px; height: 48px; overflow: hidden; }
.Spa_TIcon{ background-image: url(../images/public.png); background-repeat: no-repeat; height: 52px; width: 52px; }
.Div_Float{ display: none; left: 0; position: absolute; top: 0; min-width: 1260px; width: 100%; }
.Div_Float > div{ background: #FCFCFC; border-radius: 10px; left: 0; position: fixed; top: 0; }
.Div_TipTab{ color: #C2C2C2; font-size: 18px; margin: 23px 0 0; padding: 0 40px; }
.Div_TipTab > span{ cursor: pointer; height: 50px; line-height: 50px; margin: 0 40px 0 -5px; position: relative; text-align: center; width: 100px; }
.Div_TipTab > span span{ bottom: -1px; left: 43px; position: absolute; z-index: 10; }
.Div_TipTab .Active{ color: #606060; }
.Div_TipTab .Active span{ border-bottom: 7px solid #EAEAEA; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; width: 0;
						  transition: border-bottom-color 0.24s linear; -moz-transition: border-bottom-color 0.24s linear; -webkit-transition: border-bottom-color 0.24s linear; -o-transition: border-bottom-color 0.24s linear; }
.Div_TipTab .Active .Active{ border-bottom-color: #F50; }
.Spa_Trouble{ margin: 108px 0 0; }
.Spa_ConWay{ margin: 16px 0 0; }
.Inp_Ver{ background: #FCFCFC; border: 1px solid #EAEAEA; color: #E3E3E3; font-size: 16px; height: 35px; padding: 0 13px; vertical-align: top; width: 55px; }
.Inp_Ver:focus{ border: 1px solid #F50; }
.Img_Ver{ vertical-align: top; }
.Img_Refresh{ vertical-align: top; }
.Img_Refresh:hover{ transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.Div_InnNoFluid{ font-size: 18px; line-height: 24px; padding: 10px 0 60px; }
.Div_InnNoFluid h3{ margin: 0; }
.Div_InnNoFluid .Div_ColHeader{ padding: 0 0 7px; }
.Div_DetailCol{ border-bottom: 1px solid #EAEAEA; height: 121px; padding: 27px 10px;
				transition: all 0.24s linear; -moz-transition: all 0.24s linear; -webkit-transition: all 0.24s linear; -o-transition: all 0.24s linear; }
.Div_DetailCol:hover{ background: #FFF7F2; }
.Div_DetailCol:hover .Spa_PIArrows{ background-position: -550px -540px; }
.Div_DetailCol img{ height: 120px; padding: 5px 0; width: 240px; }
.Div_ProInfo{ color: #616161; font-size: 14px; padding: 0 35px; overflow: hidden; width: 800px; }
.Div_ProInfo h4{ font-size: 18px; font-weight: normal; }
.Div_ProInfo h4 a{ color: #616161; font-size: 18px; }
.Div_ProInfo h4 a:hover{ color: #F50; }
.Div_ProInfo span{ display: block; line-height: 30px; }
.Div_ProInfo * span{ color: #858585; display: inline-block; }
.Div_ProInfo span a{ color: #616161; }
.Div_ProInfo span a:hover{ color: #F50; }
.Div_ProInfo > *{ height: 30px; overflow: hidden; }
.Spa_PIArrows{ background: url(../images/public.png) -550px -510px no-repeat; display: block; float: right; margin: 48px 54px 0 0; height: 24px; width: 13px; }
.Div_ColPage{ padding: 75px 30px; text-align: right; }
.Div_ColPage *{ transition: all 0.24s linear; -moz-transition: all 0.24s linear; -webkit-transition: all 0.24s linear; -o-transition: all 0.24s linear; }
.Div_ColPage .Active{ background: #F50; color: #FFF; }
.Div_ColPage a{ background: #F2F2F2; border-radius: 100%; color: #9B9B9B; display: inline-block; height: 35px; line-height: 35px; margin: 0 5px; text-align: center; width: 35px; }
.Div_ColPage a:hover{ background: #F50; color: #FFF; }
.Div_ColPage a:hover font{ color: #FFF; }
.Div_ColPage .Active{ background: #F50; color: #FFF; }
.Div_Explain{ background: #FCFCFC; border: 1px solid #F0F0F0; color: #606060; line-height: 40px; margin: 33px 0 0; padding: 15px 27px; }
.Div_Explain span{ color: #F50; }
.Spa_NewDec{ background: #EAEAEA; border-radius: 100%; display: block; height: 58px; left: 152px; position: absolute; top: 0; width: 58px; }
.Div_NewColWrap{ border-top: 1px solid #E9E9E9; }
.Div_CloseWin{ color: #666; margin: 50px 0; }
.Div_CloseWin a{ color: #666; padding: 5px 0; text-decoration: underline; }
.Div_CloseWin a:hover{ color: #F50; }
.TimeLine-1{ transition: all 0.24s linear; -moz-transition: all 0.24s linear; -webkit-transition: all 0.24s linear; -o-transition: all 0.24s linear; }

/* ID STYLE */
#Div_Body{ overflow: hidden; }
#A_Header{ margin: 0 auto; padding: 30px 0 45px; width: 550px; }
#Div_WebSite h1{ color: #F50; font-size: 64px; }
#Div_WebSite p{ color: #A0A0A0; font-size: 18px; }
#Spa_Koala{ background: url(../images/public.png) -20px -440px no-repeat; height: 120px; margin: 0 20px 0 0; width: 105px; }
#Div_Search{ height: 35px; margin: 0 auto; width: 600px; }
#Div_Search{ position: relative; }
#Div_Search input{ font: 18px Microsoft YaHei; }
#Div_Search input[type="submit"]{ background: #F50; border: none; color: #FFF; height: 35px; line-height: 35px; width: 100px; }
#Div_Search input[type="submit"]:hover{ background: #F00; }
#Div_Search .Active{ border: 1px solid #F50; border-left: none; border-right: none; }
#Div_Search > .Active{ border: 1px solid #F50; border-right: none; }
#Div_SeaIcon{ background: #FFF; border: 1px solid #EAEAEA; border-right: none; }
#Div_SeaIcon span{ background: url(../images/public.png) -465px -502px no-repeat; height: 33px; width: 44px; }
#Div_Nav{ border-bottom: 1px solid #DADADA; height: 43px; margin: 0 0 80px; min-width: 1200px; width: 100%; }
#Div_Nav > div{ margin: 0 auto; position: relative; width: 1200px; }
#Div_Nav > div > a{ float: left; width: 80px; }
#Div_Nav a{ color: #333; display: block; font-size: 20px; height: 43px; line-height: 43px; margin: 0 67px 0 0; }
#Div_Nav a:hover{ color: #F50; }
#Div_Nav a span{ background: url(../images/public.png) -70px -340px; display: block; height: 25px; margin: 9px auto 0; width: 50px; }
#Div_MoreList{ display: none; height: 43px; position: absolute; right: 0; width: 25px; }
#Ul_MoreList{ background: #F3F3F3; border-top: 1px solid #F50; display: none; right: 0; position: absolute; top: 43px; width: 185px; }
#Ul_MoreList a{ margin: 0; text-indent: 15px; }
#A_MainCell{ height: 100px; }
#A_MainCell img{ height: 100px; margin: 0 10px 0 3px; width: 100px; }
#Spa_TheMore{ background: url(../images/public.png) -7px -330px; display: block; float: right; height: 43px; width: 60px; }
#Div_TopCol .Div_ColCon{ padding: 4px 2px 60px 40px; width: 1158px; }
#Div_ToolCol .Div_ColCon{ margin: 0 -25px; padding: 0 0 60px; }
#Ul_ToolList li{ color: #838383; display: block; float: left; height: auto; padding: 0 85px; width: 80px; }
#Ul_ToolList li a{ display: block; }
#Ul_ToolList li a > span{ height: 52px; margin: 0 auto 15px; overflow: hidden; width: 52px; }
#Ul_ToolList li a p{ text-align: center; }
#Ul_ToolList span{ display: block; }
#Div_Bottom{ border-top: 1px solid #E9E9E9; color: #595959; height: 123px; min-width: 1260px; width: auto; }
#Div_Bottom ul{ margin: 30px auto; width: 588px; }
#Div_Bottom ul li{ border-right: 1px solid #595959; display: block; float: left; height: 14px; line-height: 14px; }
#Div_Bottom .Li_Last{ border: none; }
#Div_Bottom ul li a{ color: #595959; margin: 0 20px; }
#Div_Bottom ul li a:hover{ color: #F50; }
#Div_Bottom p{ margin: 0 auto; text-align: center; width: 1260px; }
#Div_Bottom p a{ color: #595959; }
#Div_TipWrap{ display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; }
#Div_TBGround{ background: #999; opacity: 0.5; min-height: 570px; min-width: 1260px; position: relative; width: 100%; }
#Div_TipCon > div{ height: 550px; padding: 35px 20px; width: 810px; }
#Div_TipCon h3{ border-bottom: 1px solid #E1E1E1; color: #414141; font-size: 24px; font-weight: normal; height: 32px; padding: 0 40px 20px; }
#Div_TDCode > div{ border-radius: 0; font-size: 18px; padding: 0 5px; text-align: center; width: 220px; }
#Div_TDCode p{ border-top: 1px solid #CCC; color: #555; height: 50px; line-height: 50px; margin: 0 auto; width: 200px; }
#Div_TDCode img{ margin: 10px 0; }
#Spa_CloseMask{ background: url(../images/public.png) -510px -510px no-repeat; cursor: pointer; height: 24px; margin: 5px 0 0; width: 24px; }
#Spa_CloseMask:hover{ background: url(../images/public.png) -510px -540px no-repeat; }
#For_Sug{ padding: 0 40px; }
#For_Sug span{ color: #606060; font-size: 16px; }
#For_Sug span span{ color: #F00; font-family: FangSong; margin: 0 5px 0 15px; padding: 2px 0 0; }
#For_Sug p{ color: #606060; font-size: 18px; margin: 43px 0 15px; width: 100%; }
#For_Sug input{ font: 16px Microsoft YaHei; }
#For_Sug input[type="submit"]{ background: #0ED36B; border: none; color: #FFF; height: 35px; line-height: 35px; margin: 15px 55px 0 0; width: 120px; }
#For_Sug input[type="submit"]:hover{ background: #396; }
#Tex_Trouble{ background: #FCFCFC; border: 1px solid #EAEAEA; color: #E3E3E3; font: 16px Microsoft YaHei; height: 107px; resize: none; outline: none; overflow: hidden; padding: 10px 15px; width: 518px; }
#Tex_Trouble:focus{ background: #FFF; border: 1px solid #F50; }
#Inp_ConWay{ background: #FCFCFC; border: 1px solid #EAEAEA; color: #E3E3E3; height: 35px; padding: 0 15px; width: 518px; }
#Inp_ConWay:focus{ background: #FFF; border: 1px solid #F50; }
#Div_SResult{ margin: -5px 0 0; min-height: 300px; }
#Div_Null{ display: none; }
#Div_Introduce .Div_ColIcon{ width: 23px; }
#Div_Introduce .Div_ColCon{ color: #606060; font-size: 16px; min-height: 500px; line-height: 30px; padding: 35px 40px 40px; text-indent: 2em; }
#Div_Alert{ padding: 0 30px; }
#Div_Alert p{ background: #FCFCFC; color: #0D0D0D; font-size: 23px; height: 53px; line-height: 53px; }
#Div_Alert img{ margin: 45px 0 10px 250px; width: 380px; }
#Div_Record .Div_ColCon{ padding: 0 20px; }
#For_Record input[type="submit"]{ background: #0ED36B; border: none; color: #FFF; display: block; font-size: 16px; height: 35px; line-height: 35px; margin: 45px auto; width: 200px; }
#For_Record input[type="submit"]:hover{ background: #396; }
#Inp_SiteName,#Inp_SiteUrl,#Inp_Mail,#Inp_Des{ width: 548px; }
#Div_FormCon{ margin: 43px 0 0; }
#Div_FormCon div{ margin: 0 0 20px; }
#Div_FormCon p{ color: #606060; margin: 0 0 17px; }
#Div_FormCon input{background: #FCFCFC; border: 1px solid #EAEAEA; color: #E3E3E3; font-size: 16px; height: 35px; padding: 0 13px; }
#Div_FormCon input[type="text"]:focus{ background: #FFF; border: 1px solid #F50; box-shadow: none; }
#Div_FormCon p span{ color: #F50; vertical-align: top; }
#Div_FormCon span{ color: #606060; font-size: 16px; margin: 16px 0 0; }
#Div_FormCon span span{ color: #F00; font-family: FangSong; margin: 0 5px 0 15px; padding: 2px 0 0; }
#Div_NewCol{ padding: 40px 0 0; }
#Div_NewList{ margin: 0 auto; padding: 25px 0 0; position: relative; width: 850px; }
#Div_NewTab ul{ font-size: 18px; }
#Div_NewTab ul li{ cursor: pointer; height: 60px; line-height: 60px; margin: 0 40px 0 0; padding: 0 0 0 5px; width: 105px; }
#Div_NewTab ul li a{ color: #606060; }
#Div_NewTab ul li *{ cursor: pointer; }
#Div_NewTab ul li:hover{ color: #F50; }
#Div_NewTab ul .Active a{ color: #F50; }
#Div_NewTab ul .Active span{ background: url(../images/public.png) 0 -20px no-repeat; vertical-align: middle; }
#Div_NewTab span{ display: inline-block; height: 14px; margin: 0 0 0 17px; width: 8px; }
#Div_News{ border-left: 1px solid #EAEAEA; font-size: 16px; margin: 0 0 0 30px; padding: 0 0 0 67px; width: 594px; }
#Div_ReState{ border-top: 1px solid #F7F7F7; color: #F50; font-size: 18px; height: 65px; line-height: 65px; margin: 65px auto 0; width: 727px; }
#Div_News ul li{ clear: both; cursor: pointer; height: 24px; line-height: 24px; margin: 0 0 45px; overflow: hidden;
				 transition: all 0.24s linear; -moz-transition: all 0.24s linear; -webkit-transition: all 0.24s linear; -o-transition: all 0.24s linear; }
#Div_News ul li a > *{ color: #606060; }
#Div_News ul li a:hover > *{ color: #F50; }
#Div_News ul li .fl{ overflow: hidden; width: 485px; }
#Div_News ul li .fr{ color: #A4A4A4; }
#Div_News span span{ font: 18px SimSun; vertical-align: middle; }
#Div_ArtCol{ padding: 40px 0 0; }
#Div_ArtCol h5{ color: #474747; font-size: 20px; font-weight: normal; text-align: center; }
#Div_WholeArt{ margin: 0 auto; width: 870px; }
#Div_ArtInfo{ color: #606060; padding: 20px 0 50px; text-align: center; }
#Div_ArtInfo span{ padding: 0 12px; }
#Div_Article{ color: #878787; font-size: 16px; line-height: 35px; text-indent: 2em; }
#Div_Viewed h3{ color: #616161; font-size: 24px; font-weight: normal; padding: 0 0 7px; }
#Div_ViewWrap{ border: 1px solid #EBEBEB; border-left: none; border-right: none; height: 210px; margin: 5px 0 120px; position: relative; width: 1199px; }
#Div_ViewWrap ul{ left: 0; position: absolute; top: 0; width: 2400px; }
#Div_ViewWrap li{ border-right: 1px solid #EBEBEB; cursor: pointer; float: left; margin: 47px 0; text-align: center; width: 299px; }
#Div_ViewWrap .Li_Last{ border: none; }
#Div_ViewWrap li a{ display: block; }
#Div_ViewWrap > a{ background: #EEE; height: 50px; position: absolute; top: 80px; width: 20px; }
#Div_ViewWrap > a:hover{ background: #DDD; }
#Div_ViewWrap span{ display: block; height: 19px; margin: 17px auto 0; width: 13px; }
#A_ViewPrev{ left: 0; }
#A_ViewPrev span{ background: url(../images/public.png) -769px -479px no-repeat; }
#A_ViewPrev:hover span{ background-position: -769px -449px; }
#A_ViewNext{ right: 0; }
#A_ViewNext span{ background: url(../images/public.png) -769px -514px no-repeat; }
#A_ViewNext:hover span{ background-position: -769px -544px; }
#P_SugVer span{ color: #F50; }

/* SIDEBAR */
#Div_SideBar{ background: #888; bottom: 5px; height: 250px; position: fixed; right: 0px; }
.Div_SideItem{ display: block; height: 50px; position: relative; }
.Div_SideBut{ background: #DCDCDC; border: 1px solid #BBB; border-radius: 5px 0 0 5px; bottom: 0; height: 40px; left: -40px; overflow: hidden; position: absolute; width: 130px;
				transition: background 0.24s linear; -moz-transition: background 0.24s linear; -webkit-transition: background 0.24s linear; -o-transition: background 0.24s linear; }
.Div_SideBut:hover{ background: #EFEFEF; }
.Div_SideBut:hover a{ color: #F50; }
.Div_SideBut span{ display: block; height: 40px; line-height: 40px; }
.Div_SideBut a{ color: #888; }
.Spa_SideIcon{ background: url(../images/public.png) no-repeat; float: left; width: 40px; }
.Spa_SideCon{ float: left; font-size: 16px; line-height: 38px; padding: 0 0 0 12px; width: 78px; }

/* AUTOCOMPLETER */
.autocompleter{ background: #FFF; left: 0; top: 35px; width: 499px; z-index: 1; }
.autocompleter-show{ border: 1px solid #BEBEBE; border-top: none; }
.autocompleter,.autocompleter-hint{ position: absolute; }
.autocompleter-item{ color: #999; cursor: pointer; padding: 6px 12px; }
.autocompleter-item:hover,.autocompleter-item-selected{ background: #FEC; }
.autocompleter-item b{ color: #444; font-weight: normal; }
.autocompleter-closed{ display: none; }

/* ICONPOS */
#Spa_Icon2{ background-position: -20px -55px; }
#Spa_Icon3{ background-position: -20px -95px; }
#Spa_Icon4{ background-position: -80px -55px; }
#Spa_Icon5{ background-position: -80px -15px; }
#Spa_Icon6{ background-position: -140px -15px; }
#Spa_Icon7{ background-position: -80px -95px; }
#Spa_Icon8{ background-position: -140px -55px; }
#Spa_Icon9{ background-position: -200px -95px; }
#Spa_Gold{ background-position: -20px -15px; }
#Spa_ToolIcon{ background-position: -140px -95px; }
#Spa_T01{ background-position: -19px -184px; }
#Spa_T02{ background-position: -99px -184px; }
#Spa_T03{ background-position: -179px -184px; }
#Spa_T04{ background-position: -259px -184px; }
#Spa_T05{ background-position: -339px -184px; }
#Spa_T06{ background-position: -19px -259px; }
#Spa_T07{ background-position: -99px -259px; }
#Spa_T08{ background-position: -179px -259px; }
#Spa_T09{ background-position: -259px -259px; }
#Spa_T10{ background-position: -339px -259px; }
#Spa_SIcon1{ background-position: -113px -381px }
#Spa_SIcon2{ background-position: -12px -381px; }
#Spa_SIcon3{ background-position: -112px -331px; }
#Spa_SIcon4{ background-position: -162px -331px; }
#Spa_SIcon5{ background-position: -62px -381px; }

/* POSITION */
.block{ display: block; }
.clr:after{ content:""; clear: both; display: block; }
.fl{ float: left; }
.fr{ float: right; }
.hid{ overflow: hidden; }

/* TEXTALIGN */
.tac{ text-align: center; }