@charset "utf-8";
/* CSS Document */
@import url('/style/cmoneystrap.css');
@import url('/style/discuss.css');

*, *:before, *:after{ box-sizing: border-box;}
a{ color:#F60;}
a:hover{ color: #ff8f00;}
body{ background: #e9eaed; color:#8a6d3b;}

.export-excel .go4,.go4_noh, input.sharefb, input.go4, .sidebar .more-out a, input#submitfilter, input.go, input.go2, input.edit-submit-btn, input.fBtn, input.btn2, input.btn3, input.btn4{ border-radius:3px;}

.align-left, #InventoryDetailListData .align-left{ text-align: left;}
.align-center{ text-align: center;}
.align-right{ text-align: right;}
.revision .align-left{ cursor: pointer;}
.align-left .fa-angle-double-down{ position: absolute; right: 0; top: 36%;}
.img-out{ border:solid 1px #ccc; border: 1px solid rgba(0, 0, 0, .10); background:#fff; overflow:hidden;}
.img-out span{ text-align:center; vertical-align:middle; display:table-cell;}
.wrapOut{ padding:0 0 15px; z-index:1;}
.wrap, .vt_Top > div, .vi_p{ width:1200px; margin:0 auto;}
/*.leftOut, .main, .sidebar > div{ border-radius:3px; background:#fff; border:solid 1px #eee;}*/
.col2{ margin-left:160px;}
.col2:after{ content:''; display:block; clear:both;}
.main{ width:750px; float:left; min-height: 947px;}
.sidebar{ margin-left:765px;}
.welcome{ width:755px; float:none; padding:20px 248px; min-height:inherit;}
.bold-text { font-weight:900;}
.removeBefore:before {content:''!important; margin-right:0px!important;}
.pointer{ cursor: pointer;}

.leftOut{ width:145px; float:left;}
.left{}
.left:first-child{}
.head{ margin-bottom:1.5em; text-align:center;}
.head .img-out{ width:145px; height:145px;}
.head img{ max-width:143px;}
.intro {
	margin-top: 10px;
}
.intro > a{  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:inline-block; line-height:1.5; color:#333; text-decoration:underline;}
.intro > a:hover{ text-decoration:none;}
.head:after{ content:''; display:block; clear:both; height:0;}
.head > a{ display:inline-block; border:solid 1px #eee; width:128px; height:128px;}

.naviOut{ margin-bottom: 4em;}
.naviOut.accountList{ margin-bottom: 2em;}
.naviOut.pocket{ margin: 8px auto 8px 8px;}
.naviOut.pocket a:hover{ text-decoration: none;}
.naviOut.pocket span{ vertical-align: top;}
.navi{ /*margin:0 -11px 0 -10px;*/}
.navi li{}
.navi li .fa-cog {
	position: absolute;
	top: 10px;
	right: 5px;
	cursor: pointer;
	display: none;
}
.navi li:hover .fa-cog{display: block}

.navi a{ color:#666; display:block; line-height:2.5; padding:0 17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius: 3px;}
.navi a:hover, li.naviNow a, .naviNow a:hover{ background:#DDDEE0;}
.naviNow a, .naviNow a:hover{ font-weight:600; color:#000;}
.n-icon1, .n-icon2, .n-icon3{ padding-left:18px;}
.n-icon1::before,
.n-icon2::before,
.n-icon3::before,
.other .tab a::after,
.open::after {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	width: 14px;
	height: 16px;
	background: url(../images/icon2.png?_11);
}
.n-icon1:before{ background-position:0 0;}
.n-icon2:before{ background-position:0 -20px;}
.n-icon3:before{background:url(../images/vtg.png);width:16px;}

.n-icon1 + .navi a{ padding: 0 .667em;}

.naviOut > a{ font-size: 14px; position: absolute; right:0; bottom:-1.3em;}
.naviOut > a:hover{ text-decoration:underline;}
.naviOut header{ font-size:16px; margin-bottom:.5em;}
.naviOut header a:hover{ text-decoration:underline;}

.vt-kind1, .vt-kind2{ display: inline-block; padding: 0 3px; margin-right: 5px; font-size: 13px; color: #fff; line-height: 1.5; font-weight: 100; border-radius: 3px;}
.vt-kind1{ background: #ed5565;}
.vt-kind2{ background: #1ab394;}

.titleOut{ border-bottom:solid 1px #EFE9D5; margin-bottom:1em;}

.titleOut .ctrl{ position:relative; display:inline-block; top:-10px; right:auto; margin-left: .667em; vertical-align:middle;}
.titleOut .ctrl > a{ right:auto;}

.title{ display:inline-block; padding-bottom:5px; font-size:20px; color: #CA8A47; line-height: 1.3;}
.title .vt-kind1, .title .vt-kind2{ top: -4px;}
.follow{ display: inline-block; margin-left: 2em; font-size:13px;}
.follow a{ font-size:15px;}
.follow a:hover{ text-decoration:underline;}
.follow.fblike{ top:0;}
.create{ position:absolute; top:2px; right:0; background:url(../images/icon2.png?_11) 1px -87px; width:23px; height:19px; text-indent:-9999px;}
.create:before{ content:'新增帳戶'; padding:7px 10px; position:absolute; background:rgba(0,0,0,.7); text-indent:0; width:70px; top:-40px; left:-27px; color:#FFF; font-size:12px;}
.create:after{ content:''; border:solid 10px transparent; border-top-color:rgba(0,0,0,.7); position:absolute; top:-14px; left:-1px;}
.create:before, .create:after{ display:none;}
.create:hover:before, .create:hover:after{ display:block;}

.card{ padding:15px; background: #fff; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-radius: 3px;}
.card{ margin-bottom: 1em;}
.fn{ color:#666; font-size:14px;}
.fn:after{ content:''; display:block; clear:both;}

.fn > *, .fn-condition > *{ margin-left: 20px; float: left;}
.fn-type{ float: none; margin-bottom: 15px;}
.fn-type a{ display: inline-block; margin-right: 5px; padding: 5px 10px; color: #666; border-radius: 3px;}
.fn-type a:hover{ background: #eee;}
.fn-type .now, .fn-type .now:hover{ background: #f90; color: #fff;}
.fn-back{ position: absolute; right: 0; top: 0;}
.fn-back:hover{ text-decoration: underline;}
.fn-condition > *:first-child, .fn > *:first-child{ margin-left: 0px;}
.fn-condition{ float: none; margin-left: 0;}
.fn-condition:after{ content: ''; display: block; clear: both;}
.fn-step{ text-align: center;}
.fn-step li:before, .fn-step li:after{ content: ''; z-index: 1; position: absolute; top:0; border: solid 22px transparent;}
.fn-step li:before{ left: 30px; border-left: solid 10px #fff;}
.fn-step li:after{ left: 29px; border-left: solid 10px #ccc;}
.fn-step a, .fn-step li{ display: inline-block;}
.fn-step a{ padding: .7em; background: #ccc; border-radius: 3px; color: #fff; font-size: 18px;}
.fn-step a:hover{ color: #666;}
.fn-step1 a:before, .fn-step2 a:before, .fn-step3 a:before, .fn-step4 a:before{ display: inline-block; font-weight: 600; margin-right: 1.2em;}
.fn-step1 a:before{ content: '1';}
.fn-step2 a:before{ content: '2';}
.fn-step3 a:before{ content: '3';}
.fn-step4 a:before{ content: '4';}
.fn-step-current a{ background: #f90;}
li.fn-step-current:after{ border-left-color: #f90;}
li.fn-step-current a:hover{ color: #fff;}


.listOut.fn > *{}
.text-center{ text-align: center;}

.tactics-out{ margin-bottom: 1em;}
.tactics{ overflow: hidden;}
.tactics li{ width: 20%; float: left; margin-right: -1px; padding: 10px; border: solid 1px #eee; text-align: center; background: #f6f6f6; box-sizing: border-box; cursor: pointer;}
.tactics li:hover{ z-index: 1; border: solid 1px #ccc;}
li.tactics-current, li.tactics-current:hover{ z-index: 2; border-color: #f60;}
.tactics img{ width: 100%;}
.tactics-title{ font-size: 16px; margin-bottom: 10px;}
.tactics-img-out img{ margin-bottom: 10px;}
.tactics-img-title{ font-size: 14px;}
.tactics-list-out{ margin-bottom: 1em;}
.tactics-list .fn-condition .radioOut label{ display: inline-block;}
.tactics-list .select > a{}
.tactics-list li.fn-condition .radioOut{ width: auto;}
.tactics-list li{ border-top: solid 1px #fff;}
.tactics-list .fn-condition, .tactics-list2 .fn-condition{ padding: 10px; background: #f9f9f9;}
.tactics-list .fn-condition .go{ position: static; padding: 3px 17px;}
.tactics-list .fn-condition .price-now, .tactics-list .fn-condition .select-out .select{ margin-top: 0;}
.tactics-list li.fn-condition .radioOut{ height: auto; margin-top: 5px;}
.tactics-list2{ display: inline-block;}
.fn-codition2{ padding-top: 10px; width: 60%; font-size: 14px;}
.fn-codition2 .price-now{ width: auto; display: block;}
.fn-condition.tactics-red{ background: #FFECEC;}
.fn-condition.tactics-blue{ background: #D4E6F1;}
.fn-condition-text1, .fn-condition-text2{ font-weight: 900;}
.fn-condition-text1{ color: #f00;}
.fn-condition-text2{ color: #126E9D;}
div.fn-checkout{}
.fn-checkout > span{ display: block;}
.fn-checkout > span:first-child{ margin-bottom: 10px;}
.fn-checkout .color1{ display: inline-block; font-size: 20px;}
.fn-codition2 .go{ top: 15px;}
.td-option-current{ background: #FFF9D3;}

.price-now{ width: 65px; display: inline-block; margin-top: 6px; border: solid 1px #ddd; line-height: 1.9; padding: 0 .7em; text-align: right; color: #666; background: #fff; white-space: nowrap;}

.tactics-list2, .fn-codition2{ display: inline-block; vertical-align: top;}
.fn-codition2 > *{ display: inline-block; margin-left: 10px; vertical-align: top;}

.tb-option-out:hover .tb-navi-prev, .tb-option-out:hover .tb-navi-next{ display: block;}
table.option-tstyle td{ height: auto;}
.option-tstyle .select{ width: 110px; margin: auto; font-size: 14px;}
.option-tstyle .select > a{ font-weight: 100;}
.option-tstyle .select .way{ width: 90px; font-weight: 100;}
.tb-navi-prev, .tb-navi-next{ display: none; position: absolute; font-size: 50px; left: 50%; margin-left: -25px;}
.tb-navi-prev{ top: 110px;}
.tb-navi-next{ bottom: 35px;}
.option-tstyle .tb-bcolor{ height: auto;}

.td-cursor{ cursor: pointer;}
.td-cursor:hover{ background: #FFF9D3;}
/*.td-disable{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2;}*/
.td-disable, .td-disable span{ color: #ccc;}

.choosePrice{ width: 47px; /* top: 14px; float: left;*/}
.choosePrice a{ float: left; background: #FFF; padding: 6px 5px 5px; margin: 0 -1px -1px 0; border: solid 1px #ccc; color: #999; font-size: 12px;}
.choosePrice a:hover{ background: #F90; color: #fff;}
a.chooseP_s{ background: #666; color: #FFF;}
.choosePrice[prflag="options"] a:last-child,
.choosePrice[prflag="futures"] a:last-child{ width: 47px; text-align: center;}
.fn label{ /*float: left;*/}	
.fn input[type=text], .fn-codition2 input[type=text]{ padding: 5px 7px; border: solid 1px #ddd; color: #999; display: block; margin-top: 7px; background: #FFF9D3; border-radius: 0;}
.fn input[type=text]:focus, .select > a:focus, .edit-sec input[type=text]:focus, .edit-sec textarea:focus, .fn-codition2 input[type=text]:focus{ border-color:#EB5823;}
.fn .radioOut{ width: 35px; height: 48px; /*float: left;*/ margin-top: 8px; line-height: 1.7;}
/*.fn2 .radioOut{margin: 0 15px;}*/
.radioOut label{ display: block;}
.stockNo, .price{width: 100px; }
.fn2 .stockNo{width: 95px;}
.fn2 .price{width: 95px;}
.fn2 .select{ margin-top:20px;}
.amount{ width:95px; /*position:absolute; left:408px;*/}
.go, .go2{ padding: 9px 17px; color: #fff; font-size: 15px; text-shadow: 0 -1px #000;}
.go{
	position:absolute; right:0; top: 0;
	border:solid 1px #9E212B;
    background-color: #C1272D;
	background:linear-gradient(#ED5C62, #C1272D);
	background:-webkit-linear-gradient(#ED5C62, #C1272D);
	background:-ms-linear-gradient(#ED5C62, #C1272D);
	background:-moz-linear-gradient(#ED5C62, #C1272D);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5c62', endColorstr='#c1272d',GradientType=0 );}
.go:hover{
	color: #fff;
	background:linear-gradient(#C1272D, #ED5C62);
	background:-webkit-linear-gradient(#C1272D, #ED5C62);
	background:-moz-linear-gradient(#C1272D, #ED5C62);
	background:-ms-linear-gradient(#C1272D, #ED5C62);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1272d', endColorstr='#ed5c62',GradientType=0 );}
.go2{
	position: absolute;
	right: 0;
	top: 0;
	border:solid 1px #090;
	background:linear-gradient(#63CA4A, #090);
	background:-webkit-linear-gradient(#63CA4A, #090);
	background:-ms-linear-gradient(#63CA4A, #090);
	background:-moz-linear-gradient(#63CA4A, #090);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63CA4A', endColorstr='#009900',GradientType=0 );}
.go2:hover{
	background:linear-gradient(#090, #63CA4A);
	background:-webkit-linear-gradient(#090, #63CA4A);
	background:-moz-linear-gradient(#090, #63CA4A);
	background:-ms-linear-gradient(#090, #63CA4A);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#63CA4A',GradientType=0 );}

.herotip{display:inline-block;width:15px;height:15px;border-radius:100%;background:#f00;color:#fff;margin-left:2px;font-weight:bold}
.herolook{padding: 5px 10px;font-size: 13px;}

.stk{ padding:10px; border-top:solid 1px #eee;}
.stk:after{ content:''; display:block; clear:both;}
.stk:first-child{ border:0;}
.stk > a{ width:80px; height: 80px; background:#eee; overflow: hidden; float:left;}
.stk > a img{width:80px;height:auto;}
.stk > div{ margin-left:90px;}
.stk > div > a.fBtn2{ font-size:13px; position:absolute; right:0; top:0; line-height:1.8; padding:0 .8em;}
.stk h2{ font-size:20px; margin-bottom:5px;}
.select-out{}
.select-out .select{ display: inline-block; margin-top: 6px;}
/*.select{ width:76px; top:20px; font-size: 14px;}
.select > a{ border: solid 1px #ccc; line-height: 2; padding: 0 .7em; color: #888; display: block;}*/
.select > a .fa{ position: absolute; right: .667em; top: .4em;}
/*.select > a:after{ border-top:solid 6px #ccc; top:10px;}
.select ul{ display:none;border: solid 1px #ccc; position: absolute; width: 88px; background: #fff; z-index: 1; top: 29px; overflow: hidden; box-shadow: 0 3px 8px rgba(0, 0, 0, .25);}
.select ul a{ line-height: 2.3; color: #999; display: block; padding: 0 10px;}*/
.select ul a:hover{ background:#EB5823; color:#fff;}

.tab, .list-tab, .contest-tab, .rule-tab{ z-index: 1;}
.tab{ height: 54px;}
.list-tab, .contest-tab, .tab.qa-tab, .rule-tab{ height: 33px; position: absolute; top: -48px; right: 0;}
.tab.qa-tab a, .tab a, .list-tab a, .vt_Top_L_bookmark > ul > li > a, .contest-tab a, .rule-tab a{ float:left; color:#666; font-size:15px; border:solid 1px #dfe0e4; margin-right: -1px; top:1px; background:#eee;}
.tab a{ line-height:1.5; padding: .28em .9em;}
.tab .tab-two-r{ }
.tab a .fa{ margin-right: .3em;}
.list-tab a, .vt_Top_L_bookmark > ul > li > a, .contest-tab a, .tab.qa-tab a, .rule-tab a{ line-height: 2; padding:0 .8em;}
div.tab a.tabNow, div.list-tab a.now-list-tab, div.vt_Top_L_bookmark > ul > li.sel > a, div.contest-tab a.tabNow, .tab.qa-tab .tabNow, div.rule-tab a.tabNow{ background: #fff; color:#000; border-top:solid 2px #F90; border-bottom:solid 1px #fff; box-shadow: 0 -2px 3px rgba(0,0,0,.15); top:0px; z-index: 1;}
.tab a:hover, .list-tab a:hover, .contest-tab a:hover, .vt_Top_L_bookmark > ul > li > a:hover, .rule-tab a:hover{ background: #fff; color: #f90;}
.tab a:last-child{ margin-right: 0;}
div.vt_Top_L_bookmark > ul > li.sel > a{ top: 1px;}

.tabConGrp{}
.tabCon{ border-radius:0 3px 3px 3px;}
.tabCon1:first-child{ margin:0;}
.tabCon1{ float:left; width:350px; margin-left: 1em;}
.tabCon1.piechart{ float: left; width:435px;}
.tabCon1.alldata{ margin-left: 450px; width: auto; float: none;}
.tabCon1.tracechart{ width: auto; margin-left:0px; float: none; clear: both;}
.tracechart .chart {width:450px;float:left;}
.tracechart .tracedata {width:230px;float:left;}
.tabCon > div > div:first-child:after{ content:''; display:block; clear:both;}
.tabCon1 h2, .fn-title{ font-size:20px; border-bottom:solid 1px #e6e6e6; padding-bottom:.3em; margin-bottom: 15px; font-weight: 100;}
.tabCon1 th, .tabCon1 td{ padding:5px; font-size:17px;}
.tabCon1 th{ text-align:right; font-weight:100; color:#808080; font-family:Arial, "微軟正黑體";}
.chart{ height:150px; overflow: hidden;}
.alldata.tabCon1 th, .alldata.tabCon1 td, .tracedata td, .tracedata th{ font-size: 15px;}
.vt-rule > a { font-size: 16px; margin: 15px 0 0;  text-align:right; display: inline-block; width: 100%;}

.tabCon2 h2{ margin:10px; font-size:20px; color:#08c;}
.tabCon2{ margin-top:3em;}
.tabCon2:first-child{ margin:0;}
.tb-col1 .tStyle1 tr:first-child th:first-child{ width:80px;}
/*.tb-col1 .tStyle1 th, .tb-col1 .tStyle1 td{ padding:10px;}*/
.tb-col1 input{ width:70px;}
.notice2{ display:inline-block; font-size:12px; background:#7db4d8; color:#fff; line-height:1.7; padding:0 3px; border-radius: 10px; top: -11px; margin-left: .3em;}
.detailframe > .tabCon1{ float: none; width: auto; margin-left: 0;}
.detailframe > div:first-child{ margin-bottom: 1em;}

.other .tab a{ margin-right:0;}
/*.other .tab a:first-child{ padding-left:.5em;}*/
/*.other .tab a:first-child:after{ display:none;}*/
.other .tab a:after{ display:none;}
.other .tab a:last-child:after{ display:block;}
.other .tab a:last-child{ padding-left:25px;}
.other .tab a:after{ background-position:0 -54px; position:absolute; top:14px; left:8px;}

.other a.open{
	border-color:#5699FF; color:#fff; text-shadow:none;
	background:linear-gradient(#ADE4FF, #5699FF);
	background:-webkit-linear-gradient(#ADE4FF, #5699FF);
	background:-moz-linear-gradient(#ADE4FF, #5699FF);
	background:-o-linear-gradient(#ADE4FF, #5699FF);
	background:-ms-linear-gradient(#ADE4FF, #5699FF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADE4FF', endColorstr='#5699FF',GradientType=0 );}
.other a.open:before{ border-top-color:#5699FF}
.other a.tabNow:after, .other a.open:after{ background-position:0 -70px;}
.notice{ padding:1em; border: solid 1px #eee; background: #f9f9f9; margin-bottom: -1px;}

.row1{ margin-bottom:.5em; color:#666; font-weight:900; font-size:16px;}
.row1 .fa{ margin-right: .3em; color:#87b87f;}
.row2{ line-height: 1.5;}
.row1 a{ color:#f60;}
.row1 a:hover{ text-decoration: underline;}
.row2 a{ color: #08c; text-decoration: underline;}
.row2 a:hover{ text-decoration: none;}
.row3{ margin-bottom:.5em; color:#666; font-weight:500; font-size:20px;}

.row1-date{ color:#999; margin-left:1em; font-size:13px; font-family:Arial, "細明體"; font-weight:100;}

.tStyle1, .tStyle2{ width:100%;}
.tStyle1 th, .tStyle1 td{ line-height:1.4; border:solid 1px #e6e6e6; border-width:1px 0;}
/*.tStyle1 th{ color:#900; font-weight:100; vertical-align:top; border-top:solid 1px #E7DED1;}*/
.tStyle1 td{ text-align:center;}
.op-tr-h th{ width: 8%;}
/*.tStyle1 tr th, .tStyle1 tr:nth-child(odd){ background:#FFF5E7;}*/
/*.tStyle1 tr:first-child th:first-child{ width:60px;}*/
/*.tStyle1 tr td:first-child, .tStyle1 tr th:first-child{ border-right:solid 1px #E7DED1;}*/
.tStyle1 tr, .op-tr-h{ border:solid 1px #eee;}
.option-tstyle tr{ border-bottom: 0;}
.op-tr-h{ border-top: 0;}
.revision tr{ border:0;}
.tStyle1 tr td:first-child a{ font-size:15px; color:#08c; text-decoration:underline;}
.tStyle1 tr td:first-child a:hover{ text-decoration:none;}
.tStyle1 .fa-plus,
.tStyle1 .fa-question{ top: -1px; width: 18px; margin-left: .3em; font-size: 12px; color:#fff; line-height: 18px; background:#7db4d8; border-radius: 50%;}
.tStyle1 .fa-plus{ cursor: pointer;}
.tStyle1 .fa-caret-up, .tStyle1 .fa-caret-down{ margin-left: .3em;}
.fa-caret-up.now, .fa-caret-down.now{ color:#FD6407;}
th.sort{ cursor: pointer;}
.tStyle2{ border: 1px solid #eee; color: #333;}
.tStyle2 th, .tStyle2 td{ padding:.667em;}
.tStyle2 tr:nth-child(even){ background: #f6f6f6;}
.tStyle2 th{ text-align: right; font-weight: 100;}
.tStyle2 td div{ line-height: 1.5;}
.tStyle2 td ol{ list-style-type: decimal; padding-left: 50px; margin-top: 5px;}
.tStyle2 td ol > li{ line-height: 1.6;}
.tStyle2 td ul > li{ margin-top: 10px;}
.tStyle2 td ul > li:first-child{ margin-top: 0;}
.c1, .c2{ font-size:15px; font-weight:900;}
.c1{ color:#f00;}
.c2{ color:#690;}
.profitc1{ color:#f00;}
.profitc2{ color:#690;}

.pltypebt{ margin-right: 1em;}

/* 修正使用tbody設定資料時，產生底色不正確問題 */
.tStyle1 th, .op-tr-h{ background:#f6f6f6; color: #666;}

.pageOut{ text-align:center; font-size: 0; margin-top: 15px;}
.pageOut a{ font-size: 14px; display:inline-block; padding: 0 .8em; line-height: 2.5; color:#f90; border: 1px solid #ddd; margin-right: -1px;}
.pageOut a:hover{ background: #eee;}
.page{ display:inline-block;}
.page a.pageNow{ color:#fff; background:#F90;}

.sidebar p{ line-height:1.5; margin-bottom:1em;}
.contact li:before{ content:''; display:block; width:5px; height:5px; background:#ccc; position:absolute; left:2px; top:9px;}
.contact li{ padding-left:1em; line-height:1.5;}
.contact li:first-child{ margin-bottom:1em;}
.contact a, .contact span{ font-size:13px;}
.contact a{ text-decoration:underline;}
.contact a:hover{ text-decoration:none;}
.contact span{ color:#08c;}
.sidebar > div{}
.sidebar > div:first-child{}
.sidebar .list2 a > img{ width:40px; height:40px;}
.sidebar .list2 .listCon{ height:42px; margin-left: 50px;}

.box, .box1{ border:solid 1px #eee; padding:1em;/* min-height: 88px;*/ background: #f9f9f9; margin-bottom: -1px;}
/*.box:hover{ background: #f7f7f7;}
.box:first-child{ border:0;}*/
.box:after, .box1:after{ content:''; display:block; clear:both;}
/*.fboxOut .box, .box1{ min-height: 90px;}*/
.fboxOut .img-out{ width:55px; height:55px;}
/*.fboxOut span{ width:55px; height:55px;}*/
/*.fboxOut span{}
.fboxOut .img-out img{ max-width:55px;}*/
.box-con{ margin-left: 103px;}
.fmbox .box-con, .mabox .box-con{ margin-left: 55px;}
.box h2, .box1 h2{ font-size:16px; margin-bottom:.2em;}
.box h2 a:hover{ text-decoration:underline;}
.list1 li{ display:inline-block; margin-right:1em;}
/*.btnOut + .list1 li{ display: block;}*/

.ctrl > a{ display:block; width:15px; height:15px; position:absolute; right:0; text-indent:-9999px; background:url(../images/icon.png) -70px 0;}
.ctrl > a:hover{ background-position:-85px 0;}
.mabox h2{ display: inline-block; margin-bottom: .5em;}

/*股市大富翁遊戲規則*/
/*.ctrl ul{ top:20px; background:#fff; z-index:5; display:none; position:absolute; width:115px; right:0; border: 1px solid #ccc; box-shadow: 0 3px 8px rgba(0, 0, 0, .25);}
.ctrl ul a{ display:block; font-size:13px; color:#999; padding:0 5px; line-height: 2.5;}*/
.ctrl ul a:hover, .ctrl ul a:hover .fa{ color: #fff; background:#EB5823;}
.ctrl ul a .fa{ margin-right: 3px;}
.accordion{ border:solid 1px #eee; margin-top: 2px;}
.qq,.rr{ background:#F9F9F9; padding:.667em 1em; cursor:pointer;}
.aa,.ii{ padding:.667em 1em; border-top:solid 1px #eee; display: none}
.accordion:first-child .aa,.accordion:first-child .ii{ display:block;}
.qq:hover, .qqNow,.rr:hover, .rrNow{ background:#fcf8e3;}
.ii li,.rule-con li{ list-style-position: inside; list-style-type: square;} 
.rr-table{ width:100%; margin-top: 1em;}
.rr-table td,.rr-table th{ padding:10px 5px; border: solid 1px #e6e6e6; text-align: center; line-height: 1.3}
.rr-table th,.td-bg-b { background: #f6f6f6; color: #666; font-weight: bold}
.rule-con p,.rule-con ul{ line-height: 1.5; margin-left: 1em;}
.extra-infor{ color: #d15b47; margin: 10px 0; font-size: 14px;}
.extra-infor i{ margin-right: 5px;}

.qq:before, .aa:before{ display:table-cell; font-weight:600;}
.qq:before{ content:'Q：'; color:#CA8A47;}
.aa:before{ content:'A：';}
.qq div, .aa div,.ii div{ display:table-cell; line-height:1.5; width:100%;}
.qq div,.rr div{ color:#CA8A47;}
div.aa div ol, div.aa div ul{ list-style-position:inside;}
.aa div ol{ list-style:decimal;}
.aa div ul{ list-style:square;}
.aa dd{ margin:.5em .5em .5em 2em;}
.wel-out{ padding: 15px;}
.wel{ text-align:center;}
.wel h4{color:#F60; font-size:40px; margin-bottom: .5em;}
.wel p{ margin-bottom: 1em; color:#888; font-size:1.4em; line-height:1.4; font-family:Arial, "微軟正黑體", "細明體";}
.role-out{ margin:0 auto 30px; text-align: center;}
.role-out > div{ background:#fff; border:solid 1px #ddd; display: inline-block; padding:10px; width: 260px; margin: 0 15px; cursor:pointer;}
.role-out > div h2{ margin: 10px 0; color: #000; font-weight: 100; font-size: 1.5rem;}
.role-out > div span{ position:absolute;  width: 238px; height: 245px; background:url(../images/overlay.png); top:10px; left:10px; z-index:1;}
.role-out > div:hover span, .current-role span{ display:none;}
.role-out img{ width: 80%; margin-bottom: 10px; height:auto;}

div.current-role{ border-color:#F90; z-index:1;}
.current-role .role-money{ background:#F90; color:#fff;}

.btnOut{ text-align:center;}
.ctrl, .box .btnOut, .box1 .statusOut{ position:absolute; right:0; top:0;}
input.btn1{ border-radius: 3px;}
.btn1{ 
	line-height:2; padding:0 1em; border:solid 1px #9E212B; border-radius:5px; font-size:30px; color:#fff;
	background:#ED5C62;
	background:-moz-linear-gradient(#ED5C62, #C1272D);
	background:-webkit-linear-gradient(#ED5C62, #C1272D);
	background:-ms-linear-gradient(#ED5C62, #C1272D);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5c62', endColorstr='#c1272d',GradientType=0 );}
.btn1:hover{
	background:#C1272D;
	background:-webkit-linear-gradient(#C1272D, #ED5C62);
	background:-moz-linear-gradient(#C1272D, #ED5C62);
	background:-ms-linear-gradient(#C1272D, #ED5C62);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1272d', endColorstr='#ed5c62',GradientType=0 );}

.iconOut{ display:inline-block; top: -3px;}
.iconOut span{ background-image:url(../images/icon.png); display:inline-block; width:19px; height:20px; text-indent:-9999px; display:inline-block; margin:0 5px;}
.i1{ background-position:0 0;}
.i2{ background-position:-25px 0;}
.i3{ background-position:-50px 0;}

.mask{ height:283px; overflow:hidden;}
.list{ border-top:solid 1px #e6e6e6; padding-top:10px; margin-top:10px;}
.list > a > div{ float:left; border:solid 1px #ccc; width:70px; height:70px; background:#eee;}
.list:first-child{ padding:0; border:0; margin:0;}
.listCon{ margin-left:80px; height:72px;}
.listCon h2{ font-size: 15px; line-height: 1.25; height: 35px; overflow:hidden;}
.listCon a:hover{ text-decoration:underline;}
.listCon ul{ position:absolute; bottom:0;}
.listCon li{ color:#999; font-size:12px; margin-top:5px;}
.list .btnOut{ position:absolute; right:0; top:0;}
.listCon p{ margin:0; position:absolute; bottom:0;}
.list2{ font-size:13px; line-height:1.5; border-top: solid 1px #e6e6e6; padding:.667em 0; margin-top: -10px; margin-bottom: 10px;}
.list2 a > img{ float:left; border:solid 1px #ccc;width: 58px;height: 58px;}
.list2 .listCon{ height:60px; margin-left:70px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.list3{ font-size:13px; line-height:1.5;}

p.trade-time{ position:absolute; right:0; bottom:0; margin:0; font-size:12px; color:#999;}
p.trade-rank > span {font-size:14px;font-weight: bold;}

.rank-plus:before, .rank-minus:before, .rank-new:before, .rank-plus:after, .rank-minus:after, .rank-new:after{ content:''; position:absolute; z-index: 1;}
.rank-plus:before, .rank-minus:before, .rank-new:before{ top:-7px; left:-8px; width:18px; height:18px; border-radius:100%;}
.rank-plus:before{ background:red;}
.rank-plus:after, .rank-minus:after{ left:-4px; border:solid 5px transparent;} 
.rank-plus:after{ top:-8px; border-bottom:solid 7px #fff;}
.rank-minus:before{ background:#093;}
.rank-minus:after{ top:-1px; border-top:solid 7px #fff;}
.rank-new:before{ background:red; width:30px; height:15px; border-radius:2px;}
.rank-new:after{ top:-6px; left:-5px; width:10px; height:3px; content:'new'; color:White;font-size:11px;}

/*按鈕*/
.btn4_noh,.go4_noh,.fBtn2_noh{ cursor: default!important}
.btn2, .btn3{ color:#fff; padding:0 10px; height:2em; border-radius:3px;}
.btn2{
	border:solid 1px #9E212B;
	background:linear-gradient(#ED5C62, #C1272D);
	background:-webkit-linear-gradient(#ED5C62, #C1272D);
	background:-moz-linear-gradient(#ED5C62, #C1272D);
	background:-ms-linear-gradient(#ED5C62, #C1272D);
	background:-o-linear-gradient(#ED5C62, #C1272D);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ED5C62', endColorstr='#C1272D',GradientType=0 );}
.btn3{
	border:solid 1px #F7931E;
	background:linear-gradient(#FFAA47, #EB5823);
	background:-webkit-linear-gradient(#FFAA47, #EB5823);
	background:-moz-linear-gradient(#FFAA47, #EB5823);
	background:-ms-linear-gradient(#FFAA47, #EB5823);
	background:-o-linear-gradient(#FFAA47, #EB5823);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAA47', endColorstr='#EB5823',GradientType=0 );}
.btn2:hover{
	background:linear-gradient(#C1272D, #ED5C62);
	background:-webkit-linear-gradient(#C1272D, #ED5C62);
	background:-moz-linear-gradient(#C1272D, #ED5C62);
	background:-ms-linear-gradient(#C1272D, #ED5C62);
	background:-o-linear-gradient(#C1272D, #ED5C62);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C1272D', endColorstr='#ED5C62',GradientType=0 );}
.btn3:hover{
	background:linear-gradient(#EB5823, #FFAA47);
	background:-webkit-linear-gradient(#EB5823, #FFAA47);
	background:-moz-linear-gradient(#EB5823, #FFAA47);
	background:-ms-linear-gradient(#EB5823, #FFAA47);
	background:-o-linear-gradient(#EB5823, #FFAA47);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB5823', endColorstr='#FFAA47',GradientType=0 );}

.btn4,.btn4_noh{ padding:0 10px; height:2em; border-radius:3px; background:#fff; border:solid 1px #ccc;}
.btn4:hover{ background:#eee;}
.btn4_noh{ background:#EEE;}
.btn5{ padding:0 10px; height:2em; border-radius:3px; color:#FFF; }
.btn5{
	border:solid 1px #777;
    background-color: #999;
	background:linear-gradient(#999, #666);
	background:-webkit-linear-gradient(#999, #666);
	background:-ms-linear-gradient(#999, #666);
	background:-moz-linear-gradient(#f3f3999f3, #666);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666',GradientType=0 );}
.btn5:hover{
	background:linear-gradient(#666, #999);
	background:-webkit-linear-gradient(#666, #999);
	background:-moz-linear-gradient(#666, #999);
	background:-ms-linear-gradient(#666, #999);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#999',GradientType=0 );}
.btn6{ line-height:2; padding:0 1em; border-radius:5px; font-size:30px; color:#fff; border: solid 1px #2B71C2;}
.btn6{
	background:linear-gradient(#51A5E1, #2B71C2);
	background:-webkit-linear-gradient(#51A5E1, #2B71C2);
	background:-moz-linear-gradient(#51A5E1, #2B71C2);
	background:-ms-linear-gradient(#51A5E1, #2B71C2);
	background:-o-linear-gradient(#51A5E1, #2B71C2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a5e1', endColorstr='#2b71c2',GradientType=0 );}
.btn6:hover{
	background:linear-gradient(#2B71C2, #51A5E1);
	background:-webkit-linear-gradient(#2B71C2, #51A5E1);
	background:-moz-linear-gradient(#2B71C2, #51A5E1);
	background:-ms-linear-gradient(#2B71C2, #51A5E1);
	background:-o-linear-gradient(#2B71C2, #51A5E1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b71c2', endColorstr='#51a5e1',GradientType=0 );}

.fBtn{ padding: 0 7px; line-height:22px; font-size: 14px;}
.fBtn1{
	color: #fff; border: solid 1px #600000; box-shadow: 0 1px #E88B8B inset, 0 -1px #700 inset; text-shadow: 0 -1px rgba(0,0,0,.8);
	background:-webkit-linear-gradient(#c00, #900);
	background:-moz-linear-gradient(#c00, #900);
	background:-ms-linear-gradient(#c00, #900);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 );}
.fBtn1:hover{
	background:-webkit-linear-gradient(#900, #c00);
	background:-moz-linear-gradient(#900, #c00);
	background:-ms-linear-gradient(#900, #c00);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#cc0000',GradientType=0 );}
	
.fBtn2,.fBtn2_noh{
	color:#666; border: solid 1px #aaa; box-shadow:0 1px #FFF inset, 0 -1px #bbb inset; text-shadow: 0 1px rgba(255,255,255,.8);
	background:-webkit-linear-gradient(#e6e6e6, #ccc);
	background:-moz-linear-gradient(#e6e6e6, #ccc);
	background:-ms-linear-gradient(#e6e6e6, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cccccc',GradientType=0 );}
.fBtn2:hover{
	background:-webkit-linear-gradient(#ccc, #e6e6e6);
	background:-moz-linear-gradient(#ccc, #e6e6e6);
	background:-ms-linear-gradient(#ccc, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e6e6e6',GradientType=0 );}


.fBtn3{ padding: 5px;height:26px;}
.fBtn3:hover{
	background:-webkit-linear-gradient(#ccc, #e6e6e6);
	background:-moz-linear-gradient(#ccc, #e6e6e6);
	background:-ms-linear-gradient(#ccc, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e6e6e6',GradientType=0 );}

.fBtn4{
	color:#fff; text-shadow:0 -1px #000; border:solid 1px #090;
	background:linear-gradient(#63CA4A, #090);
	background:-webkit-linear-gradient(#63CA4A, #090);
	background:-ms-linear-gradient(#63CA4A, #090);
	background:-moz-linear-gradient(#63CA4A, #090);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63CA4A', endColorstr='#009900',GradientType=0 );}
.fBtn4:hover{
	background:linear-gradient(#090, #63CA4A);
	background:-webkit-linear-gradient(#090, #63CA4A);
	background:-moz-linear-gradient(#090, #63CA4A);
	background:-ms-linear-gradient(#090, #63CA4A);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#63CA4A',GradientType=0 );}
.titleOut .btnOut{ display: inline-block; margin-left: .5em; top:-1px;}
.titleOut > a{ font-size:13px; margin-left:1em;}
.titleOut > a:hover{ text-decoration:underline;}
.titleOut > a + .btnOut{ position: absolute; right:0;}

.cpBoxCon{}
.cpBoxCon > div{ border: solid 1px #ccc; width: 88px; height: 88px; background: #eee; overflow:hidden; position: absolute; right:0; bottom:0;}
.cpBoxCon > div img{ width:88px; height:auto;}
.cpBoxCon > ul{ color:#999;}
.cpBoxCon > ul span{ color:#000;}
.cpBoxCon > ul li{ line-height: 1.7;}
.cpBoxCon:after{ content:''; display:block; clear:both;}

.info{ height:162px;}
.info .img-out{ width:160px; height:160px; z-index:1; position:absolute;}
.info span{ width:160px; height:160px;}
.head .align{ width:128px; height:128px;}
.info .img-out img{ max-width:160px;}
.infoCon{ margin-left:160px; height:162px;}
.infoCon h2, .infoCon p{ margin-bottom:10px; padding-left:10px;}
.infoCon p{ font-size:13px;}
.cc{ line-height:1.5; padding:10px;}
.iframe{ margin-left:20px;}

.tabCon > p{
	color:#aaa; padding:10px; border-radius:3px; font-size:40px; font-family:"微軟正黑體"; font-weight:600; text-align:center;}
.tabCon > p:before{ content:''; background:url(../images/oops.png); display:inline-block; vertical-align:middle; width:38px; height:54px; left:90px;}

.add-remark{}
.edit-remark{ color:#08c;}
a.edit-remark:hover > span{ display:block;}
.remark-box{ display:none; padding: 7px 10px; position: absolute; background:url(../images/overlay.png); width:60px; top:25px; left:50%; margin-left:-40px; color: #FFF; font-size: 12px; z-index:100;}
.remark-box:before{ content:''; border: solid 10px transparent; border-bottom-color:#777; position: absolute; top: -20px; right: 30px;}

.type-remark{ background:#fff; margin-bottom:1em; resize: none; padding:10px; width:347px; border: solid 1px #ddd; border-radius: 3px; box-shadow: 0 0 10px #e6e6e6 inset; color: #999;}

.btnOut > a:hover, .tips a:hover{ text-decoration:underline;}
.warning{
	color:#aaa; padding:10px; border-radius:3px; font-size:30px; font-family:"微軟正黑體"; font-weight:600; text-align:center;
	background: -webkit-linear-gradient(#f3f3f3, #e6e6e6);
	background: -moz-linear-gradient(#f3f3f3, #e6e6e6);
	background: -ms-linear-gradient(#f3f3f3, #e6e6e6);
	background: -o-linear-gradient(#f3f3f3, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 );}
.warning:before{content:'!!';}
.msg-out{ width:400px; background:rgba(0,0,0,.3); padding:5px;}
.msg2-out{ width:600px; background:rgba(0,0,0,.3); padding:5px;}
.msg-out2{ width:715px; background:rgba(0,0,0,.3); padding:5px;}
.msg-out3{ width:800px; background:rgba(0,0,0,.3); padding:5px;}
.msg-out3 table{ border: solid 1px; border-color: transparent #e6e6e6}
.msg-out3 td{ background: #fff;}
.msg-out3 .tbOut{ margin-bottom: 1em}
.msg-Pls li > div:first-child{ margin-bottom: 1em;}
.msg-Pls img{ width: 100%; display: block; margin-bottom: 1em;}
img.logo-img{ width: auto;}
.msg-Pls-upload{ height: 41px;}
.msg-Pls-upload .go4{ display: inline-block; height: auto;}
.msg-Pls li{ padding-top: 1.8em;}
.msg-Pls li:first-child{ padding-top: 0;}
.copy-box{ display: inline-block; right: 5px;}
.msg-Pls .copy-url{ margin: 0;}
.msg-Pls .size_noti{ margin-left: 5px; vertical-align: middle;}
.msg-out2 .btnOut{ margin-top: 15px;}
.msg-out .go3{color: #fff; padding: 0 10px; height: 2em; font-size: 13px; text-shadow:none;}

#EditAccountNameOutdiv .msg-out { width: 350px; }
.msg{ background:#FFF5EB;}
.msg-type{
	line-height:2.5; padding:0 10px; font-size:20px; border-bottom:solid 1px #e6e6e6; color:#666; font-size:18px;
	background:linear-gradient(#fff, #f6f6f6);
	background:-webkit-linear-gradient(#fff, #f6f6f6);
	background:-moz-linear-gradient(#fff, #f6f6f6);
	background:-ms-linear-gradient(#fff, #f6f6f6);
	background:-o-linear-gradient(#fff, #f6f6f6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
.msg-ctr{ padding:1em;}
.msg-cont{ border:solid 1px #e6e6e6; background:#fff; padding:10px; line-height:1.5; margin-bottom:1em;}
.msg .bonus{ position:absolute; top:14px; right:10px;}
.tips{ margin-bottom: 1em; font-size: 13px;}
.tips .fa{ margin-right: .3em;}
.msg-cont a:hover { text-decoration: underline;}
.p_m10 { margin-bottom: 10px; text-align: center;}
.select-account{ margin: 10px 0 0;}
.select-account li { display: inline-block; margin:0 7px 10px 0;}
.select-account li a { display: inline-block; border-radius: 3px; height: auto; line-height: 24px;}
.select-account li a:hover { text-decoration: none;}

.color1{ color:red;}

.tabCon .btn2{ display:inline-block; height:auto; line-height:1.8;}
.stk .btn2{ font-size:13px; position:absolute; top:0; right:0;}
.msg-cont p.color1{ margin-top:1em; font-size:13px;}
.tool-effect{ height:75px;}
.tool-effect h1{ margin-bottom:.1em;}
.tool-effect > ul{ list-style:square; color:#666; font-size:13px; padding-left:1.5em;}
.tool-effect li{ line-height:1.3;}
.tool-effect span{ font-size:15px;}
.tool-info > img{ float:right;}
.tool-info{ margin-bottom:1em;}
.tool-intro > div{ display:none;}
.tool-intro > div:first-child{ display:block;}
.tool-intro img{ margin-bottom:5px; border:solid 1px #eee; background:#fff;}
.use{ font-size:13px; margin-bottom:1em;}
.tool-nav{ float:left; width:120px;}
.tool-tab a{ display:block; border:solid 1px #eee; background:#fff; line-height:2; padding:0 10px 0 25px; margin-bottom:5px; color:#666;}
.tool-tab a:hover{ border-color:#ccc;}
.tool-tab a:before{ content:''; border:solid 5px transparent; border-left:solid 8px #ccc; position:absolute; left:8px; top:8px;}
.tool-ctr{ background:#fff; border:solid 1px #eee; margin-left:135px; padding:10px;}
.tool-type{ margin-bottom:10px;}
.tool-type h1{ display:inline-block; font-size:20px; margin-right:5px;}
.tool-type span{ background:#aaa; padding:0 5px; line-height:1.8; display:inline-block; font-size:11px; top:-3px; color:#fff;}
.tool-type p{ position:absolute; right:0; bottom:4px; color:#F60;}
.tool-cont{ display:none; height:227px;}
.tool-cont:first-child{ display:block;}
.tool-det p{ line-height:1.5;}
a.tool-tab-now, a.tool-tab-now:hover{ border-color:#F90;}
a.tool-tab-now:before{ border-left-color:#F90;}
.tool-det p{ margin-bottom:1em;}

/*股市道具屋*/
.store{
	width: 1170px;
	background-color:#fff;}
.stage{
	padding: 3.5em 1em 0; margin-bottom:1em;
	overflow: hidden;
	background: url(../images/stage.png) repeat-x;}
.stage-box{
	width: 75%; padding: 1rem;
	overflow: hidden;
	background-color:#f9f9f9; border:solid 1px #ccc;
}
.pd{
	width: 25%; float: right; padding-left: 1rem;
}
.pd > div:first-child{
	padding: 1rem;
	text-align: center;
	border: solid 4px #FBA329; background-color:#fff;
}
.pd > div img{ margin-bottom:5px;}
.pd-cont{ margin:1em 0;}
.pd-cont p{ font-size:13px; line-height:1.5;}
.pd .go{ position:static;}
.bonus{ font-size:15px; margin-bottom:.5em; position:absolute; right:0; top:0; color:#999;}
.bonus .color1{ font-size:20px;}
.pd-name{}
.pd-name h1{ color:#C00; font-size:20px; margin-bottom:.2em;}
.pd-name span{ font-size:13px;}

.items{ overflow:hidden;}
.item{
	float: left; width: 25%; padding: 15px;
	text-align: center;
	cursor: pointer; box-sizing: border-box;}
.item img{
	width: 100%; height: auto;}
.item-now{ background-color: #ddd;}

.item > span{ position: absolute; width: 100%; height: 100%; background: url(../images/overlay.png); top:0; left:0; z-index: 1;}
.item h2{ font-size:13px; font-weight:100; line-height:1.5; height: 3em; overflow: hidden;}
.pd-nav{ text-align:center; padding-top: 15px;}
.pd-nav a{ display:inline-block; line-height:1.5; padding:0 7px; background:#b3b3b3; color:#fff;}
a.pd-nav-now, .pd-nav a:hover{ background:#808080;}
.item:hover > span, .item-now > span{ display: none;}
.remind{
	position: absolute; top: 0; left: 50%;
	width: 195px; margin-left: -97px;}
.remind > div{ font-size:18px; border:solid 4px #e6e6e6; padding:1.5em 1em 1em; text-align:center; background:#fff; border-radius:100%; line-height:1.5; margin-bottom:2em; top:100px;}
.remind > div:before, .remind > div:after{ content:''; position:absolute; border:solid 15px transparent; left:50%; margin-left:-14px;}
.remind > div:before{ border-top:solid 15px #e6e6e6; bottom:-33px;}
.remind > div:after{ border-top:solid 15px #fff; bottom:-27px;}
.remind > img{ top:80px; left: 10px;}

.dark-mask{ display:none; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); top:0; left:0; z-index: 1;}
.own-items li{ opacity: .5}
.own-items li:hover .dark-mask{ background: rgba(0,0,0,.5); display: block; cursor: pointer;}
.own-items .btn4{ display: block; top: 45%; width: 50px; height: auto; margin: 0 auto; text-align: center; padding: 8px 10px;}
.own-items .btn4:hover{ color: #333}
.item-num{ padding: 4px; background: #f90; color: #fff; position: absolute; right: -7px; top: -7px; border-radius: 100%; min-width: 14px; min-height: 14px; z-index: 2; font-size: 13px;}
.used-item .dark-mask{ display: block;}
.used-item-out{ display: none}
.used-item li:hover{ cursor:pointer; border-color: transparent;}
.used-item li:hover div{ display: block;}
.used-target span,.monitor-target span{ display: block; margin-top: 10px; font-weight: bold; font-size: 18px; line-height: 1.3}
.used-target p,.monitor-target p{ margin-top: 25px;}
.monitor-target > span{ font-size: 13px; font-weight: normal; margin: 0; background: rgba(0,0,0,.3); padding: 5px; position: absolute; top: 0; left: 0; width: 100%; text-align: center; box-sizing: border-box;}

.my-title{ font-size:18px; margin-bottom:-1px; list-style-type: none; }
.my-title li{ display: inline;}
.my-title a{ display: inline-block; padding: 10px 15px; font-size: 15px; background:#b3b3b3; color: #fff; border: solid 1px #ccc;}
.my-title .my-active a,.my-title a:hover{ color:#333;background: #FFF; border-bottom-color:#fff; z-index: 2;}
.my .items-tab-con{ border-top: solid 1px #ccc; padding-top: 15px;}

.my-bar{
	height:170px; border:solid 1px #ccc;
	background:linear-gradient(#FFF0B5, #FFCC63);
	background:-webkit-linear-gradient(#FFF0B5, #FFCC63);
	background:-moz-linear-gradient(#FFF0B5, #FFCC63);
	background:-ms-linear-gradient(#FFF0B5, #FFCC63);
	background:-o-linear-gradient(#FFF0B5, #FFCC63);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF0B5', endColorstr='#FFCC63',GradientType=0 );}
.my-bar .btn3{ position:absolute; right:25px; bottom:65px;}
.slider-wrap{ width:1100px;}
.slider-wrap li{ float:left; width:145px; padding:5px; margin:0 6px; text-align:center; height:130px; border:solid 1px transparent; box-sizing:border-box;}
.own-items li:hover, li.now-slider-item{ border:solid 1px #f60!important; opacity:1;}
.slider-wrap li h2{ font-size:13px; font-weight:100; line-height:1.5;}
.slider-wrap li p{ }
.slider-wrap li a{ color:#000; display:block;}
.slider-wrap li a:hover{ color:#f60;}
.slider { background: #fff; width: auto; min-height: 132px; margin: 8px; padding: 10px; border: solid 1px #ccc; box-shadow: 0 0 5px #ccc inset; overflow: hidden;}
.slider > a{ display:none; background:rgba(0,0,0,.6); z-index: 2; position:absolute; top:47px; width:30px; height:50px; text-indent:-9999px;}
.slider > a:hover{ background:#000;}
.slider > a.next{ right:10px; }
.prev{ border-radius: 3px 0 0 3px;}
.next{ border-radius: 0 3px 3px 0;}
.slider > a:before{ content:''; position:absolute; border:solid 10px transparent; top:15px;}
a.prev:before{ border-right-color:#fff; left:0}
a.next:before{ border-left-color:#fff; right:0;}
.slider:hover > a{ display:block;}

.item:hover{ display: block; }
.item:hover .itemh-infor-out{ background: rgba(0,0,0,.5); display: block;}
.itemh-infor-out,
.used-target,
.monitor-target{
	position: absolute; top: 0; left: 0; z-index: 5;
	display: none; height: 100%; width: 100%; padding: 15px;
	color:#fff;
	box-sizing: border-box;
}
.itemh-infor-out h2{ font-size: 20px; font-weight: bold;}	
.itemh-infor-out p{ font-size: 15px; line-height: 1.5;}
.itemh-price{  position: absolute; bottom:20px; left: 10px;}
.itemh-infor-out .btnOut{ position: absolute; right: 10px; bottom: 50px;}

.tools-msg{ position:absolute; top:8px; right:10px; width:160px; height:154px;}
.tools-msg .btnOut{ position:absolute; bottom:1px; text-align:center; width:100%;}
.tools-msg .btnOut input{ padding:0 5px;}
.tools-msg-cont p{ text-align:center; margin:2em 0; font-weight:700; color:#F30;}

/*五檔報價*/
.fn .quoted-price-out{ margin:10px 0 0; width: 100%;}
.quoted-price-out > i{ color:#999; cursor: pointer; font-size: 20px;}
.quoted-price-out > i:hover,.qp-time i:hover{ color:#F90;}
.quoted-price-list{ margin-top: 5px; overflow: hidden;}
.quoted-price-list > li{ width: 50%; float: left;}
.quoted-price-list > li:before,.quoted-price > li:after{ display:table; content: " "; clear: both;}
.qp-title{ text-align: center; font-size: 15px; font-weight:bold; line-height: 1.2; color:#333; background: #f6f6f6; padding: 5px 10px; border: solid 1px #EAEAEA;}
.qp-buy .qp-title span{ color: #F00; display: block; }
.qp-sell .qp-title span{ color: #690; display: block; }
.qp-bar{ width: 64%; background: #F5F5F5; height: 13px; float: left;}
.qp-buy .qp-infor{ padding: 10px 10px 10px 0; color:#666; box-sizing: border-box; border-right: solid 1px #eee; text-align: right;}
.qp-sell .qp-infor{ box-sizing: border-box; text-align: left; padding: 10px 0 10px 10px;}
.qp-sell { margin-left: -1px;}
.qp-infor li{ overflow:hidden; margin-bottom: 5px;}
.qp-infor li span{ width: 18%; float: left; display: block; font-size: 14px;}
.qp-bar-red{ position: absolute; top: 0; right: 0; height: 100%; background: red;}
.qp-bar-green{ position: absolute; top: 0; left: 0; height: 100%; background: #093;}
.qp-price{ color: #666; font-weight: bold; }
.qp-time{ text-align: center; color:#999; padding-top: 10px; font-size: 13px;}
.qp-time i{ margin-left: 5px; cursor: pointer; font-size: 16px}
.five-price{ cursor: pointer;}

.addvalue{ margin-top:.5em; text-align:center;}
.addvalue a{
	border: solid 1px #F7931E; display:inline-block; color:#fff; font-size:12px; padding:.5em 2em; text-align:center; margin:0 7px; border-radius:3px;
	background: linear-gradient(#FFAA47, #EB5823);
	background: -webkit-linear-gradient(#FFAA47, #EB5823);
	background: -moz-linear-gradient(#FFAA47, #EB5823);
	background: -ms-linear-gradient(#FFAA47, #EB5823);
	background: -o-linear-gradient(#FFAA47, #EB5823);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAA47', endColorstr='#EB5823',GradientType=0 );}
.addvalue a:hover{ text-decoration: none;}
.addvalue span{ font-size:20px;}
a.addNow{
	border:solid 1px #C1272D;
	background:linear-gradient(#FF7363, #C41F17);
	background:-webkit-linear-gradient(#FF7363, #C41F17);
	background:-moz-linear-gradient(#FF7363, #C41F17);
	background:-ms-linear-gradient(#FF7363, #C41F17);
	background:-o-linear-gradient(#FF7363, #C41F17);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7363', endColorstr='#C41F17',GradientType=0 );}
.give > li{ margin-top: .5em;}
.give > li:first-child{ margin-top:0;}

.msg-input{ padding: 10px 7px; border: solid 1px #ddd; border-radius: 3px; box-shadow: 0 0 10px #e6e6e6 inset; color: #999; width:100%; box-sizing:border-box; margin:.5em 0;}
.msg-center { text-align: center;}

.vt_Top {
	margin-top: -15px;
	background:#fff url(../images/vt_Topbg.png) no-repeat center;
	background-size: cover;
}

.vt_Top .mask { height: 373px;}
.vt_Top > div { overflow: hidden; padding: 15px 0;}
.vt_Top_L{ width: 280px; float: left;}
.vt_Top_R {margin-left: 300px;}
.vt_Top_L_mainarea { background: #fff; border: solid 1px #e6e6e6; padding:10px; border-radius: 0px 3px 3px 3px; overflow: hidden;}
.vt_Top_R h2,.vt_Top_R > div > a,.vi_p,.vt_bot a{ font-family:Arial, "微軟正黑體"; font-weight:300;}
.heading-out{ width: 400px; top: 30px;}
.qr-out{ margin-left: 440px; top: 10px;}
.qr-out img{ width: 100%; display: block;}
.heading-group{ margin-bottom: 30px;}
.vt_Top_R h1 a{ background: url(../images/vt_type.png) no-repeat center; width: 100%; height: 300px; background-size: contain; text-indent:-9999px; display: block;}
.vt_Top_R h2 { font-size: 30px; color: #333;}
.vt_Top_R h2, .vt_free .btn-out{ margin: 15px;}
.vt_Top_L_bookmark ul:after{ content: ''; display: block; clear:both;}

.vt_free .btn-danger{ color: #fff; background: #A31F23; border: 0; padding: 10px 3em;}
.vt_free .btn-lg{ font-size: 20px;}

.mobi-use{ display: none;}
.app-use, .alert-block{ background: #fff; overflow: hidden;}
.app-use{ padding-bottom: 3em;}
.app-use-tit, .app-use-con, .app-use .btn-out, .alert-block .btn-out{ margin: 10px;}
.alert-block{
	display: none; width: 380px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,.5);
	position:absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 313px;}
.app-use-tit{ color: #991C20; font-size: 2.5em; border-bottom: solid 2px #991C20; line-height: 1.5;}
.app-use-desc{ top: 25px;}
.app-use-con img{ width: 100%;}
.app-use-desc p{ color: #666; font-size: 18px; font-weight: 600;}
.app-use .btn-out{ margin: 15px 20px;}
.app-use .btn-lg, .alert-block .btn-lg{ font-size: 1.5em;}
.app-use .btn-sm, .alert-block .btn-sm{ font-size: 1.3em; color: #999;}
.app-use .btn-danger, .alert-block .btn-danger{ background: #991C20; color: #fff; border: 0; line-height: 2;}

.shadow-left-bottom{ box-shadow: -3px 3px 10px rgba( 0, 0, 0, .4);}
.vi_p { min-height: 290px;}
.vi_p > div:first-child{ padding: 60px 0;}
.vi_p h3{ font-size: 60px; color:#333; padding-bottom:.2em; font-weight:300;}
.vi_p p{ font-size:20px; color:#666; line-height:1.5}
.listholder{ display: none; position: absolute; z-index: 1; background: #fff; font-size: 20px; width: 258px; line-height: 60px; color: #000; text-align: center; opacity: .65; filter:alpha(opacity=65);}

.vi_space{ padding:60px 0;}
.vi_brown,.vt_bot{ background:#EDE8E3;}
.vi_brown{ border:solid 1px #ccc; box-shadow: 0 0 10px #ccc inset;}
.vi_gray{ background:#F4F4F4;}
.color2{ color:#F15A24;}
.vi_gray >div >div{ float:right;}

.vi_brown img{ position:absolute; top:18px; right:0;}
.vi_p .go{ font-size:30px; padding: .7em 1em; border-radius: 5px; position: static; display: inline-block;}
.vt_free > span { width: 52px; height: 59px; position: absolute; background: url(../images/nethands.png) no-repeat; left: 50%; margin-left: -26px; bottom: -40px;}

/*VT4.0改版*/

/*.tabCon .detailframe {border:#f3f3f3 solid 5px;}
.tabCon .controlframe{border: #f3f3f3 solid 5px;border-bottom:0px;padding: 5px;background:#ffffff;}*/
.controlframe{ margin-bottom: 1em;}
.tabCon .controlframe div, .give .select, .list-sub-tab{ font-size:14px;}
.list-sub-tab{ margin-bottom: 1em;}
.tabCon .controlframe div, .give .select{ display: inline-block;}
.selectfilter, .datefilterarea{ margin-right: 1em;}
.tabCon .controlframe :first-child {margin-left:0px;}
.tabCon .controlframe :last-child{margin-right:0px;}
/*.tabCon .controlframe .pltypebt {margin-top:0; margin-bottom: 1em;}*/
.tabCon .controlframe .pltypebt > a, .list-sub-tab a, .subTab li{ padding:0 1em; display: inline-block; line-height: 2; color: #666; border-radius: 3px;}
.tabCon .controlframe div.pltypebt > a.nowtype, div.list-sub-tab > a.nowtype, ul.subTab li.subTabNow {color: #FFF; background:#FF9A00;}
.controlframe div.cate-out{ display: block; margin-bottom: 15px;}
.cate{ margin-right: 15px;}
.cate span{ font-size: 14px; color: #999; margin-right: 10px;}
.subTab li{ cursor: pointer;}
.tabCon .controlframe .pltypebt > a:hover, .subTab li:hover, .list-sub-tab a:hover{ background:#eee;}
.tabCon .controlframe .pltypebt :first-child{ margin-left:0px;}
.tabCon .controlframe .datefilterarea{display:none;}
.tabCon .controlframe:after{ content:''; display:block; clear:both;}
.tabCon .selectfilter > a, .select > a{ border: solid 1px #ddd; line-height: 1.9; padding:0 2em 0 .7em; color:#666; display:block; white-space: nowrap; background: #fff;}
/*.tabCon .selectfilter > a:hover{ background: #FFD9DB;}*/
.tabCon .selectfilter >	a .fa{ position: absolute; right: .667em; top: .4em;}
.tabCon .selectfilter >	a:focus{ border-color:#ED5C62;}
.tabCon .selectfilter > a:before, .select > a:after{ /*content:''; position:absolute; border:solid 6px transparent; right:7px;*/}
.tabCon .selectfilter > a:before{ border-top:solid 6px #999; top:15px;}
.tabCon .selectfilter > a:after{ border-top:solid 6px #ccc; top:16px;}
.tabCon .selectfilter ul, .way, .ctrl ul{ display:none; border: solid 1px #ccc; position:absolute; background:#fff; z-index:2; top:27px; overflow:hidden; box-shadow: 0 3px 8px rgba(0, 0, 0, .25); max-height: 280px; overflow-y: auto; }
.give .select{ vertical-align: middle;}
.give .way{ top:-13px; max-height: 280px; font-size: 15px; border-radius: 3px; display: block; box-shadow: 0 0 0;}
.give .way option{ color: #666 ;}
.tabCon .selectfilter ul{ width: 88px;}
.select ul, .tabCon .selectfilter ul{ display: block;}
.select .way li{ white-space: nowrap;}
.select > a, .select > a:hover, .select .way a{ text-decoration: none;}
.fn .way{ min-width: 80px; display:none;}
.ctrl ul{ width: 135px; top:23px; font-size: 13px;}
.box .ctrl ul{ right:0;}
.tabCon .selectfilter ul a, .way a, .ctrl ul a{ line-height:2.3; color:#666; display:block; padding:0 10px;}
.tabCon .selectfilter ul a:hover{ background:#EB5823; color:#fff;}

.tabCon .selectfilter > a:after{ border-top:solid 6px #ccc; top:16px;}
.tabCon .controlframe input[type=text] { padding:5px 7px; border:solid 1px #ddd; color:#999; background: #fcf8e3; border-radius: 0;}
.datefilter {width:70px;}
.go3{ padding:9px 17px; color:#fff; border-radius:3px; font-size:15px; text-shadow:0 -1px #000;}
.go3{
	border:solid 1px #2B71C2;
	background:linear-gradient(#51A5E1, #2B71C2);
	background:-webkit-linear-gradient(#51A5E1, #2B71C2);
	background:-ms-linear-gradient(#51A5E1, #2B71C2);
	background:-moz-linear-gradient(#51A5E1, #2B71C2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a5e1', endColorstr='#2b71c2',GradientType=0 );}
.go3:hover{
	background:linear-gradient(#2B71C2, #51A5E1);
	background:-webkit-linear-gradient(#2B71C2, #51A5E1);
	background:-moz-linear-gradient(#2B71C2, #51A5E1);
	background:-ms-linear-gradient(#2B71C2, #51A5E1);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b71c2', endColorstr='#51a5e1',GradientType=0 );}

.recordtablearea >table{border-left:1px solid #E7DED1;border-right:1px solid #E7DED1;}
.recordtitle{font-size: 19px;padding: 3px 0px 10px 0px;}

#submitfilter{ height: 27px; padding:0 1em; top:1px;}

/*VT4.1改版*/

.icon-sel{color:#F60;}
.editmemo{color:#0084C4;}
.editmemoarea {width: 350px;position: fixed;z-index: 2; left: 0; right: 0; margin: auto; top: 40%;display:none;}
.editmemoarea textarea{width: 100%;height: 140px;}
.memoshowplace ,memoeditor {display:none;}
.box .btngo {right: 10px;top: 30px; position:absolute;}


.downc{
	font-size:0; border:solid 1px #eee;text-align:left;position: absolute;bottom: 0px;width: 100%;box-sizing: border-box;
	background:linear-gradient(#f9f9f9, #eee);
	background:-webkit-linear-gradient(#f9f9f9, #eee);
	background:-moz-linear-gradient(#f9f9f9, #eee);
	background:-o-linear-gradient(#f9f9f9, #eee);
	background:-ms-linear-gradient(#f9f9f9, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );}
.downc li{ display:inline-block; border-left:solid 1px #e6e6e6;}
.downc li:first-child{ border:0;}
.downc a{ font-size:15px; font-weight:900; color:#666; display:table-cell; text-align:center; line-height:1.3; padding:5px 9px 5px;}
.downc a:hover{ background:#f6f6f6;}
.downc a:hover, .nowList2 a{ color:#f90;}
.downc a span{ display:inline-block; height:15px;}

.v2 .downc a{ padding:5px 9px 8px;}
.nowList2 a span{ visibility:hidden;}
.nowList2 a:hover{}
.nowList2 a:before, .nowList2 a:after{ content:''; display:block; border:solid 10px transparent; position:absolute; left:50%; margin-left:-10px;}
.nowList2 a:before{  border-bottom-color:#ddd; bottom:0;}
.nowList2 a:after{ border-bottom-color:#fcfcfc; bottom:-1px;}
.downc a span{ display:block; color:#999; font-size:13px; font-weight:100;width:auto;height:auto;}
.box .stockarea ,.box .apparea,.box .grouparea{}
.stockarea ul, .grouparea ul{ font-size: 13px; color:#666;}
.box .stockarea > h2 > a,.box .apparea > h2 > a,.box .grouparea > h2 > a{color:#CF1E23;font-size:16px;font-weight: bold;}
.stockarea .tracetxt, .apparea .tracetxt, .grouparea .tracetxt {font-weight: bold;}
.stockarea .conte,.apparea .conte,.grouparea .conte{ font-size: 13px; line-height: 1.5;}
.grouparea .isappgroup{font-size:11px;padding-left: 20px;display:none;margin-left:2px;}
.grouparea .isappgroup:before{content:'';position: absolute;top: -4px;left: 0;background: url(../images/gStatus.png); width: 20px;height: 20px;background-position: 0 -40px;}
.tabCon .srank{line-height:2.7;}
.nondata, .sr-empty{}
.boxOut .nondata:before, .sr-empty:before{content: ''; background: url(../images/oops.png); display: inline-block;vertical-align: middle;width: 38px;height: 54px;left: 90px;}

/* 六合一資料表 */
.recTb1Div{ float:left; }
.recTb1Div table{ border-left: solid 1px #e6e6e6;}
.recTb1Div table table, .recTb2Div table table{ border: 0; width: 100%;}
.revision .text-color3{ font-size: 13px;}
/*.tabCon .recTb1Div{ border-right: 0px;}*/
/*.tabCon .recTb1Div th ,.tabCon .recTb1Div td{ border-right: solid 1px #E7DED1;}*/
.recTb2Div{ overflow-y:auto; width:auto;border-left: 0px; background: #fff;}
.recTb2Div table{ border-right: solid 1px #e6e6e6;}

/*.tabCon .recTb2Div th{height:32px;}*/
.tStyle1 th, .tStyle1 td, .op-tr-h td{ padding:5px 8px; white-space: nowrap;}
.tStyle1 th{ height: 53px;}
.tStyle1 td{ height: 55px;}
.tStyle1 td td{ border: 0;}

.option-tstyle tbody tr:first-child th{ width: 33.33%;	 height: 22px; font-size: 14px;}
.option-tstyle thead th, .op-tr-h{ border-bottom-color: #f6f6f6; height: 30px;}
.option-tstyle tr td:nth-child(6n){ background: #E4FAFF;}
.option-tb tr{ border: solid 1px #eee;}
.option-tb td{ width: 8%; padding: 5px 8px; text-align: center; line-height: 1.4;}
.tb-bcolor{ background: #E4FAFF;}

/*.tbOut{background: #f3f3f3;}*/
/* 拿掉右側表的第一欄格線 */
/*.recTb2Div tr th:first-child,.recTb2Div tr td:first-child {border-right: solid 0px #E7DED1;}*/
/* 拿掉左側表的右格線 */
/*.tabCon .recTb1Div th, .tabCon .recTb1Div td {border-right: solid 0px #E7DED1;}*/
                                        
/* 按鈕 */
.go4,.go4_noh, .sharefb, .mark + .go4 + .go5{ height:40px;}
.mark + .go4  + .go5{ font-size: 16px;}
.go4{
	border:solid 1px #C8C8C8; padding:8px 17px; color:#000; font-size:15px; text-shadow:0 -1px #fff; font-weight: 900; font-size: 16px;
	background:linear-gradient(#f3f3f3, #C8C8C8);
	background:-webkit-linear-gradient(#f3f3f3, #C8C8C8);
	background:-ms-linear-gradient(#f3f3f3, #C8C8C8);
	background:-moz-linear-gradient(#f3f3f3, #C8C8C8);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#C8C8C8',GradientType=0 );}
.go4:hover{
	background:linear-gradient(#C8C8C8, #f3f3f3);
	background:-webkit-linear-gradient(#C8C8C8, #f3f3f3);
	background:-moz-linear-gradient(#C8C8C8, #f3f3f3);
	background:-ms-linear-gradient(#C8C8C8, #f3f3f3);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#f3f3f3',GradientType=0 );}

.go4_noh{
	background: #eee;
	border:solid 1px #C8C8C8;
	color: #000;
	font-size: 16px;
	padding: 6px 10px;
    font-weight: normal;
    vertical-align: middle;
}

.go5{ padding:7px 17px; color:#000; border-radius:3px; font-size:15px; text-shadow:0 -1px #fff; font-size: 16px;}
/*.go5{
	border:solid 1px #FF9900;
	background:linear-gradient(#FFCC00, #FF9900);
	background:-webkit-linear-gradient(#FFCC00, #FF9900);
	background:-ms-linear-gradient(#FFCC00, #FF9900);
	background:-moz-linear-gradient(#FFCC00, #FF9900);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC00', endColorstr='#FF9900',GradientType=0 );}
.go5:hover{
	background:linear-gradient(#FF9900, #FFCC00);
	background:-webkit-linear-gradient(#FF9900, #FFCC00);
	background:-moz-linear-gradient(#FF9900, #FFCC00);
	background:-ms-linear-gradient(#FF9900, #FFCC00);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#FFCC00',GradientType=0 );}*/


.sharefb{ padding:9px 17px; color:#FFF; font-size:15px; text-shadow:0 -1px #333; font-size: 15px;}
.sharefb{
	border:solid 1px #334E85;
	background:linear-gradient(#5B75AB, #334E85);
	background:-webkit-linear-gradient(#5B75AB, #334E85);
	background:-ms-linear-gradient(#5B75AB, #334E85);
	background:-moz-linear-gradient(#5B75AB, #334E85);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B75AB', endColorstr='#334E85',GradientType=0 );}
.sharefb:hover{
	background:linear-gradient(#334E85, #5B75AB);
	background:-webkit-linear-gradient(#334E85, #5B75AB);
	background:-moz-linear-gradient(#334E85, #5B75AB);
	background:-ms-linear-gradient(#334E85, #5B75AB);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334E85', endColorstr='#5B75AB',GradientType=0 );}

.trade-select li{ display: block;}
.trade-select li a{ display: block; border: solid 1px #ccc; padding: 5px 10px; color:#999; margin-bottom: -1px;}
.trade-select li a:hover{ background: #F90; color:#fff;}
.trade-select .now-t-select a{ background: #666; color:#fff;}

/* 以下 XX 競技場 - 基本資料、競賽成績、報名狀況 */
.main-block{ background-color: #FFF; padding: 1em; box-shadow: 0 0 10px #ddd;}
.main-block .titleOut iframe{ width: 140px; margin-left: 10px; top: 3px;}

/* 競技場 - 頁籤 */
/*.contest-tab { margin-bottom: 12px; }
.contest-tab a{
    cursor: pointer;
	display:inline-block; line-height:normal; padding:.4em 2.2em; border-radius:3px; color:#666; font-size:18px; border:solid 1px #CCC; margin-right:.5em;
	background:#eee;
	background:-moz-linear-gradient(#f3f3f3, #C8C8C8);
	background:-ms-linear-gradient(#f3f3f3, #C8C8C8);
	background:-webkit-linear-gradient(#f3f3f3, #C8C8C8);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#C8C8C8',GradientType=0 );}
.contest-tab .tabNow, .contest-tab a:hover{
	color:#FFF; border-color:#ED5C62;
	background:#ED5C62;
	background:-moz-linear-gradient(#ED5C62, #9E212B);
	background:-ms-linear-gradient(#ED5C62, #9E212B);
	background:-webkit-linear-gradient(#ED5C62, #9E212B);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9E212B', endColorstr='#ED5C62',GradientType=0 );}
.contest-tab .tabNow:before { border-top-color: #9E212B; }
.contest-tab-content { border: 5px #EFEFEF solid; border-radius: 5px; }*/
/*.contest-tab-content > div{ display: none;}*/

/* 競技場 - 基本資料 */
.contest-detail {  padding-right: 160px; }
.contest-detail table{ width: 100%; /*border: 1px #EEE solid;*/ }
.contest-infor{ padding-right: 138px;}
.contest-infor .tStyle2 th{ width:88px;}
/*.contest-detail tr:nth-child(even) { background-color: #F8F8F8; }
.contest-detail th { font-size: 18px; color: #6C6C6C; text-align: left; padding: 10px 13px; border-right: 1px #E8E8E8 solid; white-space: nowrap; width: 100px; }
.contest-detail td {padding: 10px 13px; line-height: 1.7em; word-break: break-all;}*/
.contest-detail .mark{ color: #FF0000;font-size: 12px; line-height: normal; font-weight: 900; margin-bottom: 10px;}
.mark + .go4 + .go5{}
.copy-url, .go4, .sharefb, .mark + .go4 + .go5{ vertical-align: middle; text-decoration: none;}
.contest-detail .copy-url,.msg-Pls .copy-url{ background: #d9edf7; color: #900; border:solid 1px #bce8f1; font-size: 14px; margin: 10px 0; padding:.667em; display: inline-block;}
.msg-out2 .copy-url{ margin: 0;}
.contest-detail .go4{}
.contest-detail .close-notice{ color: #F00; font-size: 18px; font-weight: bold;}
/* 競技場 - 基本資料 - 右側頭像 */
.contest-set { position: absolute; right: 0; top: 0;}
.creater-image { border: 1px #EEE solid; padding: 3px 5px ; margin-right: 22px; background-color: #FFF; }
.creater-image > img{  margin: 5px; width: 100px; height: auto;}
.creater-image > div {text-align: center;color: #FB6C0C; padding: 3px;}
.creater-image .go4{ font-size: 15px; padding: 5px; height: auto;}
.contest-set .control { position: absolute; right: 0; top: 0; }
.control .fa-cog{ color: #CCC; font-size: 18px; margin-bottom: 5px;}
.control .fa-cog:hover{ padding:0 0 5px 90px; }
.control:hover ul{ display: block;}
.control ul { display: none; position: absolute; top: 20px; right: 0; z-index: 5; border: solid 1px #CCC; background: #fff; text-align: center;  }
.control li{ border-bottom: solid 1px #CCC;}
.control li:last-child{ border-bottom: 0;}
.control li a{ display: block; padding: 5px; cursor: pointer; color: #999; font-size: 13px; width: 90px;}
.control li a:hover{ background-color: #FE9900; color: #FFF; }

/* 競技場 - 競賽成績、報名狀況*/
/*.ct-list table { width: 100%; color: #333;border: 1px #EEE solid; }
.ct-list th{ background-color: #FEF5E6; border-top: 1px #E8DED4 solid; border-bottom: 1px #E8DED4 solid; padding: 10px 13px; white-space: nowrap;}
.ct-list th:first-child{  border-left: 1px #E8DED4 solid;}
.ct-list th:last-child{  border-right: 1px #E8DED4 solid;}
.ct-list th .fa{ color: #999; margin-left: 5px;}
.ct-list th .fa.now{ color: #FD6407;}
.ct-list td {font-size: 14px; text-align: center;padding: 5px; border-bottom: 1px #EEEEEE solid;}
.ct-list td:first-child{  border-left: 1px #EEEEEE solid;}
.ct-list td:last-child{  border-right: 1px #EEEEEE solid;}
.ct-list tr:nth-child(odd) { background-color: #F8F8F8;}
.ct-list th.sort{ cursor: pointer; }
.ct-list td img{ width: 40px;height: 40px;}*/
.ct-list .nickname{ color: #FD6407; }
.ct-list .rate.up{ color: #FF0202;}
.ct-list .rate.down{ color: #689A05;}
.ct-list .data-list{ text-align: left; line-height: 1em;}
.ct-list .data-list p{ margin: 5px 0; }
.export-excel{ position: absolute; right: 0; bottom: 1em; display: none;}
.export-excel .go4{ padding: 6px 10px; font-weight: normal;}
.export-excel .btn3{ padding: 6px 10px; vertical-align: text-bottom;}
/* 報名狀況 審核下拉*/
.reg-check{ cursor: pointer;}
.reg-check:hover ul{ display: block;}
.reg-check ul { display: none; position: absolute;left: 0;right: 0; z-index: 5; border: solid 1px #CCC; background: #fff; text-align: center;  width: 70px;margin: 5px auto;}
.reg-check li{ display: block; padding: 5px; cursor: pointer; color: #999; font-size: 13px; border-bottom: solid 1px #CCC;}
.reg-check li:last-child{ border-bottom: 0;}
.reg-check li.now{ background-color: #FDD08B; }
.reg-check li:hover{ background-color: #FE9900; color: #FFF; }
/* 以上 XX 競技場 - 基本資料、競賽成績、報名狀況 */


/*   以下 報名競技相關 */
/*h2.contest-title{ color: #CB0000;font-size: 30px;margin: 15px; text-align: center;}*/

/*  報名競技 - 報名說明頁 */
.reg-desc { width: 600px; margin:0 auto 20px auto;padding-right: 0; border: 1px #EFEFEF solid; border-radius: 5px;  }
.reg-contest .contest-detail th { font-size: 15px; color: #000; font-weight: normal; width: 80px; }
.reg-contest .contest-detail tr:nth-child(1) td,.reg-contest .contest-detail tr:nth-child(2) td{ padding-right: 130px;}
.reg-contest .contest-title,.rule-title{ margin-bottom: 10px; font-weight: 500;}
.reg-contest .contest-set, .reg-contest .creater-image { margin: 0; }
.reg-btn-block{ text-align: center; margin: 20px 0;line-height: 1.8em;}
.reg-btn-block a{ display:inline-block;}
.reg-notice{ color: #C00; line-height:2em; }

/* 報名頁 */
.write-reg { padding: 1em;}
.write-reg section{padding-bottom: 15px;margin-bottom: 15px; border-bottom: 1px #DDDDDD solid;}
.write-reg section > p{ color: #999;font-size: 14px;margin-bottom: 10px;line-height: 1.2em;}
.write-reg input[type=text].short{ width: 120px;}
.write-reg li{ color: #333;font-size: 14px;line-height: 1.2em;padding:5px 0 ;}
.write-reg li.check { padding-left: 36px; }
.write-reg li.check input{ position: absolute;left: 17px;}
.write-reg .reg-btn-block{ margin-bottom: 0;}
.write-reg section:first-child th{ width:16%;}

/* 報名完成 */
.reg-desc { width: 400px; padding: 20px;text-align: center; }
.reg-desc p{ line-height: 1.5em;}
.reg-desc .reg-btn-block{ margin-bottom: 0;}

/*   以上 報名競技相關 */

/* 競技帳戶 - 懲罰相關 */
.punishment{ font-size: 15px;}
.punishment span{ color: #689A05; text-decoration: underline; cursor: pointer;}
.punishment-list{ width: 480px;border: 5px #CCC solid;}
.tblist{ width: 100%; }
.tblist th{ background-color: #FFF6E7;color: #A00000; padding: 10px 9px; border-bottom: 1px #E5DFD3 solid;}
.tblist td { padding: 9px; font-size: 14px; border-bottom: 1px #EEE solid;}
.tblist tr:nth-child(odd) { background-color: #F8F8F8;}
.tblist .center{ text-align: center;}
.tblist .left{ text-align: left;}

/* 以下 by Wayne */

/* 新增.編輯 競技場 */
.edit-sec{ border:1px solid #eee; margin-bottom:-1px;}
.edit-sec header, .edit-sec .contest-title{
	font-size:18px; font-weight: 500; color:#333; line-height: 2.5; border-bottom: 1px solid #DDD; padding-left: 1em;
	background: linear-gradient(#fff 0,#eee 100%);
    background: -webkit-linear-gradient(#fff 0,#eee 100%);
    background: -moz-linear-gradient(#fff 0,#eee 100%);
	background: -ms-linear-gradient(#fff 0,#eee 100%);
	background: -o-linear-gradient(#fff 0,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0);}
.edit-sec header span{ display:none; color:#FF6501;margin-left:5px;margin-right:5px;}

.edit-sec table{border-collapse: collapse; width:100%; margin:1em 0;}
/*.edit-sec table tr:nth-child(odd){ background:#f8f8f8;}*/
.edit-sec table td{ padding: 10px;}
.edit-sec table td:first-child{ width: 110px; text-align: right;}
.edit-sec table td .line{}
.edit-sec label{ display: inline-block; line-height: 1.5;}
.tStyle2 textarea, .tStyle2 input[type=text], .edit-sec input[type=text], .edit-sec textarea, .ui-srh-ipt-text{ height: 18px; padding: 12px 7px; border: solid 1px #ddd; color:#999; background: #FFF9D3; border-radius: 0;}
.tStyle2 textarea{ vertical-align: top; height: auto; box-sizing: border-box;}
.edit-sec textarea{ vertical-align: text-top;}
.fire-notice .edit-submit-btn-out{ margin-bottom: 1em;}
.fire-notice-con{ padding:1em;}

.adv-btn-out{ position: absolute; top: -3px; right:0;}
.adv-btn{ font-size:14px; border:1px solid #DDDDDD; border-radius:2px; background: #fff; color:#FB6300; padding:3px 5px;}
.adv-btn:hover{ background:#f2f2f2;}

.tip{ color:#999999; font-size:14px;}

.tooltip-placeholder{ color:#999999;}

/*.edit-submit-btn-out input{margin-left:120px;}*/
.edit-submit-btn-out{ text-align: center; background: #f9f9f9; padding:1em; border:solid 1px #eee;}

.tStyle2 .go5{ vertical-align: middle; padding: 8px 17px; font-size: 16px; height: 40px;}
.go5, input.edit-submit-btn{
	font-size: 20px;
	color:#333;
	text-shadow:0px 1px  #fe6;
	border:1px solid #ffaa22;
	padding: .2em 1.535em;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background-color:#ffec64;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);}

.go5:hover, .edit-submit-btn:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;}

.edit-submit-btn:active{ top:1px;}

.add-column{padding:3px;padding-left:75px;color:#FF6200;font-size:14px;}
.add-column span{cursor:pointer;}

.tooltip-box{  background:#4A4A4A; width:155px; padding:10px; position:absolute; z-index:9; color:#ffffff; line-height: 1.5;font-size:14px;}
.tooltip-box:before{ content:''; display:block; border:solid 10px transparent; border-right-color:#4A4A4A; position:absolute; top:50%; left:-20px; margin-top:-10px;}

.tooltip1{ top:-11px; left:330px;}
.tooltip2{ top:5px; left:330px;}
.tooltip3{ top:0px; left:125px;}
.tooltip4{ top:-11px; left:260px;}
.tooltip5{ top:-27px; left:100px;}

.edit-sec .edit-input1{ width:80%;}
.edit-sec .edit-input3{ width:90px; margin-bottom: .667em;}
.edit-sec .edit-input4{ width:40px;}
.edit-sec .edit-input5{ width:180px;}

.edit-sec .edit-input2{ height:100px; border-radius: 0;}
.edit-sec .edit-input6{ text-align: center;}

/*我的競技場*/
.add-contest{ background:#FFFFFF; border:0; font-size:18px;}

.box1 > img, .fboxOut .img-out, .box > img{ float: left;}
.box > img{ background: #fff;}
.fboxOut .img-out{ width:88px; height:88px;}
/*.fboxOut span{ width:88px; height:88px;}*/
.fboxOut .img-out img{ max-width:88px;}

.joined .box1 h2{ margin-right:65px;}
.box1 h2 a:hover{ text-decoration:underline;}

.created .box1 .statusOut,.recommended .box1 .statusOut,.battling .box1 .statusOut{display:none;}
.statusOut span{ color:#fff; padding:.6em .667em; display: block; font-size:12px;}
.statusOut span:before, .statusOut span:after{ content: ''; position: absolute; top:0; left:-8px; border:solid 4px transparent;}
span.status1:before{ border-top-color:#f00; border-right-color:#f00;}
span.status2:before{ border-top-color:#666; border-right-color:#666;}
span.status3:before{ border-top-color:#9A0AC1; border-right-color:#9A0AC1;}
span.status4:before{ border-top-color:#999; border-right-color:#999;}
.status1{ background:#f00;}
.status2{ background:#666;}
.status3{ background:#9A0AC1;}
.status4{ background:#999;}

.list4 li, .list1 li{ line-height:1.5;}
.list4{ font-size: 14px;}
.list5 li{ display:inline-block; color:#333;}
.list5 .title1{ color:#999;}


.contest-tab1 a{}

.tooltip-box1{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85); opacity: 0.85;
 background:#4A4A4A; width:80px; padding:7px 5px; position:absolute; z-index:9; color:#ffffff; line-height: 1;font-size:12px;}
.tooltip-box1:after{ content:''; display:block; border:solid 10px transparent; border-top-color:#4A4A4A; position:absolute; bottom:-20px; left:40%;}

.tooltip6{ top:-40px; left:-38px;}

/*.subTab{padding:0;margin:5px;}
.subTab li{display:inline;color:#999;border-left:1px solid #999;padding-left:4px; text-decoration: underline;cursor:pointer;}
.subTab li:first-child{border-left:0;}*/
.subTab .tabNow{ color:#FF6800; text-decoration: none;}
.subTab .tabNow:before{ display:none;}

.msg3-out{ background: #ffffff;width:455px; text-align: center;padding:10px;}
.msg3-out .msg-title1{ font-size:28px; color:#D44040; line-height: 1.7;}
.msg3-out .msg-title1 .fa{ padding-right:7px;}
.msg3-out .msg-content{ font-size:16px; color:#666; line-height:1.7;}

.msg3-out .detailframe{ padding:10px; margin-top:15px;}
.msg3-out .detail-title{ font-size:18px; color:#999999; line-height:2;}
.msg3-out .url{ background:#f2f2f2; border-radius: 3px; line-height: 1.7; margin: 10px 0;}
.msg3-out .url input{ font-size:14px; width:100%; border:0; background:#f2f2f2; color:#FB6A01; text-align: center; padding: 5px 0; border-radius: 3px;}

.box1 .recommended{ position:absolute; right:18px; top:0; padding:5px; font-size:18px; color:#fff; background:#FF4305; width:20px; height:45px; line-height:1.2;}
.box1 .recommended:after{ content:''; display:block; border:solid 15px transparent; border-bottom:5px #fff solid; position:absolute; bottom:0; left:0;}

.no-content-btn-out{}

/*選擇您的競技規模*/
.game-tool-out{ text-align: center;}
.game-tool-out .wel{ margin-top:25px;}
.game-tool-list{ background: #fff; padding:28px; white-space:nowrap;}
.game-tool-item{ width:225px; border-radius: 2px; border:1px solid #DDDDDD; margin-left:25px; display: inline-block; text-align:center; background:#FFF5EB}
.game-tool-item:first-child{ margin-left:0;}
.game-tool-item:hover{ cursor:pointer;}
.game-tool-item .game-tool-mask{ position: absolute; width: 100%; height: 100%; background: url(../images/overlay.png); top:0; left:0; z-index: 1;}
.game-tool-item:hover .game-tool-mask, .game-tool-item-now .game-tool-mask{ display: none;}

.game-tool-item-now{ border:1px solid #FF8F43; }

.game-tool-out .img-out{ width:120px; margin: 14px auto;}
.game-tool-name, .game-tool-count-out{ display: inline-block;}
.game-tool-limit-out{ margin:10px; padding:10px; border-top:1px #DDD solid;}
.game-tool-limit-title{ line-height: 2;}
.game-tool-limit{ text-align:left; font-size:12px; line-height: 2; font-weight:300;}
.game-tool-item .btn-out{text-align: center;}

.game-tool-name{ color:#d44346; font-size:18px; font-weight:900;}
.game-tool-count{ margin: 0 3px;}
.game-tool-bonus-out{ font-size:14px; line-height:2;}
.game-tool-bonus{ font-weight: bold;}

.game-tool-out .btn-out{ margin:18px 0;}

.game-tool-out .btn2, .game-tool-out .btn3{ font-size:15px;}
.game-tool-out .btn2:hover, .game-tool-out .btn2:hover{ font-size:15px;}


/* 競賽畫面 */
.sidebar .game-rank-block{ margin-bottom: 1em;}

.sidebar .list6:first-child{ border:0;}
.sidebar .list6{ border-top: solid 1px #e6e6e6; padding:.667em 0; cursor:pointer;}

.sidebar .list6 .game-rank{ display: inline-block; font-size:20px; width:40px; text-align: center; line-height: 2; vertical-align:top; w }
.sidebar .list6 .listCon{ display: inline-block; margin-left:0; height:0; }
.sidebar .list6 .listCon .user-name{ display: block; line-height:1.4; width: 150px; overflow: hidden; text-overflow:ellipsis;}
.sidebar .list6 .listCon .ratio{ display: inline-block; font-size:12px; color:#999999; }
.sidebar .list6 .listCon .percentage{ display: inline-block; font-size:12px; }
.sidebar .list6 .img-out{ position: absolute; top: .8em; right:0; width:35px; height:35px;}
.sidebar .list6 .game-rank .fa{color:#F96800;}



.my-game-rank-block{ height:87px;}

.my-game-rank-out{ width:120px; height:46px; border:1px solid #CECDC8; background:#FFF6E7; border-radius: 3px; color:#666; padding:15px; position:absolute; right:0px;top:0px; text-align: center;}

.my-game-rank-block .shadow{ width:150px; height:76px; background:#F1F1F1; display: inline-block;border-radius: 3px; position:absolute; right:6px;top:6px;}

.my-game-rank-title{ padding-bottom:10px;}

.my-game-rank span{ font-weight: 900; font-size:20px; padding-right:5px; color:#000000;}


.sidebar .list7:first-child{ border:0;}
.sidebar .list7{ border-top:solid 1px #e6e6e6; line-height: 2;}

.sidebar .list7 .title1{ display:inline-block;}
.sidebar .list7 .title1 a{ color:#333;}
.sidebar .list7 .title1 a span{ color: #08c;}
.sidebar .list7 .amount{ position:absolute; right:0; font-size:13px; width:auto; top:3px;}

.sidebar .more-out a{ line-height: 2; background: #F90; display: block; text-align: center; color:#fff;}
.sidebar .more-out a:hover{ background: #F60;}

.recommended-app-list li { padding:.667em; border:1px solid #e6e6e6; background:#f6f6f6; cursor:pointer; margin-bottom: -1px;}
.recommended-app-list img{ vertical-align:top; width:35px; height:35px;}
.recommended-app-list li a{ color:#000; line-height: 2; margin-left:.667em; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:170px;}
.recommended-app-list li:hover a{ line-height: 2; color: #f90;}
.recommended-app-list li:hover{ background: #fff;}
/* 以上 by Wayne */

.text-color1{ color: #478fca;}
.text-color2{ color: #d15b47;}
.text-color3{ color: #999;}

.list8 > li{ min-height: 20px; padding: 1em; margin-top: 1em; background: #f9f9f9; border: 1px solid #eee;}
.list8 > li:first-child{ margin-top: auto;}
.list8 .btnOut{ position: absolute; right:1em;}
.list8 .text-color1{ display: inline-block; margin-right: 1em;}
.list-status{ font-size: 13px;}
.list-status .fa{ margin-right: .3em;}
.list-con{ margin-right: 2em;}
.list-con p{ line-height: 1.5; margin-bottom:1em; color: #8a6d3b;}
.list8 .ctrl{ right:1em; top:1em;}
.list8 .ctrl ul{ right:0;}

.list9 a{ display: block; border:solid 1px #eee; background: #f9f9f9; color:#000;}
.list9 a:hover{ background: #fff; color:#f60;}
.list9 img{ float: left;}
.list9 a:after{ content: ''; display: block; clear:both;}
.list9 li{ width:229px; margin-right: 1em; float: left; margin-top: 1em;}
.list9 li:nth-child(3n){ margin-right: 0;}
.list9:after{ content:''; display: block; clear:both;}

/* Alert Box */
.alert, .sfd{ padding: 1em; margin-bottom:1em; text-align: center;}
.sfd{ background-color: #d9edf7; border:solid 1px #bce8f1; color: #31708f;}
.sfd strong{ margin:0 .3em;}
.sfd a:hover{ text-decoration: underline;}
.sfd a .fa{ margin-right: .2em;}
.ui-srh-rst .sfd{ margin-bottom: 0; line-height: 1.5;}
.alert{ border:solid 1px transparent;}
.alert-warning, .nondata{ background: #fcf8e3; border-color: #faebcc;}
.alert-success {
    color: #3c763d;
    background: #dff0d8;
    border-color: #d6e9c6;
}
.tbOut .nondata{ position: absolute; top: 85px; z-index: 1; width: 80%; left: 50%; margin-left: -40%; display:none;}
.alert-warning input.edit-submit-btn{ margin-top: 1em; font-size: 15px; background: #f90; text-shadow:none; color:#fff; box-shadow: none; border:0; height: 35px;}
.alert-warning input.edit-submit-btn:hover{ background: #F60;}
.alert-warning input.edit-submit-btn:active{ top:0;}

.ui-srh-rst{ border-top:double 3px #eee; padding-top: 2em;}
.ui-srh-tips{ text-align: center;}
.ui-srh-tips .fa{ margin-right: .3em;}
.ui-srh{ width:484px; margin:1em auto 2em;}
.ui-srh-ipt-text{ width:388px;}
.ui-srh-btn{ position: absolute; right:0; top:0; background: #CA8A47; color:#fff; border:0; height: 30px; padding:0 29px;}
.ui-srh-btn:hover{ background: #EEA559;}
.ui-srh-rst-name{ margin-left: 60px; display: block; line-height: 50px;}
.subTab{ margin-bottom: 1em;}

.stock-tips{ display: inline-block; z-index: 1;}
.stock-tips:hover span{ display: block;}
.stock-tips span{ display: none; position: absolute; top: 2.5em; right: 8px; padding:.3em .5em; font-size: 13px; color: #fff; background: #333;}
.stock-tips span:before{ content: ''; position: absolute; top: -8px; right: 0; border: solid 10px transparent; border-right-color: #333;}
.stock-tips span:before{}

th .stock-tips span{ right: .5em; left: auto;}
th .stock-tips span:before, th .stock-tips span:after{ right: 0; left: auto;}
th .stock-tips span:before{ border-left-width: 0; border-right-color: #333;}
.export_record{ color:#08c; display: block; margin-top: 15px; text-decoration: underline;}
.export_record i{ margin-right: 3px;}
.export_record:hover{ text-decoration: none;}

.get_bonus a{ position: absolute; right: 0; font-size: 13px;}
.get_bonus i{ color:#F60;}
.add_asset li{ margin-bottom: .5em;}
.bonus_num{ width: 25px; padding: 2px 3px 2px 2px; margin: 0 5px; text-align: center;}
.use_bonus > i{ cursor: pointer; font-size: 30px; top: 6px; color: #999;}
.check_bonus{ font-size: 13px; color: #f00;}

.card-banner{ overflow: hidden; margin-bottom: 15px;}
.card-banner-header, .card-banner-time{ float: left; height: 115px;}
.card-banner-header{ width: 50%; background: #F05455;}
.card-banner-header:after{ z-index: 1; content: ''; display: block; position: absolute; top: 0; right: -98px; border: solid 58px transparent; border-left-width: 40px; border-left-color: #F05455;}
.card-banner-header h3{ margin: 20px 0 0 20px; font-size: 26px; font-weight: 100; color: #fff;}
.card-banner-header h3 .fa-question-circle{ margin-left: 10px; cursor: pointer;}
.card-banner-header p{ margin: 5px 0 0 20px; font-size: 14px; color: #e6e6e6; line-height: 1.6; font-weight: 900;}
.card-banner-time{ width: 50%; background: #F3F0E7; line-height: 115px; text-indent: 55px;}
.card-banner-time span{ font-size: 15px; color: #666;}
span.time-num{ top: 3px; margin: 0 2px; font-size: 35px; color: #29ABE2;}
/*.card-banner-time .fa-question-circle{ position: absolute; top: 10px; right: 10px; font-size: 22px; color: #F05455; cursor: pointer;}*/

.game-rank-category-out{ margin:-15px; overflow: hidden;}
.game-rank-category{ width: 50%; float: left; padding: 15px; box-sizing: border-box;}
.game-rank-category h2{ line-height: 45px; font-size: 20px; color:#000; text-align: center; font-weight: 100;}
.game-rank-category h2 img{ top: 5px; margin-right: 5px;}
.game-stock .game-rank-list{ background: #FCE8E8;}
.game-future .game-rank-list{ background: #EAF9F9;}
.game-stock h2{ background: #F4D1D0;}
.game-future h2{ background: #C7E5E5;}
.game-rank-list{ overflow: hidden;}
.game-rank-list li{ padding: 15px;}
.rank-focus{ background: #FFF9D3;}
.game-rank-list li > *{ vertical-align: top;}
.game-rank-list li img{ margin-right: 10px; width: 50px; height: 50px;}
.game-rank-list li em{ width: 60px; margin-right: 10px; float: left; font-size: 18px; color: #E3A926; line-height: 47px; text-align: right;}
.game-rank-list li em b{ font-size: 26px; font-weight: 100;}
.game-person{ width: 140px; display: inline-block;}
.game-person span{ display: block; color: #000; font-size: 20px; line-height: 25px;}
span.game-name{ display: block; color: #5f5f5f; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.game-rank-list li .fa-arrow-circle-o-up, .game-rank-list li .fa-arrow-circle-o-down, .game-rank-list li .game-new{ float: right; font-size: 40px; line-height: 50px; margin: 0;}
.game-rank-list li .fa-arrow-circle-o-up{ color: #f00;}
.game-rank-list li .fa-arrow-circle-o-down{ color: #39B54A;}
.game-rank-list li .game-new{ position: absolute; top: 50%; margin-top: -10px; right: 15px; padding: 0 5px; font-size: 13px; line-height: 20px; color: #fff; background: #F7931E; border-radius: 3px;}
.rank1{ overflow: hidden;}
li.rank1 img{ float: left; width: 120px; height: 120px; margin-right: 15px;}
li.rank1 em{ float: none; font-size: 35px; vertical-align: baseline; margin:0;}
li.rank1 em b{ font-size: 68px;}
.rank1 .game-person span{ font-size: 25px;}
.rank1 span.game-name{ font-size: 18px;}
.rank1 em:before{ content: url(../images/crown.png); margin-right: 10px;}
.rank1 span.game-best{ font-size: 12px;}
span.game-best{ display: block; font-size: 12px; color: #999; text-align: center; margin-top: 15px; font-weight: 900;}
.rank-self b{ display: block;}
li.rank-self em{ line-height: 1.2;}

.msg-game-out{ width: 465px;}
.msg-container{ overflow: hidden; height: 133px;}
.msg-list{ overflow: hidden; width: 1250px; position: absolute; left: 0;}
.msg-list li{ float: left; width: 200px; margin-left: 10px;}
.msg-list li:first-child{ margin-left: 0;}
.msg-result{ height: 133px;}
.msg-result:after{ content: ''; position: absolute; left: 50%; top: 60px; margin-left: -30px; width: 60px; height: 60px; background: url(../images/game-line.png);}
.msg-result dt{ padding: 5px 0; line-height: 1.3; text-align: center; color: #000;}
.msg-stock, .msg-add-stock{ background: #FCE8E8;}
.msg-future, .msg-add-future{ background: #EAF9F9;}
.msg-game-out p{ margin-bottom: 10px; text-align: center;}
.msg-game-out p b{ margin: 0 3px; color: #f00;}
.msg-stock dt{ background: #F4D1D0;}
.msg-future dt{ background: #C7E5E5;}
.msg-stock dt span{ color: #f00;}
.msg-future dt span{ color: #094;}
.msg-game-title{ background: #F05455; color: #fff; text-align: center;}
.msg-result dd em{ font-size: 15px; font-weight: 100; text-align: right;}
.msg-result dd em span{ font-size: 22px;}
.msg-result dd{ position: absolute; font-size: 18px;}
.msg-game-now{ top: 60px; left: 10px; width: 80px; text-align: right; color: #E3A926;}
.msg-game-total{ bottom: 10px; left: 55%; color: #000;}
.msg-container > a{ position: absolute; top: 50%; margin-top: -16px; padding: 5px; background: rgba(0,0,0,.5); color: #fff; transition: all .2s ease;}
.msg-slider-left{ left: -21px;}
.msg-slider-right{ right: -21px;}
.msg-container:hover > .msg-slider-left{ left: 0;}
.msg-container:hover > .msg-slider-right{ right: 0;}
.msg-special{ text-align: center;}
.msg-special:before{ content: ''; display: block; margin: auto; width: 35px; height: 25px; background: url(../images/crown_small.png);}
.msg-add-future, .msg-add-stock{ text-align: center;}
.msg-add-future:after, .msg-add-stock:after{ display: none;}
.msg-add-future .fa-plus-circle, .msg-add-stock .fa-plus-circle{ font-size: 90px; margin-top: 10px; cursor: pointer;}
.msg-add-stock .fa-plus-circle{ color: #eca19f;}
.msg-add-future .fa-plus-circle{ color: #a1c7c7;}
.msg-add-future .fa-plus-circle:hover{ color: #5f9797;}
.msg-add-stock .fa-plus-circle:hover{ color: #e67c79;}
.msg-add-future p{ color: #a1c7c7;}
.msg-add-stock p{ color: #eca19f;}
.game-time{ padding: 15px 15px 0; text-align: right; font-size: 13px;}

.transaction-time{ font-size: 12px;}

.chart-label-head { width:165px;position:absolute;top:-18px;}
.chart-label-data { width:150px; }
.chart-label-head span ,.chart-label-data span{ display: inline-block;overflow: hidden; }
.chart-label-nowrap { width: 60px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }

/* Fix Browser */
.ie8 .alert-warning input.edit-submit-btn,
.ie9 .alert-warning input.edit-submit-btn{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0);}
.ie8 .alert-warning input.edit-submit-btn:hover,
.ie9 .alert-warning input.edit-submit-btn:hover{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff6600',GradientType=0);}
.ie8 .ad-block{ overflow: hidden;}
.ie8 .list9 li{ margin-right:.6em; margin-top: .6em;}
.ie8 .detailframe:after{ content: ''; display: block; clear: both;}

.company-link{ overflow: hidden;}
.company-link a{ float: left; width: 33%; height: 70px;}
.company-link a img{ max-width: 70%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.company-link a img:hover{ opacity: .7;}

.vt-ad-all{ background: #eee; width: 970px; height: 90px; margin: 0 auto 15px;}

.mobi-adv, .mobi-adv-ftr{ display: none; background: #eee; margin: 10px auto;}
.mobi-adv{ height: 100px; width: 320px;}
.mobi-adv-ftr{ width: 300px; height: 250px;}
.col2 .ad-300x250{ display: none;}

.comment-header,
.comment-write,
.comment-textarea-say-out,
.og-content,
.comment-media{ margin: 15px 0;}
.reply-panel .comment-header,
.reply-panel .comment-media,
.reply-panel .comment-write,
.reply-panel .comment-textarea-say-out{ margin: 15px;}
.comment-list-ftr .trade-time{ position: inherit; font-size: 13px; color: #aaa;}
.comment-list-ftr a{}

.btn-primary{ background: #F90; border-color: #F90;}
.btn-primary:hover{ background: #f79809; border-color: #f79809;}

/* PC 頂部廣告最小高度*/
.ad__top {
    margin-left: auto;
    margin-right: auto;
    height: 250px;
    text-align: center;
}

@media screen and (max-width: 1024px){
	.vt_Top {
		margin-top: -10px;
	}
	.alert, .sfd, .box, .box1, .list8 > li, .card, .main-block, .write-reg{ padding: .667em;}
	.comment-header,
	.comment-write,
	.comment-textarea-say-out,
	.og-content,
	.comment-media{ margin: 10px 0;}
	.reply-panel .comment-header,
	.reply-panel .comment-media,
	.reply-panel .comment-write,
	.reply-panel .comment-textarea-say-out{ margin: 10px;}
	.edit-sec header, .edit-sec .contest-title{ padding-left: .667em;}
	.card, .alert, .sfd, .list-con p, .titleOut{ margin-bottom: .667em;}
	.col2{ margin-left: 155px;}
	.pageOut{ margin-top: 10px;}
	.list-tab, .contest-tab, .tab.qa-tab,.rule-tab{ top: -43px;}
	.list8 .ctrl{ right: .667em; top: .667em;}
	.adv-btn-out{ top: -1px;}
	.box-con{ margin-left: 100px;}
	.fn.listOut > *{}
	.listOut .go, .fn .go, .fn .go2{ position: static; width:100%; margin: .667em 0 0;}
	.vt_Top_R{ margin-left: 290px;}
	.qr-out{ margin-left: 410px; top: 90px;}
	.ftr{ width: auto;} /* 之後要改cmoneybar.js */

    .wrap {width: auto; margin: 10px; }
    .main { width: 593px;}
    .sidebar{ margin-left: 602px;}
    
    /* 6合1的主要頁面TAG按鈕 */
    /*.tab a{font-size: 15px; padding: .3em .83em; margin-right: 0.5em;}
    .tab a:last-child{margin-right:0;}*/

    /* 看他人頁面的6合1 */
    .other .tab a { padding: .3em .892em;}

    .vi_p{width: auto; padding: 0 15px;}

    /* 六合一 */
    .contest-tab1 a,.qa-tab a{ padding: 0 .6em;}
    .tab a{}
    .tab .tab-two-r { padding: .28em .35em;}

    /* 道具屋 */
    .store { min-width: 933px; }
	.stage-box{ padding: 10px;}
	.itemh-infor-out,
	.used-target,
	.monitor-target,
    .item{ padding: 10px;}

    .store{ padding: 10px;}
    .slider{ padding: 10px;}
    .tools-msg { width: 125px; }

    /* Welcome */
    .welcome{ padding:20px 120px;}
    .tabCon > div > div .tabCon1{width: 100%;margin-left: 0px;margin-top: 5px;}
    .tracechart .chart{width:300px;}
    .tracechart .tracedata{width:220px;}
    /*.select, .fn input[type=text]{ width:143px;} 這個和九月底的股市大富翁行動版撞到,所以先註解掉 */
    
    .fn .amount {width: 60px;}
    .fn2 .price, .fn .price{ width: 73px;}


   	.tStyle1 td{ background: #fff;}
    .recTb1Div {z-index: 1;}
    .recTb1Div:before { content: ''; position: absolute; width: 30%; height: 79%; top: 11%; right: 5px; border-radius: 50%; box-shadow: 5px 0 20px rgba(0,0,0,.3);}
    
    /* 競技場排名 */
    .my-game-rank-out{width:76px;}
    .my-game-rank-block .shadow{width:100px}
    .sidebar .list6 .listCon .user-name{width:100px;}

    /*廣告調整*/
    .ad-in{ width:255px;}
 
    .list9 li{ width: 182px; margin-right: .667em; margin-top: .667em;}
    .recommended-app-list li a{ width:135px;}
    .contest-detail .copy-url{ display: block;}
	.controlframe div.pltypebt{ display: block; margin-bottom: 1em;}
	
	.listOut.fn > *{ margin-top: .667em;}
	.choosePrice[prflag="options"] + label[for="stockAmount"] + div{ margin-left: 0;}
	.fn > *, .fn-condition > *{ margin-left: 15px;}
	.fn-condition{ margin-left: 0;}
	.tactics-list .fn-condition .go{ position: static; width: auto; margin: 0 0 0 10px;}
	.tactics-list-out .fn-condition > *{ margin-left: 10px;}
	.tactics-list-out .fn-condition > *:first-child{ margin-left: 0;}
	.fn .radioOut{ height: 40px;}
	.fn-condition > *{ margin-bottom: 10px;}
	.tactics-title{ font-size: 15px;}
	.tactics-img-title{ font-size: 13px;}
	.tactics-list .fn-condition > *, .tactics-list2 .fn-condition > *{ margin-bottom: 0;}
	.tactics-list2, .fn-codition2{ display: block; width: 100%;}
	.fn-codition2 > *:first-child{ margin-left: 0;}

	.option-tstyle .op-tr-h th:nth-child(1),
	.option-tstyle .op-tr-h th:nth-child(2),
	.option-tstyle .op-tr-h th:nth-child(5),
	.option-tstyle .op-tr-h th:nth-child(6),
	.option-tstyle .op-tr-h th:nth-child(7),
	.option-tstyle .op-tr-h th:nth-child(8){ width: 20%;}

	.tb-option-out .op-tr-h th:nth-child(3),
	.tb-option-out .op-tr-h th:nth-child(4),
	.tb-option-out .op-tr-h th:nth-child(5),
	.tb-option-out .op-tr-h th:nth-child(9),
	.tb-option-out .op-tr-h th:nth-child(10),
	.tb-option-out .op-tr-h th:nth-child(11),
	.tb-option-out .option-tb td:nth-child(3),
	.tb-option-out .option-tb td:nth-child(4),
	.tb-option-out .option-tb td:nth-child(5),
	.tb-option-out .option-tb td:nth-child(9),
	.tb-option-out .option-tb td:nth-child(10),
	.tb-option-out .option-tb td:nth-child(11){ display: none;}
	.rule-tab{ position: static; margin-bottom: 15px;}
	.rule-tab a{ padding: 0 .8em;}
	.tabCon1 h2, .fn-title{ margin-bottom: 10px;}
	.tactics-list-out{ margin-bottom: 10px;}
	.fire-notice-con{ padding: 10px;}
	.stage{ padding: 3.5em 0 0;}
	.card-banner-header h3{ margin-left: 10px; font-size: 20px;}
	.card-banner-header p{ margin-left: 10px;}
	.game-rank-category-out{ margin: -10px;}
	.game-rank-category{ padding: 10px;}
	.card-banner{ margin-bottom: 10px;}
	.card-banner-header:after{ right: -97px;}
	.card-banner-time{ text-indent: 50px;}
	span.time-num{ font-size: 30px;}

	.game-rank-list li img { margin-right: 5px; width: 45px; height: 45px;}
	.rank1 em:before{ display: none;}
	.notice, .game-rank-list li{ padding: 10px;}

	li.rank1 em{ margin-right: 10px; float: left; font-size: 14px;}
	li.rank1 img{ float: none;}
	li.rank1 em b{ font-size: 22px;}
	li.rank1 span.game-name{ font-size: 14px;}
	.rank1 .game-person span { font-size: 18px;}
	.game-rank-list li em b{ font-size: 18px;}
	.game-rank-list li em{ margin-right: 5px; font-size: 12px; line-height: 42px; width: 43px;}
	li.rank-self em{ line-height: 1.5;}
	.game-person span{ line-height: 22px; font-size: 18px;}
	span.game-name{ font-size: 14px;}
	.game-rank-list li .fa-arrow-circle-o-up, .game-rank-list li .fa-arrow-circle-o-down{ line-height: 45px;}
	.game-rank-list li .game-new{ right: 10px;}
	span.game-best{ font-size: 12px;}
	.game-rank-list li .fa-arrow-circle-o-up, .game-rank-list li .fa-arrow-circle-o-down{ font-size: 30px;}
	.rank1 span.game-best{ font-size: 12px; color: #f00;}
	.game-person{ width: 127px;}
	.card-banner-time span{ font-size: 13px;}
	span.time-num{ font-size: 20px; top: 1px;}
	.vt-ad-all{ display: none;}
	.ad-block .ad-300x250{ display: block; margin: 10px auto;}
	.qq, .rr, .aa, .ii, .vt_Top > div{ padding: 10px;}
	.wrap, .vt_Top > div, .vi_p{ width: auto;}
	.wel-out{ padding: 10px;}
	.pd > div:first-child{ padding: 10px; }
	.pd-nav{ padding-top: 10px;}

    /* 頂部廣告最小高度*/
    .ad__top {
        width: 320px;
        height: 150px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px){
    /* 隱藏左右側 */
    .fn > *{}
    .list8 > li, .alert-warning input.edit-submit-btn{ margin-top: .667em;}
     .pageOut{ margin-top: 10px;}
    .list9 li{ width: 229px; margin:.667em .667em 0 0;}
    .list-tab, .contest-tab, .tab.qa-tab,.rule-tab{ top: -43px;}
    .alert, .sfd{ padding:.667em;}
    .list8 .ctrl{ top:.667em; right:.667em;}
    .selectfilter, .datefilterarea{ margin-right: .667em;}
    .contest-detail .copy-url{ display: inline-block;}
	.controlframe div.pltypebt{ display: inline-block; margin-bottom: 0;}
	.contest-detail .tStyle2 th{ width:80px;}
	.qq, .aa{ padding:.667em;}
	.box-con{ margin-left: 100px;}
	.fmbox .box-con, .mabox .box-con{ margin-left: 52px;}
	.fn .go, .fn2 .go2{ position: absolute; right:0; top: 0; width: auto; margin: 0;}
	.vt_Top_R h2{ margin: 10px 0;}

    .leftOut {
		position: absolute; z-index: 21; left: 0;
		width: 0; background-color: #EEE; margin: 0 0 0 -10px; box-shadow: 0px 0px 10px #333; }
    .leftOut > div { display: none;}
    .leftOut:after { display: block; content: '展 開'; background: rgba( 0, 0, 0, .6); position: absolute; top: 0px; width: 28px; right: -28px; height: auto; color: #FFF; line-height: 30px; padding: 5px; cursor: pointer; box-sizing: border-box; }
    .leftOut.on, .leftOut:focus, .leftOut:active , .leftOut:hover{ width: 145px; padding: 10px;}
    .leftOut.on > div, .leftOut:focus > div, .leftOut:active > div, .leftOut:hover > div{ display: block;}
    .leftOut.on:after, .leftOut:focus:after, .leftOut:active:after , .leftOut:hover:after{display: none;}
    .sidebar{display:none;}
    .col2 { margin-left: 0px; }
    .wrap { width: auto; }
    .main { width: auto; float: none;}

	.fn input[type="text"]{ width: 95px;}
	.fn > *{}

    /* 6和1的主要頁面TAG按鈕 */
    .tab a{}
    .datefilter{width:70px;}
    .tab .tab-two-r { padding: .28em .9em;}
    /* 看他人頁面的6合1 */
    .cpBoxCon > ul {width:605px;}    
    .other .tab a {padding: .3em 1.66em;}

    /* 未登入首頁 */
    .vt_Top_L{ display: none;}
	.vt_Top_R{ width: 400px; margin: 20px auto;}
	.heading-out{ top:auto; width: 100%;}
	.qr-out{ display: none;}
    
    .vi_p{ text-align: center;}
    .vi_p > div:first-child{padding: 20px 0 40px 0;}
    .vi_gray >div >div{ float: none;}
    .vi_brown img{ position: relative;top: 0; }
    .vi_p .vt_free{ margin-top: 30px;}

    /* 道具屋 */
    .store { min-width: 700px;}
    .stage{ padding-top: 45px;}
    .pd { padding-left: 10px;}
    .pd-name h1{font-size: 19px;}
    .item h2{ height: 2em;}
    .remind{ display: none; }

    .slider{}
    .tools-msg { width: 180px; }
    
    /* Welcome */
    .welcome{ padding:20px 4px;}
    
    .fn2 .amount { width: 90px;}
    .fn2 .price { width: 90px;}

    .tabCon > div > div .tabCon1{ width: 333px;}
    .tabCon > div > div .tabCon1.piechart{ width: 100%;}
    .tabCon > div > div .tabCon1.alldata{ width: 100%;}
    .tabCon > div > div .tabCon1.tabCon1.tracechart{width:100%;}
    .tracechart .chart{width:450px;}
    .srsdiv{ right:69px;}
    
    /*廣告調整*/
    .ad-in{ width: 325px;}

    .tStyle1, .tStyle2{ font-size: 14px;}
	
	.game-tool-item { width: 215px;}
	.game-tool-list { padding: 20px;}
	.game-tool-limit-out { padding: 10px 0;}

	.choosePrice[prflag="options"] + label[for="stockAmount"] + div{ margin-left: 1em;}
	.rule-tab{ position: absolute; margin-bottom: 0;}
	.rule-tab a{ padding: 0 .8em;}
	.tStyle2 textarea{ margin: 10px 0;}
	.item h2{ height: auto;}
	li.rank1 img { float: left; width: 120px; height: 120px;}
	li.rank1 em { float: none; font-size: 35px;}
	li.rank1 em b{ font-size: 55px;}
	.rank1 em:before{ display: inline-block;}
	li.rank1 span.game-name { font-size: 18px;}
	.rank1 .game-person span { font-size: 25px; line-height: 25px;}
	li.rank1 .fa-arrow-circle-o-up, li.rank1 .fa-arrow-circle-o-down{ line-height: 58px;}
	.game-rank-list li img, .game-rank-list li em{ margin-right: 10px;}
	.game-rank-list li em{ font-size: 18px; width: 60px;}
	.game-rank-list li em b{ font-size: 26px;}
	.game-rank-list li .fa-arrow-circle-o-up, .game-rank-list li .fa-arrow-circle-o-down{ font-size: 40px;}
	.rank1 span.game-best{ font-size: 12px; color: #f00;}
	.game-person{ width: 165px;}
	.card-banner-header h3{ font-size: 26px;}
	.card-banner-time span{ font-size: 15px;}
	span.time-num{ font-size: 30px; top: 3px;}
	.card-banner-time{ text-indent: 60px;}
	li.rank-self em{ line-height: 1.1;}
	.ad-block .ad-300x250{ display: inline-block; margin: 10px 30px;}
	.head .img-out, .head .align{ width: 100%;}
	.head img{ max-width: 100%;}
	.creater-image .go4{ font-size: 13px;}
	.tStyle2 textarea{ display: block; width: 100%;}
}

@media screen and (max-width: 540px){
    /* 先針對看的到的頁面做簡單的調整(sony ultra z) */

    .devicebr{margin-left:0px;}
    
    /*廣告調整*/
    
    .tabCon > div > div .tabCon1{width:218px;}
    .tabCon > div > div .tabCon1.alldata{width:100%;}
}

@media screen and (max-width: 480px){
	.list-tab, .contest-tab, .tab.qa-tab,.rule-tab{ position: relative; left:0; top:0; margin-bottom: .667em;}
	.edit-sec table td:first-child{ width:80px;}
	.edit-sec input[type=text].edit-input1{ width: 100%; margin-bottom: .5em; display: block; box-sizing:border-box; height: 30px;}
	.edit-sec .edit-input5{ width:50%;}
	.ui-srh{ width: auto;}
	.ui-srh-ipt-text{ width: 320px;}
	ul.list9 li{ margin-right: .667em; width: 205px;}
	.list9 li:nth-child(3n){ margin-right: .667em;}
	.list9 li:nth-child(even){ margin-right: 0;}
	.tabCon .controlframe .pltypebt > a, .list-sub-tab a, .subTab li{ padding:0 .9em;}
	.mabox h2, .mabox .list1{ margin-left: auto;}
	.mabox .list1{ font-size: 14px;}
	.fn .stockname, .fn .radioOut, .fn .stockPrice, .fn .stockAmount{}
	.fn > * { margin-left: .667em; margin-top: .667em;}
	.fn .go, .fn2 .go2{ position: static; width:100%; margin-top: .667em;}
	.row1{ margin-bottom: .2em;}
	.row1-date{ margin-left: 0; display: block; margin-top: .4em;}
	.contest-detail .copy-url{ width:auto; display: block;}
	.recTb1Div .tStyle1 th, .recTb1Div .tStyle1 td{ white-space: normal; word-break:break-all;}
	.recTb1Div .tStyle1 th{}
	.tab.qa-tab .tabNow{ border-color: #f90 #dfe0e4 #fff;}
	.edit-sec .edit-input5{ width:45%;}
	.reg-desc { width: auto;}
	
	.contest-detail{ padding:0;}
	
	.contest-set .control{ top:.667em; right:.667em;}
	.creater-image{ margin-right: 34px;}
	/*.recTb1Div th:nth-child(2), .recTb1Div td:nth-child(2){ display: none;}*/
	.pageOut{ text-align: left;}
	.tabCon .selectfilter ul{ width:88px; z-index: 2;}

   /* .accTxt{ max-width: 100%;margin-right: 60px;  }*/
    .list1 li{ white-space: nowrap; height: 18px; display: block; font-size: 13px;}

    
    /* 6和1的主要頁面 標題 */
    /*.user-account .follow{ right: 25px;}
    .user-account .titleOut .ctrl { position: absolute; right: 18px; left: initial; top: 2px;}
    .user-account .titleOut .ctrl ul { right: -15px; left: initial; top: 20px; }*/
    .other-account .title{ max-width: 70%; max-width: 63%;margin-top: 5px;}

    /* 6和1的主要頁面TAG按鈕 */
    .devicebr{margin-left:0px;}
    
    .tab{ height: auto;}
    .tab:after{ content: ''; display: block; clear:both;}
    .tab a{ margin:0 .667em .667em 0; top:0;}
    div.tab a.tabNow{ top:0; border: solid 1px #F90; box-shadow: none;}
    .fn .stockNo,.fn2 .price{width:120px;}
    
    .fn .select{ width:auto;}
	
    .fn input.amount, .fn input.price{ width: 45px;}
    .tabCon .controlframe {height:auto;}
    .controlframe div.pltypebt{ display: block; margin-bottom: .667em;}
    .tabCon .selectfilter > a{width:auto;}
        
    /* 看他人頁面的6合1 */
    .cpBoxCon > ul {width: 317px;}
    .other .tab a {padding: .3em 0.25em;}
    .other .tab a:after{top:11px;}
    .tabCon > div > div .tabCon1.piechart{width: 100%;}
    .tabCon > div > div .tabCon1.tracechart .chart {width: 100%;}
    .tabCon1{ margin-bottom: 10px;}


    /* 看他人頁面的上方調整 */
    .info {height:auto;}
    .info .img-out img {max-width: 100px;}
    .info span {width: 100px;height: 100px;}
    .info .img-out {width: 100px;height: 100px;}
    .infoCon {height:auto;margin-left: 0px; }
    .infoCon h2, .infoCon p{margin-left:100px;}
    .downc {position: relative; }

    /* Welcome */
    .wel h4{ font-size: 32px; }
    .wel p{ font-size: 1.3em; text-align: center;}
    .role-out > div { width: 160px; margin: 0 10px;}
	.role-out > div span{width: 138px;height: 167px;}

    .role-money{ margin-left: 60px; display: inline-block; }  
    .wrapOut{padding-bottom: 5px}

    .msg-out, #EditAccountNameOutdiv .msg-out { width: auto;}
    .editmemoarea{ width: 70%; top: 30%; }

    /* 看他人頁面&我追蹤的帳號列表特規 */
    .box.fmbox h2{margin-right: 55px;}
    .follow-manage .box h2 { margin-right: 55px;}

    .tabCon > div > div .tabCon1{ width:auto; float: none; margin-left: 0;}
    .card{ margin-bottom: .667em;}
    
    /* 英雄榜  */
    .box.shbox h2 { margin-right:110px; }

    /*廣告調整*/
    .ad-block{ padding: 0; text-align:center;}
    .ad-in{ width: 100%; margin: 0; }
    .ad-in:last-child{ margin-right: 0;}

    .edit-sec textarea.edit-input2{ width:100%; box-sizing:border-box; margin-bottom: .667em;}
	.game-tool-item { width:100%; margin-left:0; display: block; margin-bottom: 1em;  text-align:left;}
	.game-tool-out .img-out { width: 120px; margin: 14px 14px 0 14px; float: left;}
	.game-tool-limit-out { margin: 10px 10px 0 150px; padding: 10px 0;}
	.game-tool-name { margin-top:1em;}
	/*.btn-out { margin: 0 0 18px 0;}*/
	.game-tool-count-out { display:block; margin-top: 7px;}
	.game-tool-limit { margin-left: -20px;}
	.game-tool-out .btn-out { margin: 0 0 18px 0;}
	.select-out .select{/* display: block;*/}
	label[for="stockname"] + .select{ margin-top: 29px;}

	.fn .quoted-price-out{ margin: 10px 0 0;}
	.qp-bar { width: 55%; height: 12px;}
	.qp-infor li span { width: 22%}
	.qp-infor span { font-size: 12px;}
	.tStyle2 input[type=text]{ width: 80%; margin-bottom: 10px;}
	.tStyle2 textarea{ width: 100%;}
	.option1Div .revision > tbody > tr > th:first-child, .option1Div .revision > tbody > tr > td:first-child{ display: none;}
	.option1Div th:nth-child(2), .option1Div td:nth-child(2){ display: table-cell;}
	.fn > *{ margin-left: 10px;}
	.fn-step{ overflow: hidden;}
	.fn-step li{ margin: 0 5px 10px;}
	.fn-step li a{ width: 180px;}
	.fn-step a, .fn-step li{}
	.fn-type ~ .fn-condition .choosePrice, .fn-condition{ margin-left: 0;}
	.tab .tab-two-r{ padding-bottom: .22em;}
	.cate span{ display: inline-block; margin-bottom: 10px; font-size: 18px;}
	.contest-set{ display: none;}
	.contest-infor{ padding: 0;}
	.tactics-list .fn-condition > *{ margin-bottom: 10px;}
	.tactics li{ width: 50%; margin-bottom: 10px;}
	.store{ min-width: auto;}
	.stage-box{ width: auto;}
	.pd{ display: none;}
	.item{ width: 50%;}
	.game-rank-category{ float: none; width: auto; position: static;}
	.card-banner-header, .card-banner-time{ float: none; width: auto;}
	.card-banner-header{ overflow: hidden; text-align: center;}
	.card-banner-header:after{ display: none!important;}
	.card-banner-header h3, .card-banner-header p{ margin-left: 0;}
	.card-banner-time{ height: 60px; text-indent: 0; line-height: 55px; text-align: center;}
	.game-person{ width: 250px;}
	.game-rank-category-out{ margin-top: 50px; overflow: visible;}
	.game-rank-list{}
	.game-rank-category h2{ position: absolute; top: -40px; width: 214px;}
	.game-stock h2{ left: 10px;}
	.game-future h2{ right: 10px;}
	.game-stock .game-rank-list{ margin-top: 5px;}
	.game-future .game-rank-list{ /*display: none;*/ margin-top: -15px;}
	.card-banner-header{ height: 110px;}
	.game-future .game-best{ display: none;}
	.company-link a{ height: 60px;}
	.mobi-adv, .mobi-adv-ftr{ display: block;}
	.col2 .ad-300x250{ display: block;}
	.ad-block .ad-300x250{ margin: 10px auto;}
	.go4, .sharefb, .go5, .tStyle2 .go5{ font-size: 14px; padding: 5px 10px; height: auto;}
	.alert-block{ display: block;}
	.mobi-page{ z-index: inherit;}

    /* Mobile 頂部廣告最小高度*/
    .ad__mobile__top {
        height: 100px;
    }
}

@media screen and (max-width: 414px){
	body{ font-size: 14px;}
	p{ line-height: 1.4;}
	.ui-srh{ width:auto;}
	.ui-srh-ipt-text{ width:276px;}
	ul.list9 li{ width: 172px;}
	.box1 h2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.statusOut span{ padding: .3em .667em;}
	.creater-image{ display: none;}
	.go4, .sharefb{ padding:8px .9em;}
	.contest-tab{ height: auto;}
	.contest-tab:after{ content: ''; display: block; clear:both;}
	.contest-tab a, .tab.qa-tab a{ background: none; border-radius: 3px; top:0; border:0;}
	div.contest-tab a.tabNow, .tab.qa-tab a.tabNow{ background: #f90; top:0; border:0; box-shadow: none; color: #fff;}
	.tabCon .controlframe .pltypebt > a, .list-sub-tab a, .subTab li{ font-size: 14px;}
	.fn input[type="text"]{ width: 170px;}
	.fn input.price{ width: 95px;}
	.pageOut a{ padding:0 .6em;}
	.datefilter{ width:50px;}
	.contest-infor{ padding-right: 0;}
	
	.img-out img { width:100px;}
	.game-tool-out .img-out { width: 100px;}
	.game-tool-limit-out { margin: 38px 10px 0 14px;}

	.select-out .select{ display: inline-block;}
	.trade-select li { float: left; margin: 22px 0 10px;}
	.trade-select li a{ margin-right: -1px;}
	.edit-sec input[type=text]{ width: 80px;}
	.fn-type ~ .fn-condition .choosePrice{ margin-left: 10px;}
	.fn-step{ overflow: visible; text-align: left; display: flex; flex-wrap: wrap; margin: -5px -5px 5px;}
	.fn-step li{ display: block; width: 50%; padding: 0 5px; margin: 5px 0;}
	.fn-step li a { display: block; width: auto; text-align: center;}
	.fn-step li:before{ left: 35px;}
	.fn-step li:after{ left: 34px;}
	.select-out{}
	.tactics-list .fn-condition .go{ width: 100%; margin: 10px 0 0;}
	.fn-codition2 .go{ position: static; margin: 0; margin-top: 10px; width: 100%;}
	.tabCon .controlframe input[type=text]{ width: 43px;}
	.tactics-red .select, .tactics-blue .select{ margin-bottom: 0;}
	.tStyle2 input[type=text]{ margin-bottom: 10px; margin-top: 10px;}
	.line .edit-input4[type=text]{ width: 40px; margin-bottom: 10px;}
	.fn .amount[type="text"]{ width: 80px;}
	.game-person{ width: 180px;}
	.game-rank-category h2{ width: 181px;}
	.fn-step1:before, .fn-step2:before, .fn-step3:before, .fn-step4:before,
	.fn-step1:after, .fn-step2:after, .fn-step3:after, .fn-step4:after{ display: none;}
	.fn-step1 a:before, .fn-step2 a:before, .fn-step3 a:before, .fn-step4 a:before{ margin-right: .5em;}
	.vi_p img{ width: 100%; height: auto;}
	.mobi-use{ display: block;}
	.vt_Top_R{ width: 360px; margin: 0 auto;}
	.vt_Top_R h1 a{ height: 260px;}
	.heading-out .vt_free{ display: none;}
	.heading-group{ margin-bottom: 0;}
	.vt_Top{ background-position: right top;}
	.vt_Top_R h2{ font-size: 26px;}
	.vi_p h3{ font-size: 54px;}
	.mobi-page{ padding-bottom: 115px;}
}

@media screen and (max-width: 375px){
	.contest-tab a{ padding:0 .8em; font-size: 14px;}
	ul.list9 li{ width: 161px;}
	.pageOut a{ padding: 0 .5em;}
	.fn input[type="text"]{ width: 100px;}
	.datefilter{ width:100px;}
	.selectfilter{ margin-bottom: .667em;}
	.edit-sec .edit-input3{ width:70px;}
	.ui-srh-ipt-text{ width: 237px;}
	.box .img-out, .box1 .img-out{ display: none;}
	.box-con{ margin-left: 0;}
	.box1 h2, .list4{ margin-left: 0;}
	.contest-detail .copy-url{ word-break:break-all; text-align: left;}
    .go4{ margin-bottom: .667em;}
    .controlframe  .selectfilter{ width:295px; margin-right: 0;}
    .tabCon .selectfilter ul{ display: none; width: 100%; box-sizing: border-box;}
	.wel h4{ font-size: 30px; }
	.game-tool-limit-title { font-size:15px;}
	.game-tool-limit-out { margin: 42px 10px 0 14px;}
	.game-tool-list { padding: 15px;}
	.listOut input.price{ width: 60px;}
	.fn .radioOut{ height: 49px;}
	.qp-buy .qp-infor,.qp-sell .qp-infor{ padding: 5px;}
	.qp-bar { width: 52%; height: 10px;}
	.qp-infor li span { width: 24%;}
	ul.list9 li{ width: 153px;}
	.fn .amount[type="text"]{ width: 50px;}
	.edit-sec input[type=text]{ width: 65px;}
	.fn .radioOut{ height: 40px;}
	label[for=stockAmount] .amount{ width: 20px!important;}
	.all-timefilter{ margin-bottom: 10px;}
	.controlframe .selectfilter{ width: 100%;}
	.datefilterarea.all-timefilter input.datefilter{ width: 93px;}
	.game-person{ width: 145px;}
	.game-rank-category h2{ width: 162px;}
	.card-banner-header h3{ font-size: 24px;}
	.company-link a{ height: 45px;}
	.vi_p h3{ font-size: 45px;}
	.role-out > div {width: 130px;}
	.role-out > div span {width: 108px;	height: 143px;}
	.app-use-desc p{ font-size: 16px;}
	.alert-block{ width: 350px; height: 302px;}
}

@media screen and (max-width: 360px){
    /* 英雄榜 . 帳戶列表 . 追蹤的帳戶 */
	.ui-srh-ipt-text{ width: 222px;}
	.card{ padding:.667em;}
	ul.list9 li{ width: 145px;}
    /* 未登入首頁 */
    /*.vt_Top_R { padding: 180px 0 0 0; background-position: -2% 11%; background-size: 190%;margin: 0;}*/
    .vt_Top > div{ background-size: 190%;}
    .vi_p{ padding: 0 5px;}
    .vi_p h3{font-size: 43px;}
    .vi_p p{font-size: 15px;}
    
    /* 6和1的主要頁面 標題 */
    .other-account .title{ max-width: 68%; min-height: 35px;}
    .other-account .titleOut > a { position: absolute; right: 0; bottom: 5px; }

    /* 6和1的主要頁面TAG按鈕 */
    .fn .stockNo,.fn2 .price{width:90px;}
    .fn .select{width:80px;}
    input[type=text].datefilter {width: 69px;}
    
     /* 看他人頁面的6合1 */
    .other .tab a:last-child {width: 39px;}
    .cpBoxCon > ul {width: 197px;}
    .other .tab a {padding: .3em 0.502em;}
    
    /* Welcome */
    .wel h4{ font-size: 30px; }
    .wel p{ font-size: 1.1em;}
    .role-out > div{ width: 280px; margin: 10px 0 0;}
    .role-out img{ width: 65px;}
    .role-out > div span { height: 121px;width: 258px;}

    .wrapOut{padding-bottom: 0px;}

    .devicebr{ margin-left: 0;}
    
    .fn  .select ul{width:78px;}
    .fn2 .amount{ width: 70px;}
    .fn2 .price{ width: 70px;}
    .fn > .devicebr, .choosePrice{ margin-left: 10px;}
    
    .fn .go{ margin-bottom:0px;}
    
    /*廣告調整*/
    .ad-in{}
    .ad-in:first-child{}

    .edit-sec .edit-input3{ width: 65px;}
    .alert, .sfd{ font-size: 14px;}
    
    .go4, .sharefb{ font-size: 14px;}

	.qp-bar { width: 40%;}
    .qp-infor li span { width: 30%;}
    .rr-table tr td:first-child{width: 16%}
    .fn input[type="text"]{ width: 85px;}
    .fn-step li a{ width: 114px; padding-left: 1em;}
    .tabCon .controlframe div{}
    .tabCon .controlframe input[type=text] { width: 85px;}
    .tactics li{ padding: 5px;}
    .fn-checkout .color1{ font-size: 16px;}
    .option-tb td{ padding: 5px 7px;}
    .ad-in{ width: 100%;}
    .fn-step li:before{ left: 8px;}
    .fn-step li:after{ left: 7px;}
    .fn-step1 a:before, .fn-step2 a:before, .fn-step3 a:before, .fn-step4 a:before{ margin-right: .5em;}
    .game-person{ width: 130px;}
    .game-rank-category h2{ width: 154px;}
	.card-banner-header h3{ font-size: 22px;}
	.vt_Top_R{ width: 300px; margin: 0 auto;}
	.vt_Top_R h1 a{	height: 215px;}
	.vt_Top_R h2{font-size: 22px;}
	.app-use-desc{ top: 5px;}
	.alert-block{ width: 310px; height: 278px;}
	.app-use-tit{ font-size: 2em;}
} 

@media screen and (max-width: 320px){
    /* 未登入首頁 */
    .vi_space { padding: 30px 0 40px 0; }
    .vi_p > div:first-child{padding: 20px 0;}
    .vi_p h3{font-size: 37px;}
    .vi_p p{font-size: 12px;}

    /* 看他人頁面的上方調整 */
    .downc a{font-size:13px;}
    
    /* 6和1的主要頁面 標題 */
    .other-account .title{ max-width: 63%; }

    /* 6和1的主要頁面TAG按鈕 */
	.tabCon > div > div .tabCon1{ width: 100%; box-sizing: border-box;}
     
	.fn > *{}
	.fn2 >.radioOut{margin-right:35px;}
	.radioOut {margin-right:35px;}
	.choosePrice{margin-right:90px;}
	input[type="text"].datefilter {width: 49px;}
        
    /* 看他人頁面的6合1 */
    .cpBoxCon > ul {width: 157px;}
    .other .tab a {padding: .3em 0.365em;}    
    .other .tab a:after {top: -4px;left: -3px;}
    .other .tab a:last-child {padding-left: .3em;}
        
	/* Welcome */
	.wel h4{ font-size: 28px; }
	.wel p{ font-size: 1em;}
	
	.ui-srh-tips{ line-height: 1.5;}
    
	ul.list9 li{ float: none;}
    ul.list9 li{ float: none; width:auto; margin-right: 0;}
    ul.list9 li:nth-child(3n){ margin-right: 0;}
    
    /*廣告調整*/
    .ad-in{ float: none; margin: 0; margin-top: .667em; width: auto;}
    .ad-in:first-child{ margin-top: 0;}

    .contest-detail .copy-url{ font-size: 13px;}
    /*.tStyle1 th, .tStyle1 td, .tStyle2 th, .tStyle2 td{ padding:1em;}*/

    .fn input[type="text"]{ width: 95px;}
    .radioOut{ margin-right: 0;}
    .choosePrice{ margin-right: 0;}
    .fn2 .radioOut{ margin-right: 0;}
    .controlframe .selectfilter{ width: 240px;}
	
	.img-out img { width:90px;}
	.game-tool-out .img-out { width: 90px;}

	.listOut label[for="stockPrice"]{ margin-left: 0;}
	.listOut label[for="stockPrice"] .price{}
	.listOut .choosePrice{ margin-left: 10px;}
	.listOut label[for="stockAmount"]{ height: 50px;}
	.listOut label[for="stockAmount"] + div{ margin-left: 0;}
	.tb-col1 .tStyle1 td{ font-size: 12px;}
	.edit-sec input[type=text]{ width: auto;}
	.fn-step li a{ width: 89px; padding-left: 1.3em;}
	.fn-step1 a:before, .fn-step2 a:before, .fn-step3 a:before, .fn-step4 a:before{ margin-right: .3em;}
	.fn .select{ width: 77px;}
	div.fn-checkout{ margin-top: 10px; margin-left: 0;}
	.game-rank-list li .fa-arrow-circle-o-up, .game-rank-list li .fa-arrow-circle-o-down{ font-size: 30px;}
	li.rank1 img{ width: 80px; height: 80px;}
	.game-rank-list li em{ width: 40px; font-size: 14px;}
	.game-rank-list li em b{ font-size: 20px;}
	.game-rank-list li img, .game-rank-list li em{ margin-right: 5px;}
	li.rank1 em{ font-size: 16px;}
	li.rank1 em b{ font-size: 30px;}
	span.time-num{ font-size: 28px;}
	.game-rank-category h2{ width: 134px;}
	.card-banner-header h3{ font-size: 20px;}
	.card-banner-header{ height: 105px;}
	.card-banner-time span{ font-size: 14px;}
	span.time-num{ font-size: 25px;}
	li.rank-self em{ line-height: 1.4;}
	.col2 .ad-320x100{ margin-left: -10px;}
	.app-use-desc p{ font-size: 15px;}
	.vt_Top_R h1 a{ height: 170px;}
	.alert-block{ width: 290px; height: 272px;}
}