<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

       /*-- ��閰�誨��� --*/
       /*-- ��閰�誨��� --*/
       /*-- ��閰�誨��� --*/
       #house_go{ position: fixed; z-index: 2; right: 1rem;bottom: 13rem; width: 100px; }
       #house_go img{ width: 100%; }
       .logo_img_a{ position: absolute; left: 0; top: -6px; }
       .logo_img_a img{ height: 50px; }
       @media (max-width: 900px){
         #house_go{ display: none; }
       }


    .contact_us_loading {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; 
                          width: 300px; height: 200px; z-index: 10; background: rgb(0 0 0 / 40%); color: #fff;
                        display: flex; justify-content: center; align-items: center;
                        font-size: 22px;}



       /*googlemap BUG*/
       body{ height: 110vh !important; }


       html, body { width : 100%; height: 100%;}

        html{ font-size: 12px; }
        body, div, p, a, h1,h2,h3,h4,h5,h6,span{ font-family: Microsoft JhengHei; }
        button:focus{ outline: none; }
		#ph_nav_btn{ display: none; }
        .landscape_div{ display: none; }
        /*---- 璈怠�讐�∠𧞄�𢒰 ----*/
          .landscape_div{  position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 1000; color: #fff;}
          .landscape_div div{text-align: center; margin: auto; height: 135px; width: 100%; position: absolute; top: 0; bottom: 0; }
          .landscape_div div .landscape{ font-size: 80px; transform: rotate(270deg); margin-right: 20px; vertical-align: middle; }
          .landscape_div div .portrait{ font-size: 80px; }
        #news_div{display: none;}
        .more_tool_div{ display: none; }
        .life_tool_div{display: none;}
        .news_prompt, .life_prompt{display: none;}
        .center_div{ position: relative; top: 50%; transform: translateY(-50%); }
        
        #logo_img{ height: 60px; position: absolute; left: 0; }
        .navbar-expand-lg .navbar-collapse{ position: relative; }

        /*JQUERY mobile*/
        .ui-loader{ display: none; }
        .ui-select span{ display: none; }

        /*�𡁶鍂*/
        .area_pd{ padding: 20px !important; }
        
        /*霈���𣇉𧞄�𢒰*/
        #nowLoading{ position: fixed; top:0px; left: 0px; width: 100%; height: 100%; z-index: 1001; background-color: #fff; }
        #nowLoading div{  position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: max-content; text-align: center; }
        #nowLoading div img:nth-child(1){ width: 250px; }
        #nowLoading div img:nth-child(3){ width: 100px; }

        /*top��厰��*/
        #top_arrow{ width: 45px; height: 45px; background-position: center; background-repeat: no-repeat; border-radius: 5px;
                    position: fixed; bottom: 100px; right: 35px; z-index: 100; background-size: 60%; background-color: rgba(0,0,0,0.5); }

         /*.base_word, .slideshow_tb, .youtube_tb, .img_wall_tb{ margin-bottom: 50px; }*/

        /*-------- �抅�𧋦��𡝗�� ----------*/
        .base_word{ overflow:hidden; }
        .no-gutters .con_txt{ text-align: center; }
        .zoomin_img{display: none; position: absolute; bottom: 5px; right: 5px; font-size: 15px; color: #fff; background-color: #1278c8; padding: 7px 8px; border-radius: 30px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); }
        .base_word div .img_name{  position: absolute; right: 1vw; bottom: 1vh; font-size: 1.5rem; color: #fff; }
         
        

        /*------------ 撟餌���� -------------*/
        .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: none; font-size: 40px; line-height: 0; padding: 5px 15px; color: #fff; left: 0;}
        .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: none; font-size: 40px; line-height: 0; padding: 5px 15px; color: #fff; right: 0;}
        .swiper-button-next, .swiper-button-prev{ background-color: rgba(0, 0, 0, 0.5); width: auto; height: auto; outline: none;}
        .slideshow_tb .swiper-slide span{ position: absolute; right: 1vw; bottom: 1vh; font-size: 1.5rem; color: #fff; }
        .swiper-pagination-bullets{ text-align: center; padding: 1rem; }
        .swiper-pagination-bullet{ width: 100px; height: 100px; border-radius: 0; margin-left: 1rem; }
        
        /*---------- Youtube�䌊��閧葬�𦆮 ----------*/
        .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
        .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0 !important; left: 0; width: 100%; height: 100%; }
        .video-container video{ width: 100%; }
        /*---------- Youtube�峕艶�偘�𦆮 ----------*/
        .ytplayer-container { position: absolute; top: 0 ; z-index: 0;}
        .no_mouse{  position: absolute;  left: 0;  top: 0; width: 100%;  height: 100%;  z-index: 1;}

        /*----------- ��𣇉��� ----------------*/
        .grid-item { float: left; height: 35vh; background-size: cover; background-position: center; border: 2px solid #fff;  }
        .grid-item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; background-color: rgba(0,0,0,0); transition: background-color 0.5s; }
        .grid-item a:hover{ background-color: rgba(0,0,0,0.4); }
        .grid-item a span{ position: absolute; bottom: 10px; right: 0; padding: 2px 5px; color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; letter-spacing: 1px; }
        .grid-item ,.grid-sizer{width: 20%;}

        .grid-item--width2 { width: 40%; }
        .grid-item--height2 { height: 70vh; }
        .grid-item--w-h2{ width: 40%; height: 70vh;}
        

        /*---------- Google �𧑐��� ----------*/
        .embed_map{ height: 75vh; }
        .googleMap_div{background-color: #fff; text-align: center; }
        .googleMap_div h1{ text-align: center; font-size: 4.2rem; margin: 50px 0px; }
        .map{ width: 100%; height: 80vh; }
        .map_placeholder{ display: inline-block; padding: 10px 100px; margin: 20px; font-size: 35px; letter-spacing: 3px; text-decoration: none; color: #ca382e; border: 1px solid; text-align: center; line-height: 1em; 
                          transition: background-color 0.5s, color 0.5s; color: #fff; border-radius: 50px; background-color: #c1291f;}
        .map_placeholder:hover{text-decoration: none;   color: #fff;}
        .map_placeholder img{ vertical-align: top; width: 35px !important; margin: 0px; }
      

        /*------------ �舐窗��穃�� ----------*/
        .contact_us_div{ background-color: #f2f2f2; }
        .contact_us{  padding: 50px;  width: 950px; margin:40px auto;  background-color: #f2f2f2;  }
        .contact_us h1{ margin-bottom: 30px; text-align: center;  }
        .contact_us label{ font-size: 1.5rem; }
        .contact_us input, .contact_us select, .contact_us textarea{ font-size: 1.5rem; padding: 8px 15px; }
        select.form-control:not([size]):not([multiple]){ height: auto; }
        .contact_us .contact_btn_div{ text-align: center; }
        .contact_us button{ font-size: 1.5rem; padding: 8px 40px; }
        #ca_msg{ height: 180px !important; }

        /*--------------- ��鞎貉岫蝞� ------------------*/
        .math_count_div{ background-color: #e6e6e6; }
        #math_count{ padding: 34px; padding-bottom: 20px; font-size: 18px; width: 950px; margin:40px auto; }
        #math_count h1{ text-align: center; margin-bottom: 30px; }
        #math_count input{ font-size: 18px; }
        #math_count select{ font-size: 18px; }
        #math_result{ font-size: 18px; }
        #math_result .form-group{ border-bottom: 1px solid #e7e7e7; }
        #math_result .form-group:last-child{ border:none; }
        #math_result .form-group p{ text-align: center; }
        .open_math_btn{ font-size: 25px; margin: 10px; }
        .open_math_btn.btn-block{ width: auto; }
        #enter_math{ padding: 8px 40px; }

        /*------------------ �𤔅暺� -------------------*/
        .anchor{ width: 100%; }

        /*--------------- 憌罸�思�讛�� --------------*/
        .life_div{ width: 80%; margin: auto; padding: 100px;  position: relative;}
        .life_div a{ display: block; text-align: center; padding: 50px; font-size: 1.8rem; color: #333; }
        .life_div a img{ width: 50px; }
        .life_div a p{ margin: 0; margin-top: 10px; }
        #life_more{ color: #fff;  width: 100%; }
        #life_more i{ position: relative; }
        #more_life_div{width: 105%; display: none;}
        #base_life_div{ width: 105%; }
        .fancybox-toolbar{ opacity: 1; transition: opacity .25s,visibility 0s; visibility: visible; }
        /* .fancybox-button--close{ background: rgb(233, 0, 0); } */
        /*-- �鰵CSS --*/
        .fancybox-button--close{background: #FF6666; border-radius: 50%;}
        .fancybox-toolbar{top: 3vw; right: 3vw;}
        .fancybox-button, .fancybox-button:link, .fancybox-button:visited{color: #fff;}
       /* #gm_food_btn{ background-color: #ff9457; }
        #gm_hos_btn{  background-color: #7f7f7f; }
        #gm_home_btn{ background-color: #c33d3d; }
        #gm_work_btn{ background-color: #f1b604; }
        #gm_school_btn{ background-color: #2c6697; }
        #gm_fun_btn{ background-color: #adcf1d; }*/
        /*#gm_food_btn{ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
        #gm_hos_btn{  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
        #gm_home_btn{ border-bottom: 1px solid #ccc;  }
        #gm_work_btn{ border-right: 1px solid #ccc; }
        #gm_school_btn{ border-right: 1px solid #ccc; }
        #gm_fun_btn{  }*/
        #pc_life_div{  position: fixed; right: 30px; top: 150px; z-index: 100; width: 52px;}
        #pc_life_div a{ display: inline-block; position: relative; padding: 12px 14px;  margin-bottom: 5px; text-decoration: none;}
        #pc_life_div p{ margin: 0; font-size: 22px; line-height: 1; text-align: center;}
        #pc_life_div img{ width: 25px; opacity: 0; position: absolute;}
         #pc_life_more img{ margin-top: 9px; }

        #google_life .col-4{ border: 1px solid #151515; }
        
        .fancybox-slide--iframe{ padding: 0px; }
        .fancybox-slide--iframe .fancybox-content{ width: 100%; height : 100%; }


        /*----------- Footer ----------*/
        .footer_div{ text-align: center; padding: 20px; color: #fff; background: #4b4b4b; font-size: 1.4rem; }
        .footer_make{ margin: 0; margin-top: 15px; color:#898989; display: block !important; }
        .footer_make a{ font-size: 18px; color: #898989; }
        .footer_make a img{ width: 40px; }
        .footer_div span{ margin: 0 5px; letter-spacing: 1px; font-size: 14px; font-weight: 300;}


        /*-------------------- ����𥟇鰵�墧���� ---------------------*/
        .show_card{z-index: 2; left: 0%; }

      

        /*========= �𤓖�衣𧞄�𢒰 =============*/
        @media(min-width: 1024px){
          
          .container-fluid{ padding: 0; margin-top: 50px;}
          .container-fluid img{width: 100%; }

          /*撌∟汗���*/
          .ch_tool_btn{display: none;}
          .bottom_tool{ display: none; }
          .txt_big_btn{ position: fixed; top: 98px; right: 32px; z-index: 10; background: rgba(0, 0, 0, 0.65); padding: 7px 15px 9px 15px; font-size: 20px; border-radius: 4px; }
          .txt_big_btn a{ color: #fff; }
          .navbar{position: fixed; top: 0; left: 0;width: 100%; background: #fff; z-index: 100; padding: 15px; box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.2);}
          .navbar-light .navbar-nav .nav-link{ position: relative; font-size: 16px; letter-spacing: 2px; font-weight: 300; padding-right: 1.5rem; padding-left: 1.5rem; }
          .navbar-light .navbar-nav .nav-link:after{ content: ""; position: absolute; width: 0%; margin: auto; height: 1px; bottom: 0; left: 0; right: 0; transition: width 0.3s;}
          .navbar-light .navbar-nav .nav-link:hover:after{ width:75%; }
        
          /*�批捆*/
          .no-gutters .con_txt{ padding: 6vh 4vw; }
          .no-gutters .con_txt h1{ font-size: 4rem; }
          .no-gutters .con_txt h2 p{ font-size: 2.5rem; }
          .no-gutters .con_txt p{ font-size: 1.8rem; margin: 30px 0px; }

              /*�鰵��*/
              #news_div{     position: fixed; top: 0px;  left: 0;  bottom: 0;  right: 0;  z-index: 90;  margin: auto;  background-color: #fff;  width: 850px;  height: 65vh;  overflow: auto;}
              #news_div&gt;.row{    padding: 50px 0; width: 95%; margin: auto;}

              #news_div .news_list ul{ padding: 0;  list-style: none;}
              #news_div .news_list ul li{ margin-bottom: 20px;  padding-bottom: 20px;  border-bottom: 1px solid #e0e0e0; }
              #news_div .news_list ul li .row .col-2{    text-align: right;}
              .news_list ul li span{text-align: center; display: inline-block; padding: 4px;  box-shadow: 4px 4px 0px #e8e8e8; font-size:15px;}
              #news_div .news_list h4 a{font-size:20px; font-weight: 600;}
              #news_div .news_list h4+p{    color: #a9a9a9;}
              #news_div .news_list h4+p+p{ font-size:15px; margin-right: 40px; text-align: justify; letter-spacing: 0.5px; height: 90px; overflow: hidden;}
              #news_pc_btn{    position: fixed;  bottom: 155px;  right: 35px;  width: 45px;  height: 45px;  background-color: rgb(0 0 0 / 50%); 
                              border-radius: 5px;  display: none;  justify-content: center;  align-items: center;  font-size: 16px;  color: #fff; z-index: 10;}
        }

    /*========= 撟單踎�𧞄�𢒰 =============*/
		@media (max-width: 900px){


          #logo_img{ display: none; }
          #news_pc_btn{display: none;}

          #ph_nav_btn{ display: block; padding: 12px 5px 10px 5px;}
          .navbar{ padding: 0px 10px; z-index: 10; position: fixed; background: #fff; width: 100%; top:0px;}
          .navbar-expand-lg .navbar-collapse{ position: absolute; }


          #nowLoading{ z-index: 10; }
          #nowLoading div img:nth-child(1){ width: 150px; }
          #nowLoading div img:nth-child(3){ width: 50px; }


         /*憌罸�思�讛��+�鰵�墧�鞟內*/
        .prompt{ display: block; position: fixed; width: 100%; height: 100%; z-index: 102;  }
         .life_prompt{opacity: 0; display: block; position: absolute; bottom: 62px; right: 22%; background-color: #ffc105; padding: 6px 15px; border-radius: 30px; z-index: 102;}
         .life_prompt p{ margin: 0; color: #26120b;}
         .life_prompt i{position: absolute; left: 45px; width: 0; height: 0; border-style: solid; border-width: 14px 8px 0 8px; border-color: #ffc105 transparent transparent transparent; }
       
         .news_prompt{opacity: 0; display: block; position: absolute; top: 46px; right: 24%; background-color: #ffc105; padding: 6px 15px; border-radius: 30px; z-index: 102;}
         .news_prompt p{ margin: 0; color: #26120b;}
         .news_prompt i{position: absolute; top: -8px; left: 30px; width: 0; height: 0; border-style: solid; border-width: 0 8px 15px 8px; border-color: transparent transparent #ffc105 transparent; }
       


          /*撠舘汗���*/
          #navbarNavAltMarkup{ background: #fff;  height: 86vh; z-index: -1;}
          #navbarNavAltMarkup a{ font-size: 15px; text-align: center; padding: 18px 0px; border-bottom: 1px solid #ccc; }

          /*��𧢲��慰�嵗*/
          .hamburger-box{ width: 18px; height: 12px; }
         .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{ width: 18px; height: 2px; }
         .hamburger--slider .hamburger-inner::before{ top: 5px; }
         .hamburger--slider .hamburger-inner::after{ top:10px; }
         .hamburger--slider.is-active .hamburger-inner{ transform: translate3d(0, 5px, 0) rotate(45deg); }
         .hamburger--slider.is-active .hamburger-inner::after{ transform: translate3d(0, -10px, 0) rotate(-90deg); }

         /*��𧢲�𠵱ENU*/
         .collapse{ position: absolute; width: 100%; top: 34px; left: 0px; background: #ccc; }
         .navbar-nav{ padding: 0px 15px;  position: relative; top: 45%; transform: translateY(-50%);}

         .ch_tool_btn a{ padding: 12px 0px; width: 40vw; display: inline-block; text-align: center; color: #3c3c3c; letter-spacing: 1px; position: relative; text-decoration: none;}
         .ch_tool_btn a span{ width: 100%; height: 0%; display: inline-block; position: absolute; bottom: 0; left: 0; background: #ffc105; z-index: -1; }
         .txt_big_btn{  }
         .txt_big_btn a{ display: inline-block; padding: 3px 6px; font-size: 19px; color: #3c3c3c; }

         /*bottom 撌亙�瑟�*/
         .bottom_tool{ position: fixed; bottom: 0px; left: 0; z-index: 101; background: #fff; width: 100%;  padding: 7px 0px 5px 0px; display: flex; align-items: center; justify-content: space-around; }
         .bottom_tool a, .more_tool_div a, .life_tool_div a { text-align: center;  color: #000;}
         .bottom_tool a span, .more_tool_div a span, .life_tool_div a span{ display: inline-block; width: 25px; height: 24px; background-color: #fff; border-radius: 4px; background-repeat: no-repeat; background-position: center;}
         .more_tool_div, .life_tool_div{ position: fixed; width: 100%; bottom: 0px; left: 0; height: 60px; padding: 8px; background-color: #ececec; text-align: right; z-index: 100;}
         .life_tool_div{  align-items: center; justify-content: space-around; }
         .more_tool_btn { position: relative; display: inline-block; margin: 0px 8px;}

         /*Link fancybox*/
         #link_div{ width: 90%; height: 90%; position: relative; }
         #link_div a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 50px; text-align: center; }
         /*QR_code fancybox*/
         #qr_code_div{ width: 90%; height: 70%; position: relative; }
         #qr_code_div #qr_img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 80%;}
         #qr_code_div .qa_txt{ position: absolute; bottom: 0; text-align: center; width: 85%; }

         /*�批捆*/
         #case_div{ position: relative; height: 100%; overflow: auto; overflow-x: hidden; top: 0; background: #fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); -webkit-overflow-scrolling: touch; padding-top:0px;  }
         .container-fluid{  padding: 0px 0px 0px 0px;}
         .row div img{ width: 100%; }
         .con_txt{ padding: 20px !important; text-align: center; }
         .con_txt h1{ font-size: 2.2rem; letter-spacing: 1.5px; line-height: 1.5em; margin-bottom: 15px; font-weight: 600; }
         .con_txt h2{ font-size: 1.4rem; margin-bottom: 15px; letter-spacing: 1.5px; line-height: 1.5; font-weight: 600; }
         .con_txt h2 p{ text-align: center; }
         .con_txt p{ font-size: 1.2rem; line-height: 1.8em; text-align: justify; }
         .zoomin_img{ display: block; }

         /*�鰵�𧼮�批捆*/
         #news_div{ position: fixed; z-index: 2; height: 100%; overflow: auto; top: 0; background: #fff; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); padding-top: 40px; -webkit-overflow-scrolling: touch;}
         .news_list ul{ list-style: none; padding: 20px;  }
         .news_list ul li{ margin-bottom: 25px; border-bottom: 1px solid #ccc; }
         .news_list ul li span{ text-align: center; display: inline-block; padding: 4px; box-shadow: 4px 4px 0px #e8e8e8;}
         .news_list ul li span b{ font-size: 1.3rem; }
         .news_list ul li h4{ font-weight: 600; font-size: 1.4rem; }
         .news_list ul li p{ font-size: 1.2rem; text-align: justify;  max-height: 150px;  overflow: hidden;}
         .news_list ul li .more_btn{display: inline-block; margin-bottom: 1rem;}

         /*Youtube*/
         .no_mouse{   z-index: -1;}

         /*��𣇉���*/
         .grid-item{ height: 20vh; }
        .grid-item--width2 { width: 40%; }
        .grid-item--height2 { height: 40vh; }
        .grid-item--w-h2{ width: 40%; height: 40vh;}

         /*----------------- Google Map ---------------*/
         .googleMap_div { margin-bottom: 40px;  }
         .googleMap_div h1{ font-size: 2.5rem; margin: 25px 0; }

         /*------------ �舐窗��穃�� ----------*/
        .contact_us{  width: 100%; }
        .contact_us label{ font-size: 1.4rem; }
        
         /*------------ ��鞎貉岫蝞� ----------*/
        #math_count{ width: 95%; }

        /*-------------- 憌罸�思�讛�� ---------------*/
        #base_life_div{ z-index: 10;}
        .life_div{ padding: 50px 0px; }
        .life_div a img{    width: 30px; }
       
        #more_life_div{position: relative;  }

        #pc_life_div{ display: none; }


        /*------------ Footer ------------*/
        .footer_make a{ font-size: 18px; color: #898989; }
        .footer_make a img{ width: 25px; }

        

		}

       /*========= ��𧢲�毺𧞄�𢒰 =============*/
        @media (max-width: 620px){
          .ch_tool_btn a{ width: 36vw; font-size: 12px; }

          /*憌罸�思�讛��+�鰵�墧�鞟內*/
         .life_prompt.v1{  right:29%; }
         .life_prompt.v2{  right: 30%; }
         .news_prompt{  right: 10%; }


          /*//Top��厰��*/
          #top_arrow { width:30px; height: 30px; right: 8px; bottom: 120px; border-radius: 3px; }

          .grid-item {
            height: 100px;
          }
          .grid-item ,.grid-sizer{width: 50%;}

          .grid-item--width2 { width: 50%; }
          .grid-item--height2 { height: 200px; }

          /*.base_word, .youtube_tb, .img_wall_tb, .slideshow_tb{ margin-bottom: 20px; }*/


          /*------ GoogleMap -----*/
          .googleMap_div{ margin-bottom: 0px; }
          .map{height: 60vh;}
          .map_placeholder{ font-size: 1.5rem; }
          .map_placeholder img{ width: 20px !important; }

           /*------------ �舐窗��穃�� ----------*/
          .contact_us{ padding: 10px; margin: 0px; }
          .contact_us h1{ margin: 10px; }
          .contact_us label, .contact_us input, .contact_us select ,.contact_us textarea { font-size: 1.2rem; }

          /*----------- ��鞎貉岫蝞� ----------*/
          #math_count{padding:10px; margin-bottom: 20px; }
          #math_count h1{ margin-bottom: 10px; }
          .open_math_btn{ font-size: 18px; }

          /*-------------- 憌罸�思�讛�� ---------------*/

          #life_more{ padding: 10px;  width: 100%; }
          .life_div{  padding: 40px 30px; width: 95%;  margin-bottom: 0px;}
          .life_div a{ padding: 10px; }
          .life_div a img{ width: 20px; }
          .life_div a p{ font-size: 1.2rem; margin-top: 2px; }
          

          /*---- Footer -----*/
          .footer_div{ margin-bottom: 58px; font-size: 1rem; }
          .footer_div a{font-size: 1rem; }
          .footer_div span{ font-size: 13px; display: block; margin-bottom: 7px; }

        }

        /*Iphone X*/
        @media (height: 812px){
          .footer_div{ margin-bottom: 93px; }
          .bottom_tool{ padding: 7px 0px 40px 0px; }
          .life_prompt { bottom: 100px; }
        }
        
        /*�凒撘�*/
        @media screen and (orientation: portrait) and (max-width: 900px){

        }
        
        /*璈怠��*/
       /* @media screen and (orientation: landscape) and (max-width: 900px) {
            body{ overflow: hidden; }
            
        }*/</pre></body></html>