@charset "utf-8";

/*
===== logo-list class ../img/logo-list.png=================================
*/
div.logo a{
display: block;
width: 760px; 
height: 75px; 
position: relative;
}

div.logo a img{position: absolute;}
div.logo#sdk a img{clip: rect(0px 760px 75px 0px); margin-top: 0px;}
div.logo#android a img{clip: rect(75px 760px 150px 0px); margin-top: -75px;}
div.logo#transserver a img{clip: rect(165px 760px 240px 0px); margin-top: -165px;}
div.logo#storage a img{clip: rect(240px 760px 320px 0px); margin-top: -240px;}
div.logo#avreceiver a img{clip: rect(325px 760px 400px 0px); margin-top: -325px;}
div.logo#threeboxkit a img{clip: rect(400px 760px 475px 0px); margin-top: -400px;}
div.logo#rf4ce a img{clip: rect(480px 760px 555px 0px); margin-top: -480px;}
div.logo#zigbee a img{clip: rect(560px 760px 635px 0px);  margin-top: -560px;}
div.logo#mlplayer a img{clip: rect(640px 760px 715px 0px); margin-top: -640px;}
div.logo#education a img{clip: rect(720px 760px 795px 0px); margin-top: -720px;}

/* ”wŒi‰æ‘œ‚ðŽg‚¤�ê�‡‚ÌCSS Sprite
#sub div#logo-avreceiver a{
display: block;
width: 760px; 
height: 75px; 
background: url(../img/logo-list.png) no-repeat 0px -325px;
}
*/

div.logo {
display: block;
width: 760px; 
height: 75px; 
position: relative;
}

div.logo img{position: absolute;}
div.logo#sdk img{clip: rect(0px 760px 75px 0px); margin-top: 0px;}
div.logo#android img{clip: rect(75px 760px 150px 0px); margin-top: -75px;}
div.logo#transserver img{clip: rect(165px 760px 240px 0px); margin-top: -165px;}
div.logo#storage img{clip: rect(240px 760px 315px 0px); margin-top: -240px;}
div.logo#avreceiver img{clip: rect(325px 760px 400px 0px); margin-top: -325px;}
div.logo#threeboxkit img{clip: rect(400px 760px 475px 0px); margin-top: -400px;}
div.logo#rf4ce img{clip: rect(480px 760px 555px 0px); margin-top: -480px;}
div.logo#zigbee img{clip: rect(560px 760px 635px 0px);  margin-top: -560px;}
div.logo#mlplayer img{clip: rect(640px 760px 715px 0px); margin-top: -640px;}

/*
===== button-inquiry class  ../img/button-inquiry.png=================================
*/
table.buttons{
width: 580px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}

table.buttons tr{
}

table.buttons td{
}

#sub div.one-button{
margin-top: 25px;
margin-left: 235px;
}

div.large-button a{
display: block;
width: 290px; 
height: 75px; 
background-image: url(../img/button-inquiry.png);
background-repeat: no-repeat; 
}

div.large-button#inquiry-general a{background-position: 0px -2px;}
div.large-button#inquiry-general a:hover{background-position: -287px -2px;}
div.large-button#download-brochure a{background-position: 0px -78px;}
div.large-button#download-brochure a:hover {background-position: -287px -78px;}
div.large-button#inquiry-sdk a{background-position: 0px -154px;}
div.large-button#inquiry-sdk a:hover{background-position: -287px -154px;}
div.large-button#inquiry-android a{background-position: 0px -230px;}
div.large-button#inquiry-android a:hover{background-position: -287px -230px;}
div.large-button#inquiry-platform a{background-position: 0px -306px;}
div.large-button#inquiry-platform a:hover{background-position: -287px -306px;}
div.large-button#inquiry-storage a{background-position: 0px -382px;}
div.large-button#inquiry-storage a:hover{background-position: -287px -382px;}
div.large-button#inquiry-avreceiver a{background-position: 0px -458px;}
div.large-button#inquiry-avreceiver a:hover{background-position: -287px -458px;}
div.large-button#inquiry-3boxkit a{background-position: 0px -533px;}
div.large-button#inquiry-3boxkit a:hover{background-position: -287px -533px;}
div.large-button#inquiry-rf4ce a{background-position: 0px -609px;}
div.large-button#inquiry-rf4ce a:hover{background-position: -287px -609px;}
div.large-button#inquiry-zigbee a{background-position: 0px -685px;}
div.large-button#inquiry-zigbee a:hover {background-position: -287px -685px;}
div.large-button#inquiry-education a{background-position: 0px -760px;}
div.large-button#inquiry-education a:hover {background-position: -287px -760px;}