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

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#0075c2; font-family:"Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif; font-size:16px; font-size:100%; color:#333333; }

a { outline:none; text-decoration:none; }

ul { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, p { padding:0; margin:0; }

img { border:none; }

input { font-family:"Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1128px; background:url(../img/inner_bg.jpg) repeat center top; }

#top { width:100%; height:131px; background-color:#ffffff; border-bottom:8px solid #0174c1; }
#top .top_area { width:1128px; height:131px; margin:0px auto -8px auto; background-color:#ffffff; border-bottom:8px solid #0174c1; }
#top .logo { float:left; padding-top:17px; padding-left:47px; }
#top .logo a { display:block; width:518px; height:106px; background:url(../img/r2r_design_logo.png) no-repeat left top; }
#top .top_nav { float:right; padding-top:50px; padding-right:17px; }
#top .top_nav ul { text-align:right; }
#top .top_nav ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:81px; margin:0px -2px 0px 4px; *margin:0px 0px 0px 6px; position:relative; }
#top .top_nav ul li.onSite { background:url(../img/top_site_row.jpg) no-repeat center bottom; }
#top .top_nav ul li a { display:block; width:61px; height:61px; background-repeat:no-repeat; background-position:center top; }
#top .top_nav ul li .site_name { position:absolute; top:87px; width:200px; height:42px; background-color:#ffffff; border:3px solid #0174c1; display:none; }

li#top_nav_1 a { background-image:url(../img/top_nav_1.png); }
li#top_nav_1 .site_name { left:0px; }
li#top_nav_2 a { background-image:url(../img/top_nav_2.png); }
li#top_nav_2 .site_name { left:0px; }
li#top_nav_3 a { background-image:url(../img/top_nav_3.png); }
li#top_nav_3 .site_name { left:0px; }
li#top_nav_4 a { background-image:url(../img/top_nav_4.png); }
li#top_nav_4 .site_name { left:0px; }
li#top_nav_5 a { background-image:url(../img/top_nav_5.png); }
li#top_nav_5 .site_name { left:0px; }
li#top_nav_6 a { background-image:url(../img/top_nav_6.png); }
li#top_nav_6 .site_name { left:0px; }
li#top_nav_7 a { background-image:url(../img/top_nav_7.png); min-width:87px;}
li#top_nav_7 .site_name { left:0px; }

#main { width:100%; background:url(../img/inner_bg_patten.jpg) no-repeat center top; }
#main .main_area { width:1128px; min-height:637px; margin:0px auto; background:url(../img/inner_bg_patten.jpg) no-repeat center top; }
#main .menu_area { width:1082px; padding-left:46px; position:relative; text-align:center; }

#main .inner_menu a.menu_btn { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px -3px; *margin:0px -1px; height:41px; padding:11px 17px 0px 17px; border:3px solid #ccffff; border-top:none; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; border-radius:0px 0px 6px 6px; background:#094E95; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#094E95), to(#87cee6)); background:-webkit-linear-gradient(#094E95, #87cee6); background:-moz-linear-gradient(#094E95, #87cee6); background:-ms-linear-gradient(#094E95, #87cee6); background:-o-linear-gradient(#094E95, #87cee6); background:linear-gradient(#094E95, #87cee6); -pie-background:linear-gradient(#094E95, #87cee6); behavior:url(pie/PIE.php); position:relative; text-align:center; }
#main .inner_menu a.menu_btn span { display:inline-block; width:118px; height:32px; background:url(../img/inner_menu_btn.png) no-repeat; }

#main .inner_menu a#menu_1 { }
#main .inner_menu a#menu_1 span { background-position:0 0 !important; }
#main .inner_menu a#menu_1:hover span { background-position:0 -50px !important; }
#main .inner_menu a#menu_2 { }
#main .inner_menu a#menu_2 span { background-position:-159px 0 !important; }
#main .inner_menu a#menu_2:hover span { background-position:-159px -50px !important; }
#main .inner_menu a#menu_3 { }
#main .inner_menu a#menu_3 span { background-position:-314px 0 !important; }
#main .inner_menu a#menu_3:hover span { background-position:-314px -50px !important; }
#main .inner_menu a#menu_4 { }
#main .inner_menu a#menu_4 span { background-position:-469px 0 !important; }
#main .inner_menu a#menu_4:hover span { background-position:-469px -50px !important; }
#main .inner_menu a#menu_5 { padding:11px 24px 0px 24px; }
#main .inner_menu a#menu_5 span { width:220px; background-position:-634px 0 !important; }
#main .inner_menu a#menu_5:hover span { background-position:-634px -50px !important; }
#main .inner_menu a#menu_6 { }
#main .inner_menu a#menu_6 span { background-position:-896px 0 !important; }
#main .inner_menu a#menu_6:hover span { background-position:-896px -50px !important; }

#main .title { width:1038px; height:58px; padding-top:13px; margin-left:72px; margin-top:25px; position:relative; background:url(../img/title.png) no-repeat; }
#main .sub_title { width:269px; height:41px; margin-left:252px; background:url(../img/sub_title.png) no-repeat; }

#main .service_concept_title { background-position:0 0 !important; }
#main .interior_design_title { background-position:0 -100px !important; }
#main .service_process_title { background-position:0 -200px !important; }
#main .added_services_title { background-position:0 -300px !important; }
#main .faq_title { background-position:0 -400px !important; }
#main .contact_us_title { background-position:0 -500px !important; }

#main .taboos_title { background-position:0 0 !important; }
#main .create_storage_space_title { background-position:0 -50px !important; }
#main .spatial_transformation_title { background-position:0 -100px !important; }
#main .design_flow_title { background-position:0 -150px !important; }
#main .engineering_process_title { background-position:0 -200px !important; }

#main .content_area { width:100%; padding-top:20px; position:relative; }
#main .left_side { float:left; width:298px; }
#main .left_side .left_sub_menu { padding-left:66px; padding-bottom:14px; }
#main .left_side .left_sub_menu a { display:block; width:166px; height:49px; margin-bottom:5px; border:3px solid #ffffff; box-shadow:2px 2px 2px rgba(0,0,0,0.7); border-radius:12px; behavior:url(pie/PIE.php); position:relative; }
#main .right_side { float:right; width:830px; position:relative; }
#main .content { width:100%; min-height:466px; font-size:16px; font-weight:bold; line-height:22px; }
#main .dolls_img { position:absolute; z-index:100; width:283px; height:322px; }
#main .left_dolls { left:124px; bottom:90px; background:url(../img/dolls_img_left.png) no-repeat left top; }
#main .right_dolls { right:52px; bottom:23px; background:url(../img/dolls_img_right.png) no-repeat left top }
#main .content_box { width:726px; min-height:300px; padding:14px; margin:0px 35px 20px 35px; border:3px solid #ffffff; border-radius:12px; box-shadow:2px 2px 10px #006699; behavior:url(pie/PIE.php); position:relative; text-align:justify; }
#main .content_box p { }
#main .content_box ul.style_decimal { padding-left:28px; list-style:decimal; color:#FF8503;}
#main .content_box ul.style_roman { padding-left:22px; list-style:lower-roman; }
#main .content_box ul.style_disc { padding-left:22px; list-style:disc; }
#main .content_box ul li {}
#main .content_box a { }
#main .content_box img { width:100%; }

#footer { width:100%; background-color:#0075c2; }
#footer .footer_area { width:1128px; padding:16px 0px; margin:0px auto; background-color:#0075c2; font-size:15px; color:#ffffff; }
#footer .copyright { float:left; padding-left:78px; }
#footer .designby { float:right; padding-right:18px; }
#footer .footer_area a { color:#ffffff; }
#footer .footer_area a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.indexType {min-width:1128px; background:url(../img/index_bg.jpg) no-repeat #64c4e3 center top !important; }
.indexType #main { background:none !important; }
.indexType .main_area { height:637px; background:none !important; }

.index_menu { }
.index_menu a.menu_btn { position:absolute; width:190px; height:105px; display:block; background:url(../img/index_menu_btn_bg.png) no-repeat; }
.index_menu a.menu_btn span { display:block; width:190px; height:105px; background:url(../img/index_menu_btn.png) no-repeat; }

.index_menu a#menu_1 { left:146px; top:25px; }
.index_menu a#menu_1 span { background-position:0 0 !important; }
.index_menu a#menu_1:hover span { background-position:0 -110px !important; }
.index_menu a#menu_2 { left:339px; top:102px; }
.index_menu a#menu_2 span { background-position:-200px 0 !important; }
.index_menu a#menu_2:hover span { background-position:-200px -110px !important; }
.index_menu a#menu_3 { left:564px; top:24px; }
.index_menu a#menu_3 span { background-position:-400px 0 !important; }
.index_menu a#menu_3:hover span { background-position:-400px -110px !important; }
.index_menu a#menu_4 { left:785px; top:298px; }
.index_menu a#menu_4 span { background-position:-600px 0 !important; }
.index_menu a#menu_4:hover span { background-position:-600px -110px !important; }
.index_menu a#menu_5 { left:699px; top:447px; }
.index_menu a#menu_5 span { background-position:-800px 0 !important; }
.index_menu a#menu_5:hover span { background-position:-800px -110px !important; }
.index_menu a#menu_6 { left:174px; top:519px; }
.index_menu a#menu_6 span { background-position:-1000px 0 !important; }
.index_menu a#menu_6:hover span { background-position:-1000px -110px !important; }

/*-------------------------------------------------------------------------------------*/
/* SERVICE CONCEPT */

.concept_content { }
.concept_content .concept_img { width:1181px; height:447px; margin-left:-53px; padding-top:18px; background:url(../img/service_concept_img.png) no-repeat left bottom; }

/*-------------------------------------------------------------------------------------*/
/* INTERIOR DESIGN */

.interior_design_content { }
.interior_design_content .left_sub_menu a { background:url(../img/left_menu_btn.png) no-repeat; }
.interior_design_content .left_sub_menu a#left_cate_1 { background-position:0 0; }
.interior_design_content .left_sub_menu a#left_cate_1:hover { background-position:0 -50px; }
.interior_design_content .left_sub_menu a#left_cate_2 { background-position:-200px 0; }
.interior_design_content .left_sub_menu a#left_cate_2:hover { background-position:-200px -50px; }
.interior_design_content .left_sub_menu a#left_cate_3 { background-position:-400px 0; }
.interior_design_content .left_sub_menu a#left_cate_3:hover { background-position:-400px -50px; }
.interior_design_content .left_img { padding-left:8px; padding-bottom:28px; }

.photo_list { padding-left:22px; }
.photo_list .photo { float:left; display:block; width:248px; margin-right:15px; margin-bottom:14px; text-align:center; }
.photo_list .photo .photo_border { width:242px; height:173px; background-color:#ffffff; border:3px solid #c6e9f5; border-radius:6px; box-shadow:3px 3px 3px #006699; behavior:url(pie/PIE.php); position:relative; }
.photo_list .photo i { display:inline-block; height:100%; vertical-align:middle; }
.photo_list .photo img { max-width:242px; max-height:173px; vertical-align:middle; }
.photo_list .photo p { }

/*-------------------------------------------------------------------------------------*/
/* SERVICE PROCESS */

.service_process_content { }
.service_process_content .content { }
.service_process_content .right_dolls { }
.service_process_content .design_flow_dolls { right:32px !important; bottom:203px !important; }
.service_process_content .engineering_process_dolls { right:32px !important; bottom:auto !important; top:200px; }
.service_process_content .service_process_cate { width:791px; min-height:489px; margin-top:-23px; margin-left:91px; background:url(../img/service_process_img.png) no-repeat left top; position:relative; }
.service_process_content .service_process_cate a#btn_1 { position:absolute; left:0px; top:73px; display:block; width:325px; height:235px; background:url(../img/service_process_btn_1.png) no-repeat left top; }
.service_process_content .service_process_cate a#btn_2 { position:absolute; right:0px; top:63px; display:block; width:299px; height:217px; background:url(../img/service_process_btn_2.png) no-repeat left top; }

.service_process_content img { margin-left:50px; margin-bottom:20px; }

/*-------------------------------------------------------------------------------------*/
/* ADDED SERVICES */

.added_services_content { }
.added_services_content .content { }
.added_services_content .left_dolls { left:74px !important; bottom:150px !important; width:245px !important; height:279px !important; background:url(../img/dolls_img_left_2.png) no-repeat left top !important; }
.added_services_content .added_services_cate { width:827px; height:427px; margin-top:-27px; margin-left:263px; background:url(../img/added_services_img.png) no-repeat left top; position:relative; }

/*-------------------------------------------------------------------------------------*/
/* DESIGN ENGINEERING Q & A */

.faq_content { }
.faq_content .content { }
.faq_content .content_box { background-color:#ffffff; }

.tab_area { height:60px; padding:11px 0 5px 70px; }
.tab_area a.tab { float:left; display:block; width:335px; height:54px; margin-right:8px; background:url(../img/faq_tab_btn.png) no-repeat; border:3px solid #ffffff; box-shadow:2px 2px 2px rgba(0,0,0,0.7); border-radius:12px; behavior:url(pie/PIE.php); position:relative; }
.tab_area a.tab#tab_1 { background-position:0 0; }
.tab_area a.tab#tab_1:hover { background-position:0 -100px; }
.tab_area a.tab#tab_2 { background-position:-400px 0; }
.tab_area a.tab#tab_2:hover { background-position:-400px -100px; }
.tab_area a.tab#tab_3 { background-position:-800px 0; }
.tab_area a.tab#tab_3:hover { background-position:-800px -100px; }

.faq_content .right_dolls { bottom:auto !important; top:200px; }
.faq_content .faq_info { width:706px !important; margin-left:70px !important; font-size:16px !important; line-height:24px !important; }
.faq_content .faq_list { width:100%; }
.faq_content .faq { padding-bottom:20px; }
.faq_content .faq p.que { color:#ff0000; }
.faq_content .faq p.ans { text-align:left; }
.faq_content .faq_info h3 { font-size:20px; }
.faq_content .faq_info p { }
.faq_content .faq_info ol { }
.faq_content .faq_info ol li { padding:6px 0px; }

.maintenance_content { width:726px !important; margin-left:70px !important; }
.maintenance_content p { font-size:18px; }
.maintenance_content span { font-size:16px; color:#ff0000; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

.contact_us_content { }
.contact_us_content .contact_us_info { text-align:center; padding-bottom:20px; }
.contact_us_content .content_box { width:800px; margin:0px auto 20px auto !important; background-color:#ffd200; }
.contact_us_content .content_box h4 { padding:6px; border-bottom:2px dashed #ffffff; font-size:22px; font-weight:bold; color:#333333; }
.contact_us_content .content_box table { width:100%; padding-top:20px; font-size:16px; }
.contact_us_content .content_box table td { width:70%; padding:0px 5px 10px 5px; }
.contact_us_content .content_box table td:first-child { width:30%; text-align:right; }
.contact_us_content .content_box table td input[type=text] { width:340px; height:16px; padding:3px 5px; border:1px solid #000000; line-height:16px; font-size:12px; color:#333333; }
.contact_us_content .content_box table td textarea { width:340px; height:140px; padding:5px; border:1px solid #000000; resize:none; }
.contact_us_content .content_box table td select { width:352px; height:22px; border:1px solid #000000; }
.contact_us_content .content_box table td input[type="submit"], 
.contact_us_content .content_box table td input[type="reset"] { width:80px; height:24px; margin-right:12px; border:1px solid #ffffff; background-color:#0075c2; border-radius:6px; behavior:url(pie/PIE.php); position:relative; color:#ffffff; cursor:pointer; }
.contact_us_content .content_box table td input[type="submit"]:hover, 
.contact_us_content .content_box table td input[type="reset"]:hover { background-color:#ff6633; }