/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
	}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;

caption, th {
	text-align:left;
}*/
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
	}
.lileft li{
	float:left;
	}
.block,.block a,.block span{
	display:block;
	}
button,.cursor{
	cursor:pointer;
	}
button,input,select{
	border:none;
	outline:none;
	}
a,a:hover{
	text-decoration:none;
	}
a{
	color:#333;
	}
a:hover{
	color:#00965c;
	}
.strong{
	font-weight:bold;
	}
.absolute{
	position:absolute;
	}
.relative{
	position:relative;
	}
/*scrolbal 共用樣式*/
.scroll_style{
	position:relative;
	overflow:hidden;
	}
.scroll_area{
	position:absolute;
	top:0px;
	left:0px;
	width:9999px;
	}
/*對齊 共用樣式*/
.center{
	text-align:center;
	}
.align_left{
	text-align:left;
	}
.img{
	vertical-align:middle;
	}
/*行內樣式*/
.inline_block{
	display:inline-block;
	*display:inline;
	*zoom:1;
	}
/*圖片垂直置中共用樣式*/
.img_box{
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}
.img_link{
	height:auto;
	z-index:1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*top:50%;
	}
.align_middle{
	*position:relative;
	*top:-50%;
	*left:-50%;
	}
/*================================reset================================*/
html,body{
	width:100%;
	height:100%;
	
	}
body{
	letter-spacing:0.05em;
	font-size:14px;
	color:#555;
	font-family:Arial,'微軟正黑體', Helvetica, sans-serif;
	line-height:25px;
	}
.scene_body{
	min-height:768px;
	}
.body_bg{
	background-image:url(image/index_2_1.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#f2f2f2;
	}
.reserve_bg{
	background-image:url(image/reserve_bg.png);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#f2f2f2;
	}
.wrapper{
	width:100%;
	position:relative;
	z-index:1;
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
	}
.clearfix{
	zoom:1;
	}
.clear{
	clear:both;
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
.logo {
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	display:block;
	width:148px;
	height:60px;
	cursor:pointer;
	margin:0px 0px 0px 20px;
	background:url(image/logo.jpg) 0px 50% no-repeat;
	}
h2,.h2{
	font-size:24px;
	}
h3,.h3{
	font-size:18px;
	}
h4,.h4{
	font-size:16px;
	}
h5,.h5{
	font-size:15px;
	}
h6,.h6{
	font-size:13px;
	}
.col_green{
	color:#3b7500;
	}
.col_green1{
	color:#488a00;
	}
.body_padding{
	padding:40px 140px 75px 140px;
	}
.pad_rl65{
	padding-left:65px;
	padding-right:65px;
	}
.padt_85{
	padding-top:85px;
	}
.marb_10{
	margin-bottom:10px;
	}
.marb_20{
	margin-bottom:20px;
	}
.marb_25{
	margin-bottom:25px;
	}
.marb_30{
	margin-bottom:30px;
	}
.marb_40{
	margin-bottom:40px;
	}
.marb_85{
	margin-bottom:85px;
	}
.marl_35{
	margin-left:35px;
	}
.main{
	background:#fff;
	width:1240px;
	margin:0px auto;
	}
.grid_1{
	width:960px;
	margin-right:auto;
	margin-left:auto;
	}
.header{
	background:#fff;
	position:relative;
	z-index:5;
	height:60px;
	width:100%;
	min-width:1240px;
	overflow:hidden;
	}
.header .top_tool{
	font-size:15px;
	color:#333;
	line-height:60px;
	}
.header .top_tool li a{
	padding:0px 27px;
	}
.header .top_tool li:nth-child(4) a{
	padding:0px;
	}
.header .top_tool li:nth-child(4) a{
	width:145px;
	height:60px;
	background:url(image/scene_1_1_02.jpg) top center no-repeat;
	}
.header .top_tool li:nth-child(4):hover a{
	background:url(image/reservation_s.jpg) top center no-repeat;
	}
/*nav*/
.scene_footer{
	min-width:1240px;
	bottom:0px;
	left:0px;
	z-index:5;
	}
.nav_area{
	width:100%;
	background:url(image/index_2_1_07.jpg) top left repeat-x;
	}
.nav_area .nav li{
	border-top:1px solid #cbcbcb;
	background:url(image/gray_line.jpg) right top no-repeat;
	text-align:center;
	width:12.44%;
	height:49px;
	overflow:hidden;
	}
.nav_area .nav li div.nav_box{
	position:relative;
	width:100%;
	height:100%;
	}
.nav_area .nav li:hover div.nav_box span{
	-webkit-transform:rotateX(90deg) translateY(-22px);
	-moz-transform:rotateX(90deg) translateY(-22px);
	transform:rotateX(90deg) translateY(-22px);
	}
.nav_area .nav li div.nav_box span{
	width:100%;
	height:100%;
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	}
/*.nav_area .nav li div.nav_box span::before{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	left:0px;
	top:50px;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
	-webkit-transform:rotateX(-90deg);
	-moz-transform:rotateX(-90deg);
	transform:rotateX(-90deg);
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	}*/
.nav_area .nav li:hover div.nav_box .hover{
	-webkit-transform:rotateX(0deg) translateY(-49px);
	-moz-transform:rotateX(0deg) translateY(-49px);
	transform:rotateX(0deg) translateY(-49px);
	}
.nav_area .nav li div.nav_box .hover{
	width:100%;
	height:100%;
	position:absolute;
	top:49px;
	left:0px;
	text-align:center;
	background:#6bbd16;
	z-index:1;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transform:rotateX(-90deg) translateY(-49px);
	-moz-transform:rotateX(-90deg) translateY(-49px);
	transform:rotateX(-90deg) translateY(-49px);
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
	}
/*.nav_area .nav li:nth-child(1) div.nav_box span::before{
	content: url(image/nav_sence_1_s.jpg);
	}
.nav_area .nav li:nth-child(2) div.nav_box span::before{
	content: url(image/nav_sence_2_s.jpg);
	}
.nav_area .nav li:nth-child(3) div.nav_box span::before{
	content: url(image/nav_sence_3_s.jpg);
	}
.nav_area .nav li:nth-child(4) div.nav_box span::before{
	content: url(image/nav_sence_4_s.jpg);
	}
.nav_area .nav li:nth-child(5) div.nav_box span::before{
	content: url(image/nav_sence_5_s.jpg);
	}
.nav_area .nav li:nth-child(6) div.nav_box span::before{
	content: url(image/nav_sence_6_s.jpg);
	}
.nav_area .nav li:nth-child(7) div.nav_box span::before{
	content: url(image/nav_sence_7_s.jpg);
	}*/
.nav_area .nav li:nth-child(8){
	background:none;
	}
.nav_area .nav li:nth-child(8) a{
	width:33%;
	height:100%;
	}
.nav_area .nav li:nth-child(8) a.fb{
	background:url(image/fb.jpg) 50% 50% no-repeat;
	}
.nav_area .nav li:nth-child(8) a.fb:hover{
	background:url(image/fb_s.jpg) 50% 50% no-repeat;
	}
.nav_area .nav li:nth-child(8) a.twitter{
	background:url(image/twitter.jpg) 50% 50% no-repeat;
	}
.nav_area .nav li:nth-child(8) a.twitter:hover{
	background:url(image/twitter_s.jpg) 50% 50% no-repeat;
	}
.nav_area .nav li:nth-child(8) a.google{
	background:url(image/googleplus.jpg) 50% 50% no-repeat;
	}
.nav_area .nav li:nth-child(8) a.google:hover{
	background:url(image/googleplus_s.jpg) 50% 50% no-repeat;
	}
.footer{
	overflow:hidden;
	background:#2ca274;
	padding:3px 20px 2px 20px;
	line-height:20px;
	color:#fff;
	font-size:12px;
	}
.footer a{
	color:#fff;
	}
.footer a:hover{
	color:#d5ffa9;
	}
.footer a img{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}
.footer h6{
	font-weight:normal;
	font-size:12px;
	}
/*場景產品選擇*/
.pro_select{
	z-index:2;
	width:100%;
	min-width:1240px;
	position:absolute;
	left:0px;
	bottom:41px;
	background:url(image/select_hover.png) top center repeat;
	height:146px;
	padding:7px 0px 0px 0px;
	}	
.pro_select li:hover,
.pro_select li.now{
	color:#fff;
	background:url(image/hover_green.png) top center no-repeat;
	}
.pro_select li.now2{
	color:#fff;
	background:url(image/hover_green_s.png) top center no-repeat;
	}	
.pro_select li.ui-draggable-dragging .select_item{
	top:30px;
	}
.pro_select li.lock{
	cursor:auto;
	color:#000;
	background:none;
	}
.pro_select li{
	cursor:pointer;
	color:#ccc;
	padding:12px 13px 0px 13px;
	margin:0px 10px;
	width:120px;
	height:134px;
	text-align:center;
	}
.pro_select li .angle{
	display:none;
	width:28px;
	height:15px;
	position:absolute;
	top:-15px;
	left:50%;
	margin:0px 0px 0px -14px;
	background:url(image/1_03.png) top center no-repeat;
	}
.pro_select li .select_item .pro_pic .shadow{
	z-index:1;
	bottom:0px;
	left:50%;
	margin:0px 0px 0px -31px;
	width:63px;
	height:12px;
	background:url(image/scene_pro_shadow.png) top center no-repeat;
	}
.pro_select li .select_item .pro_pic{
	position:relative;
	}
.pro_select li .select_item{
	width:120px;
	}
.pro_select li .img_box{
	width:75px;
	height:60px;
	}
.pro_select li .img_link{
	max-width:75px;
	height:auto;
	}
.pro_select li img{
	position:relative;
	z-index:2;
	}
/*場景共用樣式*/
.scene_area{
	z-index:1;
	width:100%;
	height:100%;
	min-width:1240px;
	min-height:768px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	}
.scene_box{
	z-index:1;
	width:100%;
	height:100%;
	min-height:768px;
	}
.scene_bgimg{
	width:1920px;
	height:708px;
	top:60px;
	left:50%;
	margin:0px 0px 0px -960px;
	}
.scene_bg1{
	background-image:url(image/scene_bg.jpg);
	background-position:50% 60px;
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	}
.scene_bg2{
	background-image:url(image/scene_2_3.jpg);
	background-position:50% 60px;
	background-repeat:repeat-x;
	background-color:#859eb2;
	}
.scene_bg3{
	background-image:url(image/scene_3_2.jpg);
	background-position:50% 60px;
	background-repeat:repeat-x;
	background-color:#a4c2dc;
	}
.scene_bg4{
	background-image:url(image/scene_5_1.jpg);
	background-position:50% 60px;
	background-repeat:repeat-x;
	background-color:#e0d9c9;
	}
.scene_next,.scene_prev{
	width:65px;
	font-size:15px;
	font-weight:bold;
	top:50%;
	z-index:2;
	padding:52px 0px 0px 0px;
	}
.scene_prev{
	left:20px;
	background:url(image/scene_1_1_28.png) 50% 0px no-repeat;
	}
.scene_next{
	right:20px;
	background:url(image/scene_1_1_27.png) 50% 0px no-repeat;
	}
.teach_note{
	width:65px;
	height:65px;
	top:80px;
	left:20px;
	z-index:2;
	background:url(image/scene_1_1_12.png) top center no-repeat;
	display: block;
	}
.explanation_world{
	top:130px;
	left:50%;
	margin:0px 0px 0px -400px;
	width:325px;	
	}
.explanation_world h2{
	line-height:30px;
	}
.explanation_world p.align_left{
	color:#000;
	font-weight:bold;
	}
.explanation_world .characteristic_box .characteristic_item{
	margin:0px 10px;
	}
.explanation_world .characteristic_box .characteristic_item img{
	margin:0px 0px 5px 0px;
	}
.wifishow{
	width:36px;
	height:38px;
	background:url(image/hand.png) top center no-repeat;
	}
.hand{
	width:44px;
	height:40px;
	background:url(image/scene_step3_06.png) top center no-repeat;
	}
.focus{
	width:85px;
	height:85px;
	background:url(image/scene_1_1_03.png) top center no-repeat;
	}
.pro_active_area{
	overflow:hidden;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:3;
	background:url(image/scene_1_1_s1hover.png) top center repeat;
	}
/*場景說明*/
.demonstration{
	overflow:hidden;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:6;
	font-size:15px;
	background:url(image/demonstration_bg.png) top left repeat;
	}
.demonstration .pro_select{
	height:113px;
	bottom:75px;
	overflow:hidden;
	}
.demonstration .main{
	background:none;
	}
.demonstration .step_no{
	margin:0px 0px 25px 0px;
	text-align:center;
	width:190px;
	height:36px;
	line-height:36px;
	color:#fff;
	font-size:16px;
	background:url(image/scene_step1_3.png) top center no-repeat;
	}
.demonstration .main h2{
	font-size:30px;
	color:#fff;
	line-height:40px;
	font-weight:normal;
	margin:0px 0px 40px 0px;
	}
.demonstration .main p{
	color:#ccc;
	}
.demonstration .main .experience{
	padding:20px 20px 20px 129px;
	width:383px;
	height:25px;
	color:#6ee8b9;
	margin:25px 0px 0px 0px;
	background:url(image/scene_step1_03.png) top left no-repeat;
	}
.demonstration .main{
	height:100%;
	}
.demonstration .d_step1,.demonstration .d_step2,.demonstration .d_step3,.demonstration .d_step4{
	padding:25px 0px 0px 0px;
	}
.demonstration .d_step3 .powerbtn_show.power_btn{
	top:390px;
	left:215px;
	}
.demonstration .d_step3 .powerbtn_show.power_btn .wifishow{
	top:32px;
	left:75px;
	}
.demonstration .step_dot_box{
	width:100%;
	position:absolute;
	bottom:210px;
	}
.demonstration .step_dot_box .start_scene{
	width:270px;
	position:absolute;
	bottom:-100px;
	left:50%;
	margin:0px 0px 0px -135px;
	}
.demonstration .step_dot_box .start_scene span{
	line-height:42px;
	color:#ccc;
	}
.demonstration .step_dot_box .start_scene span input{
	margin:0px 10px 0px 0px;
	}
.demonstration .step_dot_box .start_scene button{
	width:155px;
	height:42px;
	background:url(image/scene_step3_3.png) top center no-repeat;
	}
.demonstration .step_dot_box .start_scene:hover button{
	background:url(image/scene_step3_03_s.png) top center no-repeat;
	}
.demonstration .step_dot li:first-child,.demonstration  .step_dot li:last-child{
	width:20px;
	height:34px;
	}
.demonstration .step_dot li:first-child,.demonstration  .step_dot li:first-child:hover{
	background:url(image/scene_step1_07.png) top center no-repeat;
	}
.demonstration .step_dot li:last-child,.demonstration  .step_dot li:last-child:hover{
	background:url(image/scene_step1_09.png) top center no-repeat;
	}
.demonstration .step_dot li:last-child.lock,.demonstration .step_dot li:first-child.lock{
	opacity:0.1;
	-moz-opacity:0.1;
	filter:alpha(opacity=10);
	cursor:auto;
	}
.demonstration .step_dot li{
	cursor:pointer;
	width:25px;
	height:25px;
	margin:0px 10px;
	background:url(image/scene_step1_14.png) top center no-repeat;
	}
.demonstration  .step_dot li.now,.demonstration  .step_dot li:hover{
	background:url(image/scene_step1_12.png) top center no-repeat;
	}
.demonstration .drop_show{
	width:143px;
	height:144px;
	top:50px;
	left:50%;
	z-index:10;
	margin:0px 0px 0px -31px;
	background:url(image/scene_step2_3.png) top center no-repeat;
	}
.demonstration.scene_tip2 .drop_show{
	background:url(image/scene_1_2_step1_4.png) top center no-repeat;
	}
.demonstration.scene_tip2 .drop_show_1{
	background:url(image/scene_step2_3.png) top center no-repeat;
	}	
.demonstration .scene_tip_box{
	position:absolute;
	left:50%;
	margin:0px 0px 0px 499px;
	top:25px;
	z-index:100;
	width:121px;
	height:124px;
	background:url(image/scene_step1_05.png) top center no-repeat;
	}
.demonstration .scene_tip_box .pre_tip,.demonstration .scene_tip_box .next_tip{
	width:121px;
	height:38px;
	cursor:pointer;
	}
.demonstration .scene_tip_box .tip_now{
	line-height:45px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#6ee8b9;
	}
.demonstration .scene_tip_box .pre_tip.lock{
	background:url(image/scene_step1_9s.png) 50% 50% no-repeat;
	}
.demonstration .scene_tip_box .pre_tip{
	background:url(image/scene_step1_9.png) 50% 50% no-repeat;
	}
.demonstration .scene_tip_box .next_tip.lock{
	background:url(image/scene_step1_8s.png) 50% 50% no-repeat;
	}
.demonstration .scene_tip_box .next_tip{
	background:url(image/scene_step1_8.png) 50% 50% no-repeat;
	}
.demonstration .notip{
	width:77px;
	height:50px;
	position:absolute;
	top:160px;
	left:50%;
	padding:37px 0px 0px 10px;
	margin:0px 0px 0px 520px;
	background:url(image/scene_1_2_step4_03.png) top center no-repeat;
	}
.demonstration .startscene{
	cursor:pointer;
	width:87px;
	height:87px;
	position:absolute;
	top:230px;
	left:50%;
	margin:0px 0px 0px 520px;
	background:url(image/scene_1_2_step.png) top center no-repeat;
	}
.demonstration .note_box{
	left:50%;
	top:50%;
	margin:-250px 0px 0px -250px;
	padding:0px;
	width:523px;
	height:259px;
	background:url(image/scene_1_2_step2_7.png) top center no-repeat;
	}
.demonstration .note_box .padding_style{
	padding:31px 34px 37px 34px;
	}
.demonstration .note_style .left_part{
	width:250px;
	}
.demonstration .main .note_box h2{
	color:#333;
	margin-bottom:20px;
	}
.demonstration .main .note_box h3{
	font-size:18px;
	}
.demonstration .main .note_box p{
	color:#555;
	margin:0px 0px 20px 0px;
	}
/*情境一場景一*/
.scene_1_1 .chandelier,.demonstration .chandelier{
	width:174px;
	height:168px;
	background:url(image/scene_1_1_10.png) top center no-repeat;
	top:60px;
	left:50%;
	margin:0px 0px 0px 160px;
	}
.tablelamp{
	width:148px;
	height:243px;
	background:url(image/scene_1_1_32.png) top center no-repeat;
	}
.scene_1_1 .tablelamp{
	top:430px;
	left:50%;
	margin:0px 0px 0px 260px;
	}
.thermometer{
	width:42px;
	height:134px;
	background:url(image/scene_1_1_21.png) top center no-repeat;
	}
.scene_1_1 .thermometer{
	top:200px;
	left:50%;
	margin:0px 0px 0px 35px;
	}
.scene_1_1 .chandelier .focus,.demonstration .chandelier .focus{
	right:0px;
	top:100px;
	}
.scene_1_1 .tablelamp .focus{
	right:30px;
	top:10px;
	}
.scene_1_1 .thermometer .focus{
	top:-30px;
	right:-40px;
	}
/*情境一場景二*/
.airconditioning{
	width:270px;
	height:91px;
	background:url(image/scene_1_2_2.png) top center no-repeat;
	}
.scene_1_2 .airconditioning{
	top:160px;
	left:50%;
	margin:0px 0px 0px -100px;
	}
.fan{
	background:url(image/scene_1_2_3.png) top center no-repeat;
	width:113px;
	height:155px;
	}
.scene_1_2 .fan,.demonstration .fan{
	top:400px;
	left:50%;
	margin:0px 0px 0px 440px;
	}
.infrared{
	width:138px;
	height:131px;
	background:url(image/scene_1_2_4.png) top center no-repeat;
	}
.scene_1_2 .infrared,.demonstration .infrared{
	top:400px;
	left:50%;
	margin:0px 0px 0px -500px;
	}
.scene_1_2 .airconditioning .focus{
	right:30px;
	top:30px;
	}
.scene_1_2 .fan .focus{
	right:10px;
	top:-35px;
	}
.scene_1_2 .infrared .focus{
	right:20px;
	top:-35px;
	}
.note_style .padding_style{
	padding:40px 70px;
	}
.note_style .left_part{
	width:290px;
	}
.start_btn{
	width:156px;
	height:43px;
	background:url(image/scene_1_2_s1_17.png) top center no-repeat;
	}
.start_btn:hover{
	background:url(image/scene_1_2_s1_19.png) top center no-repeat;
	}
/*情境一場景三*/
.smoke{
	width:151px;
	height:128px;
	background:url(image/scene_1_3_2.png) top center no-repeat;
	}
.scene_1_3 .smoke{
	top:145px;
	left:50%;
	}
.theft{
	width:139px;
	height:128px;
	background:url(image/scene_1_3_3.png) top center no-repeat;
	}
.scene_1_3 .theft{
	top:310px;
	left:50%;
	margin:0px 0px 0px 200px;
	}
.gas{
	width:159px;
	height:128px;
	background:url(image/scene_1_3_4.png) top center no-repeat;
	}
.scene_1_3 .gas{
	top:150px;
	left:50%;
	margin:0px 0px 0px 350px;
	}
.scene_1_3 .smoke .focus{
	right:-35px;
	}
.scene_1_3 .theft .focus{
	right:-35px;
	}
.scene_1_3 .gas .focus{
	right:-40px;
	top:20px;
	}
.active_style_3.s_1_3_1 .warning{
	top:240px;
	}
.active_style_3.s_1_3_2 .warning{
	top:315px;
	}
.active_style_3.s_1_3_3 .warning{
	top:275px;
	}
/*情境二場景一*/
.garage{
	width:135px;
	height:135px;
	background:url(image/scene_2_1_1.png) top center no-repeat;
	}
.scene_2_1 .garage{
	top:400px;
	left:50%;
	margin:0px 0px 0px -100px;
	}
.scene_2_1 .theft{
	top:240px;
	left:50%;
	margin:0px 0px 0px 35px;
	}
.monitor{
	width:129px;
	height:127px;
	background:url(image/scene_2_1_2.png) top center no-repeat;
	}
.scene_2_1 .monitor{
	top:80px;
	left:50%;
	margin:0px 0px 0px 200px;
	} 
.temperature{
	width:148px;
	height:127px;
	background:url(image/scene_2_1_3.png) top center no-repeat;
	}
.scene_2_1 .temperature{
	top:300px;
	left:50%;
	margin:0px 0px 0px 370px;
	}
.scene_2_1 .garage .focus{
	top:20px;
	right:-35px;
	}
.scene_2_1 .theft .focus{
	top:20px;
	right:-35px;
	}
.scene_2_1 .monitor .focus{
	top:20px;
	right:-35px;
	}
.scene_2_1 .temperature .focus{
	top:-40px;
	right:20px;
	}
.hint{
	position:absolute;
	right:-25px;
	top:100px;
	padding:5px 10px;
	border:2px solid #269f70;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	font-size:12px;
	background:#ecfff8;
	width:150px;
	line-height:16px;
	}
.hint span{
	color:#00965c;
	font-weight:bold;
	}
.refrsh_conect{
	cursor:pointer;
	width:95px;
	height:22px;
	position:absolute;
	top:-25px;
	left:50%;
	margin:0px 0px 0px -47px;
	background:url(image/scene_1_2_03.png) top center no-repeat;
	}
/*情境二場景二*/
.scene_2_2 .chandelier{
	width:91px;
	height:171px;
	background:url(image/scene_2_2_3.png) top center no-repeat;
	top:60px;
	left:50%;
	margin:0px 0px 0px -20px;
	}
.scene_2_2 .tv{
	width:168px;
	height:230px;
	top:250px;
	left:50%;
	margin:0px 0px 0px 190px;
	background:url(image/scene_2_2_4.png) top center no-repeat;
	}
.scene_2_2 .nightlights{
	width:82px;
	height:207px;
	top:270px;
	left:50%;
	margin:0px 0px 0px 400px;
	background:url(image/scene_2_2_5.png) top center no-repeat;
	}
.scene_2_2 .chandelier .focus{
	top:70px;
	right:-40px;
	}
.scene_2_2 .tv .focus{
	top:-10px;
	right:-20px;
	}
.scene_2_2 .nightlights .focus{
	top:-40px;
	right:-30px;
	}
/*情境二場景三*/	
.scene_2_3 .explanation_world p,.scene_3_1 .explanation_world p{
	color:#fff;
	}
.scene_2_3 .smoke{
	top:90px;
	left:50%;
	margin:0px 0px 0px -90px;
	}
.scene_2_3 .theft{
	top:210px;
	left:50%;
	margin:0px 0px 0px 180px;
	}
.scene_2_3 .gas{
	top:380px;
	left:50%;
	margin:0px 0px 0px 320px;
	}
.scene_2_3 .smoke .focus{
	top:0px;
	right:-40px;
	}
.scene_2_3 .theft .focus{
	top:0px;
	right:-30px;
	}
.scene_2_3 .gas .focus{
	top:20px;
	right:-40px;
	}
/*情境三場景二*/
.home{
	width:135px;
	height:135px;
	top:80px;
	left:50%;
	margin:0px 0px 0px 400px;
	background:url(image/scene_3_2_n_03.png) top center no-repeat;
	}
.warning_home{
	width:60px;
	height:63px;
	top:150px;
	left:50%;
	margin:0px 0px 0px 170px;
	background:url(image/scene_3_2_n_06.png) top center no-repeat;
	}
/*情境三場景三*/
.scene_3_1 .security{
	width:149px;
	height:127px;
	top:410px;
	left:50%;
	margin:0px 0px 0px -80px;
	background:url(image/scene_3_1_21.png) top center no-repeat;
	}
.scene_3_1 .timing{
	width:148px;
	height:127px;
	top:90px;
	left:50%;
	background:url(image/scene_3_1_03.png) top center no-repeat;
	}
.scene_3_1 .remote{
	width:127px;
	height:127px;
	top:245px;
	left:50%;
	margin:0px 0px 0px 150px;
	background:url(image/scene_3_1_14.png) top center no-repeat;
	}
.scene_3_1 .security .focus,.scene_3_1 .timing .focus,.scene_3_1 .remote .focus{
	top:-40px;
	right:20px;
	}
/*情境四*/
.scene_4_1 .concentrated{
	width:160px;
	height:132px;
	background:url(image/scene_4_1_11.png) top center no-repeat;
	top:300px;
	left:50%;
	margin:0px 0px 0px 70px;
	}
.scene_4_1 .energy_saving{
	width:160px;
	height:135px;
	top:120px;
	left:50%;
	margin:0px 0px 0px 250px;
	background:url(image/scene_4_1_03.png) top center no-repeat;
	}
.scene_4_1 .concentrated .focus,.scene_4_1 .energy_saving .focus{
	top:-35px;
	right:20px;
	}
.s4_1.active_style_2 .doit_btn .wifishow{
	right:0px;
	left:50px;
	top:5px;
	}
/*情境五*/
.scene_5_1 .energy{
	width:145px;
	height:133px;
	background:url(image/scene_5_1_06.png) top center no-repeat;
	top:250px;
	left:50%;
	margin:0px 0px 0px 0px;
	}
.scene_5_1 .access{
	width:145px;
	height:142px;
	top:130px;
	left:50%;
	margin:0px 0px 0px 330px;
	background:url(image/scene_5_1_03.png) top center no-repeat;
	}
.scene_5_1 .access .focus{
	top:-25px;
	right:20px;
	}
.scene_5_1 .energy .focus{
	top:-35px;
	right:20px;
	}
.s5-1.active_style_2 .wifishow{
	top:0px;
	left:45px;
	}
/*情境六*/
.scene_6_1 .notice{
	width:156px;
	height:127px;
	background:url(image/scene_6_1_14.png) top center no-repeat;
	top:370px;
	left:50%;
	margin:0px 0px 0px 220px;
	}
.scene_6_1 .autoopen{
	width:148px;
	height:127px;
	background:url(image/scene_6_1_08.png) top center no-repeat;
	top:250px;
	left:50%;
	margin:0px 0px 0px 0px;
	}
.scene_6_1 .autoopen .focus,.scene_6_1 .notice .focus{
	top:-35px;
	right:20px;
	}
/*互動區*/
.pro_active_area .pro_active_box{
	width:100%;
	height:100%;
	}
/*手機(右)*/
.pro_active_area .phone{
	width:331px;
	height:694px;
	top:150px;
	left:50%;
	margin:0px 0px 0px -450px;
	}
.pro_active_area .phone .bg{
	width:331px;
	height:694px;
	top:0px;
	left:0px;
	background:url(image/scene_1_1_s1_03.png) top center no-repeat;
	}
.pro_active_area .phone .phone_set{
	padding:122px 31px 109px 31px;
	width:270px;
	}
/*左邊設定*/
.pro_active_area .circle_area,.d_step3 .circle_area{
	line-height:25px;
	width:385px;
	height:332px;
	bottom:270px;
	left:50%;
	margin:0px 0px 0px 50px;
	}
.pro_active_area .circle_area h3,.d_step3 .circle_area h3{
	margin:0px 0px 10px 0px;
	}
.pro_active_area .circle_area .active_pic,.d_step3 .circle_area .active_pic{
	position:relative;
	margin:0px auto 10px auto;
	width:333px;
	height:332px;
	background:url(image/scene_1_1_s1_06.png) top center no-repeat;
	}
.pro_active_area .circle_area .active_pic img,.d_step3 .circle_area .active_pic img{
	max-width:333px;
	max-height:332px;
	}
.pro_active_area .wifi{
	width:76px;
	height:98px;
	bottom:400px;
	left:50%;
	margin:0px 0px 0px -80px;
	background:url(image/scene_1_1_s1_13.png) top center no-repeat;
	}
.pro_active_area .close_btn{
	width:59px;
	height:59px;
	top:120px;
	left:50%;
	margin:0px 0px 0px 550px;
	background:url(image/scene_1_1_s1_09.png) top center no-repeat;
	}
.z1{
	z-index:1;
	}
.z2{
	z-index:2;
	}
.active_pic .active_show{
	top:0px;
	left:0px;
	}
/*只有APP*/
.active_style_1 .circle_area{
	bottom:180px;
	}
/*APP 可操做+特效*/
.active_style_2 .power_btn,.active_style_2 .relay_btn,.demonstration .d_step3 .power_btn{
	width:104px;
	height:104px;
	top:242px;
	left:51px;
	}
.active_style_2 .power_btn,.demonstration .d_step3 .power_btn{
	background:url(image/btn_ControlUni_toggle_off.png) top center no-repeat;
	}
.active_style_2 .relay_btn{
	background:url(image/relay_off.png) top center no-repeat;
	}
.active_style_2 .power_btn.click{
	background:url(image/btn_ControlUni_toggle_on.png) top center no-repeat;
	}
.active_style_2 .relay_btn.click{
	background:url(image/relay_on.png) top center no-repeat;
	}
.active_style_2 .power_btn .wrapper .focus,.active_style_2 .relay_btn .wrapper .focus{
	top:5px;
	right:-30px;
	}
.active_style_2 .scene_btn,.active_style_2 .scene_btn_1{
	width:270px;
	height:35px;
	left:31px;
	}
.active_style_2 .scene_btn.now_on,.active_style_2 .scene_btn_1.now_on{
	width:264px;
	height:29px;
	border:3px solid #ff8821;
	}
.active_style_2 .scene_btn{
	top:165px;
	}
.active_style_2 .scene_btn_1{
	top:200px;
	}
.active_style_2 .scene_btn .wrapper .focus,.active_style_2 .scene_btn_1 .wrapper .focus{
	top:-25px;
	right:0px;
	}
.active_style_2 .doit_btn{
	top:348px;
	}
.active_style_2 .doit_btn .wifishow{
	right:-5px;
	top:5px;
	}
.active_style_2 .doit_btn .wrapper .hand{
	right:-35px;
	top:27px;
	}	
.active_style_2 .comein_btn{
	top:213px;
	}
.active_style_2 .goout_btn{
	top:262px;
	}
.active_style_2 .comein_btn,.active_style_2 .goout_btn,.active_style_2 .doit_btn{
	right:43px;
	width:76px;
	height:38px;
	background:url(image/toggle_detail_unit_edit_06.png) 50% 50% no-repeat;
	}
.active_style_2 .comein_btn.click,.active_style_2 .goout_btn.click,.active_style_2 .doit_btn.click{
	background:url(image/toggle_detail_unit_edit_03.png) top center no-repeat;
	}
.active_style_2 .comein_btn .focus,.active_style_2 .goout_btn .focus,.active_style_2 .doit_btn .focus{
	right:-40px;
	top:-25px;
	}
.active_style_2 .wifishow{
	top:30px;
	left:70px;
	}
.active_style_2 .hand{
	top:100px;
	left:95px;
	}
.active_style_2.swich_style .wifishow{
	left:50px;
	}
.active_style_2.swich_style .hand{
	left:70px;
	}
.active_style_2 .scene_btn .wifishow{
	left:207px;
	top:5px;
	}
.active_style_2 .scene_btn .hand{
	left:230px;
	top:-20px;
	}
.active_style_2 .scene_btn_1 .wifishow{
	left:207px;
	top:5px;
	}
.active_style_2 .scene_btn_1 .hand{
	left:230px;
	top:-20px;
	}
/*APP 不可操做+特效*/
.active_style_3 .warning{
	right:38px; 
	top:278px;
	}
.active_style_3 .alert_box{
	width:220px;
	height:22px;
	line-height:22px;
	background:url(image/note.png) top center no-repeat;
	padding:2px 10px 4px 10px;
	text-align:center;
	color:#fff;
	font-size:13px;
	top:400px;
	left:50%;
	margin:0px 0px 0px -120px;
	}
.s_3_1_1 .w2{
	top:315px;
	}
.s_3_1_1 .w3{
	top:350px;
	}
/*連動*/
.active_style_4 .conect_btn,.d_step4 .phone .conect_btn{
	width:76px;
	height:38px;
	background:url(image/toggle_detail_unit_edit_6.png) top center no-repeat;
	top:425px;
	}
.active_style_4 .conect_btn.click{
	background:url(image/toggle_detail_unit_edit_3.png) top center no-repeat;
	}
.active_style_4 .conect_btn .wifishow,.d_step4 .conect_btn .wifishow{
	right:-5px;
	top:5px;
	}
.active_style_4 .conect_btn .wrapper .hand,.d_step4 .conect_btn .wrapper .hand{
	right:-35px;
	top:27px;
	}
.active_style_4 .conect_detail .conect_btn,.d_step4 .conect_detail .conect_btn{
	right:35px;
	top:215px;
	}
.active_style_4  .conect_left .conect_btn{
	left:45px;
	}
.active_style_4 .conect_right .conect_btn{
	right:45px;
	}
.control_pro .conect_right .conect_btn{
	top:463px;
	}
/*提示框*/
.note_box{
	line-height:25px;
	left:50%;
	top:200px;
	margin:0px 0px 0px -334px;
	z-index:10;
	width:668px;
	padding:20px 0px 0px 0px;
	background:url(image/scene_1_2_s1_06.png) top center no-repeat;
	}
.note_box .box_middle{
	padding:0px 4px;
	background:url(image/scene_1_2_s1_06-02.png) top center repeat-y;
	}
.note_box .box_bottom{
	background:url(image/scene_1_2_s1_06-06.png) top center no-repeat;
	height:27px;
	}
.input_item .checkbox{
	vertical-align:middle;
	margin:0px 5px 0px 0px;
	}
/*內頁共用*/
.title_box h2{
	font-size:21px;
	color:#333;
	padding:10px 0px 5px 0px;
	}
.title_box .fleft:nth-child(1){
	width:67px;
	height:67px;
	margin:0px 20px 0px 0px;
	}
.user_edit ol,.user_edit ul{
	padding-left:25px;
	}
.green_box{
	background:#f4ffe2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	}
/*產品詳細頁*/
.pro_picshow{
	width:800px;
	height:360px;
	margin:0px auto;
	}
.pro_picshow .img_box{
	width:800px;
	height:360px;
	}
.pro_picshow .img_link{
	max-width:800px;
	height:auto;
	}
.pro_specification{
	padding:25px 35px;
	font-size:13px;
	font-weight:bold;
	}
.pro_specification img{
	width:155px;
	height:auto;
	margin:0px 35px 0px 0px;
	}
.pro_specification p{
	padding:20px 0px 0px 0px;
	}
.pro_specification .p1{
	width:370px;
	margin:0px 30px 0px 0px;
	}
.pro_specification .p2{
	width:115px;
	}
.reservation_btn{
	width:227px;
	height:57px;
	background:url(image/products_detail_1_43.jpg) top center no-repeat;
	}
.reservation_btn:hover{
	background:url(image/products_detail_1_46.jpg) top center no-repeat;
	}
.defi_icon{
	width:110px;
	height:29px;
	z-index:2;
	top:140px;
	left:50px;
	background:url(image/products_detail_1_18.jpg) top center no-repeat;
	}
.backlist_btn{
	top:130px;
	left:-80px;
	width:67px;
	height:65px;
	background:url(image/products_detail_1_10.jpg) top center no-repeat;
	}
.nextpro_btn{
	top:130px;
	right:-80px;
	width:67px;
	height:65px;
	background:url(image/products_detail_1_13.jpg) top center no-repeat;
	}
/*首頁*/
.index{
	position:relative;
	min-height:768px;
	}
.index_box{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	}
.index .grid_1{
	top:50%;
	left:50%;
	margin:-230px 0px 0px -480px;
	}
.banner_area{
	width:960px;
	}
.index .grid_1 .scroll_style,.index .grid_1 .scroll_box{
	width:400px;
	height:380px;
	}
.index .grid_1 .scroll_box img{
	max-width:400px;
	max-height:380px;
	}
.index .right_part{
	width:435px;
	}
.index .features_icon a{
	text-align:center;
	width:92px;
	padding:100px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	color:#4d9900;
	font-weight:bold;
	}
.index .features_icon a:last-child{
	margin:0px;
	}
.index .features_icon a:nth-child(1){
	background:url(image/index_btn_1.png) top center no-repeat;
	}
.index .features_icon a:nth-child(3){
	background:url(image/index_btn_2.png) top center no-repeat;
	}
.index .features_icon a:nth-child(2){
	background:url(image/index_btn_3.png) top center no-repeat;
	}
.index .features_icon a:nth-child(4){
	background:url(image/index_btn_4.png) top center no-repeat;
	}
.index .features_icon a:nth-child(1):hover{
	background:url(image/index_btn_1s.png) top center no-repeat;
	}
.index .features_icon a:nth-child(3):hover{
	background:url(image/index_btn_2s.png) top center no-repeat;
	}
.index .features_icon a:nth-child(2):hover{
	background:url(image/index_btn_3s.png) top center no-repeat;
	}
.index .features_icon a:nth-child(4):hover{
	background:url(image/index_btn_4s.png) top center no-repeat;
	}
.index .indexbtn_tool a.reserve_btn{
	width:155px;
	height:42px;
	margin:35px 0px 0px 0px;
	background:url(image/index_2_1_30.png) top center no-repeat;
	}
.google_play_box{
	padding:10px 20px 0px 20px;
	}
.index .indexbtn_tool a.google_play{
	width:128px;
	height:42px;
	background:url(image/index_2_1_32.png) top center no-repeat;
	}
/*.index .indexbtn_tool a:nth-child(3){
	width:129px;
	height:42px;
	background:url(image/index_2_1_34.png) top center no-repeat;
	}*/
.qrcode{
	position:absolute;
	top:100px;
	left:50%;
	}
.index .indexbtn_tool a.reserve_btn:hover{
	background:url(image/index_2_1_30s.png) top center no-repeat;
	}
.index .left_btn,.index .right_btn{
	width:36px;
	height:60px;
	top:50%;
	left:50%;
	color:#65958c;
	letter-spacing:0.05em;
	padding-top:16px;
	}
.index .left_btn{
	margin:0px 0px 0px -620px;
	padding-left:60px;
	background:url(image/index_2_1_19.png) top center no-repeat;
	}
.index .right_btn{
	margin:0px 0px 0px 584px;
	padding-right:60px;
	background:url(image/index_2_1_22.png) top center no-repeat;
	}
.index .left_btn:hover{
	background:url(image/index_2_1_19s.png) top center no-repeat;
	}
.index .right_btn:hover{
	background:url(image/index_2_1_22s.png) top center no-repeat;
	}
/*產品列表*/
.por_list .pro_item{
	width:215px;
	margin:0px 33px 19px 0px;
	}
.por_list .pro_item:nth-child(4n+1){
	clear:both;
	}
.por_list .pro_item:nth-child(4n+4){
	margin:0px 0px 19px 0px;
	}
.por_list .pro_item .pro_img{
	position:relative;
	z-index:2;
	padding:0px 5px;
	}
.por_list .pro_item .img_box{
	width:205px;
	height:155px;
	}
.por_list .pro_item .img_link{
	max-width:205px;
	height:auto;
	}
.por_list .pro_item div.h5{
	padding:20px 0px 10px 0px;
	}
.por_list .pro_item .info_box{
	width:215px;
	position:absolute;
	z-index:10;
	display:none;
	}
.por_list .pro_item .pro_box{
	width:215px;
	padding:31px 0px 0px 0px;
	}
.por_list .pro_item:hover .pro_box{
	background:url(image/products_list_top.png) top center no-repeat;
	}
.por_list .pro_item:hover .pro_box .middle{
	position:relative;
	background:url(image/products_list_middle.png) top center repeat-y;
	}
.por_list .pro_item .pro_box .middle .icon{
	position:absolute;
	width:50px;
	height:50px;
	z-index:20;
	left:10px;
	bottom:40px;
	}
.por_list .pro_item .pro_box .middle .icon.market{
	background:url(image/1_3.png) top center no-repeat;
	}
.por_list .pro_item .pro_box .middle .icon.market_1{
	background:url(image/1_5.png) top center no-repeat;
	}
.por_list .pro_item:hover .info_box{
	display:block;
	}
.por_list .pro_item:hover .info_box .info_middle{
	padding:0px 5px;
	background:url(image/products_list_middle.png) top center repeat-y;
	}
.por_list .pro_item:hover .info_box .info{
	border-top:1px solid #f2f2f2;
	padding:15px 20px 0px 20px;
	font-size:13px;
	line-height:22px;
	color:#333;
	background:url(image/products_list_infobg.png) top center repeat-y;
	}
.por_list .pro_item:hover .info_box .bottom{
	background:url(image/products_list_bottom.png) top center no-repeat;
	height:34px;
	}
.user_edit ul.format{
	padding:0px 9px;
	text-align:center;
	width:812px;
	height:170px;
	margin:0px auto;	
	background:url(image/products_detail_bg.jpg) top center no-repeat;
	}
.format li{
	letter-spacing:normal;
	padding:75px 20px 0px 20px;
	margin:0px 27px 0px 0px;
	width:100px;
	}
.format li:last-child{
	margin:0px;
	}
.select_area .select_item{
	padding:294px 0px 0px 0px;
	width:357px;
	height:77px;
	margin:0px 25px;
	text-align:center;
	}
.select_area .select_item:nth-child(1){
	background:url(image/products_pre_1_03.png) top center no-repeat;
	}
.select_area .select_item:nth-child(2){
	background:url(image/products_pre_1_05.png) top center no-repeat;
	}
.select_area .select_item:nth-child(1):hover{
	background:url(image/products_pre_1_03s.png) top center no-repeat;
	}
.select_area .select_item:nth-child(2):hover{
	background:url(image/products_pre_1_05s.png) top center no-repeat;
	}
.select_area .select_item button{
	width:162px;
	height:42px;
	}
.select_area .select_item:nth-child(1) button{
	background:url(image/products_pre_1_08.png) top center no-repeat;
	}
.select_area .select_item:nth-child(2) button{
	background:url(image/products_pre_1_15.png) top center no-repeat;
	}
.select_area .select_item:nth-child(1):hover button{
	background:url(image/products_pre_1_11.png) top center no-repeat;
	}
.select_area .select_item:nth-child(2):hover button{
	background:url(image/products_pre_1_13.png) top center no-repeat;
	}
.solutions_word{
	width:495px;
	min-height:690px;
	padding:0px 465px 0px 0px;
	background:url(image/products_solutions_1.jpg) 650px 30px no-repeat;
	}
.about_tab{
	padding:20px 0px 0px 0px;
	}
.about_tab .tab_item a{
	color:#4d9900;
	}
.about_tab .tab_item img{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}
.about_tab .tab_item{
	font-size:15px;
	font-weight:bold;
	height:66px;
	background:url(image/words_1_2_03.png) top center repeat-x;
	padding:0px 20px;
	line-height:66px;
	margin:0px 5px;
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	}
.about_tab .tab_item.now,.about_tab .tab_item:hover{
	background:#FFF;
	}
.yellow_bg{
	background:#ffe400;
	}
.green_bg{
	background:#e4ff00;
	}
.contact_box{
	line-height:22px;
	padding:40px 64px 0px 58px;
	width:302px;
	height:584px;
	background:url(image/contacrt_1_03.png) top center no-repeat;
	}
.contact_box h2,.contact_box p{
	color:#fff;
	text-shadow:#555 0px 2px 2px;
	}
.contact_box h2{
	margin:0px 0px 15px 0px;
	font-size:32px;
	}
.contact_box form{
	padding:42px 0px 20px 0px;
	}
.contact_box form .input_item{
	margin:0px 0px 13px 0px;
	}
.contact_box form .input_item input{
	padding:5px 10px;
	height:25px;
	line-height:25px;
	background:none;
	width:282px;
	color:#555;
	}
.contact_box form .input_item .gender{
	margin:0px 0px 0px 20px;
	line-height:35px;
	color:#fff;
	}
.contact_box form .input_item input.input_172{
	width:152px;
	}
.contact_box form .input_item input.checkbox{
	width:15px;
	height:15px;
	}
.contact_box form .input_item textarea{
	padding:10px;
	width:280px;
	height:80px;
	resize:none;
	border:none;
	outline:none;
	}
.contact_box form .btn_tool button{
	width:147px;
	height:42px;
	}
.contact_box form .btn_tool button:nth-child(1){
	background:url(image/contacrt_1_06.png) top center no-repeat;
	}
.contact_box form .btn_tool button:nth-child(2){
	background:url(image/contacrt_1_08.png) top center no-repeat;
	}
.contact_box form .btn_tool button:nth-child(1):hover{
	background:url(image/contacrt_1_12.png) top center no-repeat;
	}
.contact_box form .btn_tool button:nth-child(2):hover{
	background:url(image/contacrt_1_13.png) top center no-repeat;
	}
.contact_box .h6{
	text-shadow:none;
	}
.counter_area{
	width:1240px;
	margin:0px auto 30px auto;
	padding:155px 0px 0px 0px;
	background:url(image/reserve_1_03.png) 50% 90px no-repeat;
	}
.counter_area h2{
	font-size:21px;
	font-weight:normal;
	}
.counter_area .counter_box{
	height:76px;
	overflow:hidden;
	}
.counter_area .counter_box .counter_item{
	width:53px;
	height:4619px;
	margin:0px;
	background:url(image/digits.png) top center no-repeat;
	}
.counter_area .counter_box div.day .counter_item,.counter_area .counter_box div.hour .counter_item,.counter_area .counter_box div.min .counter_item,.counter_area .counter_box div.second .counter_item{
	width:35px;
	height:76px;
	}
.counter_area .counter_box div.day .counter_item{
	background:url(image/reserve_1_07.png) 50% 50% no-repeat;
	}
.counter_area .counter_box div.hour .counter_item{
	background:url(image/reserve_1_09.png) 50% 50% no-repeat;
	}
.counter_area .counter_box div.min .counter_item{
	background:url(image/reserve_1_11.png) 50% 50% no-repeat;
	}
.counter_area .counter_box div.second .counter_item{
	background:url(image/reserve_1_13.png) 50% 50% no-repeat;
	}
.opacity_box{
	width:968px;
	margin:0px auto;
	background:url(image/reserve_1_20.png) top center no-repeat;
	padding:59px 0px 100px 0px;
	}
.opacity_box .middle{
	padding:0px 60px;
	background:url(image/reserve_1_39.png) top center repeat-y;
	}
.opacity_box .bottom{
	height:48px;
	background:url(image/reserve_1_45.png) top center no-repeat;
	}
.opacity_box  ul{
	padding:0px 0px 60px 0px;
	}
.opacity_box  ul li{
	cursor:pointer;
	position:relative;
	width:110px;
	margin:0px 37px 10px 0px;
	}
.opacity_box  ul li:nth-child(6n+6){
	margin:0px 0px 10px 0px;
	}
.opacity_box  ul li .img_box{
	width:110px;
	height:75px;
	}
.opacity_box  ul li .img_link{
	max-width:110px;
	height:auto;
	}
.opacity_box  ul li img{
	max-width:110px;
	max-height:75px;
	}
.opacity_box  ul li:hover .pro_top,.opacity_box  ul li.now .pro_top{
	background:url(image/reserve_1_24.png) top center no-repeat;
	}
.opacity_box  ul li .pro_top{
	height:15px;
	}
.opacity_box  ul li:hover .pro_center,.opacity_box  ul li.now .pro_center{
	background:url(image/reserve_1_24-08.png) top center repeat-y;
	}
.opacity_box  ul li:hover .pro_bottom,.opacity_box  ul li.now .pro_bottom{
	background:url(image/reserve_1_24-09.png) top center no-repeat;
	}
.opacity_box  ul li .pro_bottom{
	height:20px;
	}
.opacity_box  ul li:hover .hover_info{
	display:block;
	}
.opacity_box  ul li .hover_info{
	display:none;
	z-index:100;
	position:absolute;
	top:105px;
	left:50%;
	margin:0px 0px 0px -85px;
	width:142px;
	height:80px;
	overflow:hidden;
	background:url(image/reserve_1_bg.png) top center no-repeat;
	padding:15px 15px 17px 15px;
	}
.opacity_box  ul li .hover_info h5{
	font-size:14px;
	line-height:22px;
	color:#488a00;
	}
.opacity_box  ul li .hover_info h4{
	color:#333;
	font-size:12px;
	line-height:18px;
	}
.opacity_box  ul li .hover_info p{
	line-height:18px;
	font-size:12px;
	height:36px;
	overflow:hidden;
	}
.opacity_box .input_item{
	margin:0px auto;
	width:529px;
	height:42px;
	background:url(image/reserve_1_42.png) top center no-repeat;
	}
.opacity_box .input_item input{
	background:none;
	height:25px;
	line-height:25px;
	width:354px;
	padding:8px 10px 9px 10px;
	}
.opacity_box .input_item button{
	width:155px;
	height:42px;
	background:none;
	}
.lock{
	opacity:0.2;
	filter:alpha(opacity=20);	
	-moz-opacity:0.2;
	cursor: default;
}
#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top:0px;
	z-index: 200;	
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity:80);
	background-color: #bbb;
}
#loading img{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0px 0px -16px;
}
.message_box{
	z-index:10000;
	position:absolute;
	top:50%;
	left:50%;
	margin:-75px 0px 0px -155px;
	padding:20px 22px 25px 22px;
	width:310px;
	height:200px;
	background-color: #fff;
	/*border: #3b7500 2px solid;*/
	border: #488a00 2px solid;
	}
.img_box{
	width:310px;
	height:200px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}
.contact_box form .code{
	padding:8px 0px 16px 0px;
	}
.contact_box form .code.input_item input{
	width:90px;
	background:none;
	}
.contact_box form .code.input_item button{
	width:35px;
	height:35px;
	margin:0px 5px 0px 10px;
	background:none;
	}
.about_bg{
	background:url(image/about_03.jpg) right top no-repeat;
	padding:50px 490px 0px 0px;
	margin:0px 0px 50px 0px;
	height:182px;
	}
.start_note{
	width:125px;
	height:69px;
	position:absolute;
	bottom:75px;
	left:50%;
	margin:0px 0px 0px -62px;
	background:url(image/start_note.png) top center no-repeat;
	}<br />
<b>Fatal error</b>:  require_once() [<a href='function.require'>function.require</a>]: Failed opening required 'css/theme_submenu.css' (include_path='.:') in <b>/home/httpd/vhosts/linkadvance.com.tw/httpdocs/preview/css.php</b> on line <b>7</b><br />