#wb_header { height: 150px; background-color: #ffffff; } #wb_header:before { background: transparent none repeat center top; background-size: cover; opacity: 1; } #wb_main { height: 3598px; padding-bottom: 50px; } #wb_main > .wb_cont_bg { background-color: #ffffff; } #wb_main > .wb_cont_bg:before { background: transparent none repeat left top; background-size: auto auto; opacity: 1; } #wb_footer { height: 500px; background-color: #295aa9; } #wb_footer:before { background: transparent none repeat center top; background-size: cover; opacity: 1; } html { scroll-behavior: smooth; } body { background-color: transparent; } body.site:before { background: transparent none repeat-x scroll center top; background-size: auto auto; opacity: 1; } .wb_sbg { background: transparent none repeat-x center bottom; } body, .wb_sbg { min-width: 320px; min-height: 3920px; } .wb_cont_inner { width: 320px; height: 100%; } .wb_cont_bg { width: 320px; margin-left: -160px; } .root { height: 4218px; min-height: 3920px; } #wb_element_instance40 { opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 1px none #000000; box-sizing: border-box; overflow: hidden; top: 12px; left: 118px; min-width: 84px; width: 84px; min-height: 81px; height: 81px; display: block; z-index: 475; } #wb_element_instance40 img { width: 84px; height: 81px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 .btn-collapser { display: inline-block; margin-top: 0px; background-color: #ffffff; border-color: #295aa9; } #wb_element_instance41 .btn-collapser > .icon-bar { background-color: #295aa9; } #wb_element_instance41 .btn-collapser:hover { background-color: #295aa9; border-color: #ffffff; } #wb_element_instance41 .btn-collapser:hover > .icon-bar { background-color: #ffffff; } #wb_element_instance41 { top: 108px; left: 0px; min-width: 320px; width: 320px; min-height: 29px; height: 29px; display: block; z-index: 673; } #wb_element_instance41 ul { background: #ffffff none repeat left top; border: 0px none #000000; } #wb_element_instance41 > ul { display: none; } #wb_element_instance41.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance41.collapse-expanded > ul > li { display: block; } #wb_element_instance41.collapse-expanded li > ul { position: static; } #wb_element_instance41.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance41.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance41, #wb_element_instance41 ul { text-align: right; } #wb_element_instance41 ul ul { background: #ffffff none repeat-x left top; } #wb_element_instance41 li { margin: 0px 0px 0px 0px; } #wb_element_instance41 li a { text-transform: uppercase; border: 0px none #000000; padding: 15px 15px 15px 15px; font: normal bold 14px 'Microsoft JhengHei',sans-serif; text-decoration: none; color: #295aa9; line-height: 16px; background: #ffffff none no-repeat right center; } #wb_element_instance41 li.over > a, #wb_element_instance41 li:focus > a { border: 0px none #000000; font: normal bold 14px 'Microsoft JhengHei',sans-serif; text-decoration: none; color: #ffffff; line-height: 16px; background: #295aa9 none repeat-x left center; } #wb_element_instance41 li.active > a { border: 0px none #000000; font: normal bold 14px 'Microsoft JhengHei',sans-serif; text-decoration: none; color: #ffffff; line-height: 16px; background: #295aa9 none repeat-x left center; } #wb_element_instance41:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance41:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance41:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance42 p:last-child { margin-bottom: 0; } #wb_element_instance42 { opacity: 1; top: 439px; left: 21px; min-width: 277px; width: 277px; min-height: 24px; height: 24px; display: block; z-index: 467; } #wb_element_instance43 { opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 1px none #000000; box-sizing: border-box; overflow: hidden; top: 37px; left: 129px; min-width: 62px; width: 62px; min-height: 60px; height: 60px; display: block; z-index: 351; } #wb_element_instance43 img { width: 62px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance44 p:last-child { margin-bottom: 0; } #wb_element_instance44 { opacity: 1; top: 107px; left: 85px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; z-index: 332; } #wb_element_instance45 p:last-child { margin-bottom: 0; } #wb_element_instance45 { opacity: 1; top: 131px; left: 63px; min-width: 225px; width: 225px; min-height: 64px; height: 64px; display: block; z-index: 334; } #wb_element_instance46 p:last-child { margin-bottom: 0; } #wb_element_instance46 { opacity: 1; top: 205px; left: 63px; min-width: 225px; width: 225px; min-height: 32px; height: 32px; display: block; z-index: 338; } #wb_element_instance47 { opacity: 1; top: 131px; left: 34px; min-width: 26px; width: 26px; min-height: 20px; height: 20px; display: block; z-index: 328; } #wb_element_instance47 i { position: absolute; left: 0px; top: 0px; text-align: center; width: 26px; height: 20px; font-size: 20px; } #wb_element_instance48 p:last-child { margin-bottom: 0; } #wb_element_instance48 { opacity: 1; top: 247px; left: 63px; min-width: 225px; width: 225px; min-height: 32px; height: 32px; display: block; z-index: 336; } #wb_element_instance49 { opacity: 1; top: 247px; left: 31px; min-width: 29px; width: 29px; min-height: 20px; height: 20px; display: block; z-index: 314; } #wb_element_instance49 i { position: absolute; left: 0px; top: 0px; text-align: center; width: 29px; height: 20px; font-size: 20px; } #wb_element_instance50 { opacity: 1; top: 205px; left: 31px; min-width: 29px; width: 29px; min-height: 20px; height: 20px; display: block; z-index: 300; } #wb_element_instance50 i { position: absolute; left: 0px; top: 0px; text-align: center; width: 29px; height: 20px; font-size: 20px; } #wb_element_instance51 p:last-child { margin-bottom: 0; } #wb_element_instance51 { opacity: 1; top: 289px; left: 63px; min-width: 225px; width: 225px; min-height: 32px; height: 32px; display: block; z-index: 339; } #wb_element_instance52 { opacity: 1; top: 289px; left: 31px; min-width: 29px; width: 29px; min-height: 20px; height: 20px; display: block; z-index: 316; } #wb_element_instance52 i { position: absolute; left: 0px; top: 0px; text-align: center; width: 29px; height: 20px; font-size: 20px; } #wb_element_instance53 p:last-child { margin-bottom: 0; } #wb_element_instance53 { opacity: 1; top: 331px; left: 85px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; z-index: 335; } #wb_element_instance54 { opacity: 1; top: 355px; left: 124px; min-width: 35px; width: 35px; min-height: 27px; height: 27px; display: block; z-index: 330; } #wb_element_instance54 i { position: absolute; left: 0px; top: 0px; text-align: center; width: 35px; height: 27px; font-size: 27px; } #wb_element_instance55 { opacity: 1; top: 355px; left: 161px; min-width: 35px; width: 35px; min-height: 27px; height: 27px; display: block; z-index: 333; } #wb_element_instance55 i { position: absolute; left: 0px; top: 0px; text-align: center; width: 35px; height: 27px; font-size: 27px; } #wb_element_instance56 > .wb-elm-line { margin: 1px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 1px solid #ffffff;; } #wb_element_instance56 { top: 424px; left: 0; right: 0; min-height: 5px; height: 5px; display: block; z-index: 312; } #wb_element_instance57 p:last-child { margin-bottom: 0; } #wb_element_instance57 { opacity: 1; top: 56px; left: 0px; min-width: 320px; width: 320px; min-height: 87px; height: 87px; display: block; z-index: 151; } #wb_element_instance58 p:last-child { margin-bottom: 0; } #wb_element_instance58 { opacity: 1; top: 250px; left: 11px; min-width: 298px; width: 298px; min-height: 3298px; height: 3298px; display: block; z-index: 152; } #wb_element_instance59 { top: 0px; left: 0; right: 0; min-height: 200px; height: 200px; display: block; z-index: 149; } #wb_element_instance59 > .wb_shp:before { background: transparent url("../gallery_gen/04d0fe60f687208ffb09e27d2a49ca22.jpg") repeat fixed center center; background-size: cover; opacity: 0.6; } #wb_element_instance59 > .wb_shp { background-color: #295aa9; border: 5px none #c0c0c0; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 200px; } #wb_element_instance60 { top: 307px; left: 0px; display: block; z-index: 9999; } @media (min-width: 768px) { #wb_header { height: 150px; } #wb_main { height: 2476px; } #wb_footer { height: 300px; } body, .wb_sbg { min-width: 768px; min-height: 2796px; } .wb_cont_inner { width: 768px; } .wb_cont_bg { width: 768px; margin-left: -384px; } .root { height: 2926px; min-height: 2796px; } #wb_element_instance40 { top: 10px; left: 30px; min-width: 135px; width: 135px; min-height: 129px; height: 129px; display: block; } #wb_element_instance40 img { width: 135px; height: 129px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 { top: 52px; left: 510px; min-width: 228px; width: 228px; min-height: 46px; height: 46px; display: block; } #wb_element_instance41 ul { background: transparent none repeat-x center top; } #wb_element_instance41 .btn-collapser { display: none; } #wb_element_instance41 > ul { display: block; } #wb_element_instance42 { top: 263px; left: 245px; min-width: 278px; width: 278px; min-height: 24px; height: 24px; display: block; } #wb_element_instance43 { top: 79px; left: 40px; min-width: 89px; width: 89px; min-height: 86px; height: 86px; display: block; } #wb_element_instance43 img { width: 89px; height: 86px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance44 { top: 16px; left: 326px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; } #wb_element_instance45 { top: 40px; left: 287px; min-width: 229px; width: 229px; min-height: 64px; height: 64px; display: block; } #wb_element_instance46 { top: 114px; left: 287px; min-width: 229px; width: 229px; min-height: 32px; height: 32px; display: block; } #wb_element_instance47 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance47 { top: 48px; left: 258px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance48 { top: 156px; left: 287px; min-width: 229px; width: 229px; min-height: 32px; height: 32px; display: block; } #wb_element_instance49 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance49 { top: 155px; left: 253px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance50 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance50 { top: 116px; left: 253px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance51 { top: 198px; left: 287px; min-width: 229px; width: 229px; min-height: 32px; height: 32px; display: block; } #wb_element_instance52 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance52 { top: 198px; left: 252px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance53 { top: 81px; left: 629px; min-width: 102px; width: 102px; min-height: 24px; height: 24px; display: block; } #wb_element_instance54 i { width: 37px; height: 28px; font-size: 28px; } #wb_element_instance54 { top: 105px; left: 643px; min-width: 37px; width: 37px; min-height: 28px; height: 28px; display: block; } #wb_element_instance55 i { width: 37px; height: 28px; font-size: 28px; } #wb_element_instance55 { top: 105px; left: 683px; min-width: 37px; width: 37px; min-height: 28px; height: 28px; display: block; } #wb_element_instance56 { top: 245px; left: 0; right: 0; min-height: 5px; height: 5px; display: block; } #wb_element_instance57 { top: 88px; left: 0px; min-width: 768px; width: 768px; min-height: 34px; height: 34px; display: block; } #wb_element_instance58 { top: 260px; left: 42px; min-width: 684px; width: 684px; min-height: 2166px; height: 2166px; display: block; } #wb_element_instance59 { top: 0px; left: 0; right: 0; min-height: 210px; height: 210px; display: block; } #wb_element_instance59 > .wb_shp { width: 100%; height: 210px; } #wb_element_instance60 { top: 307px; left: 0px; display: block; } } @media (min-width: 992px) { #wb_header { height: 150px; } #wb_main { height: 3126px; } #wb_footer { height: 315px; } body, .wb_sbg { min-width: 992px; min-height: 3346px; } .wb_cont_inner { width: 992px; } .wb_cont_bg { width: 992px; margin-left: -496px; } .root { height: 3456px; min-height: 3346px; } #wb_element_instance40 { top: 7px; left: 40px; min-width: 140px; width: 140px; min-height: 135px; height: 135px; display: block; } #wb_element_instance40 img { width: 140px; height: 135px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 { top: 52px; left: 721px; min-width: 231px; width: 231px; min-height: 46px; height: 46px; display: block; } #wb_element_instance41 ul { background: transparent none repeat-x center top; } #wb_element_instance41 .btn-collapser { display: none; } #wb_element_instance41 > ul { display: block; } #wb_element_instance42 { top: 275px; left: 370px; min-width: 252px; width: 252px; min-height: 24px; height: 24px; display: block; } #wb_element_instance43 { top: 82px; left: 60px; min-width: 93px; width: 93px; min-height: 89px; height: 89px; display: block; } #wb_element_instance43 img { width: 93px; height: 89px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance44 { top: 20px; left: 439px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; } #wb_element_instance45 { top: 44px; left: 399px; min-width: 229px; width: 229px; min-height: 64px; height: 64px; display: block; } #wb_element_instance46 { top: 118px; left: 399px; min-width: 229px; width: 229px; min-height: 32px; height: 32px; display: block; } #wb_element_instance47 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance47 { top: 44px; left: 364px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance48 { top: 160px; left: 399px; min-width: 229px; width: 229px; min-height: 32px; height: 32px; display: block; } #wb_element_instance49 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance49 { top: 160px; left: 366px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance50 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance50 { top: 118px; left: 364px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance51 { top: 202px; left: 399px; min-width: 229px; width: 229px; min-height: 32px; height: 32px; display: block; } #wb_element_instance52 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance52 { top: 202px; left: 366px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance53 { top: 84px; left: 808px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; } #wb_element_instance54 i { width: 37px; height: 28px; font-size: 28px; } #wb_element_instance54 { top: 108px; left: 846px; min-width: 37px; width: 37px; min-height: 28px; height: 28px; display: block; } #wb_element_instance55 i { width: 37px; height: 28px; font-size: 28px; } #wb_element_instance55 { top: 108px; left: 888px; min-width: 37px; width: 37px; min-height: 28px; height: 28px; display: block; } #wb_element_instance56 { top: 254px; left: 0; right: 0; min-height: 5px; height: 5px; display: block; } #wb_element_instance57 { top: 99px; left: 0px; min-width: 990px; width: 990px; min-height: 42px; height: 42px; display: block; } #wb_element_instance58 { top: 290px; left: 66px; min-width: 860px; width: 860px; min-height: 2736px; height: 2736px; display: block; } #wb_element_instance59 { top: 0px; left: 0; right: 0; min-height: 240px; height: 240px; display: block; } #wb_element_instance59 > .wb_shp { width: 100%; height: 240px; } #wb_element_instance60 { top: 307px; left: 0px; display: block; } } @media (min-width: 1200px) { #wb_header { height: 150px; } #wb_main { height: 3344px; } #wb_footer { height: 300px; } body, .wb_sbg { min-width: 1200px; min-height: 3744px; } .wb_cont_inner { width: 1200px; } .wb_cont_bg { width: 1200px; margin-left: -600px; } .root { height: 3794px; min-height: 3744px; } #wb_element_instance40 { top: 5px; left: 40px; min-width: 145px; width: 145px; min-height: 140px; height: 140px; display: block; } #wb_element_instance40 img { width: 145px; height: 140px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 { top: 52px; left: 940px; min-width: 220px; width: 220px; min-height: 46px; height: 46px; display: block; } #wb_element_instance41 ul { background: transparent none repeat-x center top; } #wb_element_instance41 .btn-collapser { display: none; } #wb_element_instance41 > ul { display: block; } #wb_element_instance42 { top: 263px; left: 455px; min-width: 290px; width: 290px; min-height: 24px; height: 24px; display: block; } #wb_element_instance43 { top: 73px; left: 50px; min-width: 104px; width: 104px; min-height: 100px; height: 100px; display: block; } #wb_element_instance43 img { width: 104px; height: 100px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance44 { top: 18px; left: 525px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; } #wb_element_instance45 { top: 42px; left: 487px; min-width: 226px; width: 226px; min-height: 64px; height: 64px; display: block; } #wb_element_instance46 { top: 116px; left: 487px; min-width: 226px; width: 226px; min-height: 32px; height: 32px; display: block; } #wb_element_instance47 i { width: 30px; height: 23px; font-size: 23px; } #wb_element_instance47 { top: 42px; left: 454px; min-width: 30px; width: 30px; min-height: 23px; height: 23px; display: block; } #wb_element_instance48 { top: 158px; left: 487px; min-width: 226px; width: 226px; min-height: 32px; height: 32px; display: block; } #wb_element_instance49 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance49 { top: 158px; left: 455px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance50 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance50 { top: 116px; left: 454px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance51 { top: 200px; left: 487px; min-width: 226px; width: 226px; min-height: 32px; height: 32px; display: block; } #wb_element_instance52 i { width: 29px; height: 22px; font-size: 22px; } #wb_element_instance52 { top: 200px; left: 454px; min-width: 29px; width: 29px; min-height: 22px; height: 22px; display: block; } #wb_element_instance53 { top: 78px; left: 990px; min-width: 150px; width: 150px; min-height: 24px; height: 24px; display: block; } #wb_element_instance54 i { width: 42px; height: 32px; font-size: 32px; } #wb_element_instance54 { top: 101px; left: 1023px; min-width: 42px; width: 42px; min-height: 32px; height: 32px; display: block; } #wb_element_instance55 i { width: 42px; height: 32px; font-size: 32px; } #wb_element_instance55 { top: 101px; left: 1069px; min-width: 42px; width: 42px; min-height: 32px; height: 32px; display: block; } #wb_element_instance56 { top: 245px; left: 0; right: 0; min-height: 5px; height: 5px; display: block; } #wb_element_instance57 { top: 117px; left: 0px; min-width: 1198px; width: 1198px; min-height: 46px; height: 46px; display: block; } #wb_element_instance58 { top: 330px; left: 130px; min-width: 940px; width: 940px; min-height: 2964px; height: 2964px; display: block; } #wb_element_instance59 { top: 0px; left: 0; right: 0; min-height: 280px; height: 280px; display: block; } #wb_element_instance59 > .wb_shp { width: 100%; height: 280px; } #wb_element_instance60 { top: 307px; left: 0px; display: block; } } @media (max-width: 767px) { }