/* -------------------------
�抅�𧋦閮剖��
---------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
body {
margin: 0;padding: 0; background-color: #202530;color: #fff;font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif; font-size: 20px;
}
.clearfix:before,.clearfix:after{
content: " ";
display: table;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
clear: left;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
a, a:hover, a:active, a:focus { text-decoration: none; border: none; outline: none;}
* { _noFocusLine: expression(this.hideFocus=true); }.
img{ text-decoration: none; border: none; outline: none;}
.container{
width: 1024px;
margin: 0 auto;
}
.main{
width: 1024px;
height: 768px;
background: #202530 url(../images/background.gif) center top no-repeat;
position: relative;
}
.hide{
display: none;
}
.navSetting-block .back { width: 240px;height: 67px;background-image:url(../images/navSettingIcon_back.gif); display: block; }
.navSetting-block .back:hover { width: 240px;height: 67px;background-image:url(../images/navSettingIcon_back_hover.gif); display: block; }
/* -------------------------
���鱓雿齿�䠷��
---------------------------- */
.title-block{
position: absolute;
width: 240px;
height: 33px;
left:752px;
top:30px;
text-transform : uppercase;
line-height: 2em;
}
.unit-block{
position: absolute;
width: 300px;
height: 50px;
left:32px;
top:75px;
text-transform : uppercase;
line-height: 2em;
font-size: 24px;
font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif;
}
/* -------------------------
�𢰧銝𡃏�� 閮剖�𡁜��詨鱓
---------------------------- */
.navSetting-block{
position: absolute;
width: 240px;
height: 67px;
left:752px;
top:60px;
}
.navSetting,.navSetting li{ margin: 0; padding: 0; }
.navSetting li{ float: left;list-style: none; }
.navSetting li a{ display:block;width: 60px;height: 67px; }
.navSetting li .info { background-image:url(../images/navSettingIcon_info.gif); }
.navSetting li .info:hover { background-image:url(../images/navSettingIcon_info_hover.gif);}
.navSetting li .mail { background-image:url(../images/navSettingIcon_mail.gif);}
.navSetting li .mail:hover { background-image:url(../images/navSettingIcon_mail_hover.gif);}
.navSetting li .security { background-image:url(../images/navSettingIcon_security.gif); }
.navSetting li .security:hover{ background-image:url(../images/navSettingIcon_security_hover.gif);}
.navSetting li .setting { background-image:url(../images/navSettingIcon_setting.gif);}
.navSetting li .setting:hover { background-image:url(../images/navSettingIcon_setting_hover.gif);}
/* -------------------------
00.INDEX | 蝷曉��鰵閮� & 閬芸振�鰵閮�
---------------------------- */
.newsPaper-bg{
background:#202530 url(../images/news_paper_background.png) left 5px no-repeat;
}
.newsPaper-block{
position: absolute;
width: 710px;
height: 432px;
overflow:hidden;
left:0px;
top:5px;
}
.news-block{
position: absolute;
width: 720px;
height: 451px;
left:31px;
top:60px;
}
.newsImage-block{
max-height: 280px;
overflow: hidden;
}
.newsImage{
�覉覉覉拎idth: 100%;
�覉覉覉�-webkit-transition: margin-top .5s ease-out;�� /* Saf3.2+, Chrome */
�覉覉覉�-moz-transition: margin-top .5s ease-out;�� /* FF4+ */
�覉覉覉�-ms-transition: margin-top .5s ease-out;�� /* IE10? */
�覉覉覉�-o-transition: margin-top .5s ease-out;�� /* Opera 10.5+ */
�覉覉覉慯ransition: margin-top .5s ease-out;
}
.news-tabs{ height: 60px; padding-top:20px;}
.news-tabs a{ text-align: center; line-height: 46px; vertical-align: middle; color: #fff;}
.news-tabs .tab-community{ margin: 0;padding: 0; display: inline-block;width: 135px;height: 46px;background-image: url(../images/tab_bg.gif); background-repeat: no-repeat; background-position: 0 0;}
.news-tabs .tab-community:hover,.news-tabs .tab-community.active{ color: #202530; background-image: url(../images/tab_bg_hover.gif); background-repeat: no-repeat;}
.news-tabs .tab-chingjia{ margin: 0;padding: 0; display: inline-block;width: 135px;height: 46px;background-image: url(../images/tab_bg.gif); background-repeat: no-repeat; background-position: -136px 0;}
.news-tabs .tab-chingjia:hover,.news-tabs .tab-chingjia.active{ color: #202530;background-image: url(../images/tab_bg_hover.gif); background-repeat: no-repeat;}
.news-iframe{ width: 713px;height: 364px; overflow: hidden;}
.news-content {
width: 100%;
height: 280px;
overflow: hidden;
position: relative;
}
.news-content a{ font-size: 25px; line-height: 46px; vertical-align: middle; color: #fff;}
.news-content ul {
width: 100%;
position: absolute;
}
.news-content li {
list-style-type: none;
width: 100%;
height: 50px;
padding: 5px 0 5px 19px;
}
.news-table{ background-color: #fff7f1; width: 713px;height: 364px; color: #221815;}
.news-table h1{color: #221815;font-size: 25px; min-height: 88px; padding-left: 20px; font-weight: 500;}
.news-table h1 small{color: #898989; font-size: 15px;display: block; font-weight: 400;}
.news-table .more{ margin: 0;padding: 0; display: block; width: 84px;height: 84px;background-image: none; background-repeat: no-repeat; background-position: 0 0;}
.news-table .more:hover{ background-image: none; background-repeat: no-repeat;}
/* -------------------------
00.INDEX | ����厰�訫�憛�
---------------------------- */
.audioMessage-block{
position: absolute;
width: 239px;
height: 378px;
left:753px;
top:133px;
background: #202530 url(../images/icon_index_audioMessage.gif) center top no-repeat;
}
.audioMessage-block:hover{ cursor: pointer;background: url(../images/icon_index_audioMessage_hover.gif) ;}
.audioMessage-block a{ width: 100%; height: 100%;display:block;}
.community-block{
position: absolute;
width: 179px;
height: 221px;
left:33px;
top:512px;
background: #202530 url(../images/icon_index_community.gif) center top no-repeat;
}
.community-block:hover{ cursor: pointer;background: url(../images/icon_index_community_hover.gif) ;}
.community-block a{ width: 100%; height: 100%;display:block;}
.situational-block{
position: absolute;
width: 179px;
height: 221px;
left:213px;
top:512px;
background: #202530 url(../images/icon_index_situational.gif) center top no-repeat;
}
.situational-block:hover{ cursor: pointer;background: url(../images/icon_index_situational_hover.gif) ;}
.situational-block a{ width: 100%; height: 100%;display:block;}
.security-block{
position: absolute;
width: 179px;
height: 221px;
left:393px;
top:512px;
background: #202530 url(../images/icon_index_security.gif) center top no-repeat;
}
.security-block:hover{ cursor: pointer;background: url(../images/icon_index_security_hover.gif) ;}
.security-block a{ width: 100%; height: 100%;display:block;}
.liveView-block{
position: absolute;
width: 179px;
height: 221px;
left:573px;
top:512px;
background: #202530 url(../images/icon_index_liveView.gif) center top no-repeat;
}
.liveView-block:hover{ cursor: pointer;background: url(../images/icon_index_liveView_hover.gif) ;}
.liveView-block a{ width: 100%; height: 100%;display:block;}
/* -------------------------
00.INDEX | ����枏�憛�
---------------------------- */
.date-block{
position: absolute;
width: 175px;
height: 221px;
left:786px;
top:533px;
color: #ff7e57;
font-family: 'Lato', sans-serif;
}
.date-y-m-d{
font-size: 23px;
text-align: center;
font-weight: 300;
letter-spacing: 2px;
}
.date-time{
font-size: 59px;
font-weight: 300;
}
.date-ampm{
font-size: 24px;
font-weight: 300;
display: inline-block;
}
.date-ampm span.line{
margin:0 10px;
width: 90px;height: 1px;
display: inline-block;
border-top: 2px solid #ff7e57;
vertical-align: middle;
}
.date-week{
width: 175px;
height: 20px;
overflow: hidden;
margin: 15px 0 10px;
background: #202530 url(../images/date.gif) center top no-repeat;
background-position: 0 0;
}
.week0{ background-position: 0 0px;}
.week1{ background-position: 0 -20px;}
.week2{ background-position: 0 -40px;}
.week3{ background-position: 0 -60px;}
.week4{ background-position: 0 -80px;}
.week5{ background-position: 0 -100px;}
.week6{ background-position: 0 -120px;}
/* -------------------------
01.MESSAGE | 敶勗�誩�滩��
---------------------------- */
.main-audioMessage{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-audioMessage.jpg) center top no-repeat;
position: relative;
}
.msn{font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif; font-size: 1.2em; padding-left: 50px; }
.main-audioMessage a{ width: 100%; height: 100%;display:block;}
.main-audioMessage .audioMessage_01{ position: absolute; width: 160px;height: 163px; left:34px; top:570px; background: #202530 url(../images/audioMessage_01.gif) center top no-repeat;}
.main-audioMessage .audioMessage_01:hover{ cursor: pointer;background: url(../images/audioMessage_01_hover.gif) ;}
.main-audioMessage .audioMessage_02{ position: absolute; width: 160px; height: 163px; left:195px; top:570px; background: #202530 url(../images/audioMessage_02.gif) center top no-repeat;}
.main-audioMessage .audioMessage_02:hover{ cursor: pointer;background: url(../images/audioMessage_02_hover.gif) ;}
.main-audioMessage .audioMessage_03{ position: absolute; width: 160px; height: 163px; left:357px; top:570px; background: #202530 url(../images/audioMessage_03.gif) center top no-repeat;}
.main-audioMessage .audioMessage_03:hover{ cursor: pointer;background: url(../images/audioMessage_03_hover.gif) ;}
.main-audioMessage .audioMessage_04{ position: absolute; width: 160px; height: 163px; left:518px; top:570px; background: #202530 url(../images/audioMessage_04.gif) center top no-repeat;}
.main-audioMessage .audioMessage_04:hover{ cursor: pointer;background: url(../images/audioMessage_04_hover.gif) ;}
.main-audioMessage .audioMessage_11{ position: absolute; width: 239px; height: 199px; left:753px; top:133px; background: #202530 url(../images/audioMessage_11.gif) center top no-repeat;}
.main-audioMessage .audioMessage_11:hover{ cursor: pointer;background: url(../images/audioMessage_11_hover.gif) ;}
.main-audioMessage .audioMessage_12{ position: absolute; width: 239px; height: 199px; left:753px; top:333px; background: #202530 url(../images/audioMessage_12.gif) center top no-repeat;}
.main-audioMessage .audioMessage_12:hover{ cursor: pointer;background: url(../images/audioMessage_12_hover.gif) ;}
.main-audioMessage .audioMessage_13{ position: absolute; width: 239px; height: 199px; left:753px; top:534px; background: #202530 url(../images/audioMessage_13.gif) center top no-repeat;}
.main-audioMessage .audioMessage_13:hover{ cursor: pointer;background: url(../images/audioMessage_13_hover.gif) ;}
.main-audioMessage .audioMessage_21{ position: absolute; width: 74px; height: 143px; left:679px; top:133px; background: #202530 url(../images/audioMessage_21.gif) center top no-repeat;}
.main-audioMessage .audioMessage_21:hover{ cursor: pointer;background: url(../images/audioMessage_21_hover.gif) ;}
.main-audioMessage .audioMessage_22{ position: absolute; width: 74px; height: 78px; left:679px; top:277px; background: #202530 url(../images/audioMessage_22.gif) center top no-repeat;}
.main-audioMessage .audioMessage_22:hover{ cursor: pointer;background: url(../images/audioMessage_22_hover.gif) ;}
.main-audioMessage .audioMessage_23{ position: absolute; width: 74px; height: 77px; left:679px; top:355px; background: #202530 url(../images/audioMessage_23.gif) center top no-repeat;}
.main-audioMessage .audioMessage_23:hover{ cursor: pointer;background: url(../images/audioMessage_23_hover.gif) ;}
.main-audioMessage .audioMessage_24{ position: absolute; width: 74px; height: 134px; left:679px; top:435px; background: #202530 url(../images/audioMessage_24.gif) center top no-repeat;}
.main-audioMessage .audioMessage_24:hover{ cursor: pointer;background: url(../images/audioMessage_24_hover.gif) ;}
.main-audioMessage .audioMessage_25{ position: absolute; width: 74px; height: 78px; left:679px; top:575px; background: #202530 url(../images/audioMessage_25.gif) center top no-repeat;}
.main-audioMessage .audioMessage_25:hover{ cursor: pointer;background: url(../images/audioMessage_25_hover.gif) ;}
.main-audioMessage .audioMessage_26{ position: absolute; width: 74px; height: 78px; left:679px; top:653px; background: #202530 url(../images/audioMessage_26.gif) center top no-repeat;}
.main-audioMessage .audioMessage_26:hover{ cursor: pointer;background: url(../images/audioMessage_26_hover.gif) ;}
.main-audioMessage .audioMessage_31{
position: absolute; width: 324px; height: 67px; left:31px; top:60px; background: #202530 url(../images/audioMessage_31.gif) left top no-repeat;
line-height: 3.4em;
}
.main-audioMessage .audioMessage_video{
position: absolute; width: 640px; height: 422px; left:32px; top:140px; background: #202530 url(../images/audioMessage_video.jpg) left top no-repeat;
}
/* -------------------------
03-0. | ��憓��綉�� - ����
---------------------------- */
.main-situational{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-situational.gif) center top no-repeat;
position: relative;
}
.main-situational a{ width: 100%; height: 100%;display:block;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;}
.situationalItem01 a, .situationalItem02 a, .situationalItem03 a{ width: 100%; height: 93px;display:block; padding-top: 300px;
font-size: 22px;text-align:center; color: #fff; text-decoration: none;}
.situationalItem01{ position: absolute; width: 280px; height: 393px; left:87px; top:233px; background: #202530 url(../images/situational_01.gif) center top no-repeat;}
.situationalItem01:hover{ background: url(../images/situational_01_hover.gif) ;}
.situationalItem02{ position: absolute; width: 280px; height: 393px; left:367px; top:233px; background: #202530 url(../images/situational_02.gif) center top no-repeat;}
.situationalItem02:hover{ background: url(../images/situational_02_hover.gif) ;}
.situationalItem03{ position: absolute; width: 280px; height: 393px; left:647px; top:233px; background: #202530 url(../images/situational_03.gif) center top no-repeat;}
.situationalItem03:hover{ background: url(../images/situational_03_hover.gif) ;}
/* -------------------------
03-1. | ��憓��綉�� - ��憓���
---------------------------- */
.main-situational-control{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-situational-control.gif) center top no-repeat;
position: relative;
}
.main-situational-control a{ width: 100%; height: 100%;display:block;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;}
.main-situational-control .model_01 a,.main-situational-control .model_02 a,.main-situational-control .model_03 a,.main-situational-control .model_04 a,
.main-situational-control .model_05 a,.main-situational-control .model_06 a,.main-situational-control .model_07 a,.main-situational-control .model_08 a{
width: 100%; height: 77px;display:block; padding-top: 222px;
font-size: 18px;text-align:center; color: #fff; text-decoration: none;}
.main-situational-control .model_01{ position: absolute; width: 184px; height: 299px; left:143px; top:133px; background: #202530 url(../images/model_01.gif) center top no-repeat;}
.main-situational-control .model_01:hover{ cursor: pointer;background: url(../images/model_01_hover.gif) ;}
.main-situational-control .model_02{ position: absolute; width: 184px; height: 299px; left:327px; top:133px; background: #202530 url(../images/model_02.gif) center top no-repeat;}
.main-situational-control .model_02:hover{ cursor: pointer;background: url(../images/model_02_hover.gif) ;}
.main-situational-control .model_03{ position: absolute; width: 184px; height: 299px; left:511px; top:133px; background: #202530 url(../images/model_03.gif) center top no-repeat;}
.main-situational-control .model_03:hover{ cursor: pointer;background: url(../images/model_03_hover.gif) ;}
.main-situational-control .model_04{ position: absolute; width: 184px; height: 299px; left:695px; top:133px; background: #202530 url(../images/model_04.gif) center top no-repeat;}
.main-situational-control .model_04:hover{ cursor: pointer;background: url(../images/model_04_hover.gif) ;}
.main-situational-control .model_05{ position: absolute; width: 184px; height: 299px; left:143px; top:433px; background: #202530 url(../images/model_05.gif) center top no-repeat;}
.main-situational-control .model_05:hover{ cursor: pointer;background: url(../images/model_05_hover.gif) ;}
.main-situational-control .model_06{ position: absolute; width: 184px; height: 299px; left:327px; top:433px; background: #202530 url(../images/model_06.gif) center top no-repeat;}
.main-situational-control .model_06:hover{ cursor: pointer;background: url(../images/model_06_hover.gif) ;}
.main-situational-control .model_07{ position: absolute; width: 184px; height: 299px; left:511px; top:433px; background: #202530 url(../images/model_07.gif) center top no-repeat;}
.main-situational-control .model_07:hover{ cursor: pointer;background: url(../images/model_07_hover.gif) ;}
.main-situational-control .model_08{ position: absolute; width: 184px; height: 299px; left:695px; top:433px; background: #202530 url(../images/model_08.gif) center top no-repeat;}
.main-situational-control .model_08:hover{ cursor: pointer;background: url(../images/model_08_hover.gif) ;}
.main-situational-control .model_prev{ position: absolute; width: 82px; height: 127px; left:73px; top:370px; background: #202530 url(../images/model_prev.gif) center top no-repeat;}
.main-situational-control .model_prev:hover{ cursor: pointer;background: url(../images/model_prev_hover.gif) ;}
.main-situational-control .model_next{ position: absolute; width: 82px; height: 127px; left:870px; top:370px; background: #202530 url(../images/model_next.gif) center top no-repeat;}
.main-situational-control .model_next:hover{ cursor: pointer;background: url(../images/model_next_hover.gif) ;}
/* -------------------------
03-2. | ��憓��綉�� - ����厰�
---------------------------- */
.main-lighting-control{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-lighting-control.gif) center top no-repeat;
position: relative;
}
.main-lighting-control a{ width: 100%; height: 100%;display:block;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;}
.main-lighting-control .switch_01 a,.main-lighting-control .switch_02 a,.main-lighting-control .switch_03 a{
width: 100%; height: 55px;display:block; padding-top: 222px; font-size: 24px;text-align:center; color: #fff; text-decoration: none;}
.main-lighting-control .switch_01{ position: absolute; width: 233px; height: 277px; left:110px; top:133px; background: #202530 url(../images/lighting_btn.gif) center top no-repeat;}
.main-lighting-control .switch_01:hover{ cursor: pointer;background: url(../images/lighting_btn_hover.gif) ;}
.main-lighting-control .switch_02{ position: absolute; width: 233px; height: 277px; left:395px; top:133px; background: #202530 url(../images/lighting_btn.gif) center top no-repeat;}
.main-lighting-control .switch_02:hover{ cursor: pointer;background: url(../images/lighting_btn_hover.gif) ;}
.main-lighting-control .switch_03{ position: absolute; width: 233px; height: 277px; left:679px; top:133px; background: #202530 url(../images/lighting_btn.gif) center top no-repeat;}
.main-lighting-control .switch_03:hover{ cursor: pointer;background: url(../images/lighting_btn_hover.gif) ;}
.main-lighting-control .power{ width: 116px; height: 81px; text-align: center;vertical-align: middle;}
.main-lighting-control .power_on{width: 108px; height: 40px;display: block; margin: 0 auto; background: #202530 url(../images/btn_on.gif) center top no-repeat;}
.main-lighting-control .power_off{width: 108px; height: 40px; display: block; margin: 0 auto;background: #202530 url(../images/btn_off.gif) center top no-repeat;}
.main-lighting-control .list_text{font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;font-size: 18px; color: #fff; padding: 3px; }
.main-lighting-control .list_01{position: absolute; width: 233px; height: 320px; left:110px; top:412px;}
.main-lighting-control .list_02{position: absolute; width: 233px; height: 320px; left:395px; top:412px;}
.main-lighting-control .list_03{position: absolute; width: 233px; height: 320px; left:679px; top:412px;}
.main-lighting-control .btn_up{float: left; width: 116px; height: 67px;display: block; margin: 0 auto; background: #202530 url(../images/btn_up.gif) center top no-repeat;}
.main-lighting-control .btn_up:hover{width: 116px; height: 67px; background: #202530 url(../images/btn_up_hover.gif) center top no-repeat;}
.main-lighting-control .btn_down{ float: right; width: 116px; height: 67px;display: block; margin: 0 auto; background: #202530 url(../images/btn_down.gif) center top no-repeat;}
.main-lighting-control .btn_down:hover{width: 116px; height: 67px; background: #202530 url(../images/btn_down_hover.gif) center top no-repeat;}
.main-lighting-control .model_prev{ position: absolute; width: 82px; height: 127px; left:10px; top:189px; background: #202530 url(../images/model_prev.gif) center top no-repeat;}
.main-lighting-control .model_prev:hover{ cursor: pointer;background: url(../images/model_prev_hover.gif) ;}
.main-lighting-control .model_next{ position: absolute; width: 82px; height: 127px; left:920px; top:189px; background: #202530 url(../images/model_next.gif) center top no-repeat;}
.main-lighting-control .model_next:hover{ cursor: pointer;background: url(../images/model_next_hover.gif) ;}
/* -------------------------
03-3. | ��憓��綉�� - 摰園𤓖��
---------------------------- */
.main-appliance-control{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-appliance-control.gif) center top no-repeat;
position: relative;
}
.main-appliance-control a{ width: 100%; height: 100%;display:block;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;}
.main-appliance-control .switch_01 a,.main-appliance-control .switch_02 a,.main-appliance-control .switch_03 a{
width: 100%; height: 55px;display:block; padding-top: 222px; font-size: 24px;text-align:center; color: #fff; text-decoration: none;}
.main-appliance-control .switch_01{ position: absolute; width: 233px; height: 277px; left:110px; top:133px; background: #202530 url(../images/appliance_01.gif) center top no-repeat;}
.main-appliance-control .switch_02{ position: absolute; width: 233px; height: 277px; left:395px; top:133px; background: #202530 url(../images/appliance_02.gif) center top no-repeat;}
.main-appliance-control .switch_03{ position: absolute; width: 233px; height: 277px; left:679px; top:133px; background: #202530 url(../images/appliance_03.gif) center top no-repeat;}
.main-appliance-control .power{ width: 116px; height: 81px; text-align: center;vertical-align: middle;}
.main-appliance-control .power_on{width: 108px; height: 40px;display: block; margin: 0 auto; background: #202530 url(../images/btn_on.gif) center top no-repeat;}
.main-appliance-control .power_off{width: 108px; height: 40px; display: block; margin: 0 auto;background: #202530 url(../images/btn_off.gif) center top no-repeat;}
.main-appliance-control .list_text{font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;font-size: 18px; color: #fff; padding: 3px; }
.main-appliance-control .list_01{position: absolute; width: 233px; height: 320px; left:110px; top:412px;}
.main-appliance-control .list_02{position: absolute; width: 233px; height: 320px; left:395px; top:412px;}
.main-appliance-control .list_03{position: absolute; width: 233px; height: 320px; left:679px; top:412px;}
.main-appliance-control .btn_up{float: left; width: 116px; height: 67px;display: block; margin: 0 auto; background: #202530 url(../images/btn_up.gif) center top no-repeat;}
.main-appliance-control .btn_up:hover{width: 116px; height: 67px; background: #202530 url(../images/btn_up_hover.gif) center top no-repeat;}
.main-appliance-control .btn_down{ float: right; width: 116px; height: 67px;display: block; margin: 0 auto; background: #202530 url(../images/btn_down.gif) center top no-repeat;}
.main-appliance-control .btn_down:hover{width: 116px; height: 67px; background: #202530 url(../images/btn_down_hover.gif) center top no-repeat;}
.main-appliance-control .model_prev{ position: absolute; width: 82px; height: 127px; left:10px; top:189px; background: #202530 url(../images/model_prev.gif) center top no-repeat;}
.main-appliance-control .model_prev:hover{ cursor: pointer;background: url(../images/model_prev_hover.gif) ;}
.main-appliance-control .model_next{ position: absolute; width: 82px; height: 127px; left:920px; top:189px; background: #202530 url(../images/model_next.gif) center top no-repeat;}
.main-appliance-control .model_next:hover{ cursor: pointer;background: url(../images/model_next_hover.gif) ;}
/* -------------------------
04. | �惣�找�嘥��
---------------------------- */
.main-security{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-security.gif) center top no-repeat;
position: relative;
}
.main-security a{ width: 100%; height: 100%;display:block;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;}
.main-security .sos_01 a,.main-security .sos_02 a,.main-security .sos_03 a,.main-security .sos_04 a,.main-security .sos_05 a{
width: 100%; height: 57px;display:block; padding-top: 220px;
font-size: 24px;text-align:center; color: #fff; text-decoration: none;}
.main-security .sos_01{ position: absolute; width: 192px; height: 277px; left:32px; top:133px; background: #202530 url(../images/sos_01.gif) center top no-repeat;}
.main-security .sos_01:hover{ cursor: pointer;background: url(../images/sos_01_hover.gif) ;}
.main-security .sos_02{ position: absolute; width: 192px; height: 277px; left:224px; top:133px; background: #202530 url(../images/sos_02.gif) center top no-repeat;}
.main-security .sos_02:hover{ cursor: pointer;background: url(../images/sos_02_hover.gif) ;}
.main-security .sos_03{ position: absolute; width: 192px; height: 277px; left:416px; top:133px; background: #202530 url(../images/sos_03.gif) center top no-repeat;}
.main-security .sos_03:hover{ cursor: pointer;background: url(../images/sos_03_hover.gif) ;}
.main-security .sos_04{ position: absolute; width: 192px; height: 277px; left:608px; top:133px; background: #202530 url(../images/sos_04.gif) center top no-repeat;}
.main-security .sos_04:hover{ cursor: pointer;background: url(../images/sos_04_hover.gif) ;}
.main-security .sos_05{ position: absolute; width: 192px; height: 277px; left:800px; top:133px; background: #202530 url(../images/sos_05.gif) center top no-repeat;}
.main-security .sos_05:hover{ cursor: pointer;background: url(../images/sos_05_hover.gif) ;}
.main-security .power{ width: 129px; height: 81px; text-align: center;vertical-align: middle;}
.main-security .power_on{width: 108px; height: 40px;display: block; margin: 0 auto; background: #202530 url(../images/btn_on.gif) center top no-repeat;}
.main-security .power_off{width: 108px; height: 40px; display: block; margin: 0 auto;background: #202530 url(../images/btn_off.gif) center top no-repeat;}
.main-security .list_text{font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;font-size: 18px; color: #fff; }
.main-security .list_01{position: absolute; width: 258px; height: 320px; left:136px; top:412px;}
.main-security .list_02{position: absolute; width: 258px; height: 320px; left:540px; top:412px;}
.main-security .model_prev{ position: absolute; width: 82px; height: 127px; left:30px; top:508px; background: #202530 url(../images/model_prev.gif) center top no-repeat;}
.main-security .model_prev:hover{ cursor: pointer;background: url(../images/model_prev_hover.gif) ;}
.main-security .model_next{ position: absolute; width: 82px; height: 127px; left:908px; top:508px; background: #202530 url(../images/model_next.gif) center top no-repeat;}
.main-security .model_next:hover{ cursor: pointer;background: url(../images/model_next_hover.gif) ;}
/* -------------------------
05. | �朖���𧙗���
---------------------------- */
.main-liveView{
width: 1024px;
height: 768px;
background: #202530 url(../images/main-liveView.gif) center top no-repeat;
position: relative;
}
.main-liveView .view_video{
position: absolute; width: 640px; height: 587px; left:32px; top:140px; background: #202530 url(../images/view_video.jpg) left top no-repeat;
}
.main-liveView .list_text{font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;font-size: 18px; color: #fff;padding: 3px 10px; }
.main-liveView .list_text a,.main-liveView .list_text a:active{ color: #fff;}
.main-liveView .list_text a:hover{ color: #ff7e57; }
.main-liveView .list_text .active{ color: #ff7e57; }
.main-liveView .orderNum{ height: 65px; text-align: center;vertical-align: middle; padding: 5px}
.main-liveView .orderNum.active{ background-color: #ff7e57;}
.main-liveView .list_01{position: absolute; width: 315px; height: 598px; left:679px; top:136px;}
.main-liveView .list_01 table{ width:100%;}
.main-liveView .list_01 > table > thead > tr > th {font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;
font-size: 18px; font-weight: 400; color: #ff7e57; height: 72px; text-align: center; }
.main-liveView .view_prev{ position: absolute; width: 156px; height: 75px; left:679px; top:659px; background: #202530 url(../images/view_prev.gif) center top no-repeat;}
.main-liveView .view_prev:hover{ cursor: pointer;background: url(../images/view_prev_hover.gif) ;}
.main-liveView .view_next{ position: absolute; width: 156px; height: 75px; left:836px; top:659px; background: #202530 url(../images/view_next.gif) center top no-repeat;}
.main-liveView .view_next:hover{ cursor: pointer;background: url(../images/view_next_hover.gif) ;}
/* -------------------------
06. | 蝷曉�鞈��� / �蒈�仿�
---------------------------- */
.main-community-login{
width: 1024px;
height: 700px;
background: #202530 url(../images/main-community-login.gif) center top no-repeat;
position: relative;
}
.main-community-login .login-block a{ width: 100%; height: 100%;display:block;}
.main-community-login .login-block{position: absolute; width:215px;height:215px;left:405px;top:150px; background: #202530 url(../images/btn_login.gif) center top no-repeat;}
.main-community-login .login-block:hover{cursor: pointer; background: #202530 url(../images/btn_login_hover.gif) ;}
.main-community-login .input-block{position: absolute; width:157px;height:124px;left:466px;top:429px; }
.main-community-login .input-block input{ background-color: transparent; border: 0px;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;
font-size: 30px; font-weight: 400; color: #fff; padding: 13px 0px; width: 150px; margin-bottom: 3px;}
/* -------------------------
06. | 蝷曉�鞈��� / �抅�𧋦閮剖��
---------------------------- */
pre {
width: 90%;
font-size: 16px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.main-community{
width: 1024px;
height: 700px;
background: #202530 url(../images/main_community_background.gif) center top no-repeat;
position: relative;
}
.sample-block {
width: 90%;
height: 420px;
padding-left: 20px;
border-top: 2px solid #ff7e57;
border-bottom: 2px solid #ff7e57;
}
.left-block {
float:left;
overflow-x: hidden;
overflow-y: auto;
width: 250px;
height: 420px;
padding-left: 20px;
border-top: 2px solid #ff7e57;
border-bottom: 2px solid #ff7e57;
}
.right-block {
overflow-x: hidden;
overflow-y: auto;
height: 420px;
padding-left: 20px;
padding-right: 20px;
border-top: 2px solid #ff7e57;
border-bottom: 2px solid #ff7e57;
}
.form-row-title {
clear:both;
float:left;
height: 30px;
width: 200px;
}
.form-row {
float: left;
}
.inline-block {
height: 30px;
line-height:30px;
display: inline-block;
*display: inline;
}
/* -------------------------
�𢰧銝𡃏�� 閮剖�𡁜��詨鱓
---------------------------- */
.main-community .title-block{
position: absolute;
width: 240px;
height: 33px;
left:752px;
top:30px;
text-transform : none;
font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif;
line-height: 2em;
}
.main-community .unit-block{
position: absolute;
width: 300px;
height: 50px;
left:32px;
top:52px;
text-transform : uppercase;
line-height: 2em;
font-size: 24px;
font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif;
}
.navSetting li .logout { background-image:url(../images/navSettingIcon_logout.gif);}
.navSetting li .logout:hover { background-image:url(../images/navSettingIcon_logout_hover.gif);}
.navSetting li .home { background-image:url(../images/navSettingIcon_home.gif); }
.navSetting li .home:hover{ background-image:url(../images/navSettingIcon_home_hover.gif);}
/* -------------------------
06. | 蝷曉�鞈��� / �詨鱓
---------------------------- */
.main-community .slider-block{position: absolute; width: 960px;height: 189px; left:32px; top:113px; }
.main-community .type-block{position: absolute; width: 774px;height: 189px; left:90px; top:20px; margin: 0;padding: 0; overflow: hidden; }
.main-community .type-block a{ width: 100%; height: 100%;display:block;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;}
.type-block ul{ margin: 0;padding: 0; width: 99999px; position: absolute;}
.type-block ul li{ float: left;list-style: none; display: inline-block; }
.type-block .type_01 a,.type-block .type_02 a,.type-block .type_03 a,.type-block .type_04 a,
.type-block .type_05 a,.type-block .type_06 a,.type-block .type_07 a,.type-block .type_08 a,
.type-block .type_09 a,.type-block .type_10 a,.type-block .type_11 a,.type-block .type_12 a{
width: 100%; height: 45px;display:block; padding-top: 138px;
font-size: 20px;text-align:center; color: #fff; text-decoration: none;}
.type-block .type_01{ width: 129px;height: 189px; background: #202530 url(../images/type_01.gif) center top no-repeat;}
.type-block .type_01:hover{ cursor: pointer;background: url(../images/type_01_hover.gif) ;}
.type-block .type_01.active{ cursor: pointer;background: url(../images/type_01_hover.gif) ;}
.type-block .type_02{ width: 129px;height: 189px; background: #202530 url(../images/type_02.gif) center top no-repeat;}
.type-block .type_02:hover{ cursor: pointer;background: url(../images/type_02_hover.gif) ;}
.type-block .type_02.active{ cursor: pointer;background: url(../images/type_02_hover.gif) ;}
.type-block .type_03{ width: 129px;height: 189px; background: #202530 url(../images/type_03.gif) center top no-repeat;}
.type-block .type_03:hover{ cursor: pointer;background: url(../images/type_03_hover.gif) ;}
.type-block .type_03.active{ cursor: pointer;background: url(../images/type_03_hover.gif) ;}
.type-block .type_04{ width: 129px;height: 189px; background: #202530 url(../images/type_04.gif) center top no-repeat;}
.type-block .type_04:hover{ cursor: pointer;background: url(../images/type_04_hover.gif) ;}
.type-block .type_04.active{ cursor: pointer;background: url(../images/type_04_hover.gif) ;}
.type-block .type_05{ width: 129px;height: 189px; background: #202530 url(../images/type_05.gif) center top no-repeat;}
.type-block .type_05:hover{ cursor: pointer;background: url(../images/type_05_hover.gif) ;}
.type-block .type_05.active{ cursor: pointer;background: url(../images/type_05_hover.gif) ;}
.type-block .type_06{ width: 129px;height: 189px; background: #202530 url(../images/type_06.gif) center top no-repeat;}
.type-block .type_06:hover{ cursor: pointer;background: url(../images/type_06_hover.gif) ;}
.type-block .type_06.active{ cursor: pointer;background: url(../images/type_06_hover.gif) ;}
.type-block .type_07{ width: 129px;height: 189px; background: #202530 url(../images/type_07.gif) center top no-repeat;}
.type-block .type_07:hover{ cursor: pointer;background: url(../images/type_07_hover.gif) ;}
.type-block .type_07.active{ cursor: pointer;background: url(../images/type_07_hover.gif) ;}
.type-block .type_08{ width: 129px;height: 189px; background: #202530 url(../images/type_08.gif) center top no-repeat;}
.type-block .type_08:hover{ cursor: pointer;background: url(../images/type_08_hover.gif) ;}
.type-block .type_08.active{ cursor: pointer;background: url(../images/type_08_hover.gif) ;}
.type-block .type_09{ width: 129px;height: 189px; background: #202530 url(../images/type_09.gif) center top no-repeat;}
.type-block .type_09:hover{ cursor: pointer;background: url(../images/type_09_hover.gif) ;}
.type-block .type_09.active{ cursor: pointer;background: url(../images/type_09_hover.gif) ;}
.type-block .type_10{ width: 129px;height: 189px; background: #202530 url(../images/type_10.gif) center top no-repeat;}
.type-block .type_10:hover{ cursor: pointer;background: url(../images/type_10_hover.gif) ;}
.type-block .type_10.active{ cursor: pointer;background: url(../images/type_10_hover.gif) ;}
.type-block .type_11{ width: 129px;height: 189px; background: #202530 url(../images/type_11.gif) center top no-repeat;}
.type-block .type_11:hover{ cursor: pointer;background: url(../images/type_11_hover.gif) ;}
.type-block .type_11.active{ cursor: pointer;background: url(../images/type_11_hover.gif) ;}
.type-block .type_12{ width: 129px;height: 189px; background: #202530 url(../images/type_12.gif) center top no-repeat;}
.type-block .type_12:hover{ cursor: pointer;background: url(../images/type_12_hover.gif) ;}
.type-block .type_12.active{ cursor: pointer;background: url(../images/type_12_hover.gif) ;}
.slider-block .model_prev{ position: absolute; width: 82px; height: 127px; left:0px; top:40px; background: #202530 url(../images/model_prev.gif) center top no-repeat;}
.slider-block .model_prev:hover{ cursor: pointer;background: url(../images/model_prev_hover.gif) ;}
.slider-block .model_next{ position: absolute; width: 82px; height: 127px; left:880px; top:40px; background: #202530 url(../images/model_next.gif) center top no-repeat;}
.slider-block .model_next:hover{ cursor: pointer;background: url(../images/model_next_hover.gif) ;}
/* -------------------------
06. | 蝷曉�鞈��� / ���鰵�砍�𠰴�
---------------------------- */
table {
background-color: transparent;
}
.table {
width: 100%;
max-width: 100%;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 0px;
vertical-align: middle;
font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif;
}
.table > thead > tr > th {
border-bottom: 2px solid #ff7e57;
border-top: 2px solid #ff7e57;
color: #ff7e57;
font-weight: bold;
height: 34px;
}
.table > tbody > tr > td {
font-weight: 300;
text-align: center;
height: 52px;
}
.table > tbody > tr {
border-bottom: 1px solid #434853;
}
.table > tbody > tr:last-child {
border-bottom: 1px solid #ff7e57;
}
.post-block{ position: absolute; width: 960px; height: 356px; left: 32px; top: 300px; }
.post-block .table a:link ,.post-block .table a:visited ,.post-block .table a:active,.post-block .table a:hover,.post-block .table a{ color: #fff;}
.post-block .post-title{ text-align: left;}
.post-block .post-title a:hover{ color: #ff7e57;}
.post-block .post-date{ }
.pages{ margin: 0px; padding: 0px;border-bottom: 2px solid #ff7e57; list-style: none; height: 52px; text-align: center; }
.pages:after{ clear: both; content: ''; display: table;}
.pages > li{
line-height: 30px;
display: inline-block;
*display: inline;
margin: 5px;
}
.pages > li > a{
color: #ff7e57;
background: #434853;
display: inline-block;
min-width: 30px;
font-size: 16px;
font-weight: bold;
}
.pages > li > a:hover{ color: #fff; }
.pages > li .active{ color: #434853; background: #ff7e57; }
.pages .page-first{ display:inline-block; width: 26px;height: 26px; background-image: url(../images/pages.gif); background-repeat: no-repeat; background-position: 0 0;vertical-align: middle; }
.pages .page-first:hover{ background-image: url(../images/pages_hover.gif); background-repeat: no-repeat; background-position: 0 0;}
.pages .page-prev{ display:inline-block; width: 26px;height: 26px; background-image: url(../images/pages.gif); background-repeat: no-repeat; background-position: -26px 0;vertical-align: middle; }
.pages .page-prev:hover{ background-image: url(../images/pages_hover.gif); background-repeat: no-repeat; background-position: -26px 0;}
.pages .page-next{ display:inline-block; width: 26px;height: 26px; background-image: url(../images/pages.gif); background-repeat: no-repeat; background-position: -54px 0;vertical-align: middle; }
.pages .page-next:hover{ background-image: url(../images/pages_hover.gif); background-repeat: no-repeat; background-position: -54px 0;}
.pages .page-late{ display:inline-block; width: 26px;height: 26px; background-image: url(../images/pages.gif); background-repeat: no-repeat; background-position: -80px 0;vertical-align: middle; }
.pages .page-late:hover{ background-image: url(../images/pages_hover.gif); background-repeat: no-repeat; background-position: -80px 0;}
/* -------------------------
06. | 蝷曉�鞈��� / 02���讛�见�齿��
---------------------------- */
.post-panel{ width: 60px;height: 356px; float: left; margin-right: 7px; background-color: #ff7e57;}
.post-table{ width: 893px;height: 356px; float: left;}
.post-table:after{ clear: both; content: ''; display: table;}
.post-panel a{ display: block; width: 100%; height: 100%;}
.post-panel .panel-list{ margin: 0 auto; width: 45px; height: 107px;background-image: url(../images/panel_btn.gif); background-repeat: no-repeat; background-position: 0 0; margin-top: 15px;}
.post-panel .panel-list:hover{ background-image: url(../images/panel_btn_hover.gif); background-repeat: no-repeat; background-position: 0 0;}
.post-panel .panel-edit{ margin: 0 auto; width: 45px; height: 107px;background-image: url(../images/panel_btn.gif); background-repeat: no-repeat; background-position: 0 -107px;}
.post-panel .panel-edit:hover{ background-image: url(../images/panel_btn_hover.gif); background-repeat: no-repeat; background-position: 0 -107px;}
.post-panel .panel-del{ margin: 0 auto; width: 45px; height: 107px;background-image: url(../images/panel_btn.gif); background-repeat: no-repeat; background-position: 0 -214px;}
.post-panel .panel-del:hover{ background-image: url(../images/panel_btn_hover.gif); background-repeat: no-repeat; background-position: 0 -214px;}
.label {
display: inline; padding: .2em .6em .3em; font-size: 100%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap;
vertical-align: baseline; border-radius: .25em
}
.label-default { background-color: #777; }
.label-primary { background-color: #428bca}
.label-success { background-color: #5cb85c}
.label-info { background-color: #5bc0de}
.label-warning { background-color: #f0ad4e}
.label-danger { background-color: #d9534f}
.post-table .post-del{width: 32px;height: 32px;display: block; background-image: url(../images/btn_del.gif); background-repeat: no-repeat; margin: 0px auto;}
.post-table .post-del:hover{ background-image: url(../images/btn_del_hover.gif); background-repeat: no-repeat; }
/* -------------------------
06. | 蝷曉�鞈��� / 03���祈身��鞟�
---------------------------- */
.reservation{ margin: 0px;padding: 0px; list-style: none; }
.reservation:after{ clear: both; content: ''; display: table;}
.reservation .item{ width: 185px;height: 356px;background-image: url(../images/reservation_item_bg.gif); background-repeat: no-repeat; float: left; margin:1px 3px 1px 4px; vertical-align: middle;
font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif; text-align: center;}
.reservation .item span{ padding: 0px;margin: 0px;font-size: 18px; color: #000; line-height:42px; height: 42px; font-weight: 500; width:180px; display: block; overflow: hidden; }
.reservation .item img{ width: 169px; height: 113px; }
.reservation .item p{ margin: 0px; padding:5px 10px;text-align: left;font-size: 15px;}
.reservation a{ width: 122px;height: 122px; display: block;margin: 15px auto;}
.reservation .itemBtn{ background-image: url(../images/reservation_item_btn.gif); background-repeat: no-repeat;}
.reservation .itemBtn:hover{ width: 122px;height: 122px;background-image: url(../images/reservation_item_btn_hover.gif); background-repeat: no-repeat;}
.reservation .cancel{ background-image: url(../images/reservation_item_btn_cancel.gif); background-repeat: no-repeat;}
/* -------------------------
06. | 蝷曉�鞈��� / 05�����暑鞈���
---------------------------- */
.life{ margin: 0px;padding: 0px; list-style: none;}
.life:after{ clear: both; content: ''; display: table;}
.life .item{width: 314px;height: 203px;display: block;float: left;margin: 0px 3px 6px; }
/* -------------------------
06. | 蝷曉�鞈��� / 06��蝷曉���敶�
---------------------------- */
.photos{ margin: 0px;padding: 0px; list-style: none; }
.photos:after{ clear: both; content: ''; display: table;}
.photos .item{ width: 185px;height: 176px;background-image: url(../images/photos_item_bg.gif); background-repeat: no-repeat; float: left; margin:0px 3px 2px 4px; vertical-align: middle;
font-family: 'Lato', "敺株��迤暺煾��",Microsoft JhengHei, Arial, sans-serif; text-align: center;}
.photos .item h1{ padding: 0px;margin: 0px;font-size: 18px; color: #000; line-height:38px; height: 38px; font-weight: 500; width:180px; display: block; overflow: hidden;}
.photos .item img{ }
.photos .item p{ margin: 0px; padding:5px 10px;text-align: left;font-size: 15px;}
/* -------------------------
07. | KeyBoard
---------------------------- */
.keyboard-block{width: 960px;height: 450px;margin: 0 auto;margin-top: 93px;}
.keyboard-block .input-block{width: 840px;height: 100px;margin: 0 auto;}
.keyboard-block .key-input{width: 746px;height: 64px;background-image: url(../images/key_input_bg.gif); background-repeat: no-repeat; margin:7px;float: left;}
.keyboard-block .key-input input{background-color: transparent; border: 0px;font-family: 'Lato',"敺株��迤暺煾��",Microsoft JhengHei, sans-serif;
font-size: 30px; font-weight: 400; color: #fff; padding: 13px; width: 720px; }
.input-block .key-clear{width: 69px;height: 64px;background-image: url(../images/key_clear.gif); background-repeat: no-repeat; float: left; margin-top: 7px; margin-left: 7px;}
.input-block .key-clear:hover{background-image: url(../images/key_clear_hover.gif); background-repeat: no-repeat;}
.input-block .key-clear a{width: 69px;height: 64px;display: block; }
.keyboard-block .key-block{width: 840px;height: 350px;margin: 0 auto;}
.key-block ul{margin: 0;padding: 0;}
.key-block ul li{list-style: none;float: left;}
.key-block .key{width: 70px;height: 65px;background-image: url(../images/key_1.gif); background-repeat: no-repeat;margin: 7px;}
.key-block .key:hover{background-image: url(../images/key_1_hover.gif); background-repeat: no-repeat;}
.key-block .key2{width: 154px;height: 65px;background-image: url(../images/key_2.gif); background-repeat: no-repeat;margin: 7px;}
.key-block .key2:hover{background-image: url(../images/key_2_hover.gif); background-repeat: no-repeat;}
.key-block .key a{width: 70px;height: 65px;display: block; color: #FFF; line-height: 65px; font-size: 22px; text-align: center; vertical-align: middle; font-weight: 300;}
.key-block .key:hover a{ color: #202530;font-weight: 500;}
.key-block .key2 a{width: 154px;height: 65px;display: block; color: #FFF; line-height: 65px; font-size: 22px; text-align: center; vertical-align: middle; font-weight: 300;}
.key-block .key2:hover a{ color: #202530;font-weight: 500;}
.BlockLetter{display: none;}
/* Default Pagination */
ul.pagination {
display: block;
height: 25px;
}
ul.pagination li {
height: 30px;
color: #ff7e57;
font-size: 1em;
margin-left: 0.3125em;
}
ul.pagination li a {
display: block;
padding: 5px 15px 5px;
color: #ff7e57;
}
ul.pagination li:hover a, ul.pagination li a:focus {
background: #fff;
}
ul.pagination li.unavailable a {
cursor: default;
color: #999999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
background: transparent;
}
ul.pagination li.current a {
margin-top: 10px;
background: #ff7e57;
color: white;
font-weight: bold;
cursor: pointer;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #ff7e57;
}
ul.pagination li {
float: left;
display: block;
}
/* Pagination centred wrapper */
.pagination-centered {
text-align: center;
}
.pagination-centered ul.pagination li {
float: none;
display: inline-block;
}