﻿body 
{
    font-size:16px;
}

a 
{
    text-decoration: none;
    color:white;
}

a:link {}

a:visited {}

a:focus {

    color:red;
}

a:hover 
{color:red;}

a:active {}



.grayUnImportInfo
{
    color:darkgray;
    font-size:12px;
}

.repeaterItem
{
    margin-bottom:4px;
}

.pagea
{
    max-width:1080px; margin-left:auto; margin-right:auto;
}

.clearPadding
{
    padding:0px;
}

.banner
{
    height:205px;
    background:url(../Res/img/banner.jpg);
    background-size:auto 205px;
    background-repeat:no-repeat;
    background-position-x:right;
}
.banner_text1
{
    width:250px;
    font-size:16px;
    text-align:center;
    padding-top:30px
}
.banner_text2
{
    width:250px;
    font-size:25px;
    text-align:center;
    margin-top:36px
}
.banner_text3
{
    width:250px;
    font-size:26px;
    text-align:center;
    margin-top:20px
}

.content_menu
{
    line-height:28px;
    padding-left:14px;
    height:30px;
    background-color:lightskyblue;
}
.content_menu a
{
    color:white;
}
.content_menu a:hover
{
    font-weight:bold;
}

.content_center
{

}

.content_center_top
{
    padding:4px;
    height:320px;
    background-color:navajowhite;
    border-radius:15px;
    margin-top:12px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.content_center_main
{
    margin-top:10px;
    height:795px;
}

.content_center_left
{
    padding-left:5px;
    padding-top:8px;
    padding-right:5px;
    float:left;
    width:516px;
    height:780px;
 /*   border:1px solid darkgray;*/
    border-radius:15px;
    margin-right:3px;
}


.content_center_right
{
    float:right;
    width:520px;
    height:780px;
}


.content_center_right_1
{
    padding-right:5px;
    padding-left:5px;
    padding-top:8px;
    border-bottom:1px solid darkgray;
    /*border:1px solid darkgray;*/
    height:380px;
}


.content_center_right_2
{
    margin-top:5px;
    padding-right:5px;
    padding-left:5px;
    padding-top:8px;
/*    border-radius:15px;*/
    /*border:1px solid darkgray;*/

    height:385px;
}

.content_bottoma
{
    margin-top:4px;
    padding-left:5px;
    padding-top:5px;
    padding-right:5px;
    min-height:115px;
    border-top :1px solid darkgray;
    border-bottom :1px solid darkgray;
}

.bottom
{
    text-align:center;
    border-top :1px solid darkgray;
    height:80px;
}

/*channel*/
.content_center_chooseChannel
{
    height:40px;
    line-height:40px;
    border-bottom:1px solid darkgray;
}


/*news*/
.content_center_news_links
{
    padding:4px;
    padding-top:12px;
}

.content_center_news_title
{
    padding:10px;
    font-size:20px;
    text-align:center;
    font-weight:bold;
    padding-top:30px;
    padding-bottom:30px;
}

.content_center_news_content
{
    font-size:19px;
    padding-left:100px;
    padding-right:100px;
    line-height:40px;
}







.rotate-loading 
{
    width: 4px;
    height: 4px;
    position: absolute;
    /*left: calc(50% - 10px);*//*border + width/2*/
    /*top: calc(50% - 10px);*/
    border-radius: 50%;
    border: 8px solid black;
    border-top: 8px solid white;
    animation: rotate-loading 1s linear infinite;
    pointer-events:none;
}


@keyframes rotate-loading 
{
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.roundimg{
            border-radius:50%;
        }



/*
ss site 's special css
*/
.ssite_index_role_link
{
    margin-right:8px;
    font-weight:bold;
}

.ssite_index_banner_link a
{
    margin-right:24px;
    font-weight:bold;
    font-size:26px;
}


.ssite_index_banner_link2 a
{
    margin-right:10px;
    font-weight:bold;
    font-size:20px;
}

.ssite_index_banner_link2 .landrop
{
    border:1px solid gray; 
    font-size:20px;
}

.ssite_flag{
    float:left;margin-right:8px;
}

.ssite_index_roleTitle{
    background-color:black; padding-left:60px; line-height:32px; min-height:50px;
}
.ssite_index_roleContent
{
    background-color:white;min-height:790px;padding-bottom:5px;
}

.ssite_index_moiveTitle{
    background-color:black; padding-left:60px; line-height:32px; min-height:50px;padding-top:30px;
}

.ssite_index_moiveContent
{
    background-color:black;min-height:850px;padding-bottom:5px;
}

.ssite_common_picbutton{
    vertical-align:top; border-radius: 50%; background-color:rgba(255, 0, 0, 0); border:1px solid  lightgrey; font-weight:bold; width:22px; height:22px;line-height:18px; font-size:20px;
}


.btnpicsLeft_role
{
    width: 24px;
	height: 24px;
	background-color: #9E9E9E;
	border-radius: 50%;
    color:antiquewhite;
	opacity: 80%;
	font-size: 20px;
   	text-align: center;
   	line-height: 20px;
    font-weight:bold;
    border:0px;
}
.btnpicsRight_role
{
	width: 24px;
	height: 24px;
	background-color: #9E9E9E;
	border-radius: 50%;
    color:antiquewhite;
	opacity: 80%;
	font-size: 20px;
   	text-align: center;
   	line-height: 20px;
    font-weight:bold;
    border:0px;
}


.btnpicsLeft
{
/*width: 26px;
height: 26px;
background-color: #9E9E9E;
border-radius: 20%;
color:antiquewhite;
opacity: 80%;
font-size: 20px;
text-align: center;
line-height: 20px;
font-weight:bold;
border:0px;*/
}
.btnpicsRight{
width: 26px;
height: 26px;
background-color: #9E9E9E;
border-radius: 20%;
color:antiquewhite;
opacity: 80%;
font-size: 20px;
text-align: center;
line-height: 20px;
font-weight:bold;
border:0px;
}