/*@media screen and (max-width: 10rem)*/
@media all and (orientation :portrait)
{
    html{
        box-sizing: border-box;
    }
    body{
    background-color: rgb(55,55,55);
    }

    a:link{
        text-decoration:none;   /* 指正常的未被访问过的链接*/
        color: rgb(04,40,40);
    }
    a:visited{
        text-decoration:none; /*指已经访问过的链接*/
        color: rgb(40,40,40);

    }

    a:active{
        text-decoration:none;/* 指正在点的链接*/
        color: rgb(40,40,40);
    }

    a:hover{
        /*color:darkred;*/
        /*font-size:7vw;*/
        /*text-decoration:none;!*指鼠标在链接*!*/
        color:darkcyan;
        /*font-size:7vw;*/
        text-decoration:none;/*指鼠标在链接*/
        background-color: #3b4249;
    }
    /*landing page*/

    .left-line{
    width: 6%;
    margin-left: 0%;
    }

    /*中央容器*/
    .middle-line{
        width:88%;
        margin-top: 1rem;
        margin-left: 6%;
        background-color: rgb(55,55,55);
    }

    .big-img-area{
        width: 100%;
        background-color: whitesmoke;
        text-align: center;
        border-radius: 0.6rem;

    }

    .home-logo{
        margin-top: 50vw;
        margin-bottom: 50vw;
        text-align: center;
        width: 100%;
    }

    .big-img{
        width: 92%;
        /*margin-left: 0.8rem;*/
        /*max-height: 17rem;*/
        padding: 0.5rem;
        /*max-width: 40rem;*/
        /*max-width: 10rem;*/
        /*border-radius: 1rem;*/
        margin-top: 0.3rem;
        /*height: ;*/

    }


    .lang-choice-area{
        border-radius: 0.8rem;
        text-align: center;
        background-color: whitesmoke;
    }

    .warning{
        text-align: left;
        width: 90%;
        margin-left: 5%;
        padding: 2rem 1rem 0.2rem;
        font-size: 4vw;
        color: rgba(0,0,0,0.67);
        word-wrap: break-word;
    }

    .slogun{
        text-align: left;
        width: 90%;
        margin-left: 5%;
        font-size: 5.5vw;
        padding: 0.2rem 1rem 0.5rem;
        word-wrap: break-word;

    }

    .lang-choice-button{
        text-align: center;
        margin-bottom: 2rem;
        margin-top: 0.1rem;
        width: 77%;
        height: auto;
        border-radius: 0.4rem;
        font-size: 6vw;
        padding: 1rem 2rem;
        word-wrap: break-word;
        background-color: lightgray;
        border: 1.5px solid black;


    }


    .right-line{
        width: 6%;
        margin-left: 94%;
    }


    .lang-choice{

    }

    /*以上为  landing page*/

    .header{
        background-color: rgb(55,55,55);
        color: white;
        width: 100%;
        padding: 0.2rem;
    }

    .search{
        padding: 0.2rem 1.5rem 0.2rem 1.5rem;
        display: inline;
        /*width: 40%;*/
        /*height: 8rem;*/
        font-size: 6vw;
        max-width: 50%;
        border-radius: 0.8rem;
        word-wrap: break-word;
        color: white;
        background-color: rgb(55,55,55);
        /*border: 2px solid white;*/
    }

    .signinup{
        float: right;
        display: inline;
        margin-right: 1rem;
    }

    .header2{
        background-color: whitesmoke;
        width: 100%;
    }

    .lang-choice{
        float: right;
        margin-right: 0.5rem;
        margin-top: 0.5rem;
    }
    .logo{
        /*width: 37rem;*/
        /*height: 8rem;*/
        /*margin-left: 0.2rem;*/
        /*padding-top: 0.4rem;*/
        padding: 0.4rem 0.2rem;
        max-width: 98%;
        object-fit: contain;
    }

    .page_main{
        background: white;
        float: left;
        width: 100%;
        overflow: hidden;
        padding-bottom: 15vw;
    }

    .straight-middle{
        float:left;
        background-color: white;
        width: 96%;
        /*border: 1px solid lightgrey;*/
        /*margin: 5px;*/
        /*padding: 15px;*/
        margin-left: 2%;
    }


    .big-title{
        padding: 0.5rem 10rem 5rem 0.5rem;
        font-size: 7vw;
    }


    .spro_types{
        margin-bottom: 40vw;
        width: 100%;
    }

    .spro_type{
        padding: 3vw;
        margin-bottom: 5vw;
    }

    .spro_type_img{
        width: 100%;
        height: auto;
        object-fit: contain;
        overflow: auto;
    }

    .spro_type_title{
        font-size: 6vw;
    }

    .specials{
        /*border: 1px solid black;*/
        margin-bottom: 40vw;
        /*padding: 3vw;*/
        float: none;
        width: 100%;
        text-align: center;
    }

    .special{
        border: 1px solid #C0c0c0;
        margin-bottom: 1vw;
        padding: 3vw;
        border-radius: 0.1rem;
        width: 93%;
    }

    .special_img{
        width: 93%;

        height: auto;
        /*max-height: 35vw;*/
        object-fit: contain;
    }

    .special_title{
        font-size: 6vw;
        word-wrap: break-word;
    }

    .special_desc{
        font-size: 5vw;
        word-wrap: break-word;
    }

    .types{
        /*border: 1px solid black;*/
        margin-bottom: 20vw;
        padding: 0rem 5vw;
        font-size: 4vw;
    }

    .type{
        border: 1px solid lightgrey;
        margin: 5px;
        padding: 15px;
    }

    .a_type_img{
        width: 100%;
        object-fit: contain;
    }

    .a_type_title{
        font-size: 6vw;
        word-wrap: break-word;
    }

    .a_type_title_desc{
        font-size: 5vw;
        word-wrap: break-word;
    }

    .painorimportant{
        /*border-top: 1px solid lightgrey;*/
        text-align: center;
        margin-bottom: 4rem;
        font-size: 4vw;

    }

    .POIcontainer{
        width: 100%;
        /*margin-left: 5%;*/
        margin-top: 1rem;
        border: 1px solid grey;
        border-radius: 1rem;
        margin-bottom: 1rem;
    }

    .summarytitle{
        text-align: left;
        padding: 1rem 0.5rem 0rem;
        font-size: 4.5vw;


    }

    .summarydesc{
        text-align: left;
        padding: 0.5rem 0.5rem 0.5rem;
        font-size: 4vw;


    }

    .imgexplanttable{
        width: 100%;
        /*margin-left: 15%;*/
        /*border: 1px solid black;*/
        border-radius: 0.6rem;
        table-layout: fixed;
        word-wrap: break-word;
        margin-top: 1rem;
        padding: 1rem;

    }

    .td1{
        width: 100%;
        padding: 2rem 0.5rem;
        font-size: 4vw;

    }

    .td2{
        width: 100%;
        padding: 2rem 0.5rem;
        /*background-color: rgb(96,196,228);*/
        /*background-color: rgb(108,196,231);*/
        background-color: rgb(55,55,55);
        border-radius: 0.8rem;
        font-size: 4vw;
        color: white;
    }

    .td3{
        width: 90%;
    }
    .tdimg{
        width: 100%;
        object-fit: contain;

    }


    .globalsearch{
        font-size: 4vw;
    }

    .gsearch{
        font-size: 6vw;
    }


    input{
        font-size: 5vw;
        border-radius: 0.8rem;
    }


    .p_crt{
        font-size: 5vw;
    }


     /*以下為articleslist page*/

    .list_arts{
        padding-bottom: 10vw;
        width: 100%;
        margin-top: 2vw;

    }

    .list_arts_head{
        /*margin-top: 3vw;*/
        padding: 5vw 2vw 3vw;
        /*background-color: black;*/
        /*background-color:rgb(30,30,30);*/
        background-color:rgb(55,55,55);
        text-align: center;

    }

    .list_arts_type-img{
        object-fit: contain;
        /*height: 30vw;*/
        width: 93%;
    }

    .list_arts_type_title{
        font-size: 7vw;
        padding: 0.5vw 4vw;
        color: white;
        text-align: left;
    }


    .list_arts_type_desc{
        font-size: 5vw;
        padding: 0rem 1rem 4rem;
        color: lightgray;
        text-align: left;
    }


    .list_art_title{
        font-size: 6vw;
        padding: 4rem 1.2rem 0.2rem;

    }

    .list_art_editor{
        font-size: 4vw;
        padding: 0rem 1.5rem;
    }

    .list_art_time{
        font-size: 4vw;
        padding: 0rem 1.5rem ;
    }

    .list_art_desc{
        font-size: 5vw;
        padding: 0rem 1.5rem;
    }

    .li_paginator{
        font-size: 4vw;
    }
    /*以上為articleslist page ↑*/


    .article_type{
    width: 100%;
    table-layout: fixed;
    /*padding-right: 0.5rem;*/
    font-size: 3vw;

    }


    .article_detail{
        padding:3rem 0.5rem;
    }

    /*#article*/
    .uetext{
    word-break: break-all;
    table-layout: fixed;
    max-width: 100%;
    width: 100%;
    }

    p{
        /*padding-left: 0.5rem;*/
        word-wrap: break-word;
    }
    /*富文本图片处理*/
    img{
        max-width: 100%;
        /*position: relative;*/
        height: auto;
        object-fit: contain;
    }
    /*富文本图片处理结束*/
    span{
        word-wrap: break-word;
        padding-left: 0.5rem;
    }

    h1{
        /*padding: 0.5rem;*/
        word-wrap: break-word;
    }

    h2{
        /*padding: 0.5rem;*/
        word-wrap: break-word;
    }

    h3{
        /*padding: 0.5rem;*/
        word-wrap: break-word;
    }

    h4{
        /*padding: 0.5rem;*/
        word-wrap: break-word;
    }
    h5{
        /*padding: 0.5rem;*/
        word-wrap: break-word;

    }


    video{
        max-width: 100%;
        word-wrap: break-word;
    }/*article*/


    .detail_article_title{
        font-size: 7vw;
        padding: 4rem 1.2rem 0.2rem;

    }

    .detail_article_editor{
                font-size: 4vw;
        padding: 0rem 1.5rem;
    }

    .detail_article_time{
        font-size: 4vw;
        padding: 0rem 1.5rem ;
    }

    .detail_article_desc{
        font-size: 5vw;
        padding: 0rem 1.5rem;
    }


    .straight-left{
        background-color:lightgray;
        float: left;
        width: 2%;

    }

    .leftcontainer{
        width: 100%;
        padding: 0.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display:none;
        visibility:hidden;
        opacity:0;
    }

    .services{
        padding: 2rem;
        background-color: rgb(55,55,55);
        color: white;
        width: 55%;
        margin-left: 1%;
        border-radius: 50%;
        text-align: center;
        margin-top: 0.5rem;
        border: 1px solid black;
    }

    .straight-right{
        width: 2%;
        margin-right: 98%;
        float:left;
        background-color: rgb(55,55,55);
        word-wrap: break-word;
        /*padding: 1.5rem;*/
        display:none;
        visibility:hidden;
        opacity:0;


    }


    .footer {
        background-color:rgb(55,55,55);
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
        font-size: 3vw;
    }

    .footer_a:link{
        text-decoration:none;   /* 指正常的未被访问过的链接*/
        color: white;
    }

    .footer_a:visited{
        text-decoration:none; /*指已经访问过的链接*/
        color: white;

    }

    .footer_a:active{
        text-decoration:none;/* 指正在点的链接*/
        color: white;
    }

    .footer_a:hover{
        color:darkcyan;
        /*font-size:7vw;*/
        text-decoration:none;/*指鼠标在链接*/
        background-color: #3b4249;
    }


}