*{
    padding: 0;
    margin: 0;
}
html,body{
    background-color: black !important;
}
/*
@media (min-width: 1024px){html {font-size:64%;}}
@media (min-width: 1366px){html {font-size:85.375%;}}
@media (min-width: 1600px){html {font-size:16px;}}
*/
@media (min-width: 480px){html {font-size:35.14%;}}
@media (min-width: 640px){html {font-size:46.85%;}}
@media (min-width: 800px){html {font-size:64%;}}
@media (min-width: 1024px){html {font-size:85.375%;}}
@media (min-width: 1366px){html {font-size:16px;}}
@media (min-width: 1600px){html {font-size:118%;}}
@media (min-width: 1920px){html {font-size:140.56%;}}

header{
    height: 85px;
    line-height: 85px;
    background-color: black;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .27);
    position: relative;
    z-index: 500;
}

header a{
    color: white;
    text-decoration: none;
    border-bottom: none;
}

header a:link {
    color: white;
    text-decoration: none;
}
header a:visited {
    color: white;
    text-decoration: none;
}
header a:hover {
    color: white;
    text-decoration: none;
}

header .left{
    height: 100%;
    position: relative;
    padding-left: 75px;
}
header .left img{
    /*height: 40px;*/
    /*height: 3.5rem;*/
    height: 75%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
}
header .right{
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding-right: 85px;
    box-sizing: border-box;
}

.option-lv1{
    list-style: none;
    display: inline-block;
    color: white;
    cursor: pointer;
    position: unset;
    vertical-align: middle;
}
.option-lv1 span{
    vertical-align: middle;
}
.option-lv1.option{
    padding: 0 27px;
}
.option-lv1.option:hover{
    color: red;
}
.option-lv1.option span{
    position: relative;
    text-align: center;
    display: inline-block;
    height: 100%;
}

.level-2-options{
    display: none;
    width: 100%;
    height: 68px;
    line-height: 68px;
    background-color: rgb(32, 32, 32);
    position: absolute;
    top: 83px;
    left: 0;
    text-align: center;
    z-index: 55;
    box-sizing: border-box;
}
.level-2-options ul{
    display: inline-block;
    /*width: 100%;*/
    /*text-align: center;*/
    position: absolute;
    white-space:nowrap
}
.level-2-options li{
    list-style: none;
    display: inline-block;
    color: white;
    /*font-size: 15px;*/
}
.level-2-options li+li{
    margin-left: 42px;
}
.level-2-options li span:hover{
    color: rgb(209, 209, 209);
}
.mr-20{
    margin-right: 20px;
}
.ml-30{
    margin-left: 30px;
}
#search img, #language img{
    display: inline-block;
    width: 1.5rem;
    vertical-align: middle;
}

.arrow-top{
    display: none;
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    right: 0;
    margin: auto;
    float: left;
    width: 0;
    height: 0;
    border-width: 18px;
    border-style: solid;
    border-color: transparent rgb(32, 32, 32) transparent transparent;
    transform: rotate(90deg);
}

#search-div input, #search-div button{
    display: inline-block;
    border:none;
    line-height:30px;
    height: 30px;
    vertical-align: middle;
}
input:focus{ outline:none; }
#search-div form{
    display: flex;
    float: right;
    margin-top: 18px;
}
#search-div input{
    /*flex: 1;*/
    float: left;
    flex: unset !important;
    width: 255px;
    padding: 0 1rem;
}
#search-div button{
    background-color: black;
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
    float: left;
    width: 50px;
    font-size: 12px;
}
#search-div button:hover{
    background-color: rgb(24, 24, 24);
}

#language{
    padding: 0 10px;
    position: relative;
}
#language:hover .language{
    display: block;
}
.language{
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    background-color: rgb(0, 0, 0);
    display: none;
    z-index: 55;
}
.language p{
    line-height: 25px;
    text-align: center;
}
.language p a{
    color: rgb(189, 189, 189);
}
.language p a:hover{
    color: white;
}


.PC-footer{
    border-top: 1px solid rgb(95, 95, 95);
    padding: 70px 80px 100px 70px;
    background-color: black;
    position: relative;
    text-align: left;
    letter-spacing: 0 !important;
}

footer{
    border-top: 1px solid rgb(95, 95, 95);
    padding: 70px 80px 100px 70px;
    background-color: black;
    position: relative;
}
footer li{
    margin-right:80px;
    display: inline-block;
    color: white;
    vertical-align: top;
}
footer li dd{
    margin-top: 15px;
}

footer li dd a{
    color: rgb(139, 139, 139);
    text-decoration: none;
    border-bottom: none;
}
footer li span a{
    color: white !important;
}

footer a:link {
    color: rgb(139, 139, 139);
    text-decoration: none;
}
footer a:visited {
    color: rgb(139, 139, 139);
    text-decoration: none;
}
footer a:hover {
    color: rgb(230, 230, 230);
    text-decoration: none;
}
footer .right{
    position: absolute;
    right: 50px;
    top: 80px;
    text-align: right;
}
footer .right img{
    height: 40px;
}
footer .right li{
    margin-right: 0;
    color: rgb(139, 139, 139);
}
#to-top{
    margin-top: 20px;
    cursor: pointer;
}
footer .bottom{
    margin-top: 80px;
}
.contact-us{
    display: inline-block;
    vertical-align: middle;
}
.contact-us-title{
    color: rgb(146, 146, 146);
    display: block;
}
.contact-us-phone{
    font-size: 18px;
    color: white;
    display: block;
    margin-top: 8px;
}
.social-contact{
    display: inline-block;
    vertical-align: middle;
}
.social-contact img{
    width: 40px;
    margin-right: 10px;
}

.carousel-indicators .active{
    background-color: rgb(194, 10, 10) !important;
}

.main-content{
    padding: 30px 100px;
    background-color: black;
    color: white;
}

.title-pd60{
    padding: 130px 0 30px;
    /*padding: 0px 0 30px;*/
    background: black;
    text-align: center;
    color: white;
}
.title-en-ls20{
    letter-spacing: 18px;
    font-size:1.2rem;
    margin-top: 20px;
}
.title-ls20{
    font-weight: 100;
    font-size: 2rem;
    letter-spacing: 30px;
    color: white;
}
.title-ls25{
    font-weight: 100;
    font-size: 27px;
    letter-spacing: 25px;
    color: white;
}
.mt-20px{
    margin-top: 20px;
}
.mt-40px{
    margin-top: 40px;
}
.mb-20px{
    margin-bottom: 20px;
}
.tx-center{
    text-align: center;
}

.tag{
    display: flex;
    text-align: left;
    margin-top: 100px;
    margin-bottom: 200px;
    color: #888888;
    line-height: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(48, 48, 48);
}
.tag img{
    height: 20px;
    margin: auto;
}

.tag a{
    color: #888888 !important;
}
.tag a:hover{
    text-decoration: none;
}
.tag .right{
    display: inline-block;
    flex: 1;
    text-align: right;
}
.tag .right span+span{
    margin-left: 20px;
}

.page{
    width: 100%;
    text-align: center;
    margin-top: 60px;
}
.page li{
    list-style: none;
    display: inline-block;
}
.page li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #888888;
}
.page li a:hover{
    text-decoration: none;
}
.page li a.select{
    color: red !important;
    text-decoration: underline;
}


.statistics{
    text-align: left;
}
.statistics img,
.statistics span{
    vertical-align: middle;
}
.statistics span{
    margin-right: 20px;
}
.statistics img{
    height: 20px;
    margin-right: 8px;
}
.statistics{
    font-size: 15px;
    color: #888888;
    margin-top: 18px;
    position: relative;
}

.link{
    border-bottom: 1px solid #2b2b2b;
    color: #888888;
    padding-bottom: 15px;
}
.link a{
    color: #888888;
}
.link a:hover{
    color: white;
}
.ud-line{
    text-decoration: underline;
    color: white;
}

.carousel-control-prev-icon.my{
    background-image: url(../images/left_arrow.png) !important;
}
.carousel-control-next-icon.my {
    background-image: url(../images/right_arrow.png) !important;
}
.carousel-indicators .active{
    background-color: rgb(151, 61, 61) !important;
}
#language>div:nth-of-type(1){
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#language>div:nth-of-type(1)>span{
    width: 30px;
    text-align: center;
}
#language>div:nth-of-type(1)>img{
    margin-left: 5%;
    /*width: 40%;*/
}
.language>p>a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.language>p>a>a{
    width: 35%;
}
.language>p>a>img{
    width: 40%;
    margin-left: 5%;
}
.language-triangle{
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-25%,-50%) rotate(90deg) scale(0.3);
    background-color: black;
}
#language:hover .language-triangle{
    transform: translate(-25%,-50%) rotate(0deg) scale(0.3);
}