﻿/* 通用样式 */
body {
    margin: 0px;
    min-width: 1201px;
}

.title {
    font-family: Arial;
    font-size: 20px;
    font-weight:bold;
    color: #FFFFFF;
}

.content {
    font-family: Arial;
    font-size: 20px;
    color: #FFFFFF;
}

.content2 {
    font-family: Arial;
    font-size: 20px;
    color: #000000;
}

/* 导航栏样式：宽 */
ul.menu {
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #444444;
    list-style-type: none;
    overflow: hidden;
}

ul.menu li {
    float: left;
}

ul.menu a, ul.menu li.dropbtn {
    width: 150px;
    padding: 28px 0px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

ul.menu li a:hover, ul.menu li.dropdown:hover, ul.menu li.dropbtn {
    background-color: RGB(227,118,12);
}

ul.menu li.dropdown {
    display: inline-block;
}

.dropdown-content {
    width: 150px;
    position: absolute;
    background-color: #444444;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    display: none;
}

.dropdown-content a {
    padding: 28px 0px;
    text-align: center;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: RGB(227,118,12);
}

ul.menu li.dropdown:hover .dropdown-content {
    display: block;
}

/* store页面列表样式 */
ul.ulStores {
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.ulStores li {
    height: 60px;
    border-bottom: 1px solid #444444;
}

ul.ulStores li img {
    height: 50px;
    margin: 5px 5px;
    float: left;
}

ul.ulStores li a {
    padding: 18px 60px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
}

ul.ulStores li:last-child {
    border-bottom: none;
}

ul.ulStores li a:hover {
    background-color: RGB(227,118,12);
    color: white;
}

/* tutorial页面表格样式 */
table.tableTutorial, table.tableTutorial th, table.tableTutorial td {
    border: 1px solid #444444;
}

table.tableTutorial th {
    background-color: #444444;
}

table.tableTutorial tr:hover {
    background-color: RGB(227,118,12);
}

table.tableTutorial tr td {
    text-align: center;
}

table.tableTutorial tr td:nth-child(2) {
    text-align: left;
    padding-left: 5px;
}

/* index页面视频样式：宽 */
.divVideos {
    width: 1816px;  /* = (40 + 402 + 2) * 4 + 40 */
    height: 301px;  /* = 20 + 227 + 32 + 2 + 20 */
}

.divVideo {
    width: 402px;
    margin: 20px 0px 0px 40px;
    float: left;
    border: solid;
    border-width: 1px;
    background-color: #444444;
}

.divVideo:hover {
    background-color: RGB(227,118,12);
}

.pVideo {
    width: 100%;
    height: 27px;
    margin:0px;
    padding-top: 5px;
    float: left;
    text-align: center;
}

.iframeVideo {
    width: 402px;
    height: 227px;
    float: left;
    border: none;
    background-color: #888888;
}
