@charset "UTF-8";
/* CSS Document */

/*** HAND ***/
#splash .container_12 .pull_9, #splash .container_16 .pull_12{
	left:0;top:245px;
}
.hand_1 { width:345px;height:270px; right:0;}
.hand_2 {}
.hand_2thumb {}
.hand_3 {background:url(../images/tour/parameters/hand.png); background-repeat:no-repeat; width:178px; height:628px;}

.hand_4 {background:url(../images/product/hand.png); background-repeat:no-repeat; width:365px; height:502px;}
.hand_4thumb {background:url(../images/product/thumb.png); background-repeat:no-repeat; width:364px; height:217px;}
.hand_5 {background:url(../images/splash/hand_2.png); background-repeat:no-repeat; width:310px; height:743px;}

/* 自訂換手 */
.hand_1.no01{
	background:url(../images/splash/hand_1.png) no-repeat 10% 100%;
/*
	background:url(../images/splash/hand_1.png) no-repeat 337px 110px;
	width:940px; height:737px;
*/
}
.hand_1.no02{
	background:url(../images/splash/hand_2.png) no-repeat 38% 100%;
/*
	background:url(../images/splash/hand_2.png) no-repeat 238px 50px;
	width:1025px; height:535px;
*/
}
.hand_1.no03{
	background:url(../images/splash/hand_3.png) no-repeat 46% 100%;
/*
	background:url(../images/splash/hand_3.png) no-repeat 350px 172px;
	width:1000px; height:700px;
*/
}
.hand_1.no04{
	background:url(../images/splash/hand_4.png) no-repeat 44% 100%;
/*
	background:url(../images/splash/hand_4.png) no-repeat 335px 172px;
	width:1000px; height:700px;
*/
}

#featurehand, #featurehandthumb {position:absolute;left:373px;top:100px;}

#featurehandthumb { z-index:100; }

/*** PRODUCT ***/

#product {position:absolute; top:248px; left:60px; z-index:50; visibility:hidden;}

#tinke_light {width:29px; height:28px; position:absolute; left:85px; top:138px; z-index:825; opacity:0; visibility:hidden; }

#tinke_whole { /*width:195px; height:220px;*/ width:272px;height:235px; position:absolute; }
#tinke_whole .whole { /*width:161px; height:350px;*/ width:272px;height:235px; position:absolute; top:0px; left:0; z-index:820;}
#tinke_whole .no01 {background:url(../images/product/whole/no01.png) no-repeat center center; opacity:0; visibility:hidden; }
#tinke_whole .no02 {background:url(../images/product/whole/no02.png) no-repeat center center; opacity:0; visibility:hidden; }
#tinke_whole .no03 {background:url(../images/product/whole/no03.png) no-repeat center center; opacity:0; visibility:hidden; }
#tinke_whole .no04 {background:url(../images/product/whole/no04.png) no-repeat center center;}
#tinke_whole .whole_shadow {}

#tinke_outline { width:270px; height:235px; position:absolute; }
#tinke_outline.no01{background:url(../images/product/whole/outline_no01.png) no-repeat center center;/* width:168px; height:228px;*/}
#tinke_outline.no02{background:url(../images/product/whole/outline_no02.png) no-repeat center center;/* width:247px; height:300px;*/}
#tinke_outline.no03{background:url(../images/product/whole/outline_no03.png) no-repeat center center;/* width:97px; height:200px;*/}
#tinke_outline.no04{background:url(../images/product/whole/outline_no04.png) no-repeat center center;/* width:161px; height:355px;*/}

#tinke_parts {position:absolute; opacity:0; visibility:hidden; }

#tinke_cap_top {width:196px; height:88px; position:absolute; top:0px; z-index:30; }
#tinke_cap_btm {width:196px; height:88px; position:absolute; top:300px; opacity:0; visibility:hidden; z-index:20; }
#tinke_body {position:absolute; top:26px; left:-4px; z-index:10; }

.color {position:absolute; top:7px; left:18px; width:162px; height:54px; z-index:830;}

#tinke_parts .body {position:absolute; top:0; /*width:270px;height:235px;*/ width:272px; height:235px; z-index:820;}
#tinke_parts .no01 {background:url(../images/product/body/no01.png) no-repeat center center; opacity:0; visibility:hidden; }
#tinke_parts .no02 {background:url(../images/product/body/no02.png) no-repeat center center; opacity:0; visibility:hidden; }
#tinke_parts .no03 {background:url(../images/product/body/no03.png) no-repeat center center; opacity:0; visibility:hidden; }
#tinke_parts .no04 {background:url(../images/product/body/no04.png) no-repeat center center;}
#tinke_parts .body_shadow {}

/*** COLOURS ***/

#colorselector { display:block;visibility:hidden;opacity:0;position:absolute; left:90px;top:270px; z-index:80; width:100px; }

#colorselector .icons { text-align:center; margin:0 70px; }
#colorselector .icon  { cursor:pointer; height:24px; width:25px; float:left;background:url(../images/colors/icon_02.png) no-repeat;}
#colorselector .icon:hover, #colorselector .icon.click{background:url(../images/colors/icon_02over.png) no-repeat;}
/*
#colorselector .blue {background:url(../images/colors/icon_02.png) no-repeat;}
#colorselector .blue:hover {background:url(../images/colors/icon_02over.png) no-repeat;}
#colorselector .pink {background:url(../images/colors/icon_02.png) no-repeat;}
#colorselector .pink:hover {background:url(../images/colors/icon_02over.png) no-repeat; }
#colorselector .white {background:url(../images/colors/icon_02.png) no-repeat;}
#colorselector .white:hover {background:url(../images/colors/icon_02over.png) no-repeat; }
#colorselector .black {background:url(../images/colors/icon_02.png) no-repeat;}
#colorselector .black:hover {background:url(../images/colors/icon_02over.png) no-repeat; }
*/
/*** IPHONE ***/

#iphone_wrapper {position:absolute;margin-left:auto;margin-right:auto;}
#iphone { /*width:320px; height:610px;*/ width:272px; height:235px; position:absolute;}
#iphone .iphone {background:url(../images/product/whole/no03.png); background-repeat:no-repeat;/*width:320px; height:610px;*/ width:272px; height:235px; position:absolute; z-index:840;}
#iphone .no01{background:url(../images/product/whole/no01.png) no-repeat center center;}
#iphone .no02{background:url(../images/product/whole/no02.png) no-repeat center center;}
#iphone .no03{background:url(../images/product/whole/no03.png) no-repeat center center;}
#iphone .no04{background:url(../images/product/whole/no04.png) no-repeat center center;}