﻿.background
{
    margin: 0px;
    background-color: #003651;
    background-repeat: repeat-x;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.WatermarkCssClass
{
    color: #808080;
}
a
{
    text-decoration: none;
}
a:hover
{
    font-weight: bold;
    color: #FF0000;
    text-decoration: underline;
}
.center
{
    text-align: center;
}
.smalllabel
{
    font-size: small;
    font-family: 新細明體;
}
.labeltitle
{
    font-size: small;
    font-family: 微軟正黑體;
    color: #666666;
}
.labelsmall
{
    font-size: small;
    font-family: 微軟正黑體;
}
.labelmedium
{
    font-size: medium;
    font-family: 微軟正黑體;
}
.tableRow
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    height: 20px;
}
.Star
{
    background-image: url('https://twtt.com.tw/images/Star.gif');
    height: 17px;
    width: 17px;
}
.WaitingStar
{
    background-image: url('https://twtt.com.tw/images/WaitingStar.gif');
    height: 17px;
    width: 17px;
}
.FilledStar
{
    background-image: url('https://twtt.com.tw/images/FilledStar.gif');
    height: 17px;
    width: 17px;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: 微軟正黑體;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #2F4F4F;
}

.accordionLink
{
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 微軟正黑體;
}
.menuitemHover
{
    border: 1px solid #0099CC;
    background-color: #B9E9FF;
}
.RoundedCorners
{
    border: 1px solid #C0C0C0;
    padding: 4px;
    border-radius: 5px;
}

.ButtonMedium {
    padding: 5px;
    font-size: medium;
    font-family: 微軟正黑體;
}

.ButtonNull
{
    font-family: 微軟正黑體;
    height: 25px;
}

.ButtonNull:hover
{
    font-weight: bold;
    color: #f62b2b;
    cursor: pointer;
}

.top10
{
    padding-top: 10px;
}
.logoText
{
    font-size: 16pt;
    font-weight: bold;
    font-family: 微軟正黑體;
    color: #C0C0C0;
}
.logoButton
{
    border: 1px solid #CC6600;
    padding: 5px;
    height: 30px;
    font-size: small;
    font-family: 微軟正黑體;
    background-color: #FF9933;
    color: #FFFFFF;
}
.HyperButton
{
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    font-family: 微軟正黑體;
    height: 25px;
    background-image: url('https://twtt.com.tw/images/icon_header.jpg');
    text-align: center;
    padding-top: 4px;
    font-size: small;
}
.HyperButton:hover
{
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background-image: url('https://twtt.com.tw/images/bg_7_2.png');
}
.number01
{
    background-image: url('https://twtt.com.tw/images/number01.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid #800000;
    border-radius: 5px;
    padding-top: 10px;
    background-color: #FFEEEE;
}
.number02
{
    background-image: url('https://twtt.com.tw/images/number02.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid #000099;
    border-radius: 5px;
    padding-top: 10px;
    background-color: #F4F8FF;
}
.number03
{
    background-image: url('https://twtt.com.tw/images/number03.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid #006600;
    border-radius: 5px;
    padding-top: 10px;
    background-color: #ECFFF2;
}
.number04
{
    background-image: url('https://twtt.com.tw/images/number04.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid #663300;
    border-radius: 5px;
    padding-top: 10px;
    background-color: #FAF5F1;
}
.clips
{
    border: 1px solid #CC6600;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
    background-color: #CC0000;
    color: #FFFFFF;
    font-size: small;
}
.panelHeader
{
    border: 1px solid #800000;
    color: white;
    background-color: #CC3300;
    font-family: 微軟正黑體;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}
.hyperlabel
{
    font-family: 微軟正黑體;
    padding: 2px;
    border-radius: 5px;
    color: #006699;
}
.hyperlabel:hover
{
    font-family: 微軟正黑體;
    border: 1px solid #009900;
    padding: 2px;
    border-radius: 5px;
    background-color: #33CC33;
    color: #FFFFFF;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab
{
    font-size: small;
    color: #800000;
    font-family: 微軟正黑體;
    height: 40px;
}
.gradient
{
    padding: 3px 8px 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 微軟正黑體;
    text-decoration: none;
    cursor: pointer;
}

.yellow
{
    border: 1px solid #ffad41;
    color: #ffffff;
    background-color: #ffc579;
    background-image: linear-gradient(to bottom, #ffc579, #fb9d23);
}
.yellow:hover
{
    border: 1px solid #ff9913;
    background-color: #ffaf46;
    background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}
.blue
{
    border: 1px solid #25729a;
    color: #ffffff;
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}

.blue:hover
{
    border: 1px solid #1c5675;
    background-color: #26759e;
    background-image: linear-gradient(to bottom, #26759e, #133d5b);
}
.red
{
    border: 1px solid #df0909;
    color: #ffffff;
    background-color: #f62b2b;
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);
}

.red:hover
{
    border: 1px solid #b30808;
    background-color: #e40a0a;
    background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
}
.black
{
    border: 1px solid #616261;
    color: #ffffff;
    background-color: #7d7e7d;
    background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
}

.black:hover
{
    border: 1px solid #4a4b4a;
    background-color: #646464;
    background-image: linear-gradient(to bottom, #646464, #282828);
}
.silver
{
    border: 1px solid #d1dcdf;
    color: #000000;
    background-color: #f2f5f6;
    background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);
}

.silver:hover
{
    border: 1px solid #b6c7cc;
    background-color: #d4dee1;
    background-image: linear-gradient(to bottom, #d4dee1, #a9c0c8);
}
.menuHeader
{
    border-style: solid;
    border-width: 1px;
    border-color: #000000 #000000 #666666 #000000;
    font-family: 微軟正黑體;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    height: 30px;
    padding-top: 12px;
    padding-left: 10px;
    background-color: #141414;
    color: #FFFF99;
}

.menuItemStyle
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    font-family: 微軟正黑體;
    font-size: small;
}
.singlePlay
{
    font-family: 微軟正黑體;
    padding: 5px;
    border-radius: 25px;
    color: #FFFFFF;
    background-color: #009900;
    font-size: medium;
}
.doublePlay
{
    font-family: 微軟正黑體;
    padding: 5px;
    border-radius: 25px;
    color: #FFFFFF;
    background-color: #CC0066;
    font-size: medium;
}

#menu {
    background: #333;
    height:40px;
}
#menu.fixed {
    background: #777;
    position:fixed;
    left:0;
    top:0;
    width:100%;
}
#menu.fixed ul {
    display: block;
    margin: 0 auto;
}
#menu.fixed+#main {
    margin-top:55px;
}
.waterTextcolor
{
    font-family: 微軟正黑體;
    font-size: small;
    color: #cccccc;
}
.waterTextbox
{
    border: 1px solid #C0C0C0;
    padding: 4px;
}  
