#to_top_scrollup { text-align: center; } /*reCAPTCHA圖示*/ .grecaptcha-badge { z-index: 99; } #eut-header .eut-logo .eut-logo-wrapper img{ /*height:auto!important;*/ } /*輪番圖片的放大鏡會被導行列蓋住，所以位置往下調一些*/ .dialog-lightbox-widget-content { top: 8% !important; } #post_views_counter_list_widget-2 li::marker { content: ">> "; } /* 首頁的navbar色條 */ .page-id-71 #eut-inner-header { background-color: #000000 !important; } .page-id-71 .sub-menu { background-color: #000000 !important; } .page-id-71 .eut-line-icon { background-color: #FFFFFF !important; } .page-id-71 .eut-menu-pointer-none .eut-item { color: #FFFFFF; } .page-id-71 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-白.png'); } /* consultation頁面 */ .page-id-17006 #eut-inner-header { background-color: #64D7FF !important; } .page-id-17006 .sub-menu { background-color: #64D7FF !important; } .page-id-17006 .eut-menu-pointer-none .eut-item { color: #FF00FF; } .page-id-17006 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-洋紅.png'); } /* blog 頁面 */ .page-id-298 #eut-inner-header { background-color: #009BFF !important; } .page-id-298 .sub-menu { background-color: #009BFF !important; } .page-id-298 .eut-menu-pointer-none .eut-item { color: #FFFF00; } .page-id-298 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-黃.png'); } /* customer 頁面 */ .page-id-16159 #eut-inner-header { background-color: #A573FF !important; } .page-id-16159 .sub-menu { background-color: #A573FF !important; } .page-id-16159 .eut-menu-pointer-none .eut-item { color: #64D7FF; } .page-id-16159 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-淺藍.png'); } /* green 頁面 */ .page-id-18202 #eut-inner-header { background-color: #64D7FF !important; } .page-id-18202 .sub-menu { background-color: #64D7FF !important; } .page-id-18202 .eut-menu-pointer-none .eut-item { color: #FF00FF; } .page-id-18202 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-洋紅.png'); } /* web 頁面 */ .page-id-823 #eut-inner-header { background-color: #FFF500 !important; } .page-id-823 .sub-menu { background-color: #FFF500 !important; } .page-id-823 .eut-menu-pointer-none .eut-item { color: #00D2FF; } .page-id-823 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-藍.png'); } /* year 頁面 */ .page-id-289 #eut-inner-header { background-color: #FAB29C !important; } .page-id-289 .sub-menu { background-color: #FAB29C !important; } .page-id-289 .eut-menu-pointer-none .eut-item { color: #A573FF; } .page-id-289 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-紫.png'); } /* industry 頁面 */ .page-id-162 #eut-inner-header { background-color: #A99CFF !important; } .page-id-162 .sub-menu { background-color: #A99CFF !important; } .page-id-162 .eut-menu-pointer-none .eut-item { color: #9BFF69; } .page-id-162 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-綠.png'); } /* design 頁面 */ .page-id-303 #eut-inner-header { background-color: #FF64C6 !important; } .page-id-303 .sub-menu { background-color: #FF64C6 !important; } .page-id-303 .eut-menu-pointer-none .eut-item { color: #FFFF00; } .page-id-303 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-黃.png'); } /* process 頁面 */ .page-id-262 #eut-inner-header { background-color: #9AFF6A !important; } .page-id-262 .sub-menu { background-color: #9AFF6A !important; } .page-id-262 .eut-menu-pointer-none .eut-item { color: #00D2FF; } .page-id-262 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-藍.png'); } /* about 頁面 */ .page-id-48 #eut-inner-header { background-color: #000000 !important; } .page-id-48 .sub-menu { background-color: #000000 !important; } .page-id-48 .eut-line-icon { background-color: #FFFFFF !important; } .page-id-48 .eut-menu-pointer-none .eut-item { color: #FFFFFF; } .page-id-48 .eut-logo .lazyloaded { content: url('/wp-content/uploads/2020/10/LOGO-PNG-白.png'); } .DWiconFlex { display: flex; flex-direction: row; margin-bottom: 120px; transition: 1s; } .w25 { display: block; width: 25%; margin: 0; transition: 1s; } .DWiconBox { width: 100px; height: 100px; text-align: center; margin: auto; transition: 1s; } .DWiconBox img { width: 100px; height: 100px; margin: auto; transition: 1s; } .DWiconText { text-align: center; transition: 1s; } .DWiconText p { font-family: Microsoft JhengHei; font-size: 16px; line-height: 26px; margin: 0; transition: 1s; } .DWiconText p:first-child { font-weight: bold; font-size: 17px; } .wpcf7-response-output { display: none; } @media only screen and (max-width: 1200px) { .DWiconFlex { width: 80%; flex-direction: row; flex-wrap: wrap; margin: 0 auto 60px auto; } .w25 { display: flex; flex-direction: row; justify-content: start; width: 50%; height: 100px; } .DWiconBox { display: inline-block; width: 35%; height: 100px; margin: 0; } .DWiconText { display: flex; width: 65%; flex-direction: row; align-content: center; flex-wrap: wrap; } .DWiconText p { width: 100%; text-align: left } } @media only screen and (max-width: 768px) { .w25 { display: flex; flex-direction: row; justify-content: start; width: 100%; height: 100px; } } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* 地圖+聯絡表單區塊 */ .contect { display: flex; width: 100%; height: auto; flex-direction: row; justify-content: center; } /* GOOGLE地圖 */ .gmap { width: 55%; height: 600px; padding-right: 0px; } /* 聯絡表單區 */ .contect-form { display: inline-block; width: 45%; height: auto; min-height: 600px; padding: 0px 0px 15px 40px; vertical-align: top; position: relative; } .wpcf7-form, .wpcf7 { height: auto; position: relative; } /* 深黃室內設計介紹 */ .aboutYellow { width: 55%; height: 500px; padding-right: 0px; padding-top: 30px; font-family: Microsoft JhengHei; font-size: 16px; } .aboutYellow p { margin: 10px 0; } /* 聯絡表單排版用 */ .w25 { display: inline-block; width: 24.5%; vertical-align: top; margin: 10px 0; padding: 0 10px 0 10px; } .w50 { display: inline-block; width: 49.5%; vertical-align: top; margin: 10px 0; padding: 0 10px 0 10px; } .w100 { width: 100%; vertical-align: top; margin: 10px 0; padding: 0 10px 0 10px; } /* 標題文字設定 */ .DWlable { display: block; width: 100%; min-height: 22px; font-family: Microsoft JhengHei !important; font-size: 17px !important; font-weight: bold; line-height: 22px !important; letter-spacing: 0px; color: #666666; margin-bottom: 15px; } .DWinput .wpcf7-not-valid-tip, .DWmail .wpcf7-not-valid-tip { position: absolute; left: 0; top: -25px; } /* 填寫框共用 */ .DWtext { font-family: Microsoft JhengHei !important; font-size: 16px !important; overflow: hidden !important; resize: none !important; outline: none !important; margin: 0 !important; padding: 0 !important; background-color: white !important; border-left-style: none !important; border-right-style: none !important; border-top-style: none !important; border-bottom-style: none !important; transition: 0s !important; padding-bottom: 0px !important; } .DWselect select { color: rgba(0, 0, 0, 0.6); } /* 公司名稱/姓名 */ /* 連絡電話 */ /* 需求描述 */ .DWinput { position: relative; } .DWinput::after { content: ""; position: absolute; left: 0px; bottom: 12px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .DWinput span { display: inline-block; width: 100%; height: 19px; } .DWinput .DWtext { width: 100%; height: 20px; } /* 電子信箱 */ .DWmail { position: relative; height: 38px; } .DWmail::after { content: ""; position: absolute; left: 0px; bottom: 12px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .DWmail span { display: inline-block; width: 100%; height: 19px; } .DWmail .DWtext { width: 100%; height: 20px; } /* 詢問項目 */ /* 預算範圍 */ .DWselect { position: relative; height: 38px; } .DWselect::after { content: ""; position: absolute; left: 0px; bottom: 12px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .DWselect span { display: inline-block; width: 100%; height: 19px; } .DWselect .DWtext { width: 100%; height: 20px; } /* 送出send按鈕 */ .DWsubmit { position: absolute; right: 0px; margin-top: -60px; transition: .5s; } .DWsubmit:focus { outline: none } .DWsubmit:hover { margin-right: -10px; } /* google驗證位置修正 */ .rc-anchor-fix { position: relative; left: 10px; } @media only screen and (max-width: 1200px) { .contect { width: 80%; flex-wrap: wrap; align-items: center; margin: auto; } /* GOOGLE地圖 */ .gmap { width: 100%; height: 600px; padding-right: 0px; order: 2; } /* 聯絡表單區 */ .contect-form { display: inline-block; width: 100%; height: auto; min-height: 600px; padding: 0px 0px 15px 0px; vertical-align: top; order: 1; } /* 深黃室內設計介紹 */ .aboutYellow { width: 55%; height: 500px; padding-right: 0px; padding-top: 0px; font-family: Microsoft JhengHei; font-size: 16px; } } @media only screen and (max-width: 768px) { /* GOOGLE地圖 */ .gmap { height: 500px; margin-bottom: 20px; margin-top: 80px; } /* 深黃室內設計介紹 */ .aboutYellow { width: 55%; height: 700px; padding-right: 0px; padding-top: 0px; font-family: Microsoft JhengHei; font-size: 16px; } .aboutYellow-spacing { height: 60px; } .w25 { width: 100%; } .w50 { width: 100%; } /* 送出send按鈕 */ .DWsubmit { position: absolute; right: 0px; margin-top: 20px; transition: .5s; } }