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

a{ color:#059;}
/*---------------------------------------------------*/
body{ background:#e9eaed;}
.b-sub,.pit span,.intext,.bar-fast div,.stock-condition div,.down01 tr,.down02 tr,.down03 tr,.left-mbox ul li.select{
	        transition: background-color .3s ease-out;
	   -moz-transition: background-color .3s ease-out;
	-webkit-transition: background-color .3s ease-out;
         -o-transition: background-color .3s ease-out;
        -ms-transition: background-color .3s ease-out;
}
/*----------------------------------------------最外層包裝*/
.select-began{ width:995px; margin:0 auto 15px;}
/*----------------------------------------------最外層包裝*/
/*讀圖檔*/
.stock-condition div > span:last-child, .t-remove, .edit, .left-mbox p,  .tb-right, .tb-left, .bar-fast .jspPane div:before, .picking-date, .lm1:before, .lm2:before, .lm3:before, .left-mbox h2:after,.top,.share a,.sn-ps,.sn-rt,.sn-fl,.bar-nothing span:before{background:url(../images/icon.png) no-repeat;}
.small-main, .tit-results, .pit, .pop-box, .edit a:link, .edit a:visited,.b-sub{background:url(../images/b.png) repeat-x;}
/*讀圖檔*/
.region-right:after,.left-mbox h2:after,.left-mbox ul li>a:before, .bar-fast .jspPane div:before,.top,.bar-nothing span:before{content:"";}

.region-left{ width:212px; float:left;}

.region-right{ margin-left:220px;}


.left-mbox ul{margin-bottom:14px; display:none}
.left-mbox h2{ font-size:20px; height:42px; line-height:43px; text-indent:47px; font-weight:normal; font-family:"微軟正黑體"; margin:0 0 7px 0; padding-top:5px; cursor:pointer}
.left-mbox h2:after{background-position: 2px -173px; position:absolute; width:12px; height:13px; top:20px; right:0;}
.left-mbox h2.addn{cursor:default}
.left-mbox h2.addn:hover{color:inherit}
.left-mbox h2.addn:after{display:none;}
.lm1:before, .lm2:before, .lm3:before{ content: ''; position: absolute; left: 0; top:6px; width: 42px; height: 42px;}
.lm1:before{background-position:-5px -563px;}
.lm2:before{background-position:-233px -563px;}
.lm3:before{background-position:-455px -563px;}
.lm2,.lm3{border-top:4px solid #DDDEE0;}

#m03{ overflow:auto; overflow-x:hidden; height:532px; z-index:2}



.left-mbox ul li{}
.left-mbox ul li > a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; line-height:40px; text-indent:28px; color: #000; border-radius: 3px;}
.left-mbox ul li > a:hover{ background:#DDDEE0;}
.left-mbox ul li.select{}
.left-mbox ul li.select > a, .left-mbox ul li.select > a:hover{color:#FFF; background:#3689ca;}
.left-mbox ul li.select > a:before{background:#FFF}
.left-mbox ul li>a:before{width:5px; height:5px; background:#3689ca; position:absolute; left:12px; top: 15px;}
.left-mbox ul li:last-child{border-bottom:none;}
.left-mbox h2:hover,.left-mbox ul li>a:hover{color:#000}


.edit{background-position: -6px -246px; width: 17px; height: 19px; text-indent:-9999px;  cursor:pointer; position: absolute;top: 6px;left: 183px;}
.edit:hover{background-position: -6px -269px;}
.edit span{background-color: #FFF;border: 1px solid #3689ca;width: 72px;position: absolute;left: 29px;top: -6px;z-index: 1;box-shadow: 3px 3px 6px #D8D8D8;}
.edit a:link, .edit a:visited, .edit a:active{ display: block; text-indent: 12px; line-height: 31px; color: #000;
text-decoration: none;font-size: 12px; border-bottom: 1px solid rgb(0, 108, 180); height: 32px;}
.edit a:last-child{border-bottom: 0}

.edit a:hover{ background-position:0 -264px}

/*選股欄位*/
.out{}
.out .b-beganpicking, .out .b-save{ display: inline-block;}
.out .b-save {}
.out-line{ height: 250px;}
.bred{ border: 1px solid #FC8989; background:url(../images/gored.png) no-repeat center 0;}
.show1{}
.show2{border-top: 0;border-radius: 0 0 5px 5px;}
.bar-out{ padding: 15px; background: #fff; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-radius: 3px; margin-bottom: 15px;}
.tit-results, .tit{ font-size:20px; padding-left: 10px; margin-bottom: 15px;}
.tit:before{ content:''; position:absolute; width: 4px; height:18px; background:#3689ca; left:0; top:0;}
.tit-results{margin:10px 0 0 0;	background-position:0 -400px; height:38px; line-height: 23px; border:1px solid rgb(168, 168, 168); border-bottom:0;box-shadow:0 0 10px rgb(255, 255, 255) inset; text-indent:10px; padding-top:20px;}
.tit span, .tit-results span {
	color:#900;	
	margin:0 10px;
	font-size: 20px;
}
.tit span.sw, .tit-results span.sw {
	color:#4B4B4B;	
	margin:0;
}
.share{position: absolute;top: 10px;right: 6px;height: 29px;padding-top: 5px;}
.share a{background-position: 0 0; display:inline-block; width: 37px; height: 37px; text-indent:-9999px;margin-left: 6px;top: -5px;}
.share a.sh-b{background-position: -41px 0}
.share a.sh-m{background-position: -82px 0}
.share a:hover{background-position: -125px 0;}
.share a.sh-b:hover{background-position: -166px 0;}
.share a.sh-m:hover{background-position: -207px 0;}
.share span{font-size:15px; color: #000; font-family:"新細明體"; margin:0}


.t-remove, .picking-date{ top:0; position:absolute; height:36px;}
.t-remove{font-size:12px; line-height:27px;	text-indent:29px; width:87px; right:0; background-position: -6px -75px;cursor:pointer;}
.t-remove:hover{background-position-y:-114px;}
.t-alljoin{ top:0!important;}

.picking-date{ right: 97px; background-position: -6px -480px;width: 169px;line-height: 27px;text-indent: 32px; cursor:pointer}
.picking-date:hover{background-position: -6px -519px;}
.picking-date, .picking-date span{ font-size: 12px;}
.picking-date span{ margin:0}

.bar-fast,.stock-condition{ overflow:auto; overflow-x:hidden; height:230px;;}
.bar-fast span{color:red; margin:0 4px;}
.stock-condition{}
.bar-fast div, .stock-condition div{
	line-height: 41px;
	text-indent: 10px;	
	border-bottom: 1px solid #E2E2E2;
}
.bar-fast div{text-indent:43px;}
.bar-fast .jspPane div:before{ height:24px; width:24px; background-position:-36px -47px; position:absolute; top: 8px; left: 13px;}
.bar-fast div:hover:before{background-position: -160px -47px;}
.bar-fast div.jspPane > div:hover, .stock-condition div.jspPane > div:hover {background:rgb(255, 250, 236);	cursor:pointer;}
.bar-fast div.execution{ background: #F2F9FF;}
.bar-fast div.execution:hover{background: #E7F4FF;}
.stock-condition div input[type="checkbox"]{top:2px; left:-3px; margin-right:10px;}
.stock-condition div > span:last-child{ width:20px; height:20px; background-position:-111px -48px; position:absolute; right:5px; top: 10px; text-indent:-9999px;}
.stock-condition div > span:last-child:hover{background-position: -132px -48px;}
/*選股欄位*/
/*-------------------------------------------------------tab主選單開始----------------------------------------------------*/
.tab-main{}
.tab-main, .tab-main a{ border-bottom:solid 5px #eee;}
.tab-main a{ padding:0 1.5em 10px; display:inline-block; color:#666; top:5px;}
.tab-main a:hover, .tab-main a.selected{ border-bottom-color:#3689ca;}
.tab-main a.only{border-radius: 5px 5px 0 0;}

/*-------------------------------------------------------tab主選單結束----------------------------------------------------*/
/*小選單*/
.small-main{height:38px; padding-left:22px;	background-position:0 -80px; border:1px solid #b3c5d2; border-bottom:1px solid rgb(233, 233, 233);	margin:-1px 0 0 0; border-radius: 0 5px 0 0;}
.small-main a:link, .small-main a:visited{ display:inline-block; height:30px; line-height:38px;	color:#059;	text-decoration:none; margin-right: 24px;}
.small-main a:hover{text-decoration:underline;}
.small-main a.selected{color:#900; border-bottom:1px solid;	text-decoration:none;}
/*小選單*/
.cl-tbb{z-index:10;}
.tb-right, .tb-left{ background-position: -98px -361px; width: 35px; height: 58px; text-indent:-9999px; cursor:pointer;}
.tb-left{ background-position: -29px -361px;}
.tb-left:hover{ background-position: -29px -418px;}
.tb-right:hover{ background-position: -98px -418px;}
.cl-tbb .tb-right, .cl-tbb .tb-left{position: absolute; top: 422px; right: 146px;}
.cl-tbb .tb-left{left: 237px;}


.h-say{width: 623px;margin: 102px auto 0;text-align: center;line-height: 21px;}

.bar-loading, .bar-nothing{ height:269px; background:url(../images/loading.gif) no-repeat center #FFF; margin-left: auto; margin-right:auto; width:995px; margin: 0 auto 10px; box-shadow: 0 0 10px #CFCFCF; border:solid 1px #b3c5d2;}
.bar-nothing{background:#FFF;}
.bar-nothing span{ display: block; margin: auto; width: 534px; text-align: center; top: 54%;}
.bar-nothing span:before{background-position:-256px 0; width:47px; height:43px; top:-48px; left:243px; position:absolute;}
/*----------------------------------------------回最上層右方鈕*/
.top{width: 32px; height: 38px; position:absolute; right: -49px; text-indent:-9999px;background-position: 0 -188px;box-shadow: 0 0 5px #BEBEBE;}
.top:hover{background-position: -32px -188px;}

/*選股結果表格*/
.stock-results{ margin:auto;}
.stock-results:after{ display:block; clear:both; content:"";}
.fly{position:fixed; top:-10px; z-index:100;}


.stock-results table{border-collapse:collapse; background:#FFF}
.stock-results table, .stock-results td{ border:1px solid #999}
.stock-results td{padding:0 8px; white-space:nowrap; height:38px}

.top01, .top02, .top03, .down01, .down02, .down03{float:left;}
.top01 *, .top02 *, .top03 *, .down01 *, .down02 *, .down03 *{ position:static}
.top01, .top02, .top03{height: 69px;margin-bottom: -1px;}
.top01, .down01{width:234px; margin-right:-1px; z-index:1}
.top02, .down02{width:623px; margin-right:-1px;}
.top03, .down03{width:142px;}
.top03 > table {width:100%;}
.top02{overflow:hidden}
.down02{overflow: scroll; overflow-y: hidden}
.down01,.down02{text-align:right}
.top02 td, .down02 td{ border-right:none;}
.down03 table{ width:142px}


.st-mber{text-align:center; width:36px; color:#000}
.st-name{text-align:left; width: 100px;font-weight:bold}
.st-name span{ display:inline-block; width: 100px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;}
.st-name a{font-weight:normal}
.st-close{width: 47px;}

.st-tit .st-name{font-weight:normal}

.st-tit td, .hh{background:url(../images/tit-bg.png) no-repeat}
.st-tit td{height:43px; line-height:19px; text-align:center; height:67px; background-position: center -268px;}


td.hh,td.hh-s{color:#059; background-position: center 0;}
td.hh-s{background-position: center -134px;}
td.hh:hover,td.hh-s:hover{background-position: center -67px; cursor:pointer}
td.hh-s:hover{background-position: center -201px;}

	
.down01 a{margin-right:3px;}
.down01 tr:hover, .down02 tr:hover, .down03 tr:hover{background:rgb(255, 250, 236);}
.bball{background:url(../images/bball.png) center no-repeat; color:#FFF; font-size:12px}
.trc{background:#F7FCFF;}
.upred,.downgreen{ font-weight:600}
.upred{color:#df131d}
.downgreen{color:green}

/*以選擇條件樣式*/
div.rectangle{background: #F0FAFF;}
div.rectangle:hover{background: #E8F7FF;}
/*以選擇條件樣式*/

.sn-ps,.sn-rt,.sn-fl{background-position: 0 -304px; width:20px; height:20px; text-indent:-9999px; display:block; margin: 0 auto;}
.sn-rt{background-position: -26px -304px;}
.sn-fl{background-position: -51px -304px;}
.sn-ps:hover{background-position: 0 -330px;}
.sn-rt:hover{background-position: -26px -330px;}
.sn-fl:hover{background-position: -51px -330px;}

                 
/*選股結果表格*/
/*彈出視窗*/
.pop-box{border: 2px solid #ccc; width: 400px; height:200px; background-position:0 -412px;position: relative;}
.pit{font-family:"微軟正黑體"; line-height:43px; height:45px;	color: #FFF; font-size:19px; text-indent:8px; background-position:0 -842px;}
.pit span{position:absolute; right:6px;	top:8px; font-size:15px; width:40px; height:26px; text-align:center; text-indent:0;	line-height:28px;	cursor:pointer;	border:1px solid #66B9FF; border-radius:5px;}
.pit span:hover{border:1px solid #FFF;}
.intext{height: 20px;line-height: 28px;font-size: 17px;padding: .3em;border: 1px solid #ACACAC;background: #F6F6F6;border-radius: 3px;resize: none;color: #202020;box-shadow: 0 0 12px #E6E6E6,2px 2px 4px #D1D1D1 inset;}
.b-sub{ background-position: 0 -204px; border: 1px solid #9E9E9E; font-weight:900; border-radius:5px; box-shadow: 0 0 2px #FFF inset;}
.b-sub:hover{background-position: 0 -235px;}

.mcenter,.mcenter-t{margin:0 auto; text-align:center;padding: 0 13px;line-height: 22px;}
.pop-box .intext{margin: 31px auto 20px;display: block;width: 300px;}
.intext:focus{border: 1px solid rgb(4, 117, 192);}
.pop-box .b-sub{display: block;width: 100px;height: 32px;font-size: 17px;position: absolute;top: 148px;left: 50%;margin-left: -50px;}
.pop-box .mcenter{top: 16px;}
.pop-box .mcenter-t{top: 30px;}
.pop-box p { margin:5px;}
.pop-box .btnOut { margin-top:10px;}
.pop-box .btn { font-size: 15px; padding: 5px 1em; border-radius: 3px; }
.btn3{
	border: 1px solid #3079ed; color:#fff;	box-shadow:0 1px #afcdfe inset, 0 -1px #1c478c inset; cursor: pointer;
	background:linear-gradient(#4d90fe, #3079ed);
	background:-webkit-linear-gradient(#4d90fe, #3079ed);
	background:-moz-linear-gradient(#4d90fe, #3079ed);
	background:-o-linear-gradient(#4d90fe, #3079ed);
	background:-ms-linear-gradient(#4d90fe, #3079ed);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#3079ed',GradientType=0 );}
.btn3:hover{
	box-shadow:0 1px #afcdfe inset, 0 -1px #1c478c inset;
	background:linear-gradient(#3079ed, #4d90fe);
	background:-webkit-linear-gradient(#3482ff, #4d90fe);
	background:-moz-linear-gradient(#3482ff, #4d90fe);
	background:-o-linear-gradient(#3482ff, #4d90fe);
	background:-ms-linear-gradient(#3482ff, #4d90fe);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3482ff', endColorstr='#4d90fe',GradientType=0 );}

.btn4{
	border:solid 1px #aaa; color:#333; box-shadow:0 1px #FFF inset, 0 -1px #bbb inset;
	background: linear-gradient(#eee, #ccc);
	background: -webkit-linear-gradient(#eee, #ccc);
	background: -moz-linear-gradient(#eee, #ccc);
	background: -ms-linear-gradient(#eee, #ccc);
	background: -o-linear-gradient(#eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );}
.btn4:hover{
	background: linear-gradient(#ccc, #eee);
	background: -webkit-linear-gradient(#ccc, #eee);
	background: -moz-linear-gradient(#ccc, #eee);
	background: -ms-linear-gradient(#ccc, #eee);
	background: -o-linear-gradient(#ccc, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );}

/*彈出視窗*/
/*----------------------------------------------回最上層右方鈕*/

.b-beganpicking, .b-save{ cursor:pointer; height:46px; width:362px; text-indent:-9999px; background:url(../images/b-s.png);}
.b-beganpicking{ background-position: -4px -3px;}
.b-save{ background-position: -370px -3px;}
.b-beganpicking:hover{ background-position: -4px -56px;}
.b-save:hover { background-position:-370px -56px;}
/*
.ui-corner-right{ border-radius:0 3px 3px 0!important;}
.ui-corner-left{ border-radius: 3px 0 0 3px!important;}
.ui-corner-all{ border-radius:0!important;}
.ui-combobox-input, .ui-widget-content a{ font-size: 14px!important;}
.ui-combobox-toggle{ height: 22px!important; top:9px!important;}
*/
.stock-condition .jspPane > div{ padding-right:30px;}
.ui-widget{ font-family: Arial, "微軟正黑體", "細明體體";}

.ui-combobox{ margin: 0 5px;}
.ui-state-default, .ui-combobox-toggle{ vertical-align: middle;}
.ui-state-default{ margin:0;}
.ui-combobox-toggle{ position: relative; top:0; bottom: 0; margin-left: -1px;}
.ui-menu .ui-menu-item a{ padding:.2em .5em;}

.ui-corner-all{ font-size: 13px; border-radius: 0; padding: 0;}
.ui-corner-all a:hover{}
.ui-menu .ui-menu-item a.ui-state-focus{ margin: 0; background: #3689ca; border: 0; color: #fff;}
.screeners-ad-all{ width: 970px; height: 90px; margin:0 auto 15px; background: #eee;}

/* RWD */
@media screen and (max-width: 1024px){
	.screeners-ad-all{ display: none;}
}


@media screen and (max-width: 768px){
    .select-began{ width: auto; margin:0 10px;}
    .top{ display: none;}
    .region-left{ width:145px;}
    .left-mbox h2:after{ right:0;}
    .left-mbox h2{ font-size: 16px; width: auto; text-indent: 30px;}
    .lm1:before, .lm2:before, .lm3:before{ width:25px; height: 25px; top:15px; background-size: 300px;}
    .lm1:before{ background-position:-3px -338px;}
    .lm2:before{ background-position:-140px -338px;}
    .lm3:before{ background-position:-273px -338px;}

    .left-mbox ul li > a {}
    .edit { left: 90%;}
    .region-right{ margin-left:155px;}
    .tab-main a{ padding:0 .8em 10px;}
    .out div { font-size: 20px; text-align:center; text-indent: 0; line-height:50px; width: 273px; color: #FFF; border-radius: 5px;}
    .out .b-beganpicking{ background: #d00;}
    .out .b-beganpicking:hover {
        background-color: #C50000;
    }
    .out .b-save {
        background: none;
        left: auto;
        background-color: #00407B;
        position: relative;
    }
    .out .b-save:hover {
        background-color: #001D49;
    }
    .h-say {
        width: auto;
    }
    .bar-out{padding:10px;
    }
    .stock-condition div > span:last-child{}

}

@media screen and (max-width: 480px){
    .region-left{ width:auto; float: none;}
    .region-right{ margin:0; border:0;}
    .left-mbox ul li.select{ border-radius: 7px;}
    .show1, .out-line{ background: #fff;}
    .bar-fast, .stock-condition{ margin:0;}
    .tab-main a{ padding: 0 .4em 10px;}
    .bar-fast div:before{ left:10px;}
    .out {
        text-align: center;
    }
    div.b-beganpicking, div.b-save {
        width: 150px;
    }
    .stock-condition div input[type="checkbox"] {
        margin: 0;
    }
}

@media screen and (max-width: 360px){
	
    .region-right{ margin: 0;}
    .tab-main a{ font-size: 15px}
    .bar-fast div{ text-indent: 20px; line-height: 25px; font-size: 13px;}
    .bar-fast div:before {
        background-image: none;
    }
    .jspPane > div:before {
        top: 2px;
        left: 0;
        font-size: 17px;
        color: #D00000;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: 50% 5%;
        content: "➲";
        position: absolute;
        height: auto;
        width: auto;
        background-image: none;
    }
    .bar-fast div:hover:before {
        color: #FDC806;
    }
    .tit{}
    .tab-main a{ margin-top: 10px;}
    .bar-out:nth-child(2) .tit {
        padding-bottom: 26px;
    }
    .tit span {
        font-size: 16px;
        margin: 0;
    }
    .picking-date{ width: 68%; right: auto; left:0;}
    .picking-date span { font-size: 12px;}
    .t-remove { width: 28%;}
    .stock-condition div { font-size: 12px;}
    .stock-condition div > span:last-child{}
    div.picking-date, div.t-remove, div.t-alljoin{ top:30px; background-color: #FDFBFB; background-image: none; border: 1px solid #D4D4D4; height: 25px; text-indent: 0; text-align: center;}
    .out .b-beganpicking,.out .b-save {
        margin: 1px;
        width: 48%;
    }
    .ui-combobox-input{ height: 10px!important;}
    .ui-combobox-toggle{ height: 18px!important; top:10px!important;}
    .ui-combobox-input, .ui-widget-content a{ font-size: 13px!important;}
    .stock-condition .jspPane > div:before{ display: none;}

}

@media screen and (max-width: 320px){

}