/*@media screen and (min-width: 11rem) */
@media all and (orientation : landscape)
{
    html{
        box-sizing: border-box;
    }
    body{
        /*background-color: white;*/
        /*background-color: #66090A;*/
        color:#545454;
        /*color: #0500FF;*/
    }


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

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

    a:hover{
        color:darkcyan;
        /*font-size:7vw;*/
        text-decoration:none;/*指鼠标在链接*/
    }




/*-------------------home page-----------------*/
/*-------------------home page-----------*/
/*-------------------home page-----------*/
/*-------------------home page-----------*/
    .header{
        background-color: rgb(20,20,20);
        color: white;
        width: 100%;
        padding: 0.2rem;
    }



    .search{
        padding: 0.2rem 1.5rem 0.2rem 1.5rem;
        display: inline;
        font-size: 1rem;
        max-width: 20%;
        border-radius: 0.8rem;
        word-wrap: break-word;
        color: white;
        background-color: rgb(20,20,20);
        border: 1px 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: 18.5rem;
        height: 4rem;
        margin-left: 0.2rem;
        padding-top: 0.4rem;
    }

    .page_main{
        background:white ;
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .straight-middle{
        float:left;
        background-color: white;
        width: 80%;
        margin-left: 8%;
        padding: 1rem 0.8rem 6rem;
        text-align: center;

    }

    .home-logo{
        padding: 21vw 0rem 21vw 0rem;

    }

    .spro_types{
        display: block;
        padding: 0.5rem;
        object-fit: contain;
        height: auto;
        overflow:auto;
        text-align: center;
        width: 100%;

    }

    .spro_type{
        float: left;
        display: block;
        width: 48%;
        /*max-width: 100%;*/
        object-fit: contain;
        height: auto;
        padding: 0.5rem 1%;



    }

    .spro_type_img{
        width: 100%;
        /*height: auto;*/
        height: auto;
        object-fit: contain;

    }

    .spro_type_title{
         word-wrap: break-word;
        padding: 0vw 1vw 3vw;
        font-weight: bold;

    }



    .article_type_container{
        width: 100%;
        margin-top: 5vw;
    }

    .specials{
        /*border: 1px solid black;*/
        /*margin: 5px;*/
        padding: 1rem 1rem 1rem 1rem;
        float: none;
        width: 100%;
    }

    .special{
        /*border: 1px solid rgb(50,50,50);*/
        border: 1px solid #C0c0c0;
        margin: 1rem 0.2rem;
        padding: 1.5rem;
        border-radius: 0.1rem;
    }

    .special_img{
        width: 100%;
        height: auto;
        max-height: 40vw;
        object-fit: contain;
    }


    .types{
        /*border: 1px solid black;*/
        /*margin: 5px;*/
        width: 100%;
        padding: 1vw 1rem;
        /*text-align: center;*/
        overflow: auto;
    }


    .type{
        border: 1px solid lightgrey;
        margin: 1vw 0.8vw;
        padding: 1.5vw;
        width: 27%;
        float: left;
    }

    .a_type_img{
        width: 100%;
        height: auto;
        max-height: 50vw;
        object-fit: contain;
    }


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

    }

    .POIcontainer{
        width: 70%;
        margin-left: 15%;
        margin-top: 1rem;
        border: 1px solid grey;
        border-radius: 1rem;
        margin-bottom: 1rem;
    }

    .summarytitle{
        text-align: left;
        padding: 5px;
        margin-left: 3%;
    }



    .summarydesc{
        text-align: left;
        padding: 5px;
        padding-bottom: 10px;
        margin-left: 2%;

    }

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

    .td1{
        width: 50%;
        padding: 1rem;

    }

    .td2{
        width: 40%;
        padding: 2rem;
        /*background-color: lightskyblue;*/
        background-color: rgb(55,55,55);
        color: white;
        border-radius: 1rem;
    }

    .td3{
        width: 50%;
    }
    .tdimg{
        width: 80%;
    }

    /*!*以下為articleslist page*!*/
    .list_arts{
        padding-bottom: 10rem;
        width: 100%;

    }
    .list_arts_head{
        /*padding: 1rem 1rem 0.2rem;*/
        /*background-color:#D7D7D7;*/
        /*background-color: rgb(30,30,30);*/
        background-color:rgb(55,55,55);
        color: white;
        padding: 5rem 1.5rem 3rem 2rem;
        text-align: center;

    }
    .list_arts_type-img{
        object-fit: contain;
        max-height: 30vw;
        width: 80%;
        /*text-align: center;*/
    }

    .list_arts_type_title{
        text-align: left;
    }

    .list_arts_type_desc{
        text-align: left;
    }

    .list_art_title{
        margin-top: 10vw;
    }

    /*!*以上為articleslist page ↑*!*/




    p{
        /*padding-left: 0.5rem;*/
        word-wrap: break-word;
    }
    /*富文本图片处理*/
    img{
        max-width: 100%;
        /*position: relative;*/
    }
    /*富文本图片处理结束*/
    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*/



    .straight-left{
        background-color:whitesmoke;
        float: left;
        width: 0%;
        word-wrap: break-word;

    }


    /*.leftcontainer{*/
        /*width: 100%;*/
        /*padding: 0.5rem;*/
        /*padding-top: 1rem;*/
        /*padding-bottom: 1rem;*/

    /*}*/

    /*.services{*/
        /*padding: 2rem;*/
        /*background-color: whitesmoke;*/
        /*color: white;*/
        /*width: 55%;*/
        /*margin-left: 1%;*/
        /*border-radius: 0%;*/
        /*text-align: center;*/
        /*margin-top: 0.5rem;*/
        /*!*border: 1px solid steelblue;*!*/
        /*word-wrap: break-word;*/
        /*!*121168226*!*/
    /*}*/

    .straight-right{
        width: 8%;
        float:left;
        word-wrap: break-word;
        background-color: whitesmoke;
        /*color: white;*/


    }

    .submit_img{
        height: 10rem;
        width: 10rem;
        max-height: 15rem;
        max-width: 15rem;
    }


    .footer {
        background-color:rgb(55,55,55);
        /*background-color: rgb(20,20,20);*/
        /*background-color: rgb(30,30,30);*/
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
    }

    .footer-list{
        text-align: center;
        padding: 0.2rem 1.5rem 1.5rem 0.1rem;
    }

    .footer-span{
        /*float: left;*/
    }


    .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;
    }
}