@charset "utf-8";
body {
background-image: url(../images/navibbg.png);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center;
margin: 0px;
padding: 0px;
background-color: #eee;
font-family: "微軟正黑體";
color: #333;
font-size: 14px;
}
a {
text-decoration: none;
}
.header {
width: 100%;
font-size: 13px;
}
.head {
background-image: url(../images/navibg.jpg);
background-repeat: repeat-x;
width: 100%;
height: 60px;
padding: 0;
text-align: center;
}
#header {
background-image: url(../images/navibg.jpg);
background-repeat: repeat-x;
width: 990px;
height: 60px;
padding: 0;
margin: 0 auto;
position: relative;
}
.logo {
margin: 0px;
border: none;
float: left;
width: 152px;
height: 58px;
}
#searchbar {
float: left;
position: absolute;
top: 8px;
right: 17px;
}
.styled-select select {
width: 117px;
height: 23px;
background: transparent;
background-color: rgba(0, 0, 0, 0);
padding: 1px 1px 1px 8px;
font-size: 12px;
color: #999;
line-height: 1;
border: none;
border-radius: 0;
-webkit-appearance: none;
}
.styled-select {
width: 100px;
height: 23px;
background: url(../images/select_bg.png) no-repeat;
overflow: hidden;
float: left;
}
#searchbar input {
margin: 0px;
float: left;
}
#searchbar #text_search {
width: 127px;
height: 23px;
border: none;
font-size: 12px;
color: #FFF;
background: transparent;
background-image: url(../images/searchbar_bg.png);
background-repeat: repeat-x;
padding-top: 1px;
padding-top: 4px\0;
}
#searchbar #text_search:focus {
width: 127px;
height: 23px;
border: none;
font-size: 12px;
color: #333;
background: transparent;
background-image: url(../images/searchbar_bg2.png);
background-repeat: repeat-x;
padding-top: 1px;
padding-top: 4px\0;
}
@media \0screen {
#searchbar #text_search,#searchbar #text_search:focus {
padding-top: 4px;
}
}
#sohot {
color: #FFF;
font-size: 12px;
width: 260px;
height: 40px;
float: right;
text-align: left;
position: absolute;
top: 33px;
right: 0;
z-index: 13
}
#sohot a span {
color: #FFF;
}
#sohot a span:hover {
color: #FC0;
}
#sohot a span {
text-decoration: none
}
#sohot span:hover {
text-decoration: underline
}
.sohottitle {
color: #ed6d18;
}
#sohotkeyword {
background-color: #2a2a2a;
max-width: 220px;
padding: 5px;
display: inline-block;
margin-left: 26px;
width: auto;
display: none
}
#sohotkeyword span {
color: #FFF;
}
#sohotkeyword span:hover {
color: #FC0;
}
.head #header #sohot:hover #sohotkeyword {
text-decoration: none;
display: block;
}
.nav {
background: url(../images/navbg3.jpg) repeat-x;
width: 100%;
height: 33px;
text-align: center;
}
#nav {
background: url(../images/navbg3.jpg) repeat-x;
width: 990px;
height: 33px;
text-align: center;
padding: 0;
margin: 0 auto;
}
.memberbox {
color: #F60;
margin: 0px;
position: absolute;
top: 10px;
right: 294px;
}
.memberbox a {
color: #FFF;
}
.container {
background-image: url(../images/navibbg.png);
background-repeat: repeat-y;
background-position: center;
background-color: #eee;
padding: 0;
text-align: center;
}
#container {
background-image: url(../images/navibbg.png);
background-repeat: repeat-y;
background-position: center;
background-color: #f9f9f9;
width: 988px;
margin: 0 auto;
min-height: 450px;
}
.foot {
}
#foot {
font-size: 15px;
background-image: url(../images/foot.png);
background-repeat: repeat-x;
width: 990px;
height: 180px;
padding: 0;
margin: 0 auto;
background-color: #282828;
}
#copyright {
color: #FFF;
}
#copyright a {
color: #FFF;
text-decoration: underline;
}
#foot_menu {
list-style: none;
padding-top: 5px;
margin: 0px auto 54px auto;
}
#foot_menu li {
position: relative;
display: inline-block;
padding: 10px 10px 10px 30px;
margin-left: 25px;
}
#foot_menu li:hover {
padding: 10px 10px 10px 30px;
background-color: #111;
z-index: 10;
margin-left: 25px;
}
#foot_menu li:first-child {
margin-left: 0px;
}
#foot_menu li a {
color: #FFF;
display: inline-block;
outline: 0;
text-decoration: none;
}
.footlink1,.footlink2,.footlink3,.footlink4,.footlink5,.footlink6 {
background-repeat: no-repeat;
background-position: 5px 8px;
}
.footlink1 {
background-image: url(../images/footlink1.png);
}
.footlink2 {
background-image: url(../images/footlink2.png);
}
.footlink3 {
background-image: url(../images/footlink3.png);
}
.footlink4 {
background-image: url(../images/footlink4.png);
}
.footlink5 {
background-image: url(../images/footlink5.png);
}
.footlink6 {
background-image: url(../images/footlink6.png);
}
#foot_menu li ul {
position: absolute;
top: 38px;
left: 0px;
list-style: none;
background-color: #111;
padding: 5px 0px 0px 0px;
visibility: hidden;
border: 1px solid #444;
border-top: none;
z-index: 9;
}
.footlink1 ul {
width: 210px;
}
.footlink3 ul {
width: 210px;
}
.footlink4 ul {
width: 210px;
}
.footlink6 ul {
width: 220px;
}
#foot_menu li ul {
display: inline;
}
#foot_menu li:hover ul {
visibility: inherit;
padding: 6px;
margin: 0px;
}
#foot_menu li ul li {
float: left;
display: inline-block;
padding-left: 23px;
margin-left: 0px;
}
#foot_menu li ul li:hover {
float: left;
display: inline-block;
padding-left: 23px;
margin-left: 0px;
}
#foot_menu li ul li a {
display: inline-block;
}
#foot_menu li ul li a:hover {
color: #fc0;
}
#menu {
list-style: none;
width: 950px;
height: 33px;
margin: 0px auto 0px auto;
padding: 0px 20px 0px 20px;
background-image: url(../images/navbg3.jpg);
background-repeat: repeat-x;
}
#menu li {
float: left;
display: block;
text-align: center;
position: relative;
padding: 4px 20px 6px 22px;
margin-right: 0px;
margin-top: 0px;
}
#menu li:hover {
border: 0px solid #777;
background-image: url(../images/navbg4.jpg);
background-repeat: repeat-x;
z-index: 12;
}
#menu li a {
color: #EEE;
display: block;
outline: 0;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
}
#menu li:hover a {
color: #FFF;
text-shadow: 0px 0px 0px #FFF;
}
#menu li .drop {
padding-right: 15px;
background: url("../images/drop.png") no-repeat right 7px;
}
#menu li:hover .drop {
background: url("../images/drop.png") no-repeat right 7px;
}
#menu .on {
background-image: url(../images/navbg5.jpg);
}
#menu .on .drop {
padding-right: 15px;
background: url("../images/drop2.png") no-repeat right 7px;
}
#menu .on:hover .drop {
background: url("../images/drop2.png") no-repeat right 7px;
}
.dropdown_1column,.dropdown_2columns,.dropdown_3columns,.dropdown_4columns,.dropdown_5columns
{
margin: 5px auto;
float: left;
position: absolute;
left: -999em;
text-align: left;
padding: 10px 8px 10px 10px;
border: 1px solid #777;
border-top: none;
background: #333;
}
.dropdown_1column {
width: 84px;
}
.dropdown_2columns {
width: 164px;
}
.dropdown_3columns {
width: 244px;
}
.dropdown_4columns {
width: 324px;
}
.dropdown_5columns {
width: 404px;
}
#menu li:hover .dropdown_1column,#menu li:hover .dropdown_2columns,#menu li:hover .dropdown_3columns,#menu li:hover .dropdown_4columns,#menu li:hover .dropdown_5columns
{
left: -1px;
top: auto;
}
.col_1,.col_2,.col_3,.col_4,.col_5 {
display: inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.col_1 {
width: 80px;
}
.col_2 {
width: 160px;
}
.col_3 {
width: 240px;
}
.col_4 {
width: 320px;
}
.col_5 {
width: 400px;
}
#menu .menu_right {
float: right;
margin-right: 0px;
}
#menu li .align_right {
}
#menu li:hover .align_right {
left: auto;
right: -1px;
top: auto;
}
#menu p,#menu h2,#menu h3,#menu ul li {
line-height: 21px;
font-size: 12px;
text-align: left;
text-shadow: 0px 0px 0px #FFF;
}
#menu h2 {
font-weight: 400;
letter-spacing: -1px;
margin: 7px 0 14px 0;
padding-bottom: 14px;
border-bottom: 1px solid #666;
}
#menu h3 {
color: #CCC;
margin: 7px 0 14px 0;
padding-bottom: 7px;
border-bottom: 1px solid #666;
}
#menu p {
line-height: 18px;
margin: 0 0 10px 0;
}
#menu li:hover div a {
color: #FFF;
}
#menu li:hover div a:hover {
color: #fc0;
}
.strong {
font-weight: bold;
}
.italic {
font-style: italic;
}
#menu li:hover div hr {
height: 1px;
border-width: 0;
background-color: #666;
}
.imgshadow {
background: #FFFFFF;
padding: 4px;
border: 1px solid #777777;
margin-top: 5px;
-moz-box-shadow: 0px 0px 5px #666666;
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
.img_left {
width: auto;
float: left;
margin: 5px 15px 5px 5px;
}
#menu li .black_box {
background-color: #333333;
color: #eeeeee;
text-shadow: 0px 0px 0px #000;
padding: 4px 6px 4px 6px;
-webkit-box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
box-shadow: inset 0 0 3px #000000;
}
#menu li ul {
list-style: none;
padding: 0;
margin: 0 0 12px 0;
}
#menu li ul li {
font-size: 14px;
line-height: 24px;
position: relative;
text-shadow: 0px 0px 0px #FFF;
padding: 0;
margin: 0;
float: none;
text-align: left;
width: 130px;
}
#menu li ul li:hover {
background: none;
border: none;
padding: 0;
margin: 0;
}
#menu li .greybox li {
background: #F4F4F4;
border: 1px solid #bbbbbb;
margin: 0px 0px 4px 0px;
padding: 4px 6px 4px 6px;
width: 116px;
}
#menu li .greybox li:hover {
background: #ffffff;
border: 1px solid #aaaaaa;
padding: 4px 6px 4px 6px;
margin: 0px 0px 4px 0px;
}
ul .grid {
height: 266px;
width: 179px;
list-style-type: none;
float: left;
}
dl,dt,dd {
margin: 0;
padding: 0;
}
#panel,#panel2,#panel3{
width: 340px;
background-position: top; 
text-align: left;
/*z-index: 51;*/
z-index: 999;
position: fixed;
top: 50%;
left: 50%;
margin-top: -85px;
margin-left: -167px;
_position: absolute;
_top: expression(documentElement.scrollTop +(
documentElement.clientHeight-this.clientHeight)/ 2 );
_margin-top: 0;
}
#panel dl,#panel2 dl,#panel3 dl{
width: 340px;
padding: 10px;
}
#panel dt,#panel2 dt,#panel3 dt {
background-image: url(../images/panel_head.png);
background-repeat: no-repeat;
background-position: top;
color: #f90;
height: 45px;
padding-top: 10px;
padding-left: 15px;
margin-bottom: -5px;
}
#panel dd,#panel2 dd,#panel3 dd {
color: #666;
line-height:18px;
background-image: url(../images/panel_foot.png);
background-repeat: repeat-y;
background-position: bottom;
padding-top: 0px;
padding-right: 22px;
padding-left: 22px;
padding-bottom: 15px;
}
#panel dt #close_panel a,#panel2 dt #close_panel a ,#panel3 dt #close_panel a{
color: #CCC;
text-decoration: none;
}
#panel dd p,#panel2 dd p ,#panel3 dd p{
text-align: left;
margin-top: 0px;
}
#panel dd p,#panel2 dd p.ps,#panel3 dd p {
text-align: right;
margin-top: 0px;
}
#close_panel {
float: right;
padding-top: 5px;
padding-right: 15px;
}
#panel2 {
width: 500px;
margin-top: -180px;
margin-left: -250px;
}
#panel2 dl {
width: 500px;
}
#panel2 dt {
background-image: url(../images/panel2_head.png);
}
#panel2 dd {
background-image: none;
padding: 0px;
}
#panel2 dd .dd_body {
background-image: url(../images/panel2_body.png);
background-repeat: repeat-y;
width: 500px;
padding-left:20px;
}
#panel2 dd .dd_foot {
background-image: url(../images/panel2_foot.png);
background-repeat: no-repeat;
background-position: bottom;
width: 500px;
height: 10px;
}
.add_side {
width: 260px;
}
.r_tab {
width: 280;
float: left;
}
.r_tab #download {
width: 280px;
height: 25px;
text-align: center;
padding-top: 8px;
}
a img {
border: none;
}
#download a img {
margin-right: 10px;
}
.results {
margin-left: 25px;
color: #535353;
}
.results p {
text-align: left;
padding: 0 0 10px 0;
}
.results ul,.myvideos_ul {
margin: 0px 0px 0px 20px;
padding: 0px;
}
.results ul li,.myvideos_ul li {
float: left;
margin-right: 10px;
margin-bottom: 25px;
}
.pages {
padding-top: 10px;
}
.pages a {
padding-right: 8px;
color: #535353;
}
.pages .link_on {
color: #eb6100;
}
.r_time {
font-size: 13px;
}
#r_more a {
font-size: 14px;
color: #6E6E6E;
position: absolute;
right: 0px;
bottom: 0px;
font-weight: bolder;
line-height: 30px;
}
#r_more a:hover {
border-bottom: solid 1px #3366ff;
color: #3366ff
}
.results_mlb {
margin-left: 13px;
color: #535353;
}
.results_mlb ul {
margin: 0px 0px 0px 20px;
padding: 0px;
}
.results_mlb ul li {
float: left;
margin-right: 10px;
margin-bottom: 25px;
}
.results_keywork {
text-align: left;
color: #666;
margin: 15px 0px 0px 15px;
padding: 0px;
font-size: 22px;
}
.results_keywork .keywork {
color: #E00;
}
.players {
list-style: none;
padding: 0 0 0 38px;
}
.players li {
float: left;
margin: 0px 5px 10px 0px;
width: 300px;
height: 555px;
position: relative;
}
.players_info {
width: 280px;
margin: 0px auto;
}
.players_info a {
color: #535353;
padding-top: 10px;
display: block;
text-align: left;
vertical-align: top;
margin-top: 0px;
position: relative;
}
.players_info a img {
margin: -3px 0px 0px 5px;
position: absolute;
right: 0px;
}
.players li .players_info dl {
text-align: left;
}
.players li .players_info dl dt {
line-height: 26px;
color: #535353;
background-image: url(../images/icon_arrow.png);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 12px;
}
.players li .players_info dl dd {
padding-left: 12px;
color: #eb6100;
line-height: 24px;
padding-top: 16px;
}
.players li .btns {
position: absolute;
bottom: 120px;
left: 0px;
right: 0px;
margin: auto;
}
.players li .qrs {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.login {
width: 870px;
height: 360px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.login .social,.login .tm {
font-size: 16px;
float: left;
padding-top: 10px;
width: 392px;
}
.login .social img,.login .tm img {
margin: 5px 15px 0px 0px;
}
.login .social #btn_login_fb,.login .tm #btn_login_tm {
margin-top: 70px;
}
.container #container .end {
height: 10px;
clear: both;
}
.login .social .title,.login .tm .title {
font-size: 18px;
height: 40px;
}
.login .or {
float: left;
width: 33px;
height: 360px;
background-image: url(../images/login_or.png);
}
.login .tm {
width: 445px;
}
.login .tm .login_tm {
text-align: left;
width: 375px;
}
.login .tm .login_tm .id {
background-image: url(../images/login_bg_t.png);
background-repeat: no-repeat;
background-position: top;
height: 35px;
color: #535353;
padding-top: 18px;
padding-left: 14px;
font-size: 18px;
}
.login .tm .login_tm .pw {
height: 35px;
color: #535353;
padding-left: 14px;
background-color: #dcdcdc;
padding-top: 5px;
font-size: 18px;
}
.login .tm .login_tm .remember {
position: relative;
height: 25px;
color: #535353;
padding-left: 14px;
background-color: #dcdcdc;
padding-top: 5px;
font-size: 16px;
}
.login .tm .login_tm .remember a {
position: absolute;
right: 35px;
color: #03F;
}
.login .tm .login_tm li input[type="text"] {
padding-top: 5px;
font-size: 16px;
height: 30px;
width: 260px;
border: 1px solid #c5c5c5;
padding-left: 10px;
}
.login .tm .login_tm .btn {
background-image: url(../images/login_bg_f.png);
background-repeat: no-repeat;
background-position: bottom;
height: 50px;
text-align: right;
padding-right: 10px;
padding-top: 5px;
}
.login .tm .login_tm li input[type="checkbox"] {
margin: 0px 3px 0px 55px;
padding: 0px;
}
.register {
text-align: left;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.register p {
font-size: 16px;
}
.register form .reg {
font-size: 16px;
width: 905px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.register form .reg li {
padding: 7px 10px 7px 30px;
}
.register form .reg li .i {
height: 14px;
width: 14px;
margin-right: 5px;
}
.register form .reg li input[type="text"] {
font-size: 16px;
padding-top: 5px;
}
.register form .reg li select {
font-size: 16px;
}
.register form .reg .t {
background-image: url(../images/register_bg_t.png);
background-repeat: repeat-y;
background-position: top;
padding-top: 20px;
}
.register form .reg .b {
background-color: #dcdcdc;
}
.register form .reg .f {
background-image: url(../images/register_bg_f.png);
background-repeat: repeat-y;
background-position: bottom;
padding-bottom: 20px;
}
.reg_strong {
color: #eb6100;
}
.convert {
width: 905px;
margin: 0px auto;
}
.convert p {
text-align: left;
line-height: 24px;
padding: 15px 0px;
}
.convert form ul {
margin: 0px auto;
height: 197px;
width: 535px;
}
.convert form ul .title {
font-size: 16px;
color: #535353;
font-weight: bolder;
background-image: url(../images/convert_input_t.png);
height: 25px;
padding-top: 25px;
background-repeat: repeat-y;
background-position: top;
}
.convert form ul .ps {
background-color: #dcdcdc;
padding-top: 8px;
}
.convert form ul .num {
background-color: #dcdcdc;
padding-top: 8px;
}
.convert form ul .num input {
height: 30px;
width: 187px;
border: 1px solid #cbcbcb;
padding-left: 10px;
}
.convert form ul .btn {
background-image: url(../images/convert_input_f.png);
padding-top: 13px;
background-repeat: repeat-y;
background-position: bottom;
padding-bottom: 17px;
}
.convert ol {
padding-top: 30px;
padding-bottom: 30px;
width: 820px;
margin: 0px auto;
}
.convert ol li {
text-align: left;
list-style-type: decimal;
margin-left: 10px;
margin-bottom: 16px;
line-height: 26px;
}
.convert ol .ps {
list-style-image: url(../images/icon_arrow.png);
list-style-position: outside;
margin-left: -10px;
}
.convert hr {
height: 1px;
border-width: 0;
background-color: #666;
}
ul.links {
margin: 0px;
padding: 0px;
}
ul.links {
list-style: none;
margin: 0px auto;
width: 820px;
}
.links li {
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: left;
}
.links li a img {
float: left;
margin: 0px;
padding: 0px;
}
.links_info {
float: left;
margin: 23px 0px 0px 10px;
line-height: 24px;
font-size: 16px;
width: 495px;
}
.links_info .name {
font-size: 18px;
color: #F90;
font-weight: bolder;
}
.links_info a {
color: #535353;
padding-top: 5px;
display: block;
}
#service_nomenu {
width: 895px;
text-align: left;
margin: 0px auto;
}
#service_nomenu .title {
background-image: url(../images/icon_s_arrow.png);
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 5px;
text-align: left;
color: #eb6100;
background-position: 0px 3px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c7c7c7;
margin-bottom: 20px;
margin-top: 10px;
}
#service {
float: left;
width: 737px;
padding: 0px;
position: relative;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
#service .title {
background-image: url(../images/icon_s_arrow.png);
background-repeat: no-repeat;
text-align: left;
color: #eb6100;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c7c7c7;
margin-bottom: 20px;
font-size: 16px;
padding: 0 0 0px 20px;
line-height: 25px;
background-position: 0px 5px;
}
#service .titleLink {
background-image: url(../images/icon_info.png);
background-repeat: no-repeat;
padding-left: 20px;
text-align: left;
color: #eb6100;
background-position: 0px 3px;
margin-bottom: 20px;
font-size: 16px;
float: right;
width: 160px;
clear: both;
}
#service .titleLink2 {
background-image: url(../images/icon_info3.png);
background-repeat: no-repeat;
padding-left: 20px;
text-align: left;
color: #eb6100;
background-position: 0px 2px;
font-size: 16px;
float: right;
width: 80px;
clear: both;
margin-right: -35px;
}
#service .titleLink a,#service .titleLink2 a,#service .titleLink a:visited
{
color: #eb6100;
font-size: 16px;
text-decoration: underline;
}
#service .titleLink a:hover {
color: #eb6100;
font-size: 16px;
text-decoration: none;
}
#service .div_form_00 {
clear: both;
padding: 10px 0px 0px 30px;
overflow: inherit;
}
#service .div_form {
clear: both;
padding: 14px 0px 0px 30px;
overflow: inherit;
font-size: 16px;
}
#service .div_form .select_div {
width: 240px;
height: 34px;
overflow: hidden;
background: url(../images/icon/down_arrow_select.jpg) no-repeat right
#ddd;
border: 1px solid #ccc;
clear: none;
float: left;
}
#service .div_form .select_div select {
background: transparent;
width: 268px;
padding: 5px;
border: 0;
border-radius: 0;
font-size: 16px;
line-height: 1;
height: 34px;
-webkit-appearance: none;
}
#service .info {
text-align: justify;
clear: both;
float: left;
line-height: 26px;
}
#service .info p {
margin: 0px 20px 20px 10px;
line-height:24px;
color:#666666;
text-align:justify;
}
.top {
position: absolute;
right: 9px;
padding-top: 12px;
top: -14px;
}
#service p {
font-size: 16px;
}
#service form .serv {
font-size: 16px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
}
#service form .serv .custom_label {
font-size: 16px;
font-weight: bold;
padding: 7px 10px 7px 0px;
float: left;
clear: none;
min-width: 100px;
}
#service form .serv .frm_styled-select {
width: 175px;
height: 34px;
overflow: hidden;
background: url(../images/icon/down_arrow_select.jpg) no-repeat right
#ddd;
border: 1px solid #bbbbbb;
clear: none;
float: left;
margin-right: 10px;
}
#service form .serv .frm_styled-select select {
background: transparent;
width: 200px;
padding: 5px;
border: 0;
border-radius: 0;
font-size: 16px;
line-height: 25px;
height: 34px;
-webkit-appearance: none;
color: #000000;
}
#service form .serv .frm_styled-select select:focus {
outline: none;
}
#service form .serv li {
padding: 7px 10px 7px 30px;
}
#service form .serv .div_row {
padding: 7px 10px 7px 30px;
clear: both;
float: left;
}
#service form .serv li .i {
height: 14px;
width: 14px;
margin-right: 5px;
}
#service form .serv li input[type="text"] {
font-size: 16px;
padding-top: 5px;
}
.container #container #service .info div .div_form #myForm .serv .div_row .txt_report1
{
font-size: 16px;
padding-top: 5px;
}
#service form .serv li input[type="textarea"] {
font-size: 16px;
padding-left: 30px;
}
.txt_report1::-webkit-input-placeholder {
color: #9c9c9c;
font-style: italic;
}
.txt_report1:-moz-placeholder {
color: #9c9c9c;
font-style: italic;
}
.txt_report1.placeholder {
color: #9c9c9c !important;
font-style: italic;
}
#service form .serv li select {
font-size: 16px;
}
#service form .serv .t {
background-image: url(../images/register_bg_t.png);
background-repeat: repeat-y;
background-position: top;
padding-top: 20px;
}
#service form .serv .b {
background-color: #dcdcdc;
}
#service form .serv .f {
background-image: url(../images/register_bg_f.png);
background-repeat: repeat-y;
background-position: bottom;
padding-bottom: 20px;
}
.service_strong {
color: #eb6100;
}
#service_menu {
float: left;
width: 180px;
padding: 0px;
margin: 30px 0px 0px 20px;
}
#service_menu .title {
background-image: url(../images/service_menu_t.png);
height: 24px;
width: 180px;
font-weight: bolder;
color: #FFF;
padding-top: 12px;
padding-top: 16px;
}
#service_menu li {
background-color: #dcdcdc;
}
#service_menu a {
display: block;
height: 28px;
color: #535353;
padding-top: 16px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFF;
}
#service_menu li .on {
background-color: #eee;
color: #00a0e9;
}
.warn {
background-image: url(../images/icon_warn.png);
background-repeat: no-repeat;
background-position: 40px 7px;
}
#service_menu .prepaid ul {
display: none;
}
#service_menu li .child {
margin: -15px 0px 0px 25px;
padding: 0px 0px 15px 0px;
}
#service_menu li .child li {
}
#service_menu li .child li a {
text-align: left;
padding: 12px 0px 7px 55px;
font-size: 13px;
background-color: transparent;
border: none;
height: 12px;
background-image: url(../images/icon_arrow_child.png);
background-repeat: no-repeat;
background-position: 40px 17px;
}
hr {
height: 1px;
border-width: 0;
background-color: #666;
}
.overview_tab {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cfcfcf;
border-right-color: #cacaca;
border-bottom-color: #b8b8b8;
border-left-color: #a0a0a0;
}
.overview_tab tr th {
background-image: url(../images/s_tab_bg.png);
background-repeat: repeat-x;
background-position: top;
height: 25px;
background-color: #cfcfcf;
color: #535353;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.overview_tab .tr1 {
background-color: #eee;
}
.overview_tab tr td {
vertical-align: top;
text-align: left;
border: 1px solid #eee;
}
.overview_tab tr td .status {
text-align: center;
color: #eb6100;
font-weight: bolder;
margin-bottom: 5px;
}
.overview_tab tr td .ps {
font-size: 12px;
}
.overview_tab tr .price {
text-align: center;
vertical-align: middle;
color: #C90;
}
.overview_tab tr .mode {
background-color: #ddd;
font-size: 14px;
font-weight: bolder;
color: #696969;
}
.overview_tab tr .article {
}
.ps_tab {
padding-bottom: 10px;
}
.ps_tab tr td {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
vertical-align: top;
}
.overview_tab .tr td .btn_sg {
}
.info_ul li {
padding: 0px;
margin: 0px 20px 20px 40px;
list-style-position: outside;
list-style-type: disc;
}
.info_ul li dl {
text-align: left;
}
.info_ul li dl dt {
text-align: left;
font-weight: bolder;
color: #535353;
}
.info_ul li dl dd {
line-height: 26px;
color:#666666;
}
.info_ol li {
padding: 0px;
margin: 0px 20px 10px 20px;
list-style-position: inside;
list-style-type: upper-roman;
background-image: url(../images/s_ol_bg.png);
background-repeat: no-repeat;
background-position: left top;
padding-top: 3px;
padding-left: 12px;
color: #4D4D4D;
font-size: 16px;
}
.info_ol li ul {
margin: 20px 0px 0px 40px;
}
.info_ol li ul li {
color: #535353;
padding: 0px;
margin: 0px 0px 20px -30px;
list-style-position: outside;
list-style-type: disc;
background-image: none;
}
.info_ol li ul li dl {
font-size: 14px;
}
.info_ol li ul li dl dt {
font-weight: bolder;
color: #535353;
}
.info_ol li ul li dl dd {
line-height: 26px;
}
.info_ol li ul li dl dd ol li {
list-style-type: decimal;
margin: 0px;
}
.service03_title {
font-weight: bolder;
padding: 5px;
font-size: 16px;
}
.service03_tab tr th {
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
}
.service03_tab tr .th1 {
background-color: #009;
color: #FFF;
}
.service03_tab tr .th2 {
background-color: #548dd4;
color: #FFF;
}
.service03_tab tr .td {
padding-top: 12px;
padding-bottom: 12px;
}
.service03_tab tr .td1 {
background-color: #D0D8E8;
}
.service03_tab tr .td2 {
background-color: #E9EDF4;
}
.list_ul {
margin: 0px;
padding-left: 20px;
}
.list_ul li {
list-style-type: disc;
}
.qa_title,.myvideos_title {
background-image: url(../images/icon_question.png);
background-repeat: no-repeat;
padding-left: 20px;
text-align: left;
background-position: 0px 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c7c7c7;
margin-bottom: 20px;
}
.qa_title a,.myvideos_title a {
color: #eb6100;
padding: 16px 0px 8px 0px;
}
.answer {
background-color: #eee;
padding: 18px;
background-image: url(../images/icon_triangular.png);
background-repeat: no-repeat;
background-position: center top;
display: none;
}
.answer2 {
background-color: #fff;
padding: 18px;
background-image: url(../images/icon_triangular.png);
background-repeat: no-repeat;
background-position: center top;
display: none;
}
.announcement_tab {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cfcfcf;
border-right-color: #cacaca;
border-bottom-color: #b8b8b8;
border-left-color: #a0a0a0;
}
.announcement_tab tr th {
background-color: #dcdcdc;
background-image: url(../images/s_tab_bg.jpg);
background-repeat: repeat-x;
background-position: top;
line-height: 30px;
}
.announcement_tab tr {
line-height: 40px;
}
.announcement_tab tr td {
height: 37px;
vertical-align: top;
}
.announcement_tab tr td .answer {
background-color: #e5e5e5;
}
.announcement_tab .tr1 {
background-color: #eee;
}
.announcement_tab .tr2 {
background-color: #efefef;
}
.announcement_tab tr .figcaption {
text-align: left;
}
.announcement_tab tr .figcaption a {
color: #535353;
}
#cancel1 tr td strong {
color: #F90;
}
.myvideos_ul {
padding: 0px 30px 0px 0px;;
}
.myvideos_title {
background-image: url(../images/icon_s_arrow.png);
}
#service .info .myvideos_ul li {
list-style-type: none;
text-align: center;
padding-right: 20px;
}
.myvideos_ul li .mov_name {
color: #eb6100;
padding: 0px;
display: inline-block;
max-width: 173px;
text-align: left;
max-height: 48px;
overflow: hidden;
line-height: 24px;
}
.myvideos_ul li .container_bar,#service .info table tr td div .container_bar
{
height: 11px;
width: 114px;
margin: 0px auto;
background-color: #dcdcdc;
}
.myvideos_ul li .bar,#service .info table tr td div .bar {
background-color: #f39800;
height: 11px;
}
.myvideos_ul li strong,#service .info table tr td div strong {
font-weight: normal;
color: #eb6100;
}
.show_info_tab tr td div ul {
padding: 0px 0px 0px 15px;
}
.show_info_tab tr td .answer ul li {
list-style-type: disc;
text-align: left;
}
.show_info_tab tr td div .container_bar {
float: left;
margin: 5px 10px 0px 0px;
}
.show_info_tab tr td div a {
color: #535353;
}
.show_info_tab tr td div .a_vedio {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding: 5px 0px 5px 0px;
}
.show_info_tab tr td div .container_out {
float: right;
color: #999999;
}
.open_txt {
font-size: 16px;
height: 25px;
display: inline-block;
}
.redWording {
color: #eb6100;
text-align: right;
float: right;
width: 45%;
line-height: 30px;
}
.gray_exp {
color: #909090;
}
.program_name {
color: #000;
text-decoration: underline;
float: left;
width: 55%;
line-height: 30px;
}
.program_explan {
clear: both;
color: #535353;
line-height: 20px;
}
.program_box {
clear: both;
width: 100%;
margin-top: -25px;
}
.movie_love_box {
clear: both;
overflow: hidden;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding: 5px 0px 5px 0px;
}
.movie_love_name {
float: left;
width: 50%;
}
.movie_love_at {
float: right;
width: 50%;
color: #eb6100;
text-align: right;
}
.set_hr_02 {
padding-bottom: 5px;
padding-top: 5px;
}
.d_pc,.d_phone,.d_pad,.d_chrome,.d_non {
background-repeat: no-repeat;
height: 76px;
width: 100%;
float: left;
margin-bottom: 10px;
}
.d_non {
background-image: url(../images/d_none.png);
}
.d_pc {
background-image: url(../images/d_pc.png);
}
.d_phone {
background-image: url(../images/d_phone.png);
}
.d_pad {
background-image: url(../images/d_pad.png);
}
.d_chrome {
background-image: url(../images/d_chromecast.png);
}
.d_txt {
color: #535353;
float: left;
padding-top: 10px;
height:75px;
width: 538px;
padding-left: 120px;
box-sizing:border-box;
}
.d_btn form {
margin: 0px;
padding: 0px;
}
.d_btn {
text-align: right;
padding-top: 22px;
color: #535353;
float: left;
}
.d_btn strong {
color: #eb6100;
}
.myd {
list-style-position: outside;
list-style-type: disc;
}
.myd ol {
padding: 0 0 0 40px
}
.myd ol li {
list-style-type: decimal;
margin: 0px;
padding-top: 8px;
}
.purchase_tab {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cfcfcf;
border-right-color: #cacaca;
border-bottom-color: #b8b8b8;
border-left-color: #a0a0a0;
}
.purchase_tab tr th {
background-color: #dcdcdc;
background-image: url(../images/s_tab_bg.jpg);
background-repeat: repeat-x;
background-position: top;
height: 25px;
}
.purchase_tab tr td {
height: 25px;
text-align: center;
}
.purchase_tab .tr1 {
background-color: #eee;
}
.purchase_tab .tr2 {
background-color: #efefef;
}
.purchase_tab tr .figcaption {
text-align: left;
}
.purchase_tab tr .figcaption a {
color: #535353;
}
.purchase_tab .tr1 .trt {
color: #FFF;
background-color: #a0a0a0;
text-align: center;
}
.address .t {
background-image: url(../images/convert_input_t.png);
background-repeat: no-repeat;
height: 10px;
width: 535px;
background-position: top;
}
.address .b {
width: 535px;
background-color: #dcdcdc;
}
.address .b table {
margin: 0px auto;
}
.address_tab form tr td {
text-align: left;
}
.address .f {
background-image: url(../images/convert_input_f.png);
background-repeat: no-repeat;
height: 10px;
width: 535px;
background-position: bottom;
}
.txt_link {
display: inline-block;
text-decoration: underline;
color: #666666;
}
.purchase2_tab {
clear: left;
width: 720px;
margin: 10px 0;
}
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 32px;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}
ul.tabs li {
margin: 0;
padding: 0;
list-style: none;
float: left;
height: 31px;
line-height: 31px;
overflow: hidden;
position: relative;
margin-bottom: -1px;
border: 1px solid #999;
border-left: none;
background: #e1e1e1;
}
ul.tabs li a {
display: block;
padding: 0 20px;
color: #000;
border: 1px solid #fff;
text-decoration: none;
}
ul.tabs li a:hover {
background: #ccc;
}
ul.tabs li.active {
background: #fff;
border-bottom: 1px solid #fff;
}
ul.tabs li.active a:hover {
background: #fff;
}
div.tab_container {
clear: left;
width: 100%;
border: 1px solid #999;
border-top: none;
background: #fff;
}
div.tab_container .tab_content {
padding: 10px;
}
#zip_Code {
font-size: 14px;
height: 20px;
width: 66px;
}
#address {
font-size: 14px;
height: 20px;
width: 400px;
}
#play_records {
padding: 0px;
margin: 0px 0px 20px 25px;
}
#play_records tr td {
text-align: center;
vertical-align: top;
}
#play_records .mov_name {
width: 120px;
line-height: 20px;
margin: 0 0 10px 0;
}
#play_records tr td input[type="checkbox"] {
margin-bottom: 30px;
margin-top: -5px;
}
#service form div #del_records {
margin-top: -30px;
}
.prepaid_tab2 {
vertical-align: top;
border-color: #cfcfcf #cacaca #b8b8b8 #a0a0a0;
border-style: solid;
border-width: 1px
}
.prepaid_tab2 tr th {
background-image: url(../images/s_tab_bg.png);
background-repeat: repeat-x;
background-position: top;
height: 25px;
background-color: #cfcfcf;
color: #535353;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.prepaid_tab2 tr td {
vertical-align: middle;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #bebebe;
}
.prepaid_tab {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cfcfcf;
border-right-color: #cacaca;
border-bottom-color: #b8b8b8;
border-left-color: #a0a0a0;
vertical-align: top;
}
.prepaid_tab tr th {
background-image: url(../images/s_tab_bg.png);
background-repeat: repeat-x;
background-position: top;
line-height: 35px;
font-weight: bold;
background-color: #cfcfcf;
color: #535353;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.prepaid_tab .tr1 {
background-color: #F4F5F5;
}
.prepaid_tab tr td {
vertical-align: middle;
text-align: center;
border: 1px solid #eee;
line-height: 20px;
padding: 5px;
}
.prepaid_tab tr td .status {
text-align: center;
color: #eb6100;
font-weight: bolder;
margin-bottom: 5px;
}
.prepaid_tab tr .price,.prepaid_tab2 tr .price {
color: #C90;
}
.prepaid_tab tr .mode {
background-color: #ddd;
font-weight: bolder;
color: #696969;
}
.prepaid_tab tr .article {
}
.prepaid_tab tr .time {
line-height: 35px;
}
.pt {
width: 690px;
margin: 0px auto;
}
.tab_title {
text-align: left;
font-weight: bolder;
color: #888;
}
.tab_ps {
text-align: left;
padding-top: 8px;
line-height: 24px;
}
.tab_ps strong {
color: #eb6100;
}
.overage {
position: relative;
font-size: 18px;
}
.vr {
position: absolute;
top: -10px;
right: 0px;
}
.overage .btn_sg {
display: inline-block;
margin-left: 10px;
}
.overage strong {
color: #F30;
}
.cancel_transaction {
font-size: 14px;
}
.invoice_details {
font-size: 14px;
}
.negative_number {
color: #F00;
}
.prepaid_tab2 .movie_name {
text-align: left;
margin: 0px;
padding: 0px;
}
.movie_more,.movie_none {
padding-left: 15px;
}
.movie_more a {
display: block;
background-image: url(../images/+more.png);
width: 16px;
height: 16px;
text-indent: -9999px;
float: left;
}
.movie_none a {
display: block;
background-image: url(../images/none.png);
width: 16px;
height: 16px;
text-indent: -9999px;
float: left;
}
.movie_name2 {
padding-left: 40px;
margin-top: -2px;
}
.movie_name2 a {
color: #535353;
}
.month_movie_bg_01 {
background-image: url(../images/month_bg.jpg);
background-repeat: repeat-y;
width: 696px;
margin-right: auto;
margin-left: auto;
margin-top: 1px;
}
.month_movie_list {
width: 640px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
border: 1px solid #979797;
overflow: hidden;
}
.month_title {
background-image: url(../images/month_bg_top.jpg);
background-repeat: no-repeat;
height: 44px;
width: 100%;
}
.month_title_01 {
padding-left: 42px;
padding-top: 23px;
}
.month_down {
background-image: url(../images/month_bg_down.jpg);
background-repeat: no-repeat;
height: 23px;
width: 100%;
}
.prepaid_tab2 .tr1 {
background-color: #eee;
}
.month_record_box {
margin: 16px;
font-weight: bold;
}
.month_record_title {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #7f7f7f;
overflow: hidden;
line-height: 20px
}
.month_record_none {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #7f7f7f;
overflow: hidden;
text-align: center;
font-weight: normal;
}
.month_record_title_01 {
float: left;
width: 37%;
margin-left: 5px;
}
.month_record_title_02 {
float: left;
width: 25%;
text-align: center;
}
.month_record_title_03 {
float: left;
width: 18%;
text-align: center;
}
.month_record_01 a {
float: left;
width: 18%;
text-align: center;
color: #535353;
display: inline-block;
text-decoration: underline;
}
.month_record_02 a {
float: left;
width: 18%;
text-align: center;
color: #eb6100;
display: inline-block;
text-decoration: underline;
}
.month_record {
overflow: hidden;
font-weight: normal;
color: #535353;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px;
}
.step {
width: 944px;
height: 133px;
margin: 0 auto;
padding: 25px 0 0 0;
}
.stepBg {
width: 944px;
height: 70px;
position: relative;
}
.stepBg ul {
width: 944px;
}
.stepBg li.S01,.stepBg li.S02,.stepBg li.S03,.stepBg li.S01on,.stepBg li.S02on,.stepBg li.S03on
{
width: 251px;
height: 70PX;
}
.stepBg li {
float: left;
position: absolute;
}
.stepBg li.S01 {
left: 0;
top: 0;
background-image: url(../images/step01off.jpg);
}
.stepBg li.S02 {
left: 234px;
top: 0;
background-image: url(../images/step02off.jpg);
}
.stepBg li.S03 {
left: 472px;
top: 0;
background-image: url(../images/step03off.jpg);
}
.stepBg li.S04 {
left: 705px;
top: 0;
width: 237px;
height: 70px;
background-image: url(../images/step04off.jpg);
}
.stepBg li.S01on {
left: 0;
top: 0;
background-image: url(../images/step01.jpg);
z-index: 5;
}
.stepBg li.S02on {
left: 234px;
top: 0;
background-image: url(../images/step02.jpg);
z-index: 5;
}
.stepBg li.S03on {
left: 472px;
top: 0;
background-image: url(../images/step03.jpg);
z-index: 5;
}
.stepBg li.S04on {
left: 705px;
top: 0;
width: 237px;
height: 70px;
background-image: url(../images/step04.jpg);
}
.stepTxt {
width: 944px;
height: 63px;
}
.stepTxt ul {
margin: 0px;
padding: 0px;
}
.stepTxt li {
float: left;
display: block;
width: 196px;
height: 53px;
padding: 5px 20px;
font-size: 12px;
text-align: left;
}
.stepTxt li.on {
background-image: url(../images/txtBg.jpg);
}
.buy {
width: 944px;
margin: 0px auto;
}
.buy_info {
width: 600px;
margin: 20px auto 0px auto;
line-height: 20px;
}
.buy_info img {
float: left;
margin: 0px 20px 20px 0px;
}
.buy_info div {
float: left;
text-align: left;
font-size: 16px;
}
.buy_way {
margin: 0px;
padding: 0px;
text-align: left;
font-size: 14px;
width: 375px;
}
.buy_way .t {
background-image: url(../images/login_bg_t.png);
background-repeat: no-repeat;
background-position: top;
color: #535353;
padding-top: 18px;
padding-left: 14px;
}
.buy_way .b {
color: #535353;
padding-left: 14px;
background-color: #dcdcdc;
padding-top: 5px;
}
.buy_way .f {
background-image: url(../images/login_bg_f.png);
background-repeat: no-repeat;
background-position: bottom;
height: 50px;
padding-top: 5px;
padding-left: 14px;
}
.ul_have_type {
margin: 25px auto 0px auto;
padding: 0px;
width: 880px;
}
.ul_have_type li {
text-align: left;
padding-bottom: 10px;
list-style-image: url(../images/icon_arrow.png);
}
.ul_have_type li ol li {
list-style-image: none;
list-style-type: decimal;
margin: 5px 0 5px 25px;
line-height: 20px;
}
form .buy_way li label input[type="radio"] {
margin: 3px 5px 0px 0px;
}
.prepaid_tab tr .status {
height: 50px;
}
.prepaid_tab tr .status a {
display: block;
height: 25px;
padding: 0px 0px 0px 0px;
}
.has_purchased {
text-align: center;
color: #C00;
}
.has_purchased strong {
font-size: 16px;
color: #C90;
}
.has_purchased img {
margin: 15px 0px 15px 0px;
}
.play .play_tab {
margin: 0px auto;
border-width: 0px
}
.play_tab tr td {
vertical-align: top;
padding: 5px;
line-height: 20px;
}
.play_tab tr .vedio_name {
font-size: 16px;
color: #F60;
text-align: left;
width: 585px;
}
.play_tab tr .play_td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
.play_tab tr td .play_bg {
display: block;
width: 585px;
height: 370px;
margin: 0px auto;
background-image: url(../images/play2_bg.png);
background-repeat: no-repeat;
position: relative;
}
.play_bg_2 {
top: 0px;
left: 0;
z-index: 1000;
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
}
#vod {
position: absolute;
left: 0px;
width: 36px;
height: 89px;
top: 120px;
}
.play_tab tr td #pic {
float: left;
margin: 0px 10px 0px 0px;
}
.play_tab tr td .details {
float: left;
text-align: left;
width: 290px;
}
.play_tab tr td .vedio_name_t {left;
text-align: left;
font-size: 16px;
font-weight: bold;
background-image: url(../images/icon_camera.png);
padding-left: 40px;
background-repeat: no-repeat;
background-position: 5px 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c0c0c0;
padding-top: 10px;
padding-bottom: 5px;
margin-top: -10px;
}
.play_tab tr td .vedio_info {
min-height: none;
text-align: left;
width: 500px;
}
#vod_next_p {
width: 130px;
position: absolute;
right: 2px;
bottom: 42px;
text-align: center;
background-image: url(../images/play_pbg.png);
}
#vod_list_p {
width: 130px;
position: absolute;
right: 2px;
bottom: 42px;
text-align: center;
background-image: url(../images/play_pbg.png);
padding-bottom: 3px;
}

@media screen and (max-width: 800px) {
}
@media screen and (max-width: 1024px) {
.container {
width: 988px;
text-align: center;
margin:0px auto;
}
#container {
width: 988px;
margin: 0 auto;
}
.foot {
width: 988px;
margin:0px auto;
}
}
@media screen and (max-width: 1028px) {
.container {
width: 988px;
text-align: center;
margin:0px auto;
}
#container {
width: 988px;
margin: 0 auto;
}
.foot {
width: 988px;
margin:0px auto;
}
}
#demo_scroller8 {
margin-left: -10px;
margin-bottom: 0px;
}
#demo_scroller8 .demo_scroller_mask ul li {
position: relative;
text-align: left;
}
#demo_scroller8 .demo_scroller_mask ul li {
position: absolute;
right: 0px;
bottom: 4px;
color: #eb6100;
}
.tv {
position: relative;
text-align: left;
}
.tv .timetable {
position: absolute;
right: 0px;
bottom: 4px;
color: #eb6100;
}
.newstable {
border: 1px solid #cfcfcf;
border-right-color: #cacaca;
border-bottom-color: #b8b8b8;
border-left-color: #a0a0a0;
vertical-align: top;
margin: 10px 0px 15px 66px;
}
.newstable tr th {
background-image: url(../images/newstable_th_bg.png);
background-repeat: repeat-x;
height: 25px;
color: #FFF;
font-size: 16px;
text-align: left;
line-height: 25px;
}
.newstable .tr1 {
background-color: #efefef;
height: 40px;
}
.newstable tr td {
vertical-align: middle;
text-align: left;
border: 1px solid #eee;
}
.newstable tr .ps {
text-align: center;
}
#program ul {
list-style: none;
margin: 15px auto 9px auto;
padding: 0px;
width: 870px;
}
#program ul li {
position: relative;
display: inline-block;
margin: 0px 5px 0px 5px;
float: left;
}
.day_on,.day_off {
width: 114px;
height: 63px;
background-image: url(../images/day_bg_on.png);
background-repeat: no-repeat;
}
.day_on div,.day_off div {
height: 31px;
font-size: 18px;
padding-top: 3px;
}
.day_on .week,.day_off .week {
color: #FFF;
}
.day_on .date {
color: #eb6100;
}
.day_off {
background-image: url(../images/day_bg_off.png);
}
.day_off .date {
color: #d2d2d2;
}
.newstable .tr2 {
background-color: #99d9e8;
height: 40px;
color: #FFF;
}
.newstable .tr2 td {
border: 1px solid #99d9e8;
}
.newstable tr .tvname,.newstable tr .tvname_on {
background-color: #FFF;
color: #fe9900;
border: 1px solid #fff;
font-size: 16px;
padding-left: 15px;
}
.newstable tr .tvname a,.newstable tr {
color: #fe9900;
}
.newstable tr .tvname a,.newstable a {
color: #fe9900;
}
.tvname_on a {
color: #fff;
}
.newstable tr .tvname_on {
background-image: url(../images/tvname_on.png);
background-repeat: no-repeat;
}
#program div.ps {
color: #eb6100;
text-align: right;
width: 855px;
margin: 0px auto 0px auto;
}
li.playing {
background-color: #F93;
}
li.playing .mov_name {
color: #FFF;
}
.custom_label_01 .hidden {
display: none !important;
}
.custom_label_01 span.value {
font-size: 16px;
}
.custom_label_01 .enhanced a {
font-size: 16px;
text-decoration: none;
color: #000;
}
.custom_label_01 .dropdown {
float: left;
width: 250px;
position: relative;
}
.custom_label_01 .dropdown .options {
position: absolute;
left: 0px;
top: 36px;
overflow: auto;
background: #fff;
width: 248px;
border: 1px solid #c8c8c8;
border-top: 0;
}
.custom_label_01 .dropdown .options ul {
list-style: none;
margin-top: 0px;
margin-bottom: 0px;
}
.custom_label_01 .dropdown .options a {
display: block;
font-size: 12px;
padding: 2px 0;
color: #333;
}
.custom_label_01 .dropdown .options a:hover {
color: #FFF;
background-color: #3399ff;
}
.custom_label_01 a.dropdown_toggle {
display: block;
height: 34px;
background: url(../images/search_select_input_btn.jpg) top right
no-repeat;
padding-right: 25px;
border: 1px solid #c8c8c8;
text-decoration: none;
color: #333;
}
.custom_label_01 a.dropdown_toggle span {
line-height: 34px;
display: block;
background-color: #dddddd; no-repeat;
height: 34px;
cursor: pointer !important;
}
.custom_label_00 {
float: left;
font-family: "微軟正黑體";
font-size: 16px;
padding-right: 10px;
line-height: 34px;
}
.custom_label_01 {
float: left;
font-family: "微軟正黑體";
font-size: 16px;
padding-right: 10px;
}
.padding_custom {
padding: 5px;
}
.txt_report1 {
font-size: 16px;
padding-top: 5px;
}
#table_title {
background-image: url(../images/title_bg.jpg);
background-repeat: repeat-x;
height: 31px;
line-height: 31px;
font-family: "微軟正黑體";
font-size: 14px;
}
.table_title01 {
width: 121px;
text-align: center;
float: left;
}
.table_title02 {
border-right-width: 1px;
border-right-style: solid;
width: 436px;
border-right-color: #FFF;
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFF;
padding-left: 20px;
}
#message_table_title {
background-image: url(../images/title_bg.jpg);
background-repeat: repeat-x;
height: 31px;
line-height: 31px;
font-family: "微軟正黑體";
font-size: 14px;
}
.message_table_title01 {
width: 118px;
text-align: center;
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFF;
}
.message_table_title02 {
width: 310px;
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #FFF;
padding-left: 20px;
}
.orangeStr {
color: #eb6100;
margin-right: 3px;
margin-left: 3px;
}
.date_01 td {
background-color: #fec3c3;
border: 1px solid #cdcdcd;
}
.date_02 td {
background-color: #fff;
border: 1px solid #cdcdcd;
}
.date_03 td {
background-color: #f0f0f0;
text-align: center;
border: 1px solid #cdcdcd;
}
.invoice_ill {
padding: 5px 5px 10px 20px;
line-height: 26px;
text-align: justify;
text-justify: distribute;
}
.invoice_ill a,.invoice_ill a:visited {
color: #06F;
text-decoration: none
}
.invoice_ill a:hover {
color: #eb6100;
}
#wvmain h3 {
font-size: 1.17em;
font-weight: bold
}
#service .tab_ps p {
padding: 3px 0 3px 20px;
margin: 0px;
font-size: 14px;
}
#service .tab_ps p:before {
margin-left: -16px;
}
#service.tab_ps p:nth-child(1){
padding:3px 0px 3px 0px;
}
#service .tab_ps p:nth-child(2):before {
content: "1. ";
}
#service .tab_ps p:nth-child(3):before {
content: "2. ";
}
#service .tab_ps p:nth-child(4):before {
content: "3. ";
}
#service .tab_ps p:nth-child(5):before {
content: "4. ";
}
#service .tab_ps p:nth-child(6):before {
content: "5. ";
}
.button_outsize_month {
width: 111px;
}
.button_out_2 {
background-color: #ffc486;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ff8911;
box-shadow: 1px 2px 12px -2px rgba(20%, 20%, 40%, 0.8);
behavior: url(ie-css3.htc);
}
.cost_buttonsize_month {
width: 109px;
height: 20px;
text-align: center;
padding: 5px 0 6px 0;
text-shadow: 1px 1px rgba(217, 111, 0, 1);
font-size: 16px;
font-weight: normal;
}
.cost_button_2 {
letter-spacing: 1px;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ff9f3b;
background: #ffb465;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiNDY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmI0NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iI2ZmYjQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmOGUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmOGUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhlMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
;
background: -moz-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465 9%
, #ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb465),
color-stop(0%, #ffb465), color-stop(9%, #ffb465),
color-stop(9%, #ffb465), color-stop(90%, #ff8e1b),
color-stop(90%, #ff8e1b), color-stop(100%, #ff8e1b) );
background: -webkit-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465
9%, #ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: -o-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465 9%,
#ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: -ms-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465 9%,
#ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: linear-gradient(to bottom, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465
9%, #ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
filter: progid :                 DXImageTransform.Microsoft.gradient (
startColorstr =
'#ffb465', endColorstr =                 '#ff8e1b',
GradientType =
0 );
behavior: url(ie-css3.htc);
}
.cost_button_2:hover {
background: #ff8e1b;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZmY4ZTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZiNDY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYjQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=)
;
background: -moz-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8e1b),
color-stop(9%, #ff8e1b), color-stop(90%, #ffb465),
color-stop(100%, #ffb465) );
background: -webkit-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%,
#ffb465 100%);
background: -o-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
background: -ms-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
background: linear-gradient(to bottom, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
filter: progid :                 DXImageTransform.Microsoft.gradient (
startColorstr =
'#ff8e1b', endColorstr =                 '#ffb465',
GradientType =
0 );
}
.prepaid_tab tr .status_2 {
height: 30px;
vertical-align: middle;
}
.prepaid_tab tr .status_2 a {
padding: 0px 0px 0px 0px;
}
.prepaid_tab tr .status_3 {
height: 30px;
vertical-align: middle;
text-align: left;
}
.txt_link_2 {
display: inline-block;
text-decoration: underline;
color: #666666;
}
.step_xiang {
background-image: url(../images/step.png);
background-repeat: no-repeat;
height: 40px;
width: 890px;
margin: 20px auto 15px auto;
text-indent: -9999px
}
.step_xiang_2 {
background-image: url(../images/step.png);
background-repeat: no-repeat;
height: 40px;
width: 890px;
margin: 20px auto 15px auto;
text-indent: -9999px;
background-position: 0 -40px;
}
.step_xiang_3 {
background-image: url(../images/step.png);
background-repeat: no-repeat;
height: 40px;
width: 890px;
margin: 20px auto 15px auto;
text-indent: -9999px;
background-position: 0 -120px;
}
.header_buy {
background-color: #202020;
text-align: center;
height: 42px;
position: fixed;
z-index: 100;
top: 0px;
width: 100%;
}
.logo_buy {
background-image: url(../images/logo_2.png);
background-repeat: no-repeat;
background-position: 25px 0px;
width: 988px;
height: 40px;
margin: 0 auto;
text-indent: -9999px;
}
.buy_box {
width: 890px;
margin: 20px auto;
overflow: hidden;
}
.buy_box_2 {
width: 800px;
margin: 10px auto;
overflow: hidden;
text-align: left;
}
.buy_poster {
width: 160px;
float: left;
/**margin:5px 15px 0 10px;**/
text-align: left;
}
.buy_poster img {
width: 134px;
}
.buy_container {
float: left;
width: 730px;
text-align: left;
}
.buy_container_2 {
float: left;
width: 800px;
text-align: left;
margin: 0 auto;
}
.buy_title {
height: 37px;
background-color: #ebebeb;
border-left: 6px solid #ff9d40;
}
.buy_title p {
padding-left: 10px;
line-height: 37px;
font-size: 16px;
color: #414141
}
.buy_textbox {
font-size: 14px;
color: #404040;
display: block;
padding: 15px 18px;
width: 100%;
box-sizing: border-box;
}
.textbox_left {
width: 580px;
float: left;
}
.textbox_right {
float: right
}
.textbox_left li {
line-height: 30px
}
#bill {
padding-top: 30px
}
.cautions {
clear: both;
text-align: left;
width: 890px;
margin: 0 auto;
border-top: 1px solid #ebebeb;
padding: 5px 0 20px 0;
}
.cautions_2 {
clear: both;
text-align: left;
width: 747px;
margin: 0 auto 10px auto;
padding: 0 0 0 16px;
}
.buy_red {
color: #d90000
}
.buy_orange {
color: #ff6800
}
.buy_word_01 {
font-size: 16px;
color: #414141;
}
.buy_word_02 {
font-size: 24px;
color: #f80202;
padding-left: 5px;
}
.buy_word_03 {
padding: 0 0 0 10px;
}
.buy_word_03 a {
padding: 0 0 0 10px;
color: #ff9b35;
font-weight: bold;
text-decoration: underline;
}
.buy_word_04 {
font-size: 16px;
line-height: 40px;
}
.buy_word_05 {
color: #ff6800;
padding: 0 5px;
}
.buy_word_06 {
font-size: 16px;
padding-bottom: 10px;
display: block;
font-weight: bold
}
.buy_word_07 {
font-size: 15px;
font-weight: bold;
}
.buy_subtitle {
background-image: url(../images/sub_title.png);
background-position: 2px 5px;
background-repeat: no-repeat;
}
.button_outsize_02 {
width: 86px;
height: 34px;
}
.buttonsize_02 {
width: 84px;
height: 32px;
font-weight: normal;
vertical-align: middle;
display: table-cell;
}
.buttonline_02 {
background-color: #ffc486;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #006cc7;
box-shadow: 1px 2px 12px -2px rgba(20%, 20%, 40%, 0.8);
behavior: url(ie-css3.htc);
}
.buttoncolor_02 {
letter-spacing: 1px;
color: #fff;
background: #4db5fc;
border-radius:3px;
}
.buttoncolor_02:hover {
background: #1175e1;
border-radius:3px;
}
.button_outsize_01 {
width: 106px;
height: 34px;
}
.buttonsize_01 {
width: 104px;
height: 32px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
font-weight: normal;
vertical-align: middle;
display: table-cell;
}
.buttonline_01 {
background-color: #ffc486;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ff8911;
box-shadow: 1px 2px 12px -2px rgba(20%, 20%, 40%, 0.8);
behavior: url(ie-css3.htc);
}
.buttoncolor_01 {
letter-spacing: 1px;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ff9f3b;
background: #ffb465;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZiNDY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmZmI0NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iI2ZmYjQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmOGUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmOGUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhlMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
;
background: -moz-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465 9%
, #ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb465),
color-stop(0%, #ffb465), color-stop(9%, #ffb465),
color-stop(9%, #ffb465), color-stop(90%, #ff8e1b),
color-stop(90%, #ff8e1b), color-stop(100%, #ff8e1b) );
background: -webkit-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465
9%, #ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: -o-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465 9%,
#ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: -ms-linear-gradient(top, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465 9%,
#ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
background: linear-gradient(to bottom, #ffb465 0%, #ffb465 0%, #ffb465 9%, #ffb465
9%, #ff8e1b 90%, #ff8e1b 90%, #ff8e1b 100%);
filter: progid :           DXImageTransform.Microsoft.gradient (
startColorstr =
'#ffb465', endColorstr =           '#ff8e1b', GradientType =
0 );
behavior: url(ie-css3.htc);
}
.buttoncolor_01:hover {
background: #ff8e1b;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZmY4ZTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZmZiNDY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYjQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=)
;
background: -moz-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8e1b),
color-stop(9%, #ff8e1b), color-stop(90%, #ffb465),
color-stop(100%, #ffb465) );
background: -webkit-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%,
#ffb465 100%);
background: -o-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
background: -ms-linear-gradient(top, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
background: linear-gradient(to bottom, #ff8e1b 0%, #ff8e1b 9%, #ffb465 90%, #ffb465
100%);
filter: progid :           DXImageTransform.Microsoft.gradient (
startColorstr =
'#ff8e1b', endColorstr =           '#ffb465', GradientType =
0 );
}
.buttonline_00 {
background-color: #d7d7d7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #aaaaaa;
box-shadow: 1px 2px 12px -2px rgba(20%, 20%, 40%, 0.8);
}
.buttoncolor_00 {
color: #fff;
letter-spacing: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #c2c2c2;
background: #cacaca;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjY2FjYWNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjOWI5YjliIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=)
;
background: -moz-linear-gradient(top, #cacaca 0%, #cacaca 9%, #9b9b9b 90%, #9b9b9b
100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca),
color-stop(9%, #cacaca), color-stop(90%, #9b9b9b),
color-stop(100%, #9b9b9b) );
background: -webkit-linear-gradient(top, #cacaca 0%, #cacaca 9%, #9b9b9b 90%,
#9b9b9b 100%);
background: -o-linear-gradient(top, #cacaca 0%, #cacaca 9%, #9b9b9b 90%, #9b9b9b
100%);
background: -ms-linear-gradient(top, #cacaca 0%, #cacaca 9%, #9b9b9b 90%, #9b9b9b
100%);
background: linear-gradient(to bottom, #cacaca 0%, #cacaca 9%, #9b9b9b 90%, #9b9b9b
100%);
filter: progid :           DXImageTransform.Microsoft.gradient (
startColorstr =
'#cacaca', endColorstr =           '#9b9b9b', GradientType =
0 );
}
.buttoncolor_00:hover {
background: #9b9b9b;
background:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjOWI5YjliIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjY2FjYWNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjY2FjYWNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==)
;
background: -moz-linear-gradient(top, #9b9b9b 9%, #9b9b9b 9%, #cacaca 90%, #cacaca
90%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #9b9b9b),
color-stop(9%, #9b9b9b), color-stop(90%, #cacaca),
color-stop(90%, #cacaca) );
background: -webkit-linear-gradient(top, #9b9b9b 9%, #9b9b9b 9%, #cacaca 90%,
#cacaca 90%);
background: -o-linear-gradient(top, #9b9b9b 9%, #9b9b9b 9%, #cacaca 90%, #cacaca 90%
);
background: -ms-linear-gradient(top, #9b9b9b 9%, #9b9b9b 9%, #cacaca 90%, #cacaca
90%);
background: linear-gradient(to bottom, #9b9b9b 9%, #9b9b9b 9%, #cacaca 90%, #cacaca
90%);
filter: progid :           DXImageTransform.Microsoft.gradient (
startColorstr =
'#9b9b9b', endColorstr =           '#cacaca', GradientType =
0 );
}
.buttonsize_02 p,.buttonsize_01 p {
font-size: 14px;
letter-spacing: 10px;
font-weight: bolder;
text-align: center;
}
.tab {
margin-left: 20px;
line-height: 20px;
font-size: 12px;
}
.tab:before {
margin-left: -13px;
}
.tab:nth-child(2):before {
content: "1. ";
}
.tab:nth-child(3):before {
content: "2. ";
}
.tab:nth-child(4):before {
content: "3. ";
}
.tab:nth-child(5):before {
content: "4. ";
}
.tab:nth-child(6):before {
content: "5. ";
}
.tab:nth-child(7):before {
content: "6. ";
}
.tab:nth-child(8):before {
content: "7. ";
}
.tab:nth-child(9):before {
content: "8. ";
}
.tab:nth-child(10):before {
content: "9. ";
}
.tab:nth-child(11):before {
content: "10. ";
}
.tab b {
margin-left: 28px;
display: block;
}
.tab b:before {
margin-left: -13px;
}
.tab b:nth-child(1):before {
content: "a. ";
}
.tab b:nth-child(2):before {
content: "b. ";
}
.tab b:nth-child(3):before {
content: "c. ";
}
.invoice_note p {
margin-left: 20px;
}
.invoice_note p:before {
margin-left: -13px;
}
.invoice_note p:nth-child(2):before {
content: "1. ";
}
.invoice_note p:nth-child(3):before {
content: "2. ";
}
.invoice_note p:nth-child(4):before {
content: "3. ";
}
.invoice_note p:nth-child(5):before {
content: "4. ";
}
.invoice_note p:nth-child(6):before {
content: "5. ";
}
.invoice_note p:nth-child(7):before {
content: "6. ";
}
.invoice_note p:nth-child(8):before {
content: "7. ";
}
.invoice_note p:nth-child(9):before {
content: "8. ";
}
.invoice_note p:nth-child(10):before {
content: "9. ";
}
.invoice_note p:nth-child(11):before {
content: "10. ";
}
.invoice_note_2 p {
margin-left: 20px;
}
.invoice_note_2 p:before {
margin-left: -25px;
}
.invoice_note_2
p
:nth-child(2){
margin-left:-5px;
}
.invoice_note_2 p:nth-child(3):before {
content: "( 1 )  ";
}
.invoice_note_2 p:nth-child(4):before {
content: "( 2 )  ";
}
.invoice_note_2 p:nth-child(5):before {
content: "( 3 )  ";
}
.invoice_note_2 p:nth-child(6):before {
content: "( 4 )  ";
}
.invoice_note_2 p:nth-child(7):before {
content: "( 5 )  ";
}
.invoice_note_2 p:nth-child(8):before {
content: "( 6 ) ";
}
.invoice_note_2 p:nth-child(9):before {
content: "( 7 )  ";
}
.invoice_note_2 p:nth-child(10):before {
content: "( 8 )  ";
}
.invoice_note_2 p:nth-child(11):before {
content: "( 9 )  ";
}
.invoice_note_2 p:nth-child(12):before {
content: "(10)  ";
}
.invoice_note_2 p:nth-child(13):before {
content: "(11)  ";
}
.invoice_note_2 p:nth-child(14):before {
content: "(12)  ";
}
.bur_user {
color: #414141;
font-size: 14px;
line-height: 20px;
padding: 0 0 10px 0
}
.buy_textbox table tr td {
padding: 7px 0;
}
.but_invoice {
width: 280px;
}
.invoice_note,.invoice_note_2,.invoice_note_3 {
padding: 5px 20px;
line-height: 22px;
font-size: 12px;
border: 1px solid #8d8d8d;
margin: 5px 0 0 0;
height: 235px;
overflow-y: scroll;
background-color: #fff;
}
.but_credit {
width: 80px;
}
.buy_device {
width: 200px;
}
.buy_date {
width: 74px;
}
.note_check {
clear: both;
text-align: center;
color: #006fd8;
font-weight: bolder;
}
.note_check a {
color: #fe6b01;
padding: 0 3px;
text-decoration: underline;
}
.buy_buttonbox {
padding: 20px;
width: 240px;
margin: 0 auto;
display: block;
overflow: auto;
}
.buyline_01 {
border-top: 1px solid #767676;
}
.container_buy {
background-image: url(../images/navibbg.png);
background-repeat: repeat-y;
background-position: center;
background-color: #eee;
padding: 0;
text-align: center;
padding-top: 40px;
}
.continue {
clear: both;
text-align: right;
color: #bababa;
padding: 7px 0 0 0;
font-size: 12px;
}
.buy_footer {
color: : #c5c5c5;
font-size: 12px;
text-align: center;
margin-bottom: 20px;
}
.silver_q {
padding: 0px;
}
.silver_q li a {
background-color: #f2f2f2;
margin-bottom: 10px;
padding: 11px 185px 11px 13px;
box-sizing: border-box;
}
.silver_q li a {
color: #787878;
font-size: 16px;
display: block;
}
.silver_q li a:before {
content: "　";
background-image: url(../images/silver_1.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}
.silver_q li a:hover:before {
content: "　";
background-image: url(../images/silver_1.png);
background-repeat: no-repeat;
background-position: 5px -11px;
}
.silver_q li a:hover {
color: #eb6100;
background-color: #ffffff
}
#service #wvmain p {
margin: 0 0 0 25px;
line-height: 24px;
}
#service #wvmain p a {
color: #06f;
}
.silver_back {
background-color: #f07121;
margin-top: -40px;
position: absolute;
float: right;
width: 50px;
height: 16px;
right: 0px;
font-size: 13px;
border-radius: 3px;
text-align: center
}
.silver_back a {
color: #ffffff;
display: block
}
#service .info #wvmain .silver_table{border: 1px solid #cccccc }
#service .info #wvmain .silver_table td {
vertical-align: top;
line-height: 28px;
border-top: 1px solid #cccccc;
}
.table01 {
border-collapse: collapse;
text-align: center;
}
#service .info p a, #service .info p a:visited{
color: #06F;
text-decoration: none
}

.service_03line {
width: 5px;
height: 19px;
background-color: #626262;
float: left;
border-radius: 3px;
margin: 3px 8px 0 0
}
.mlb_sale td {
    border: solid 1px #bbb;
    padding: 3px;
}

/*個人化*/
.inbox_container {
clear: left;
width: 100%;
border: 1px solid #999;
background: #fff;
}
.inbox_container .tab_content{
	padding:10px;
	text-align:left
	}
.inbox_container .tab_content_none{ text-align:center; padding:10px;}
.inbox_title{
	padding: 0 0 0 15px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	width: 700px;
	line-height:22px;
}
.inbox_check{
	position: absolute;
	margin: 13px 0 0 10px;
}

.inbox_content{	
	line-height:22px;
	color:#a0a0a0;
	margin:0 20px;
	text-align:justify;}
.inbox_type{
	color:#2f2f2f;
	font-size:15px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	width: 440px;
	float: left;
	}
.inbox_title_box{
	width: 500px;
	float: left;
	margin:0 20px 0 15px;
	overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
	}
.inbox_title_box:hover{cursor: pointer;}
.inbox_title_date{
	float: left;
	width:80px;
	font-size:14px;
	color:#999999;
	}
.inbox_title_dateline{
	display: block;
	clear: both;
	color: #e83a18;
	padding: 0 0 0 15px;
	font-size: 13px;
	}
.inbox_share{
	right:0px;
	position:absolute; 
	margin:13px 30px 0 0;
	text-indent:-99999px;
	background-image:url(../images/inbox-share.png);
	height:18px;
	width:28px;
	background-repeat:no-repeat;
	}
.inbox_share:hover{ background-position:-40px 0;}
.accordionPart tr{ border: 1px solid #f4f5f5; border-bottom:none; padding:0 8px;}
.accordionPart { border-bottom:1px solid #f4f5f5;}
.inbox_contrl_box{ padding:22px 10px 10px 9px; }
.inbox_checkall{ color:#414040; font-size:14px; margin:0 0 0 22px; font-weight:bold; border-bottom:1px solid #414040}
.inbox_checkall:hover{ color:#eb6100; font-size:14px; margin:0 0 0 22px; font-weight:bold; border-bottom:1px solid #eb6100}
.inbox_checkall-1{ position:absolute; padding:8px 0 0 0;}
.inbox_deleted{ color:#414040; font-size:14px; float:right; font-weight:bold; border-bottom:1px solid #414040}
.inbox_deleted:hover{ color:#eb6100; font-size:14px; float:right; font-weight:bold; border-bottom:1px solid #eb6100}
.close_inbox{ font-size:14px; display:block; text-align:right; padding:0 0 10px 0; color:#a0a0a0}
.close_inbox:hover{ color:#eb6100}
.inbox-go{ color:#ef7a00; padding:0 0 0 5px; text-decoration:underline; font-size:14px;}
.inbox_share_text{color:#333333; font-size:15px; text-align:left; margin: 0 0 13px 0;}
.inbox_share_text b{ font-weight:bold;}
.inbox_share_title{ color:#ff6600; font-size:18px; text-align:left; margin: 0 0 20px 0;}
ul .inbox_icon{ text-align:center; width:270px;}
.inbox_icon li { display:inline-block; width:23%; color:#999999; font-size:13px;}
.buy_box_RO {
width: 900px;
margin: auto 16px;
overflow: hidden;
}
.buy_container_RO {
float: left;
width: 650px;
text-align: left;
}
.buy_top_RO {
font-size: 14px;
color: #404040;
display: block;
padding: 10px 0px 10px 0px;
width: 100%;
box-sizing: border-box;
}
.textbox_buying_RO {
float: left;
line-height:35px;
width:360px;
}
.buy_word_space_01{margin:0 0 0 93px; }   
.buy_word_space_02{margin:0 0 0 17px; }
.buy_title_word_RO{
float: left;
font-size:20px;
font-weight: bold;
line-height:35px;
width:365px;
}
.buy_type_RO{
	padding:0px 25px 0px 0px;
	min-width: 50px;
	display: inline-block;
	}
.buy_word_money_RO{
	color:#F60;
	}

.buy-delete{
	text-decoration: line-through;
	}
.container_lastview{
color: #eb6100}

.top_vedio {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
padding: 5px 0px 5px 0px;
}
.rent-last {
    background-color: #ef7a00;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    margin: 0 5px 0 0px;
    padding: 0 5px;
}
.mylike {
    padding: 5px 0 0 0;
}
.textbox_buying_ex {
font-size: 12px;
color:#999;
float: left;
line-height:35px;
width:360px;
margin: 0 0 0 165px;
}