body { 
    background-color: #ffffff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#wrapper {
    width: 1024px;
    margin: 0 auto;
}

#main{
    margin: 20px 0;
    width: 100%;
}

.pink, .pink_s, .pink_bold, .pink_italic, .pink_italic_s,
.left_pink, .right_pink{
    color: #D85888;
    font-weight: bold;
}

.pink_bold{
    font-weight: bold;
}

.pink_italic_s, .italic_s, .pink_s{
    font-size: 12px;
}

.pink_italic, .italic_s, .pink_italic_s{
    font-style: italic;
}

.left, .left_pink{
    float: left;
    text-align: left;
    padding: 5px;
}
.right, .right_pink{
    float: right;
    text-align: left;
}
/* FORM */
input[type="text"],
input[type="password"],
textarea {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/* Input fields */
input[type="text"],
input[type="password"],
input[type="search"],
textarea,
.round_box{
    background: #fff;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    border-radius: 3px;
    color: #000;
    padding: 5px 10px;
    /*    -webkit-box-shadow: 0px 1px 1px #bbb;
        -moz-box-shadow: 0px 1px 1px #bbb;*/
    /*box-shadow: 0px 1px 1px #bbb;*/
}

.round_box{
    font-size: 14px;
    font-weight: normal;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
    -webkit-box-shadow: 1px 1px 1px #ccc, inset 2px 1px 2px rgba(255, 153, 204, 0.3);
    -moz-box-shadow: 1px 1px 1px #ccc, inset 2px 1px 2px rgba(255, 153, 204, 0.3);
    box-shadow: 1px 1px 1px #ccc, inset 2px 1px 2px rgba(255, 153, 204, 0.3);
}

button, input, select, textarea, label {
    font-size: 14px;
}

label {
    display: block;
    font-weight: bold;
    margin: 0 0 7px 10px;
}

/* img */
img{
    border: 1px solid #ccc;
}

/* Search inputs */
input[type="search"] {
    background: rgba(255, 255, 255, 0.8) url(../images/search.png) no-repeat 10px center;
    padding-left: 25px;
    -webkit-appearance: none;
    border-radius: 20px;
}

input[type="search"]:-webkit-search-results-button {
    -webkit-appearance: none;
}

.searchform{
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
    float: right;
    margin-right: 30px;
    width: 260px;

}

.searchform input[type="search"] {

    padding-right: 0;
    max-width: 200px;
    float: right;
    /*margin-right: 10px;*/
}

.searchform input[type="submit"], .searchform input[type="button"] {
    padding: 0;
    float: right;
    padding: 4px 6px;
    /*margin: 5px 0 0 2px;*/
    float: right;
}

.searchform input[type="submit"], .searchform input[type="button"], .btn_s{
    font-size: 12px;
}

label[for], input[type="button"], input[type="submit"], button { cursor: pointer; }

.btn_pink input[type=submit], 
.btn_pink input[type="button"],
.searchform input[type="submit"],
.searchform input[type="button"],
.btn_s,
.pink_round_box{
    background: #D85888; /* Fallback */
    /*
    background: -moz-linear-gradient(top, #D85888 0%, #D85888 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D85888), color-stop(100%,#D85888)); 
    background: -webkit-linear-gradient(top, #D85888 0%,#D85888 100%); 
    background: -o-linear-gradient(top, #D85888 0%,#D85888 100%); 
    background: -ms-linear-gradient(top, #D85888 0%,#D85888 100%); 
    background: linear-gradient(top, #D85888 0%,#D85888 100%); 
    */
    color: #fff;

    border-radius: 5px;
    font-weight: bold;
    /* text-shadow: 0 1px 0 #AC0649; */
    -webkit-transition: all 100ms linear;
    /*-moz-transition: all 100ms linear;*/
    transition: all 100ms linear;
    border: 1px solid #fff;
}

.btn_pink input[type=submit], 
.btn_pink input[type="button"]{
    padding: 6px 6px;
}

.btn_pink input[type=submit]:hover, 
.btn_pink input[type="button"]:hover, 
.searchform input[type="submit"]:hover,
.searchform input[type="button"]:hover,
.btn_s:hover{
    border-radius: 8px;
    color: #fff;
    opacity: 0.8;
    background-color: #AC0649;
}

button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled]{
    color: GrayText;
    cursor: inherit;
    background-color:rgba(255, 255, 255, 0.6);
    border: 1px solid #ccc;
}

/* line */
.line {
    clear: both;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin: 5px 0 5px 0;
}

/* h */
h1, h2, h3, h4, h5, h6 {
    text-shadow: 0 1px 0 #fff;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 26px;
    letter-spacing: -1px;
}

h4 {
    font-size: 21px;
    margin-bottom: 15px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-weight: normal;
    font-size: 16px;
}

#menu {
    margin: 0;
}

#menu ul {
    list-style: none;
}

#menu li {
    float: left;
    margin: 0 0 0 0;
    position: relative;
}

#menu a.center,
#menu a.left,
#menu a.right,
#menu a.center_select,
#menu a.left_select,
#menu a.right_select{
    width: 90px;
    text-align: center;
    background: #f3f3f3; /* Fallback */
    /*    background: -moz-linear-gradient(top, #f3f3f3 50%, #c9c9c9 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f3f3f3), color-stop(100%,#ececec));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #f3f3f3 50%,#c9c9c9 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #f3f3f3 50%,#c9c9c9 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #f3f3f3 50%,#c9c9c9 100%);  IE10+ 
        background: linear-gradient(top, #f3f3f3 50%,#c9c9c9 100%);  W3C */

    border: 1px solid;
    border-color: #fff #c9c9c9 #c9c9c9 #fff;

    display: block;
    font-size: 14px;
    padding: 10px 16px;
    margin-bottom: 5px;
    /*text-shadow: 0 1px 0 #fff;*/
    font-weight: bold;
}

#menu a.left, #menu a.left_select{
    border-radius: 10px 0 0 10px ;

}

#menu a.right, #menu a.right_select{
    border-radius: 0 10px 10px 0;

}


#menu a:active {
    -webkit-box-shadow: inset 1px 1px 5px #ccc;
    -moz-box-shadow: inset 1px 1px 5px #ccc;	
    box-shadow: inset 1px 1px 5px #ccc;	
}

#menu a:hover,
#menu a.center_select,
#menu a.left_select,
#menu a.right_select{						/* add  #menu select*/
    border-bottom: 1px solid #AC0649;
    font-weight: bold;  
    border-radius: 0;
    opacity: 0.75;  
    color: #AC0649;
    text-shadow: 0 1px 0 #fff;
}

/* Menu2 */
#menu_2 {
    margin: 0;
}

#menu_2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu_2 li {
    float: left;
    margin: 0 0 0 0;
    position: relative;
    padding: 0;
    border-width: 5px;
    border-color: black;

}

.left_active,
.center_active,
.right_active,
#menu_2 a.center,
#menu_2 a.left,
#menu_2 a.right,
#home_tab,
#about_tab,
#help_tab{
    width: 90px;
    text-align: center;
    margin: 0 0 20px 0;
    border: 1px solid;
    border-color: #eaeaea #c9c9c9 #c9c9c9 #eaeaea;

    display: block;
    font-size: 14px;
    padding: 0 0 4px 0;
    /*color: #fff;*/
    /*color: #D85888;*/
    color: white;
    /*text-shadow: 0 1px 0 #000;*/
    font-weight: bold;

    text-shadow:none;
}

.left_active,
#menu_2 a.left,
#home_tab{
    background: #FFFFFF; /* Fallback */
    /*    background: -moz-linear-gradient(top, #D85888 50%, #8C2B50 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#D85888), color-stop(100%,#8C2B50));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #D85888 50%,#8C2B50 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #D85888 50%,#8C2B50 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #D85888 50%,#8C2B50 100%);  IE10+ 
        background: linear-gradient(top, #D85888 50%,#8C2B50 100%);  W3C */
}
/*.left span{
    color: black;
}*/

.center span{
    color: black;
}

/*.right span{
    color: black;
}*/

.center_active,
#menu_2 a.center,
#about_tab{
    background: #FFFFFF; /* Fallback */
    /*    background: -moz-linear-gradient(top, #6FC9C0 50%, #223F3C 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#6FC9C0), color-stop(100%,#223F3C));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #6FC9C0 50%,#223F3C 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #6FC9C0 50%,#223F3C 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #6FC9C0 50%,#223F3C 100%);  IE10+ 
        background: linear-gradient(top, #6FC9C0 50%,#223F3C 100%);  W3C */
}

.right_active,
#menu_2 a.right,
#help_tab{
    background: #FFFFFF; /* Fallback */
    /*    background: -moz-linear-gradient(top, #5051A0 50%, #000 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#5051A0), color-stop(100%,#000));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #5051A0 50%,#000 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #5051A0 50%,#000 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #5051A0 50%,#000 100%);  IE10+ 
        background: linear-gradient(top, #5051A0 50%,#000 100%);  W3C */
}

.left_active,
#menu_2 a.left{
    border-radius: 15px 0 0 15px;

}

#home_tab, #about_tab, #help_tab{
    border-radius: 15px;
    width: 270px;
    margin: 0px auto 10px auto;
}

.right_active,
#menu_2 a.right{
    border-radius: 0 15px 15px 0;

}

.left_active,
.center_active,
.right_active,
#menu_2 a:active {
/*    -webkit-box-shadow: inset 1px 1px 5px #ccc;
    -moz-box-shadow: inset 1px 1px 5px #ccc;	
    box-shadow: inset 1px 1px 5px #ccc;	*/
}

.left_active,
#menu_2 a:hover.left{
    background: #D85888; /* Fallback */
    /*    background: -moz-linear-gradient(top, #8C2B50 50%, #491028 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#8C2B50), color-stop(100%,#491028));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #8C2B50 50%,#491028 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #8C2B50 50%,#491028 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #8C2B50 50%,#491028 100%);  IE10+ 
        background: linear-gradient(top, #8C2B50 50%,#491028 100%);  W3C */
}

.center_active,
#menu_2 a:hover.center{
    background: #D85888; /* Fallback */
    /*    background: -moz-linear-gradient(top, #223F3C 50%, #000 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#223F3C), color-stop(100%,#000));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #223F3C 50%,#000 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #223F3C 50%,#000 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #223F3C 50%,#000 100%);  IE10+ 
        background: linear-gradient(top, #223F3C 50%,#000 100%);  W3C */
}

.right_active,
#menu_2 a:hover.right{
    background: #D85888; /* Fallback */
    /*    background: -moz-linear-gradient(top, #2E316B 50%, #000 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#2E316B), color-stop(100%,#000));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #2E316B 50%,#000 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #2E316B 50%,#000 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #2E316B 50%,#000 100%);  IE10+ 
        background: linear-gradient(top, #2E316B 50%,#000 100%);  W3C */
}

/* page */
.page {
    margin: 0;
    padding: 0;
}

.page ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page li {
    float: left;
    margin: 0 0 0 0;
    position: relative;
    padding: 0;

}

.page a{
    background: #D85888; /* Fallback */
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: bold;
    margin: 2px;

    border: 1px solid #fff;
}

.page li.page_now {
    text-align: center;
    background: rgba(204,204,204,0.2); /* Fallback */
    color: #D85888;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: bold;
    margin: -2px 3px 2px 3px;

    border: 1px solid #D85888;
}


.page a:hover {
    background: #fff;
    font-weight: bold;  
    opacity: 0.75;   
    border-radius: 5px;
    border: 1px solid #D85888;
}


/* link */
a {
    color: #D85888;
    text-decoration: none;
    -webkit-transition: all 100ms linear;
    /*-moz-transition: all 100ms linear;*/
    transition: all 100ms linear;
    outline: 0;
}

*:focus  
{  
    outline: none;  
}  

a:hover {					
    color: #AC0649;
    text-shadow: 0 1px 0 #fff;
}

a:active { outline: none; }

/**/  
/** PAGES **/
#main{
    overflow: auto;
}
.main, 
#main,
#login_box{ 
    background: rgba(214, 214, 214, .1);
    border-radius:  10px 10px;
    padding: 50px 20px 50px 20px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.5);
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.5);

}

.white_thick_box,
#login_logo, 
#header_logo{ 

    float: left;
    margin: 0;
    padding: 0;
}

.white_box{
    background: #f3f3f3; /* Fallback */
    /*    background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  IE10+ 
        background: linear-gradient(top, #f3f3f3 0%,#ececec 100%);  W3C */
    /*border: 0px;*/
    border: 1px solid;
    /*border-color: #fff #c9c9c9 #c9c9c9 #fff;*/
    line-height: 1.6;
    /*border-radius: 3px;*/
    border-color: lightgray;
    margin: 0;
    text-shadow: 0 1px 0 #fff;

}

.content_left_box,
.word_box_left,
.word_box_right,
.word_box_left2,
.vdo_box{
    background: #f3f3f3; /* Fallback */
    /*    background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  IE10+ 
        background: linear-gradient(top, #f3f3f3 0%,#ececec 100%);  W3C */

    border: 1px solid;
    /*border-color: #fff #c9c9c9 #c9c9c9 #fff;*/
    line-height: 1.6;
    border-radius: 3px;
    border-color: lightgray;
    margin: 0;
    text-shadow: 0 1px 0 #fff;

}

#boxes .window{
    background: #f3f3f3; /* Fallback */
    /*    background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  IE10+ 
        background: linear-gradient(top, #f3f3f3 0%,#ececec 100%);  W3C */

    border: 1px solid;
    line-height: 1.6;
    border-radius: 3px;
    border-color: lightgray;
    margin: 0;
    text-shadow: 0 1px 0 #fff;
}

.word_box_left{
    cursor: pointer;
}

.word_box_left_hover{
    border-color: #D85888;
    border-width: 1px;
}

/*
.vdo-detail{
    border-radius: 5px;
     padding: 5px;
    margin: 4px;
    width: 100%;
     float: left;
}*/

.white_box,
.content_left_box,
.word_box_left,
.word_box_right,
.word_box_left2,
#boxes .window{
    border-radius: 5px;
}

.vdo_box{
    border-radius: 0px 0px 5px 5px;
}

.main2_box,
.content_right_box,
.box_type_2,
.vdo_sub_box{
    /*background: rgba(204, 204, 204, 0.2);*/
    /*border: 1px solid #c9c9c9;*/
    /*border-radius: 5px;*/
    /*padding: 20px;*/
    /*-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);*/
    /*-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);*/
    /*box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);*/
}
.row{
    width: 100%;
}

.vdo_sub_box{
    overflow: auto;
}

/* HEADER */
#header {
    background-image: url('../images/header_fallback.png');
    background-repeat: repeat-x;
    height: 120px;
    /*    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 40%, rgba(204, 204, 204, 0) 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255, 255, 255, 0.85)), color-stop(100%,rgba(204, 204, 204, .4))); 
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 40%,rgba(204, 204, 204, 0) 100%); 
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 40%,rgba(204, 204, 204, 0) 100%); 
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.85) 40%,rgba(204, 204, 204, 0) 100%); 
        background: linear-gradient(top, rgba(255, 255, 255, 0.85) 40%,rgba(204, 204, 204, 0) 100%); */
    padding: 5px 15px;
    color: #000;
    font-weight: bold;
    margin: -50px -20px 10px -20px;
    padding: 10px 20px 50px 20px;
    overflow: hidden;
    width: 100%;
}

#header_right{
    float: right;
    background-image: url('../images/logo_shadow.png');
    width: 840px;
    height: 140px;
    margin: 0;
    padding: 0;
}

#header_logo{
    float: left;
}

#header_title{
    position: relative;
    top: 20px;
    /*float:right;*/
    /*text-shadow: 0 1px 0 #fff;*/
    font-size: 26px;
    /*letter-spacing: -1px;*/
    margin: 0 30px 0 0;
    /*width: 800px;*/
    text-align: right;
}

#header_lang{
    float:right;
    width: 600px;
    text-align: right;
    margin-right: 15px;
    margin-bottom: 15px;
}

#header_lang img{
    border: 0;
}

#header_menu{
    margin: 0;
    /*width: 840px;*/
    width: 100%;
    height: 50px;
    /*float: right;*/
    position: relative;
    top: 40px;
    margin-top: 20px;
}

/* LOG IN */
#login_box{
    margin: -160px 0 0 -120px;
    width: 640px;
    height: 320px;
    position:absolute;
    top:35%;
    left:35%;
}

#login_logo{
    position: relative;
    float: left;
    left: -100px;
}

#login_text_box{
    float: left;
    width: 360px;
}

/* WORD */
.content_left_box{
    float: left;
    padding: 10px;
    width: 280px;
}

.content_left_box .scroll-pane {
    /*height: 860px;*/
    margin-top: 20px;

}

.scroll-pane
{
    width: 100%;
    overflow: auto;
    vertical-align: top;
    height: 1800px; 
}

.content_left_box .scroll-pane ul {
    /*padding: 0 0 0 20px;*/
    /*margin: 0;*/
    padding: 0px;
    margin: 0px;
}


.content_left_box .scroll-pane li{
    color: #D85888;
    margin: 0 0 0;
}

.content_left_box .scroll-pane li.green{
    color: #6FC9C0;
    margin: 0 0 0;
}

.content_left_box .scroll-pane li.blue{
    color: #5051A0;
    margin: 0 0 0;
}

.content_left_box .scroll-pane li a{
    display: block;
    color:#000;
}

.content_left_box .scroll-pane li a:hover{
    color:#D85888;
    background-color:#fff;
}

.content_left_box .scroll-pane li.blue a:hover{
    color:#5051A0;
    background-color:#fff;
}

.content_left_box .scroll-pane li.green a:hover{
    color:#6FC9C0;
    background-color:#fff;
}

.content_left_box .scroll-pane img,
.img_a img{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin: 0px 0;
}

.content_left_box .scroll-pane a:hover img,
.img_a a:hover img{
    border: 1px solid #D85888;
}

.content_right_box{
    float: right;
    padding: 15px;
    width: 680px;
}




.word_box_left, .word_box_right{
    padding: 5px;
    margin: 4px;
    width: 100%;
}

.word_box_left{
    float: left;
}

.word_box_right{
    float: right;
}

.white_box .img_left{
    float: left;
    padding: 0;
    margin: 20px 5px 5px 5px;
}

.word_box_left .img_left{
    width: 250px;
    /*min-height: 180px;*/
    float: left;
    top: 0px;
    padding: 0px;
    margin: 25px 0px 0px 10px;

}
.word_box_left img{
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
}

.word_box_left .img_left img{
    /*width: 150px;*/
}

.white_box .img_left img{
    width: 200px;
}

.word_box_left .left, .word_box_right .left, .word_box_left2 .left{
    float: left;
    color: #D85888;
    width: 180px;
    text-align: left;
    padding: 2px 6px;
    margin: 0 0 0 15px;
    font-weight: bold;
}


.vdo-detail .left{
    float: left;
    color: #D85888;
    width: 280px;
    text-align: left;
    padding: 2px 6px;
    margin: 0 0 0 15px;
    font-weight: bold;
}

.vdo-detail .right{
    float: right;
    text-align: left;
    padding-right: 5px;
}

.white_box .left{
    float: left;
    color: #D85888;
    width: 280px;
    text-align: left;
    padding: 2px 6px;
    margin: 0 0 0 15px;
    font-weight: bold;
}

.white_box .right, .word_box_left .right, .word_box_right .right{
    float: right;
    text-align: left;
    padding-right: 5px;
}

.word_box_left2 .right{
    float: right;

    text-align: left;
    margin-right: 10px;
}



.vdo-detail{

    float: left;
    margin: 10px 0px 0px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: auto;
    background: #F3F3F3;
    border-radius: 10px;
    width: 910px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.vdo-sign{
    /*padding: 10px;*/
    /*width: 700px;*/
    /*z-index: 10000000px;*/
    float: left;
    margin: 10px 0px 0px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #F3F3F3;
    border-radius: 10px;
    width: 910px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}




.word_row{
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: auto;
    width: 100%;
}
.word_row .root_img_title{
    float: left;
    color: #D85888;
    text-align: left;
    padding: 2px 6px;
    margin: 0 0 0 15px;
    font-weight: bold;
}

.word_row .root_img_title2{
    float: left;
    color: #AC0649;
    text-align: left;
    padding: 2px 6px;
    margin: 0 0 0 15px;
    font-weight: bold;
}

.word_row .root_img,
.word_row .vdo_img2{
    float: left;
    text-align: left;
    padding: 2px 2px;

}
.word_row .vdo_img2 img{
    width: 150px;
}
.word_row .root_img img{
    width: 30px;
}
.word_box_left2, .word_box_right2{
    height: 435px;
}

.word_box_left2{
    float: left;
    width: 520px;
    padding: 5px;
    margin: 4px;
}

.word_box_left2 .list{
    float: left;
    width: 145px;
    text-align: left;
    margin: 2px 5px;
}

.word_box_right2{
    float: left;
    width: 220px;
    padding: 5px;
    margin: 4px;
    position:relative;
}

.vdo-detail input{
    width: 185px;
    cursor: pointer;
}

.vdo-detail textarea{
    width: 260px;
    height: 55px;

}

.word_box_left input{
    width: 185px;
    cursor: pointer;
}
.white_box textarea{
    width: 260px;
    height: 55px;

}

.word_box_right2 .btn_box{
    position:absolute; bottom: 0;
}

/* video */

.full_pink_tab, .full_pink_tab_2{
    background: rgba(255, 51, 153, .5);
    border-radius: 8px;
    webkit-box-shadow: inset 0px 12px 10px #D85888;
    -moz-box-shadow: inset 0px 12px 10px #D85888;	
    box-shadow: inset 0px 12px 10px #D85888;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.full_pink_tab_show{
    background: #D85888; 
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

.full_pink_tab_hover{
    background-color: #D85888;
}

.vdo_box{
    padding: 10px;
    overflow: auto;
}

.box_type_2{
    position: relative;
    margin-top: 20px;
}

.box_type_2 .pink_round_box{
    position: relative;
    margin:-34px 0 10px 0;
    padding: 5px 10px;
    width: 80px;
    text-align: center;
}

.box_type_2 td{
    text-align: left;
}

.box_type_2 td input[type=file]{
    width: 450px;
}

.change_img, .add_root, .hidden_field{
    float: left;
}

/* browse_root */
a.browse_root{
    background-color:transparent;
    margin: 5px;
    float: left;
}



#cat_ch_language{
    margin-top:-25px;
}

#license {
    text-align: center;
}

#Content-top {
    display: none;
}

#vdo-header{
    font-size: 26px;
}

#vdo {
    position: fixed;
    left: 0;
    top: 25px;
    width: 950px;
    height: 720px;
    display: none;
    z-index: 9999;
}

#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}

#vdo-container{
    width: 100%;
    overflow: auto;
    height: 500px;
    background-color: #F8F8F8;
}

#boxes #dialog {
    width:840px; 
    height:720px;
    background-color:#000;
}

#vdo-player{
    float: left;
    margin: 15px;
}

#vdo-sign-select {
    padding-top: 5px;
    margin-right: 15px;
    /*overflow: auto;*/
    width: 270px;
    float:right;
}

#vdo-description{
    float: right;
    /*float: left;*/
    /*margin-top: 5px;*/
    width: 300px;
}

#vdo-sign-box {
    width:270px;
    border-radius: 5px;
    background: #f3f3f3; /* Fallback */
    /*    background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%);  FF 3.6+ 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec));  Chrome, Safari 4+ 
        background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Chrome 10+, Safari 5.1+ 
        background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  Opera 11.10+ 
        background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%);  IE10+ 
        background: linear-gradient(top, #f3f3f3 0%,#ececec 100%);  W3C */
    /*border: 0px;*/
    border: 1px solid;
    /*border-color: #fff #c9c9c9 #c9c9c9 #fff;*/
    line-height: 1.6;
    margin-top: 15px;
    margin-right: 15px;
    /*border-radius: 3px;*/
    border-color: lightgray;
    float: right;
    /*text-shadow: 0 1px 0 #fff;*/
}

#vdo-speed{
    /*width: 300px;*/
    /*width: 100%;*/
    float:right;
    /*float: left;*/
    color: #D85888;
    /*text-align: right;*/
    margin-top: 5px;
    margin-right: 15px;
    /*overflow: auto;*/
    width: 270px;
    font-weight: bold;
}

#vdo-reference-panel{
    float:left;
    width: 250px;
}

#vdo-image {
}

#vdo-image img{
    width: 250px;
    margin: 10px;
}

.vdo_title2{
    /*position: relative;*/
    width: 60px;
    margin: 5px;
    float: left;
    text-align: center;
    background: rgba(204,204,204,0.2); /* Fallback */
    color: #D85888;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #D85888;
}

/*.vdo_title2 a:hover {
    background: #fff;
    font-weight: bold;  
    opacity: 0.75;   
    border-radius: 5px;
    border: 1px solid #D85888;
}*/

.vdo_title2 a {

}

.vdo_title {
    background: #f3f3f3;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid lightgray;
    float: left;
    padding: 2px 8px;
    margin: 5px;
    width: 60px;
    text-align: center;
}

.vdo_title span{

    color: #fff;

}

.content_center_box{

}

.content-index{
    background: #f3f3f3;
    border: 1px solid;
    border-radius: 3px;
    border-color: lightgray;
    margin: 0;
    padding: 15px;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
}
.content-index .index-header{
    text-align: center;
}
.content-index .index-video {
    width: 100%;
    /*width: 720px;*/
    margin-left: auto;
    margin-right: auto;
}
.content-index .index-content{
    margin: 15px;
    text-align: left;
}

#player-index_wrapper, #player-index {
    margin-left:auto;
    margin-right:auto;    
}

#about-content{
    width: 500px;
    line-height: 1.8;
}

.help-table{
    width: 100%;

}

#help-order{
    /*width: 900px;*/
    margin-top: 30px;
}


.help-index{
    background: #f3f3f3; /* Fallback */
    border: 1px solid;
    line-height: 1.6;
    border-radius: 3px;
    border-color: lightgray;
    margin: 0;
    padding: 15px;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    height: 100%;

}


.order-index{
    background: #f3f3f3; /* Fallback */
    border: 1px solid;
    /*line-height: 1.6;*/
    border-radius: 3px;
    border-color: lightgray;
    margin: 0;
    padding: 15px;
    text-shadow: 0 1px 0 #fff;
    width: 100%;
    height: 100%;

}

#about-content{
    width: 800px;
    line-height: 1.8;
}


.order-index .index-header{
    text-align: center;
}
.order-index .index-video {
    width: 100%;
    /*width: 720px;*/
    margin-left: auto;
    margin-right: auto;
}
.order-index .index-content{
    margin: 15px;
    text-align: left;
}

.help-table {
    height: 100%;
}

.help-table .help-header{
    text-align: center;
}

.help-table {
    margin: 15px;
    text-align: left;
    height: 100%;
}

.help-index{
    /*    position: relative;*/
    float: left;
    background: #f3f3f3;
    border: 1px solid;
    border-radius: 3px;
    border-color: lightgray;
    margin: 0;
    width: 95%;
    /*    padding-left: 40px;
        padding-right: 40px;*/
    text-shadow: 0 1px 0 #fff;
    /*width: 900px;*/
}

.help-index .index-header{
    text-align: center;
    position: relative;
}

.help-row{
    float: left;
    /*width: 950px;*/
    margin: 10px;
    margin-left: auto;
    margin-right:auto;
}
.help-row .help-no{
    float: left;
    width: 25px;
}
.help-row .help-name{
    float: left;
    width: 500px;
    margin-right: 10px;
}
.help-row .help-image{
    float: left;
    width: 100px;
}
.help-row .help-video{
    float: left;
    /*width: 320px;*/
}
.help-image img{
    max-height: 60px;
    max-width: 60px;
}
.help-image{
    width: 60px;
    height: 20px;
}

.help-content{
    /*position: relative;*/
    padding-left:  25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    float: left;
    height: 100%;
}
#help-header{
    width: 950px;
    text-align: center;
}
.help-text{
    position: relative;
    height: 100%;
}

.help-row-break {
    float:left;
    height: 1px;
    margin: 10px;
    width: 95%;
}