@charset "utf-8"; /*===================================================================*/ /* 共通樣式 */ /*===================================================================*/ body { margin: 0px; font-family: Tahoma, PMingLiu; font-size: 12px; line-height: 17px; color: #666; } input,select,textarea { font-family: Tahoma, PMingLiu; font-size: 12px; } a { text-decoration: none; color: #339 } /*連結基本樣式*/ a:hover { text-decoration: none; color: #69d } /*連結觸碰樣式*/ a img { border: 0px; } form { display: inline; } /*消除表單上下間距*/ .alt { display: none; } /*隱藏樣式*/ .clear { clear: both; overflow: hidden; height: 1px; } .red { color: #f00; } .orange { color: #ef5c00; } .green { color: #5dad00; } .pink { color: #c38; } div#main { width: 874px; margin: 3px auto; } div#tt { clear: both; height: 40px; } div#tb { clear: both; height: 80px; } div.middle { clear: both; } div#bottom { clear: both; margin: 20px 0px; } div.float_ad { position: absolute; z-index: 1000; } /*===================================================================*/ /* 標頭樣式 */ /*===================================================================*/ /* 語言選擇 */ div#lang { background: url(../images/earth.gif) no-repeat; padding: 5px 10px 5px 35px; float: right; } div#lang a { color: #444; } /*LOGO*/ h1#logo { position: absolute; margin: 0px; padding: 40px 0px 0px 0px; width: 170px; height: 39px; float: left; } h1#logo a { background: url(../images/logo.gif) no-repeat; width: 170px; height: 39px; float: left; } /* 上層選單 */ div#ttmenu { float: right; padding: 3px 15px; width: 130px; } /*外框架*/ div#ttmenu_left { background: url(../images/ttmenu_left.gif) no-repeat; width: 9px; height: 24px; float: left; } /*左框架*/ div#ttmenu_center { height: 24px; float: left; } /*中框架*/ div#ttmenu_right { background: url(../images/ttmenu_right.gif) no-repeat; width: 9px; height: 24px; float: left; } /*右框架*/ ul#ttmenu_list { border-top: 1px solid #c5d8e9; border-bottom: 1px solid #c5d8e9; margin: 0px; padding: 0px; height: 22px; } ul#ttmenu_list li { background: url(../images/ttmenu_arrow.gif) no-repeat 3px 9px; list-style-type: none; padding: 3px 5px 3px 10px; float: left; } ul#ttmenu_list li a { color: #444; } ul#ttmenu_list li a:hover { color: #028; } /* 主選單 */ div#mmenu { float: right; padding: 0px 10px; width: 672px; } /*外框架*/ div#mmenu_left { background: url(../images/mmenu_left.gif) no-repeat; width: 19px; height: 42px; float: left; } /*左框架*/ div#mmenu_center { background: url(../images/mmenu_center.gif) repeat-x; width: 637px; height: 42px; float: left; } /*中框架*/ div#mmenu_right { background: url(../images/mmenu_right.gif) no-repeat; width: 16px; height: 42px; float: left; } /*右框架*/ ul#mmenu_list { margin: 0px; padding: 0px 5px; height: 22px; position: relative; } ul#mmenu_list li { list-style-type: none; padding: 12px 7px; position: absolute; } ul#mmenu_list li#mmenu_01 { left: 0px; } ul#mmenu_list li#mmenu_02 { left: 90px; } ul#mmenu_list li#mmenu_03 { left: 208px; } ul#mmenu_list li#mmenu_04 { left: 283px; } ul#mmenu_list li#mmenu_05 { left: 402px; } ul#mmenu_list li#mmenu_06 { left: 477px; } ul#mmenu_list li#mmenu_07 { left: 552px; } ul#mmenu_list li a { float: left; height: 19px; } ul#mmenu_list li#mmenu_01 a, ul#mmenu_list li#mmenu_01 a:hover { background: url(../images/mmenu_01.gif) no-repeat; width: 76px; } ul#mmenu_list li#mmenu_02 a, ul#mmenu_list li#mmenu_02 a:hover { background: url(../images/mmenu_02.gif) no-repeat; width: 104px; } ul#mmenu_list li#mmenu_03 a, ul#mmenu_list li#mmenu_03 a:hover { background: url(../images/mmenu_03.gif) no-repeat; width: 61px; } ul#mmenu_list li#mmenu_04 a, ul#mmenu_list li#mmenu_04 a:hover { background: url(../images/mmenu_04.gif) no-repeat; width: 105px; } ul#mmenu_list li#mmenu_05 a, ul#mmenu_list li#mmenu_05 a:hover { background: url(../images/mmenu_05.gif) no-repeat; width: 61px; } ul#mmenu_list li#mmenu_06 a, ul#mmenu_list li#mmenu_06 a:hover { background: url(../images/mmenu_06.gif) no-repeat; width: 61px; } ul#mmenu_list li#mmenu_07 a, ul#mmenu_list li#mmenu_07 a:hover { background: url(../images/mmenu_07.gif) no-repeat; width: 61px; } /* 次選單 */ div.smenu { position: absolute; top: 41px; display: none; overflow: hidden; } /*外框架*/ div#smenu_01 { width: 490px; height: 24px; left: 0px; } /*外框架*/ div#smenu_02 { width: 120px; height: 24px; left: 8px; } /*外框架*/ div#smenu_03 { width: 120px; height: 24px; left: 0px; } /*外框架*/ div#smenu_04 { width: 120px; height: 24px; left: 8px; } /*外框架*/ div#smenu_05 { width: 90px; height: 24px; left: 0px; } /*外框架*/ div#smenu_06 { width: 320px; height: 24px; left: -170px; } /*外框架*/ div#smenu_07 { width: 90px; height: 24px; left: 0px; } /*外框架*/ div.smenu_left { background: url(../images/smenu_left.gif) no-repeat left; padding-left: 12px; height: 24px; } /*左框架*/ div.smenu_center { background: url(../images/smenu_center.gif) repeat-x; height: 24px; } /*中框架*/ div#smenu_center01 { width: 441px; } /*中框架*/ div#smenu_center02 { width: 85px; } /*中框架*/ div#smenu_center03 { width: 95px; } /*中框架*/ div#smenu_center04 { width: 85px; } /*中框架*/ div#smenu_center05 { width: 55px; } /*中框架*/ div#smenu_center06 { width: 300px; } /*中框架*/ div#smenu_center07 { width: 55px; } /*中框架*/ div.smenu_right { background: url(../images/smenu_right.gif) no-repeat right; padding-right: 12px; height: 24px; float: left; } /*右框架*/ ul#mmenu_list li ul.smenu_list { margin: 0px; padding: 5px 3px; height: 14px; position: relative; } ul#mmenu_list li ul.smenu_list li { list-style-type: none; padding: 0px 0px; position: absolute; } ul.smenu_list li#smenu_01_01 { left: 0px; } ul.smenu_list li#smenu_01_02 { left: 50px; } ul.smenu_list li#smenu_01_03 { left: 125px; } ul.smenu_list li#smenu_01_04 { left: 219px; } ul.smenu_list li#smenu_01_05 { left: 273px; } ul.smenu_list li#smenu_01_06 { left: 348px; } ul.smenu_list li#smenu_02_01 { left: 0px; } ul.smenu_list li#smenu_03_01 { left: 0px; } ul.smenu_list li#smenu_03_02 { left: 56px; } ul.smenu_list li#smenu_04_01 { left: 0px; } ul.smenu_list li#smenu_05_01 { left: 0px; } ul.smenu_list li#smenu_06_01 { left: 0px; } ul.smenu_list li#smenu_06_02 { left: 56px; } ul.smenu_list li#smenu_06_03 { left: 112px; } ul.smenu_list li#smenu_06_04 { left: 168px; } ul.smenu_list li#smenu_06_05 { left: 243px; } ul.smenu_list li#smenu_07_01 { left: 0px; } ul.smenu_list li a { float: left; height: 19px; } ul#mmenu_list li#mmenu_01 ul.smenu_list li#smenu_01_01 a { background: url(../images/smenu_01_01.gif) no-repeat; width: 44px; } ul#mmenu_list li#mmenu_01 ul.smenu_list li#smenu_01_02 a { background: url(../images/smenu_01_02.gif) no-repeat; width: 69px; } ul#mmenu_list li#mmenu_01 ul.smenu_list li#smenu_01_03 a { background: url(../images/smenu_01_03.gif) no-repeat; width: 88px; } ul#mmenu_list li#mmenu_01 ul.smenu_list li#smenu_01_04 a { background: url(../images/smenu_01_04.gif) no-repeat; width: 48px; } ul#mmenu_list li#mmenu_01 ul.smenu_list li#smenu_01_05 a { background: url(../images/smenu_01_05.gif) no-repeat; width: 69px; } ul#mmenu_list li#mmenu_01 ul.smenu_list li#smenu_01_06 a { background: url(../images/smenu_01_06.gif) no-repeat; width: 88px; } ul#mmenu_list li#mmenu_02 ul.smenu_list li#smenu_02_01 a { background: url(../images/smenu_02_01.gif) no-repeat; width: 80px; } ul#mmenu_list li#mmenu_03 ul.smenu_list li#smenu_03_01 a { background: url(../images/smenu_03_01.gif) no-repeat; width: 50px; } ul#mmenu_list li#mmenu_03 ul.smenu_list li#smenu_03_02 a { background: url(../images/smenu_03_02.gif) no-repeat; width: 35px; } ul#mmenu_list li#mmenu_04 ul.smenu_list li#smenu_04_01 a { background: url(../images/smenu_04_01.gif) no-repeat; width: 80px; } ul#mmenu_list li#mmenu_05 ul.smenu_list li#smenu_05_01 a { background: url(../images/smenu_05_01.gif) no-repeat; width: 50px; } ul#mmenu_list li#mmenu_06 ul.smenu_list li#smenu_06_01 a { background: url(../images/smenu_06_01.gif) no-repeat; width: 50px; } ul#mmenu_list li#mmenu_06 ul.smenu_list li#smenu_06_02 a { background: url(../images/smenu_06_02.gif) no-repeat; width: 50px; } ul#mmenu_list li#mmenu_06 ul.smenu_list li#smenu_06_03 a { background: url(../images/smenu_06_03.gif) no-repeat; width: 50px; } ul#mmenu_list li#mmenu_06 ul.smenu_list li#smenu_06_04 a { background: url(../images/smenu_06_04.gif) no-repeat; width: 69px; } ul#mmenu_list li#mmenu_06 ul.smenu_list li#smenu_06_05 a { background: url(../images/smenu_06_05.gif) no-repeat; width: 50px; } ul#mmenu_list li#mmenu_07 ul.smenu_list li#smenu_07_01 a { background: url(../images/smenu_07_01.gif) no-repeat; width: 50px; } ul#mmenu_list li ul.smenu_list li a { height: 13px; } ul#mmenu_list li ul.smenu_list li a:hover { border-bottom: 2px solid #f80; } /*Flash Banner*/ div#flash_bus { clear: both; padding: 0px; } div#flash_banner { clear: both; padding: 0px; } /*===================================================================*/ /* 中部樣式 */ /*===================================================================*/ /*功能按鈕*/ div#rbutton { width: 356px; float: right; } h2#rbutton_title { background: url(../images/rbutton_title.gif) no-repeat; margin: 0px; padding: 0px; width: 356px; height: 47px; } div#rbutton_middle { background: url(../images/rbutton_bg.gif); } ul#rbutton_list { width: 335px; margin: 0px auto; padding: 0px; } ul#rbutton_list li { list-style-type: none; float: left; width: 155px; padding: 0px 5px; margin: 0px; height: 125px; } ul#rbutton_list li#rbutton_list1 { border-right: 1px solid #226fd9; } ul#rbutton_list li#rbutton_list1 h3 { background: url(../images/rbutton_list1.gif) no-repeat center; } ul#rbutton_list li#rbutton_list2 h3 { background: url(../images/rbutton_list2.gif) no-repeat center; } ul#rbutton_list li h3 { margin: 0px; padding: 0px; width: 155px; height: 22px; } ul#rbutton_list li h3 a { width: 155px; height: 22px; float: left; } ul#rbutton_list li div { padding: 5px; } div#rbutton_bottom { background: url(../images/rbutton_bottom.gif) no-repeat; width: 356px; height: 16px; clear: both; } /*我們能提供給您最佳的服務優點*/ div#ourservice { width: 493px; } h2#ourservice_title { background: url(../images/ourservice_title.gif) no-repeat; margin: 0px; padding: 0px; width: 493px; height: 46px; } ul#ourservice_list { margin: 0px; padding: 5px 0px; width: 489px; border-right: 2px solid #568fde; border-left: 2px solid #538fd5; } ul#ourservice_list li { margin: 0px 0px 0px 25px; padding: 0px 0px 3px 0px; color: #888; } div#ourservice_bottom { background: url(../images/ourservice_bottom.gif) no-repeat right; margin: 0px; padding: 0px; height: 15px; overflow: hidden; } /*跑馬燈*/ div#marquee { width: 662px; float: right; } div#marquee_top { background: url(../images/marquee_top.gif) no-repeat left; width: 662px; height: 20px; } div#marquee_middle { border-left: 2px solid #5790dd; padding-left: 15px; } h2#marquee_title { position: absolute; background: url(../images/marquee_title.gif) no-repeat; padding: 0px; margin: 0px; width: 56px; height: 14px; } div#marquee_function { position: relative; width: 630px; z-index: 4; } div#marquee_function div.arrow { position: absolute; top: 40px; width: 10px; height: 154px; z-index: 4; overflow: hidden; } div#marquee_left { background: url(../images/marquee_left.gif) #fff no-repeat center; left: 0px; } div#marquee_right { background: url(../images/marquee_right.gif) #fff no-repeat center; right: 0px; } ul#marquee_list { position: relative; list-style-type: none; margin: 0px; padding: 0px; padding-top: 30px; width: 630px; } ul#marquee_list li { text-align: center; top: 40px; float: left; margin-right: 10px; margin-bottom: 10px; } ul#marquee_list li#marquee_list_01 a, ul#marquee_list li#marquee_list_01 a:hover { background: url(../images/house_type/01.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_02 a, ul#marquee_list li#marquee_list_02 a:hover { background: url(../images/house_type/02.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_03 a, ul#marquee_list li#marquee_list_03 a:hover { background: url(../images/house_type/03.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_04 a, ul#marquee_list li#marquee_list_04 a:hover { background: url(../images/house_type/04.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_05 a, ul#marquee_list li#marquee_list_05 a:hover { background: url(../images/house_type/05.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_06 a, ul#marquee_list li#marquee_list_06 a:hover { background: url(../images/house_type/06.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_07 a, ul#marquee_list li#marquee_list_07 a:hover { background: url(../images/house_type/07.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_08 a, ul#marquee_list li#marquee_list_08 a:hover { background: url(../images/house_type/08.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_09 a, ul#marquee_list li#marquee_list_09 a:hover { background: url(../images/house_type/09.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_10 a, ul#marquee_list li#marquee_list_10 a:hover { background: url(../images/house_type/10.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_11 a, ul#marquee_list li#marquee_list_11 a:hover { background: url(../images/house_type/11.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_12 a, ul#marquee_list li#marquee_list_12 a:hover { background: url(../images/house_type/12.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_13 a, ul#marquee_list li#marquee_list_13 a:hover { background: url(../images/house_type/13.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_14 a, ul#marquee_list li#marquee_list_14 a:hover { background: url(../images/house_type/14.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_15 a, ul#marquee_list li#marquee_list_15 a:hover { background: url(../images/house_type/15.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_16 a, ul#marquee_list li#marquee_list_16 a:hover { background: url(../images/house_type/16.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_17 a, ul#marquee_list li#marquee_list_17 a:hover { background: url(../images/house_type/17.jpg) no-repeat center 5px; } ul#marquee_list li#marquee_list_18 a, ul#marquee_list li#marquee_list_18 a:hover { background: url(../images/house_type/18.jpg) no-repeat center 5px; } ul#marquee_list li a { border: 5px solid #eee; float: left; padding: 118px 0px 5px 0px; width: 164px; color: #888; font-size: 11px; } ul#marquee_list li a:hover { border: 5px solid #aaa; float: left; padding: 118px 0px 5px 0px; width: 164px; color: #444; font-size: 11px; } ul#marquee_list li.more { background: url(../images/marquee_more.gif) no-repeat; border: 0px; position: absolute; right: 0px; top: 0px; z-index: 2; width: 61px; height: 18px; } ul#marquee_list li.more a { width: 61px; height: 18px; border: 0px; padding: 0px; float: left; } ul#marquee_list li.more a:hover { width: 61px; height: 18px; border: 0px; padding: 0px; float: left; } div#marquee_bottom { background: url(../images/marquee_bottom.gif) no-repeat; width: 662px; height: 28px; } /*聯絡方式*/ div#detail { background: url(../images/detail.gif) no-repeat; width: 188px; height: 200px; position: relative; } div#detail div.contact { background: url(../images/detail_contact_on.gif) no-repeat; width: 104px; height: 37px; position: absolute; bottom: 5px; left: 40px; } div#detail div.contact a { background: url(../images/detail_contact_off.gif) no-repeat; width: 104px; height: 37px; float: left; } div#detail div.contact a:hover { background: transparent; } div#detail a#calender { background: transparent; position: absolute; width: 88px; height: 17px; left: 10px; top: 50px; } div#detail_j { background: url(../images/detail_j.gif) no-repeat; width: 188px; height: 142px; position: relative; margin: 10px 0px 0px 0px; } /*地區檢索*/ div#areasearch { width: 401px; padding-top: 5px; float: right; } h2#areasearch_title { background: url(../images/search_title.gif) no-repeat; margin: 0px; padding: 0px; width: 401px; height: 76px; } div#areasearch_middle { background: url(../images/search_bgleft.gif) repeat-y left; } div#areasearch_bg { background: url(../images/search_bg.gif) #3e80e0 no-repeat center right; margin-left: 32px; } table#areasearch_list { width: 280px; height: 159px; } table#areasearch_list td { padding: 0px 3px; color: #fff; width: 40px; text-align: center; } table#areasearch_list td a { color: #fff; } table#areasearch_list td a:hover { color: #ffc; } div#areasearch_bottom { background: url(../images/search_bottom.gif) no-repeat; width: 401px; height: 30px; } /*Q&A*/ div#qanda { width: 445px; padding-top: 5px; } h2#qanda_title { background: url(../images/qa_title.gif) no-repeat; margin: 0px; padding: 0px; width: 445px; height: 47px; } ul#qanda_list { position: relative; border-left: 6px solid #bbd6f4; border-right: 6px solid #bbd6f4; margin: 0px; padding: 2px 0px 4px 0px; } ul#qanda_list li { list-style-type: none; margin: 0px 0px 0px 13px; padding: 0px 0px 2px 13px; line-height: 22px; } ul#qanda_list li.qablue { background: url(../images/qa_blue.gif) no-repeat; color: #0969cd; } ul#qanda_list li a { color: #444; } ul#qanda_list li.qablue a { color: #0969cd; } ul#qanda_list li.more { background: url(../images/qa_more.gif) no-repeat; position: absolute; width: 61px; height: 17px; right: 0px; top: -34px; } ul#qanda_list li.more a { float: left; width: 61px; height: 17px; } div#qanda_bottom { background: url(../images/qa_bottom.gif) no-repeat; width: 445px; height: 14px; } /*===================================================================*/ /* 下部樣式 */ /*===================================================================*/ div#bottom_menu { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } ul#bottom_list { padding: 5px 0px; margin: 0px; text-align: center; } ul#bottom_list li { display: inline; padding: 0px 20px; margin: 0px 0px; border-right: 1px solid #ccc; } ul#bottom_list li.last { border-right: 0px; } ul#bottom_list li a { color: #888; } ul#bottom_list li a:hover { color: #444; } div#copyright { background: url(../images/logo.gif) no-repeat left center; width: 874px; margin: 10px auto; padding: 20px 0px; text-align: center; color: #888; font-size: 11px; } /*===================================================================*/ /* 內頁樣式 */ /*===================================================================*/ /*左上圖示*/ div#inside_banner { clear: both; padding: 0px; } div.lefttitle { width: 220px; height: 174px; float: left; margin-top: 7px; } div#lefttitle_sitemap { background: url(../images/lefttitle_sitemap.gif) no-repeat; } div#lefttitle_a1 { background: url(../images/lefttitle_a1.gif) no-repeat; } div#lefttitle_a2 { background: url(../images/lefttitle_a2.gif) no-repeat; } div#lefttitle_a3 { background: url(../images/lefttitle_a3.gif) no-repeat; } div#lefttitle_a4 { background: url(../images/lefttitle_a4.gif) no-repeat; } div#lefttitle_a5 { background: url(../images/lefttitle_a5.gif) no-repeat; } div#lefttitle_a6 { background: url(../images/lefttitle_a6.gif) no-repeat; } div#lefttitle_b1 { background: url(../images/lefttitle_b1.gif) no-repeat; } div#lefttitle_c1 { background: url(../images/lefttitle_c1.gif) no-repeat; } div#lefttitle_c2 { background: url(../images/lefttitle_c2.gif) no-repeat; } div#lefttitle_d0 { background: url(../images/lefttitle_d0.gif) no-repeat; } div#lefttitle_d1 { background: url(../images/lefttitle_d1.gif) no-repeat; } div#lefttitle_d2 { background: url(../images/lefttitle_d2.gif) no-repeat; } div#lefttitle_d3 { background: url(../images/lefttitle_d3.gif) no-repeat; } div#lefttitle_d4 { background: url(../images/lefttitle_d4.gif) no-repeat; } div#lefttitle_d5 { background: url(../images/lefttitle_d5.gif) no-repeat; } div#lefttitle_d6 { background: url(../images/lefttitle_d6.gif) no-repeat; } div#lefttitle_e1 { background: url(../images/lefttitle_e1.gif) no-repeat; } div#lefttitle_f1 { background: url(../images/lefttitle_f1.gif) no-repeat; } div#lefttitle_f2 { background: url(../images/lefttitle_f2.gif) no-repeat; } div#lefttitle_f3 { background: url(../images/lefttitle_f3.gif) no-repeat; } div#lefttitle_f4 { background: url(../images/lefttitle_f4.gif) no-repeat; } div#lefttitle_f5 { background: url(../images/lefttitle_f5.gif) no-repeat; } div#lefttitle_g1 { background: url(../images/lefttitle_g1.gif) no-repeat; } div#lefttitle_h1 { background: url(../images/lefttitle_h1.gif) no-repeat; } div#lefttitle_h2 { background: url(../images/lefttitle_h2.gif) no-repeat; } div#lefttitle_h3 { background: url(../images/lefttitle_h3.gif) no-repeat; } /*右上BANNER*/ div.subbanner { width: 653px; height: 160px; float: left; } div#subbanner1 { background: url(../images/subbanner1.jpg) no-repeat; } div#subbanner2 { background: url(../images/subbanner2.jpg) no-repeat; } /*左側子目錄*/ div#inside_left { width: 220px; float: left; } ul#leftmenu_list { border-left: 2px solid #3f87dc; margin: 0px; padding: 0px; padding-left: 15px; width: 165px; } ul#leftmenu_list li { background: url(../images/leftmenu_on.gif) #fff no-repeat; border-bottom: 1px solid #d3e1ea; height: 23px; list-style-type: none; } ul#leftmenu_list li.last { border: 0px; } ul#leftmenu_list li a { background: url(../images/leftmenu_off.gif) #fff no-repeat; padding: 2px 5px 2px 15px; width: 145px; height: 19px; float: left; } ul#leftmenu_list li a:hover { background: transparent; color: #fff; } ul#leftmenu_list li.double { background: url(../images/leftmenu_on2.gif) #fff no-repeat; border-bottom: 1px solid #d3e1ea; height: 40px; list-style-type: none; } ul#leftmenu_list li.double a { background: url(../images/leftmenu_off.gif) #fff no-repeat; padding: 2px 5px 2px 15px; width: 145px; height: 36px; float: left; } ul#leftmenu_list li.double a:hover { background: none transparent; color: #fff; } div#leftmenu_bottom { background: url(../images/leftmenu_bottom.gif) no-repeat; margin-bottom: 20px; width: 190px; height: 26px; } /*右側主內容*/ div#comment { width: 653px; float: left; } div#comment_middle { border-left: 2px solid #4c8add; border-right: 2px solid #4c8add; position: relative; top: -1px; } div#comment_bottom { background: url(../images/comment_bottom.gif) no-repeat; margin-bottom: 20px; width: 653px; height: 25px; position: relative; top: -1px; } h3.comment_title { margin: 0px; padding: 0px; width: 653px; height: 31px; overflow: hidden; } h3#comment_title_sitemap { background: url(../images/comment_title_sitemap.gif) no-repeat; } h3#comment_title_a1 { background: url(../images/comment_title_a1.gif) no-repeat; } h3#comment_title_a2 { background: url(../images/comment_title_a2.gif) no-repeat; } h3#comment_title_a3 { background: url(../images/comment_title_a3.gif) no-repeat; } h3#comment_title_a4 { background: url(../images/comment_title_a4.gif) no-repeat; } h3#comment_title_a5 { background: url(../images/comment_title_a5.gif) no-repeat; } h3#comment_title_a6 { background: url(../images/comment_title_a6.gif) no-repeat; } h3#comment_title_b1 { background: url(../images/comment_title_b1.gif) no-repeat; } h3#comment_title_c1 { background: url(../images/comment_title_c1.gif) no-repeat; } h3#comment_title_c2 { background: url(../images/comment_title_c2.gif) no-repeat; } h3#comment_title_d0 { background: url(../images/comment_title_d0.gif) no-repeat; } h3#comment_title_d1 { background: url(../images/comment_title_d1.gif) no-repeat; } h3#comment_title_d2 { background: url(../images/comment_title_d2.gif) no-repeat; } h3#comment_title_d3 { background: url(../images/comment_title_d3.gif) no-repeat; } h3#comment_title_d4 { background: url(../images/comment_title_d4.gif) no-repeat; } h3#comment_title_d5 { background: url(../images/comment_title_d5.gif) no-repeat; } h3#comment_title_d6 { background: url(../images/comment_title_d6.gif) no-repeat; } h3#comment_title_e1 { background: url(../images/comment_title_e1.gif) no-repeat; } h3#comment_title_f1 { background: url(../images/comment_title_f1.gif) no-repeat; } h3#comment_title_f2 { background: url(../images/comment_title_f2.gif) no-repeat; } h3#comment_title_f3 { background: url(../images/comment_title_f3.gif) no-repeat; } h3#comment_title_f4 { background: url(../images/comment_title_f4.gif) no-repeat; } h3#comment_title_f5 { background: url(../images/comment_title_f5.gif) no-repeat; } h3#comment_title_g1 { background: url(../images/comment_title_g1.gif) no-repeat; } h3#comment_title_h1 { background: url(../images/comment_title_h1.gif) no-repeat; } h3#comment_title_h2 { background: url(../images/comment_title_h2.gif) no-repeat; } h3#comment_title_h3 { background: url(../images/comment_title_h3.gif) no-repeat; } div#menutree { text-align: right; padding: 5px 30px; } div#menutree img { position: relative; top: 0px; left: -4px; } div#menutree span { color: #000; } h3.subtitle { margin: 0px 40px 15px 40px; padding: 3px 0px; height: 29px; border-bottom: 2px solid #d5ecfe; } h3#subtitle_f2_01 { background: url(../images/subtitle_f2_01.gif) no-repeat left center; } h3#subtitle_f4_01 { background: url(../images/subtitle_f4_01.gif) no-repeat left center; } h3#subtitle_f4_02 { background: url(../images/subtitle_f4_02.gif) no-repeat left center; } h4.smalltitle { margin: 0px 45px; padding: 3px 0px; height: 23px; } h4#smalltitle_a1_01 { background: url(../images/smalltitle_a1_01.gif) no-repeat left center; } h4#smalltitle_b1_01 { background: url(../images/smalltitle_b1_01.gif) no-repeat left center; } h4#smalltitle_b1_02 { background: url(../images/smalltitle_b1_02.gif) no-repeat left center; } h4#smalltitle_b1_03 { background: url(../images/smalltitle_b1_03.gif) no-repeat left center; } h4#smalltitle_b1_04 { background: url(../images/smalltitle_b1_04.gif) no-repeat left center; } h4#smalltitle_d0_01 { background: url(../images/smalltitle_d0_01.gif) no-repeat left center; } h4#smalltitle_d0_02 { background: url(../images/smalltitle_d0_02.gif) no-repeat left center; } h4#smalltitle_d0_03 { background: url(../images/smalltitle_d0_03.gif) no-repeat left center; } h4#smalltitle_d4_01 { background: url(../images/smalltitle_d4_01.gif) no-repeat left center; } h4#smalltitle_d5_01 { background: url(../images/smalltitle_d5_01.gif) no-repeat left center; } h4#smalltitle_d5_02 { background: url(../images/smalltitle_d5_02.gif) no-repeat left center; } h4#smalltitle_d5_03 { background: url(../images/smalltitle_d5_03.gif) no-repeat left center; } h4#smalltitle_d6_02 { background: url(../images/smalltitle_d6_02.gif) no-repeat left center; } h4#smalltitle_d6_01 { background: url(../images/smalltitle_d6_01.gif) no-repeat left center; } h4#smalltitle_d6_02 { background: url(../images/smalltitle_d6_02.gif) no-repeat left center; } h4#smalltitle_f2_01 { background: url(../images/smalltitle_f2_01.gif) no-repeat left center; } h4#smalltitle_f2_02 { background: url(../images/smalltitle_f2_02.gif) no-repeat left center; } h4#smalltitle_f2_03 { background: url(../images/smalltitle_f2_03.gif) no-repeat left center; } h4#smalltitle_f4_01 { background: url(../images/smalltitle_f4_01.gif) no-repeat left center; } h4#smalltitle_f4_02 { background: url(../images/smalltitle_f4_02.gif) no-repeat left center; } h4.steptitle { margin: 0px 35px; padding: 3px 0px; height: 20px; } h4#steptitle_01 { background: url(../images/step/01.gif) no-repeat left center; } h4#steptitle_02 { background: url(../images/step/02.gif) no-repeat left center; } h4#steptitle_03 { background: url(../images/step/03.gif) no-repeat left center; } h4#steptitle_04 { background: url(../images/step/04.gif) no-repeat left center; } h5.businesstitle { margin: 20px 45px 0px 45px; padding: 5px 0px; height: 20px; } h5#businesstitle_01 { background: url(../images/business/title_01.jpg) no-repeat left center; } h5#businesstitle_02 { background: url(../images/business/title_02.jpg) no-repeat left center; } h5#businesstitle_03 { background: url(../images/business/title_03.jpg) no-repeat left center; } h5#businesstitle_04 { background: url(../images/business/title_04.jpg) no-repeat left center; } div.comment_text { padding: 10px 50px; } div.comment_link { width: 610px; padding: 10px 0px; margin: 0px auto; } div.comment_box_blue { background: #eff6ff; border: 1px solid #d1e4f3; padding: 5px; color: #6186ba; } div.comment_box_pink { background: #faf5f1; border: 1px solid #f6e3d2; padding: 5px; color: #ed5c01; } div.comment_box_address { border: 5px dashed #114196; padding: 5px 15px; margin: 0px auto; font-size: 11pt; line-height: 23px; width: 300px; } div.comment_box_address b { color: #000; } div.comment_box_blue a, div.comment_box_pink a { color: #888; } div.comment_box_blue a:hover, div.comment_box_pink a:hover { color: #000; } div.bk_top { padding: 10px 10px 20px 10px; text-align: center; } div.comment_text ul.ulstar { padding: 5px 0px 0px 0px; margin: 0px; } div.comment_text ul.ulstar li { padding: 0px 0px 5px 20px; background: url(../images/ulstar.gif) no-repeat 5px 5px; list-style-type: none; } div.comment_text ul.ulstar li.ulstar1 { background: url(../images/ulstar1.gif) no-repeat 5px 5px; } /*圖片*/ div#tatemono { background: url(../images/tatemono.gif) no-repeat; padding: 0px 10px; width: 125px; height: 142px; float: left; } div#photo_b1_00 { background: url(../images/photo/b1_00.jpg) no-repeat; padding: 0px 10px; width: 119px; height: 150px; float: left; } div#leo_map { text-align: center; } div#photo_d1_01 { background: url(../images/photo/d1_01.jpg) no-repeat; float: right; width: 170px; height: 193px; } div#photo_d2 { } div#photo_d2 div { width: 270px; height: 205px; float: left; } div#photo_d2 div#photo_d2_01 { background: url(../images/photo/d2_01.jpg) no-repeat center; } div#photo_d2 div#photo_d2_02 { background: url(../images/photo/d2_02.jpg) no-repeat center; } div#photo_d2 div#photo_d2_03 { background: url(../images/photo/d2_03.jpg) no-repeat center; } div#photo_d2 div#photo_d2_04 { background: url(../images/photo/d2_04.jpg) no-repeat center; } div#photo_f1 { position: relative; padding-top: 20px; } div#photo_f1 div { position: absolute; text-align: center; width: 150px; } div#photo_f1_01 { background: url(../images/photo/f1_01.jpg) no-repeat; padding-top: 189px; right: 50px; top: 30px; } div#photo_f1_02 { background: url(../images/photo/f1_02.jpg) no-repeat; padding-top: 116px; right: 50px; top: 490px; } div#photo_f2_05 { background: url(../images/photo/f2_05.jpg) no-repeat center; width: 208px; height: 113px; float: right; } div#photo_f3_01 { background: url(../images/photo/f3_01.gif) no-repeat center; margin: 0px auto; width: 538px; height: 139px; } div#photo_f3_02 { background: url(../images/photo/f3_02.gif) no-repeat center; margin: 0px auto; width: 267px; height: 111px; } div#photo_f5_01 { background: url(../images/photo/f5_01.jpg) no-repeat center; margin: 10px auto; width: 536px; height: 305px; } /*條列*/ div.sitemap { margin: 0px; padding: 0px; width: 183px; float: left; } div#sitemap_d { width: 366px; } div.sitemap h4 { padding: 0px; margin: 0px; height: 36px; } div.sitemap h4#maplabel_01 { background: url(../images/map_label_01.gif) no-repeat left; } div.sitemap h4#maplabel_02 { background: url(../images/map_label_02.gif) no-repeat left; } div.sitemap h4#maplabel_03 { background: url(../images/map_label_03.gif) no-repeat left; } div.sitemap h4#maplabel_04 { background: url(../images/map_label_04.gif) no-repeat left; } div.sitemap h4#maplabel_05 { background: url(../images/map_label_05.gif) no-repeat left; } div.sitemap h4#maplabel_06 { background: url(../images/map_label_06.gif) no-repeat left; } div.sitemap h4#maplabel_07 { background: url(../images/map_label_07.gif) no-repeat left; } div.sitemap h4#maplabel_08 { background: url(../images/map_label_08.gif) no-repeat left; } div.sitemap ul { margin: 0px; padding: 5px 0px 0px 10px; } div.sitemap ul li { background: url(../images/map_icon.gif) no-repeat 0px 7px; margin: 0px; padding: 0px 0px 3px 8px; list-style-type: none; } div.sitemap a { color: #666; } div.sitemap a:hover { color: #339; } ul#merit { margin: 0px; padding: 0px 0px 0px 20px; } ul#merit li { margin: 0px; padding: 3px 0px 7px 32px; list-style-type: none; } ul#merit li a { color: #c00; } ul#merit li#merit01 { background: url(../images/merit_01.gif) no-repeat left top; } ul#merit li#merit02 { background: url(../images/merit_02.gif) no-repeat left top; } ul#merit li#merit03 { background: url(../images/merit_03.gif) no-repeat left top; } ul#merit li#merit04 { background: url(../images/merit_04.gif) no-repeat left top; } ul#merit li#merit05 { background: url(../images/merit_05.gif) no-repeat left top; } div#hotel_list { background: url(../images/hotel/00.gif) #f4f0df no-repeat 410px center; padding: 0px 0px 10px 0px; } div#hotel_list ul { margin: 0px; padding: 0px; width: 390px; } div#hotel_list ul li { padding: 10px 5px 0px 10px; list-style-type: none; width: 113px; height: 57px; float: left; } div#hotel_list ul li a { width: 113px; height: 57px; float: left; } div#hotel_list ul li#hotel_list01 a { background: url(../images/hotel/01.gif) no-repeat; } div#hotel_list ul li#hotel_list02 a { background: url(../images/hotel/02.gif) no-repeat; } div#hotel_list ul li#hotel_list03 a { background: url(../images/hotel/03.gif) no-repeat; } div#hotel_list ul li#hotel_list04 a { background: url(../images/hotel/04.gif) no-repeat; } div#hotel_list ul li#hotel_list05 a { background: url(../images/hotel/05.gif) no-repeat; } div#hotel_list ul li#hotel_list06 a { background: url(../images/hotel/06.gif) no-repeat; } div#hotel_list ul li#hotel_list07 a { background: url(../images/hotel/07.gif) no-repeat; } div#hotel_list ul li#hotel_list08 a { background: url(../images/hotel/08.gif) no-repeat; } ul#internet_service { margin: 0px; padding: 0px; } ul#internet_service li { margin: 0px; padding: 140px 13px 0px 13px; list-style-type: none; width: 157px; float: left; } ul#internet_service li#internet_service_01 { background: url(../images/service/01.gif) no-repeat top center; } ul#internet_service li#internet_service_02 { background: url(../images/service/02.gif) no-repeat top center; } ul#internet_service li#internet_service_03 { background: url(../images/service/03.gif) no-repeat top center; } ul#link_list { margin: 0px; padding: 0px 10px 0px 0px; } ul#link_list li { margin: 0px 0px 0px 10px; padding: 0px; list-style-type: none; float: left; } ul#link_list li div.link_top { background: url(../images/link_top.gif) no-repeat; width: 290px; height: 31px; } ul#link_list li div.link_middle { background: url(../images/link_bg.gif) repeat-y; width: 290px; text-align: left; } ul#link_list li div.link_bottom { background: url(../images/link_bottom.gif) no-repeat; width: 290px; height: 15px; } ul#link_list li div.link_middle a { float: left; width: 256px; padding: 0px 0px 66px 0px; } ul#link_list li div.link_middle div.link_bg { width: 256px; margin: 0px 17px; } ol.search_list { margin: 0px auto; padding: 10px 0px 0px 0px; width: 400px; } ol.search_list li { background: url(../images/search/arrow.jpg) no-repeat center bottom; margin: 0px 0px 10px 0px; padding: 0px 0px 40px 0px; font-weight: bold; list-style-type: none; line-height: 20px; color: #f00; } ol.search_list li.last { background: none; padding: 0px; } ol.search_list li div { margin-left: 22px; } /*表格*/ table#leo_detail { } table#leo_detail th { color: #008; font-weight: bold; font-size: 11pt; text-align: left; padding:5px 5px 5px 0px; } table#leo_detail td { color: #666; font-size: 11pt; } div#contactform { width: 561px; margin: 0px auto; padding: 15px 0px; position: relative; } div#contactform div#contactform_top { background: url(../images/contactform_top.gif) no-repeat; height: 22px; } div#contactform div#contactform_middle { background: url(../images/contactform_bg.gif) repeat-y 0px 22px; position: relative; } div#contactform div#contactform_bottom { background: url(../images/contactform_bottom.gif) no-repeat; height: 17px; } div#contactform div#contactform_button { background: #fff; text-align: center; padding: 10px; } div#contactform div#contactform_middle table { width: 480px; margin: 0px auto; } div#contactform div#contactform_middle td { border-bottom: 1px solid #ddd; padding: 5px 0px; } div#contactform div#contactform_middle th { border-bottom: 1px solid #ddd; padding: 5px 0px; color: #14285d; text-align: left; width: 100px; white-space: nowrap; vertical-align: top; } div#contactform div#contactform_middle .noline { border-bottom: 0px; padding-bottom: 0px; } div#contactform div#contactform_middle th.wid { width: 100%; } div#contactform div#contactform_middle textarea { background: #d9e7f4; border: 1px solid #d9e7f4; color: #444; } div#contactform div#contactform_middle input.input { background: #d9e7f4; border: 1px solid #d9e7f4; color: #444; } div#contactform div#contactform_middle input.radio { vertical-align: middle; } div#contactform div#contactform_middle img { vertical-align: middle; } div#qanda_title { background: url(../images/qanda_titlebar.gif) no-repeat bottom; width: 562px; height: 50px; margin: 0px auto; } table.qanda_question, table.qanda_answer { width: 560px; margin: 0px auto 0px auto; } table.qanda_question th { border-bottom: 1px solid #c4c9cc; padding: 7px; width: 40px; font-size: 11px; font-weight: bold; color: #000; } table.qanda_question td { border-bottom: 1px solid #c4c9cc; padding: 7px 7px 7px 25px; width: 474px; background: url(../images/icon_q.gif) #ffffff no-repeat 7px 9px; } table.qanda_question a { color: #022b76; } table.qanda_question a:hover { color: #69d; } table.qanda_answer th { border-bottom: 1px solid #c4c9cc; padding: 7px; width: 40px; white-space: nowrap; background: #f5fbff; } table.qanda_answer td { border-bottom: 1px solid #c4c9cc; padding: 7px 7px 7px 25px; width: 474px; background: url(../images/icon_a.gif) #f5fbff no-repeat 7px 9px; color: #6f7277; } table.qanda_answer ol { margin: 0px; padding: 0px; } table.qanda_answer li { margin: 3px 0px 0px 23px; padding: 0px; } div#payment_compare1 { margin: 15px auto; text-align: right; width: 500px; } div#payment_compare1 table { background: #659f21; width: 100%; margin-bottom: 5px; } div#payment_compare1 table th { padding: 3px; background: #dff3c5; color: #444; text-align: center; } div#payment_compare1 table td { padding: 3px; background: #fff; text-align: center; } div#payment_compare1 table td.le { text-align: left; } div#payment_compare2 { margin: 15px auto; text-align: right; width: 500px; } div#payment_compare2 table { background: #f60; width: 100%; margin-bottom: 5px; } div#payment_compare2 table th { padding: 3px; background: #ffd9bf; color: #444; text-align: center; } div#payment_compare2 table td { padding: 3px; background: #fff; text-align: left; } div#payment_compare2 table td.ri { text-align: right; } table#internet { width: 100%; border: 2px solid #d5ecfe; } table#internet td { padding: 7px 5px; border-bottom: 2px solid #d5ecfe; vertical-align: top; line-height: 23px; } table#internet th { padding: 7px 5px; border-bottom: 2px solid #d5ecfe; } table#internet .last { border-bottom: 0px; } table#internet ul { margin: 0px; padding: 0px; } table#internet ol { margin: 0px; padding: 0px; color: #666 } table#internet li { margin: 0px 0px 0px 20px; padding: 0px; } table#company_detail { width: 100%; } table#company_detail th { padding: 5px; line-height: 23px; width: 140px; background: #eee; text-align: right; vertical-align: top; font-weight: normal; } table#company_detail td { padding: 5px; line-height: 23px; } table.company_history { width: 100%; } table.company_history th { padding: 5px; line-height: 20px; width: 60px; vertical-align: top; } table.company_history td { padding: 0px; line-height: 20px; } table.company_history .history_blue { background: #e9f0fa; } table.company_history_inside th { padding: 5px; line-height: 20px; font-weight: normal; border-left: 2px solid #fff; border-right: 2px solid #fff; } table.company_history_inside td { padding: 5px 5px 5px 10px; line-height: 20px; } table#career_table { background: url(../images/photo/f2_01.gif); margin: 0px auto; width: 531px; border-top: 1px solid #444; border-left: 1px solid #444; } table#career_table td { width: 33%; padding: 100px 3px 5px 7px; vertical-align: top; color: #444; border-right: 1px solid #444; border-bottom: 1px solid #444; } table#career_table td#career1 { background: url(../images/photo/f2_02.gif) no-repeat center 20px; } table#career_table td#career2 { background: url(../images/photo/f2_03.gif) no-repeat center 20px; } table#career_table td#career3 { background: url(../images/photo/f2_04.gif) no-repeat center 20px; } table#oversea { width: 100%; } table#oversea td { padding: 7px; border-bottom: 2px solid #d5ecfe; } table#oversea th { padding: 7px; border-bottom: 2px solid #d5ecfe; } table#oversea .last { border-bottom: 0px; } table#oversea div { padding-left: 15px; font-size: 11px; } table#jp_com1 { margin: 10px auto; border: 1px solid #3b66a8; width: 350px; } table#jp_com1 th { padding: 5px; border-bottom: 1px solid #3b66a8; background: #f2f5fc; color: #3b66a8; } table#jp_com1 td { padding: 5px; text-align: center; } table#jp_com1 img { border: 0px; } table#jp_com2 { margin: 10px auto; border: 1px solid #659f21; width: 350px; } table#jp_com2 th { padding: 5px; border-bottom: 1px solid #659f21; background: #dff3c5; color: #659f21; } table#jp_com2 td { padding: 5px; text-align: center; } table#jp_com2 img { border: 0px; } table#guarantor { margin: 10px auto; background: #3b66a8; width: 500px; } table#guarantor th { padding: 5px; background: #f2f5fc; color: #3b66a8; width: 50%; } table#guarantor td { padding: 5px; background: #fff; } table#guarantor td.center { text-align: center; } table#guarantor ul { margin: 0px; padding: 0px; } table#guarantor li { margin: 0px 0px 0px 20px; padding: 0px; } /*按鈕*/ div.button { margin: 0px; padding: 5px 0px 15px 0px; height: 34px; } div.button div { float: left; margin: 0px; padding: 10px 0px 10px 10px; } div.button a { float: left; margin-right: 5px; } div.button a#button_b1_01 { background: url(../images/button/b1_01.gif) no-repeat; width: 124px; height: 34px; } div.button a#button_b1_02 { background: url(../images/button/b1_02.gif) no-repeat; width: 124px; height: 34px; } img#button_e1_01 { margin: 10px 0px 5px 0px; } img#button_e1_02 { position: relative; top: 5px; left: 3px; } ul#button_d0 { margin: 0px; padding: 0px; } ul#button_d0 li { padding: 0px 30px 20px 30px; width: 114px; height: 34px; list-style-type: none; float: left; } ul#button_d0 li a { width: 114px; height: 34px; float: left; } ul#button_d0 li#button_d0_01 a { background: url(../images/button/d0_01.gif) no-repeat; } ul#button_d0 li#button_d0_02 a { background: url(../images/button/d0_02.gif) no-repeat; } ul#button_d0 li#button_d0_03 a { background: url(../images/button/d0_03.gif) no-repeat; } div.button_d5 { width: 114px; height: 34px; margin: 0px auto; } div.button_d5 a { background: url(../images/button/d5_01.gif) no-repeat; width: 114px; height: 34px; float: left; } /*房屋樣式*/ ul#house_type { margin: 0px; padding: 0px; } ul#house_type li { border-bottom: 1px dotted #b3b3b3; margin: 0px; padding: 14px; font-weight: bold; white-space: nowrap; list-style-type: none; width: 154px; height: 165px; float: left; font-size: 11px; color: #4e7fc4; } ul#house_type li div.pic { border: 5px solid #e4e3df; width: 154px; height: 109px; margin-bottom: 3px; } ul#house_type li#house_type00 { background: url(../images/house_type/00.jpg) no-repeat center; } ul#house_type li#house_type00 div.pic { border: 0px; padding: 5px; } ul#house_type li#house_type01 div.pic { background: url(../images/house_type/01.jpg) no-repeat; } ul#house_type li#house_type02 div.pic { background: url(../images/house_type/02.jpg) no-repeat; } ul#house_type li#house_type03 div.pic { background: url(../images/house_type/03.jpg) no-repeat; } ul#house_type li#house_type04 div.pic { background: url(../images/house_type/04.jpg) no-repeat; } ul#house_type li#house_type05 div.pic { background: url(../images/house_type/05.jpg) no-repeat; } ul#house_type li#house_type06 div.pic { background: url(../images/house_type/06.jpg) no-repeat; } ul#house_type li#house_type07 div.pic { background: url(../images/house_type/07.jpg) no-repeat; } ul#house_type li#house_type08 div.pic { background: url(../images/house_type/08.jpg) no-repeat; } ul#house_type li#house_type09 div.pic { background: url(../images/house_type/09.jpg) no-repeat; } ul#house_type li#house_type10 div.pic { background: url(../images/house_type/10.jpg) no-repeat; } ul#house_type li#house_type11 div.pic { background: url(../images/house_type/11.jpg) no-repeat; } ul#house_type li#house_type12 div.pic { background: url(../images/house_type/12.jpg) no-repeat; } ul#house_type li#house_type13 div.pic { background: url(../images/house_type/13.jpg) no-repeat; } ul#house_type li#house_type14 div.pic { background: url(../images/house_type/14.jpg) no-repeat; } ul#house_type li#house_type15 div.pic { background: url(../images/house_type/15.jpg) no-repeat; } ul#house_type li#house_type16 div.pic { background: url(../images/house_type/16.jpg) no-repeat; } ul#house_type li#house_type17 div.pic { background: url(../images/house_type/17.jpg) no-repeat; } ul#house_type li#house_type18 div.pic { background: url(../images/house_type/18.jpg) no-repeat; } ul#house_type li#house_type18 { border-bottom: 0px; } ul#house_type li div.view_but { background: url(../images/view_on.gif) no-repeat; margin-top: 3px; width: 65px; height: 19px; } ul#house_type li div.view_but a { background: url(../images/view_off.gif) no-repeat; width: 65px; height: 19px; float: left; } ul#house_type li div.view_but a:hover { background: transparent; } /*家俱樣式*/ ul#furniture { margin: 0px; padding: 0px; } ul#furniture li { margin: 0px; padding: 14px 0px; text-align: center; list-style-type: none; float: left; color: #888; white-space: nowrap; } ul#furniture li div.pic { border: 5px solid #e4e3df; width: 80px; height: 107px; margin: 0px 8px 3px 8px; } ul#furniture li#furniture00 { border-bottom: 1px dotted #b3b3b3; background: url(../images/furniture/title.gif) no-repeat center 20px; } ul#furniture li#furniture01 { border-bottom: 1px dotted #b3b3b3; } ul#furniture li#furniture00 div.pic { width: 208px; height: 215px; border: 0px; padding: 5px; } ul#furniture li#furniture01 div.pic { background: url(../images/furniture/01.jpg) no-repeat; width: 270px; height: 215px; } ul#furniture li#furniture02 div.pic { background: url(../images/furniture/02.jpg) no-repeat; } ul#furniture li#furniture03 div.pic { background: url(../images/furniture/03.jpg) no-repeat; } ul#furniture li#furniture04 div.pic { background: url(../images/furniture/04.jpg) no-repeat; } ul#furniture li#furniture05 div.pic { background: url(../images/furniture/05.jpg) no-repeat; } ul#furniture li#furniture06 div.pic { background: url(../images/furniture/06.jpg) no-repeat; } ul#furniture li#furniture07 div.pic { background: url(../images/furniture/07.jpg) no-repeat; } ul#furniture li#furniture08 div.pic { background: url(../images/furniture/08.jpg) no-repeat; } ul#furniture li#furniture09 div.pic { background: url(../images/furniture/09.jpg) no-repeat; } ul#furniture li#furniture10 div.pic { background: url(../images/furniture/10.jpg) no-repeat; } ul#furniture li#furniture11 div.pic { background: url(../images/furniture/11.jpg) no-repeat; } ul#furniture li#furniture12 div.pic { background: url(../images/furniture/12.jpg) no-repeat; } ul#furniture li#furniture13 div.pic { background: url(../images/furniture/13.jpg) no-repeat; } ul#furniture li#furniture14 div.pic { background: url(../images/furniture/14.jpg) no-repeat; } /*===================================================================*/ /* 房屋預覽 */ /*===================================================================*/ div#houseview { border: 5px solid #8fb9e6; width: 700px; height: 500px; } div#houseview_title { background: url(../images/house_view/title.gif) no-repeat left center; border-bottom: 3px solid #b6cee8; margin: 0px 15px; padding: 15px 0px; } div#houseview_title div { color: #000; text-align: right; font-weight: bold; } div#houseview_title div span { color: #619bed; } div#houseview_main { border: 14px solid #8db8eb; margin: 15px; width: 642px; height: 386px; margin-top: 20px; } div#houseview_main img { border: 0px; } /*===================================================================*/ /* 價格表專用 */ /*===================================================================*/ #layer2 { color: #000; } .textbox { margin: 10px 50px 20px 50px; } .list { margin: 10px 10px 10px 30px; width: 680px; } .list1 { margin-bottom: 5px; color: #060; font-weight: bold; } .list2 { margin-left: -20px; margin-bottom: 5px; } .list3 { margin-bottom: 5px; color: #f80; font-weight: bold; } #list_green { margin-top: 10px; padding: 5px 5px 5px 0px; background-color: #d0e080; } #list_green li { list-style-type: none; } #list_orange { margin-top: 10px; padding: 5px 5px 5px 0px; background-color: #ffe0a0; } #list_orange li { list-style-type: none; } #monthly { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #444; border-bottom: 1px solid #444; width: 750px; height: 440px; } #monthly td { border-right: 1px solid #444; border-bottom: 1px solid #444; padding: 0px 2px; font-family: Tahoma, 細明體; text-align: center; font-size: 10px; } #monthly .monthly_td1 { font-family: 新細明體; font-size: 11px; } #monthly .monthly_td2 { font-family: 新細明體; font-size: 11px; color: #008; } #monthly .monthly_td3 { font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_tda1 { background: #ffffe0; font-family: 新細明體; font-size: 11px; } #monthly .monthly_tda2 { background: #ffffe0; font-family: 新細明體; font-size: 11px; color: #008; } #monthly .monthly_tda3 { background: #ffffe0; font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_tdb1 { background: #ffe0a0; font-family: 新細明體; font-size: 11px; } #monthly .monthly_tdb2 { background: #ffe0a0; font-family: 新細明體; font-size: 11px; color: #008; } #monthly .monthly_tdb3 { background: #ffe0a0; font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_tdc1 { background: #ffd040; font-family: 新細明體; font-size: 11px; } #monthly .monthly_tdc2 { background: #ffd040; font-family: 新細明體; font-size: 11px; color: #008; } #monthly .monthly_tdc3 { background: #ffd040; font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_tdd1 { background: #e0f0ff; font-family: 新細明體; font-size: 11px; } #monthly .monthly_tdd3 { background: #e0f0ff; font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_tde1 { background: #b5e0ff; font-family: 新細明體; font-size: 11px; } #monthly .monthly_tde3 { background: #b5e0ff; font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_tdf1 { background: #70c0ff; font-family: 新細明體; font-size: 11px; } #monthly .monthly_tdf3 { background: #70c0ff; font-family: 新細明體; font-size: 11px; font-weight: bold; } #monthly .monthly_title { background: #ffd040; font-size: 15px; font-family: Tahoma, 新細明體; font-weight: bold; color: #fff; } #business { border: 1px solid #444; border-top: 2px solid #444; border-left: 2px solid #444; width: 550px; } #business td { border-right: 1px solid #444; border-bottom: 1px solid #444; text-align: center; padding: 1px 2px; } #business_title { background-color: #060; font-size: 15px; font-weight: bold; color: #fff; } .business_sub { font-weight: bold; } .business_a1 { background-color: #f0ffe0; font-weight: bold; } .business_a2 { background-color: #f0ffe0; } .business_b1 { background-color: #e0f0a0; font-weight: bold; } .business_b2 { background-color: #e0f0a0; } .business_c1 { background-color: #d0e080; font-weight: bold; } .business_c2 { background-color: #d0e080; } .business_ps { width: 330px; padding: 3px 0px; border: 1px solid #f00; color: #f00; } #student_table { border-top: 1px solid #444; border-left: 1px solid #444; border-bottom: 1px solid #444; margin: 0px auto; width: 520px; } #student_title { border-right: 1px solid #444; border-bottom: 1px solid #444; background-color: #f80; padding: 3px 5px; text-align: center; font-weight: bold; font-size: 15px; color: #fff; } .student_sub01, .student_sub02, .student_sub03, .student_sub04 { border-right: 1px solid #444; border-bottom: 1px solid #444; padding: 3px 5px; text-align: center; font-family: Tahoma, 新細明體; font-weight: bold; font-size: 12px; } .student_sub01 { background-color: #ffd; } .student_sub02 { background-color: #fdb; } .student_sub03 { background-color: #e88; } .student_sub04 { background-color: #fcc; } .student_text01, .student_text02, .student_text03, .student_text04 { border-right: 1px solid #444; padding: 3px 5px; text-align: center; font-family: Tahoma, 新細明體; font-size: 12px; } .student_text01 { background-color: #ffd; } .student_text02 { background-color: #dfc; } .student_text03 { background-color: #fdb; } .student_text04 { background-color: #fcc; } #student_com { border-top: 1px solid #444; border-left: 1px solid #444; margin: 20px auto 0px auto; width: 520px; } #student_com td { border-right: 1px solid #444; border-bottom: 1px solid #444; background: #ffd; padding: 3px 5px; font-family: Tahoma, 新細明體; font-size: 12px; line-height: 17px; } #student_com th { border-right: 1px solid #444; border-bottom: 1px solid #444; background: #f80; padding: 3px 5px; font-family: Tahoma, 新細明體; font-size: 12px; color: #ffffff; } #student_com ol { margin: 0px auto; } /*===================================================================*/ /* 轉換一般契約服務 */ /*===================================================================*/ h3.contract { margin: 0 auto; padding: 5px 5px 0; background: url(../images/service/a6_title.gif) no-repeat center bottom; font-size: 15px; width: 550px; height: 130px; color: #222; } h4.contract { margin: 0 auto; padding: 5px; width: 550px; font-size: 12px; color: #222; } h4.contract span.org { color: #f93; } div.contract { margin: 0 auto; width: 560px; background: url(../images/service/a6_bg.gif) repeat; } div.contract2 { margin: 0 auto; width: 560px; background: url(../images/service/a6_bg1.gif) repeat; } div.contract table.box { margin: 10px auto 0; width: 550px; } div.contract table.box td { background: url(../images/service/a6_box.gif) no-repeat center; text-align: center; font-weight: bold; width: 25%; height: 47px; color: #fff; } div.contract div.comment_text { padding: 10px; color: #222; } div.contract h4 { margin: 0 auto; padding: 3px 10px; background: url(../images/service/a6_sub.gif) no-repeat center; line-height: 18px; font-size: 12px; width: 530px; height: 19px; color: #222; } div.contract table.step { margin: 5px auto; width: 550px; } div.contract table.step td { background: url(../images/service/a6_step2.gif) no-repeat center; text-align: center; vertical-align: top; font-weight: bold; width: 25%; height: 111px; } div.contract table.step td.step1 { background-image: url(../images/service/a6_step1.gif); } div.contract table.step td.steptw { background-image: url(../images/service/a6_steptw.gif); height: 34px; } div.contract table.step td.stepjp { background-image: url(../images/service/a6_stepjp.gif); width: 75%; height: 34px; } div.contract table.step td.boxg { padding: 10px 20px; background: url(../images/service/a6_boxg.gif) no-repeat center; text-align: left; vertical-align: middle; height: 180px; color: #fff; } div.contract table.step td.boxb { padding: 10px 20px; background: url(../images/service/a6_boxb.gif) no-repeat center; text-align: left; vertical-align: middle; height: 180px; color: #fff; } div.contract table.step td ul { margin: 0; padding: 0 0 0 20px; } div.contract table.step td ul li { margin: 0; padding: 0; } div.contract table.step td div.str { font-size: 15px; padding: 5px 0; } div.contract table.step td div.step { padding: 3px 10px; font-weight: bold; text-align: left; color: #049; } div.contract table.step td div.head { font-size: 15px; color: #049; } div.contract table.step td div.line2 { padding: 18px 10px 0; color: #222; } div.contract table.step td div.line3 { padding: 10px 10px 0; color: #222; } div.contract2 table { margin: 0 auto; color: #222; } div.contract2 table th { padding: 5px 20px; white-space: nowrap; } div.contract2 table td { padding: 5px; } div.contract2 table th.circle { font-weight: normal; vertical-align: top; } div.contract2 table th.green { font-size: 15px; color: #060; } div.contract2 table th.blue { font-size: 15px; color: #049; } div.contract2 table .white { background: #fff; } div.contract2 table td ul { margin: 0; padding: 0 0 0 20px; } div.contract2 table td ul li { margin: 0; padding: 0; } div.contract2 table.ora th { padding: 0 20px; background: #ffe; border: 1px solid #fd9; color: #f93; } div.contract2 table.ora td { padding: 0 5px; }