@charset "utf-8";
/*-------------------------------
All
-------------------------------*/
body{
	background:#000 url(../img/bg.jpg) center 0 repeat-x;
}
:root #main{
	-moz-box-shadow:3px 3px 10px #000;
	-webkit-box-shadow:3px 3px 10px #000;
	box-shadow:3px 3px 10px #000;
}
/*-------------------------------
Introduction
-------------------------------*/
#int #main{
	background:url(../img/int/bg_main.jpg) no-repeat;
	line-height:1.5em;
/*	letter-spacing:0.1em;*/
}
#int h4{
	position:absolute;
	top:200px;
	left:13px;
}
#int #main p{
	position:absolute;
	top:274px;
	left:56px;
	line-height:1.8em;
	letter-spacing:2px;
	font-size:14px;
}
#int #colorvari{
	position:absolute;
	top:51px;
	left:713px;
}
#int #colorvari li{
	width:110px;
	float:left;
	margin:0 16px 0 0;
}
#int #colorvari li small{
	display:block;
	text-align:center;
	font-weight:normal;
	font-size:9px;
	letter-spacing:1px;
	margin:-26px 0 0;
}
/*-------------------------------
Technology
-------------------------------*/
#tch #main{
	background:url(../img/tch/bg_main.jpg) no-repeat;
	line-height:1.5em;
/*	letter-spacing:0.1em;*/
}

#tch section{
	position:absolute;
	top:102px;
	left:65px;
}
#tch .line{
	float:left;
}

#tch #main dl dt{
	margin:0;
}
#tch #main dl dd{
	margin:-20px 0 0 50px;
}
#tch #main dl{
	color:#fff;
	width:400px;
	float:left;
	margin:-20px 50px 0 -20px;
	_margin:-20px 0 0;
}

#bt_gotodetail a{
	display:block;
	width:125px;
	height:28px;
	background:url(../img/tch/bt_gotodetail.png) no-repeat;
	position:absolute;
	top:428px;
	left:98px;
	white-space:nowrap;
	text-indent:100%;
}


#bt_gotodetail a:hover{
	background:url(../img/tch/bt_gotodetail_ov.png) no-repeat;
}
/*-------------------------------
Connectivity
-------------------------------*/
#cnt #main{
	background:url(../img/cnt/bg_main.jpg) no-repeat;
	line-height:1.5em;
/*	letter-spacing:0.1em;*/
	white-space: nowrap;
}
#cnt section{
	position:absolute;
}
#cnt section:hover{
	cursor:pointer;
}
#cnt section h4{
	background:url("../img/icn_arrow3.png") 6px 2px no-repeat;
	padding:0 0 0 35px;
	margin:auto;
}

#cnt #img_k531{
	position:absolute;
	top:39px;
	left:235px;
}
#cnt .see{
	position:absolute;
	top:0;
	left:50%;
	width:0px;
	height:0px;
	z-index:5;
	overflow:hidden;
}

#cnt #pic1{
	position:absolute;
	top:276px;
	left:90px;
	width:238px;
	height:179px;
	background:url(../img/cnt/img_usb.png) 55px 52px no-repeat;
}
#cnt #pic1 .see{
	background:url(../img/cnt/img_panel1.png) no-repeat;
}
#cnt #pic1 p{
	position:absolute;
	top:119px;
	left:10px;
	letter-spacing:-1px;
}
#cnt #pic2{
	position:absolute;
	top:342px;
	left:335px;
	width:309px;
	height:139px;
	background:url(../img/cnt/img_bluetooth.png) no-repeat;
	z-index:4;
}

#cnt #pic2 .see{
	background:url(../img/cnt/img_panel2.png) no-repeat;
}
#cnt #pic2 h5{
	text-align:center;
	padding:5px;
}
#cnt #pic2 .see p{
	font-weight:bold;
	margin:6px;
	text-align:center;
}
#cnt #pic2 li{
	position:absolute;
}

#cnt #pic3{
	position:absolute;
	top:276px;
	left:681px;
	width:219px;
	height:189px;
	background:url(../img/cnt/img_pc.png) 27px 41px no-repeat;
}
#cnt #pic3 .see{
	background:url(../img/cnt/img_panel3.png) no-repeat;
}
#cnt #pic3 p{
	position:absolute;
	top:119px;
	left:10px;
}

/*-------------------------------
Design
-------------------------------*/
#dsn #main{
	background:url(../img/dsn/bg_main.jpg) repeat-x;
	line-height:1.5em;
/*	letter-spacing:0.1em;*/
}

#dsn section{
	position:absolute;
	width:92px;
	height:18px;
}
#dsn section:hover{
	cursor:pointer;
}
#dsn section h4{
	padding:0 0 0 25px;
	background:url(../img/icn_arrow3.png) 0 2px no-repeat;
}

#dsn .see{
	position:absolute;
	top:0;
	left:50%;
	width:0px;
	height:0px;
	z-index:5;
	overflow:hidden;
	color:#1c1c1c;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: #000 0px 2px 3px;
	-moz-box-shadow: #000 0px 2px 3px;
	box-shadow: #000 0px 2px 3px;

	background: #fff; 
	background: -moz-linear-gradient(top,  #fff 0%, #c4c8ce 67%, #6f81a0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(67%,#c4c8ce), color-stop(100%,#6f81a0)); 
	background: -webkit-linear-gradient(top,  #fff 0%,#c4c8ce 67%,#6f81a0 100%);
	background: -o-linear-gradient(top,  #fff 0%,#c4c8ce 67%,#6f81a0 100%);
	background: -ms-linear-gradient(top,  #fff 0%,#c4c8ce 67%,#6f81a0 100%);
	background: linear-gradient(to bottom,  #fff 0%,#c4c8ce 67%,#6f81a0 100%);
	-pie-background: linear-gradient(#fff, #7c8ca6);
	behavior: url(js/PIE.htc);
}

#dsn #tx1{
	position:absolute;
	top:145px;
	left:169px;
}

#dsn #tx2{
	position:absolute;
	top:220px;
	left:513px;
}
#dsn #tx3{
	position:absolute;
	top:98px;
	left:311px;
}
#dsn #tx4{
	position:absolute;
	top:301px;
	left:263px;
}
/*-------------------------------
gallery
-------------------------------*/
#gal #main{
	background:url(../img/gal/bg_main.jpg) repeat-x;
	line-height:1.5em;
/*	letter-spacing:0.1em;*/
}

#gal #main section{
	position:relative;
	height:100%;
	z-index:3;
}
#gly_photo{
	display:block;
	position:absolute;
	top:57px;
	left:60px;
	font-size:60px;
}
#gly_photo div{
	-webkit-box-shadow: #000 5px 5px 5px;
	-moz-box-shadow: #000 5px 5px 5px;
	box-shadow: #000 5px 5px 5px;
}

#gly_sumb{
	clear:both;
	color:#fff;
	position:absolute;
	top:450px;
	left:810px;
	z-index:2;

}
#gly_sumb div{
	width:30px;
	height:20px;
	filter:none !important;
}

.no-touch #gly_sumb div:hover,
#gly_sumb div.active{
}
#gly_a-item-0{background:url(../img/gal/photo/1.jpg) no-repeat;}
#gly_a-item-1{background:url(../img/gal/photo/2.jpg) no-repeat;}
#gly_a-item-2{background:url(../img/gal/photo/3.jpg) no-repeat;}
#gly_a-item-3{background:url(../img/gal/photo/4.jpg) no-repeat;}
#gly_a-item-4{background:url(../img/gal/photo/5.jpg) no-repeat;}


#gly_b-item-0{background:url(../img/gal/sumb_1.png) no-repeat;}
#gly_b-item-1{background:url(../img/gal/sumb_2.png) no-repeat;}
#gly_b-item-2{background:url(../img/gal/sumb_3.png) no-repeat;}
#gly_b-item-3{background:url(../img/gal/sumb_4.png) no-repeat;}
#gly_b-item-4{background:url(../img/gal/sumb_5.png) no-repeat;}

.no-touch #gly_b-item-0:hover,
#gly_b-item-0.active{
	background:url(../img/gal/sumb_1_ov.png) no-repeat;
}
.no-touch #gly_b-item-1:hover,
#gly_b-item-1.active{
	background:url(../img/gal/sumb_2_ov.png) no-repeat;
}
.no-touch #gly_b-item-2:hover,
#gly_b-item-2.active{
	background:url(../img/gal/sumb_3_ov.png) no-repeat;
}
.no-touch #gly_b-item-3:hover,
#gly_b-item-3.active{
	background:url(../img/gal/sumb_4_ov.png) no-repeat;
}
.no-touch #gly_b-item-4:hover,
#gly_b-item-4.active{
	background:url(../img/gal/sumb_5_ov.png) no-repeat;
}