/* ASIKART EasySet Custom CSS */

/* Login Form S*/


.login-form-right {
    position: relative;
    height: 144px;
}

.login-form-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

input#username, input#password {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    height: 38px;
    max-width: 100%!important;
    padding: 0 10px;
}
/* login form */
.poll-login-form:hover {
    border: solid 1px #5a69de;
}

.poll-login-form:hover h3.title {
    color: #5a69de;
}

.poll-login-form {
    padding: 20px 30px;
    border: solid 1px #f2f2f2;
    transition: .6s;
}

/* Login Form E*/
@media(min-width: 1200px) {
  
  .login-form-right {
    height: 148px;
  }
  
}

@media (max-width: 979px) and (min-width: 768px) {
    .login-form-right {
    height: 218px;
  }
  
}
@media(max-width: 767px) {
  
  .row-fluid.log-info .span6 {
    width: 50%;
    display: block;
    float: left;
  }
  
  #login-user-form1 {
    margin-bottom: 20px;
  }
  
}
.row-fluid.field .span10 input {
    width: 100%;
    box-shadow: none;
}

.row-fluid.field label {
    line-height: 38px;
}

.inline {
    display: inline-block;
    padding-left: 10px;
}

.row-fluid.field {
    margin-bottom: 15px;
}

.row-fluid.log-info input#remember {
    margin: 0 !important;
}

.login-btn {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

table#login-table1, table#login-table2 {
    max-width: 200px;
    margin: auto;
}

table#login-table1 td, table#login-table2 td {
    padding: 0;
    border: none;
}

table#login-table2 td {
    text-align: center;
}

table#login-table2 img {
    margin-top: -15px;
}

.well-grey {
    background: #f2f2f2;
    margin: 20px 0;
}

a.login-btn.blue {
    width: 50%;
    background: #7484ff;
    padding: 0;
    color: #fff;
    margin: auto;
    display: block;
}

a.login-btn.dark {
    padding: 5px 25px;
    margin-left: 10px;
    background: #535151;
    color: #fff;
}

h3.title {
    margin: 20px 0 40px 0;
}

/* Easy Profile */

#member-registration, #member-profile {

    background: none;
    border: none;
    box-shadow: none;
}

.control-group.field_20160923030322-group .controls, .control-group.field_20160923032230-group .controls {
    margin: 0;
}

.form-horizontal .control-label {
    width: auto;
}

#member-registration .controls > input, #member-registration .controls > textarea, #member-registration .controls > .input-prepend, #member-registration .controls > .input-prepend input {
    height: 38px !important;
}

#member-registration label {
    font-weight: 600;
}

#member-registration textarea, #member-registration input[type="text"], #member-registration input[type="password"], #member-registration input[type="datetime"], #member-registration input[type="datetime-local"], #member-registration input[type="date"], #member-registration input[type="month"], #member-registration input[type="time"], #member-registration input[type="week"], #member-registration input[type="number"], #member-registration input[type="email"], input[type="url"], #member-registration input[type="search"], #member-registration input[type="tel"], #member-registration input[type="color"], #member-registration .uneditable-input {
    background-color: initial;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    width: 100%;
    height: 38px;
    max-width: 100% !important;
    padding: 0 10px;

}

#member-registration label.checkbox.inline {
    padding-top: 0;
}

input#jform_field_201609230254280, input#jform_field_201609230252470 {
    margin-top: 4px !important;
}

a {
    text-decoration: none;
    color: #7484ff;
}

a:hover {
    color: #333;
    text-decoration: none;
}

#member-registration dd:after {
    display: none;
}

/* BODY */

/* TYPO */

/* LAYOUT */

/* HEADER */

/* BANNER */

/* MENU */

/* MAIN CONTENT */

/* LEFT COLUMN */

/* RIGHT COLUMN */

/* ARTICLE */

/* TABLE */

/* List Manager for Related Resource */

th.lm_tableheader.lm_columnheader.lm_column_0 {
    width: 10%;
}

th.lm_tableheader.lm_columnheader.lm_column_1 {
    width: 18%;
}

th.lm_tableheader.lm_columnheader.lm_column_2 {
    width: 13%;
}

th.lm_tableheader.lm_columnheader.lm_column_3 {
    width: 45%;
}

th.lm_tableheader.lm_columnheader.lm_column_5 {
    width: 14%;
}

.lm_tableheader .lm_header_toolbar_wrapper {
    float: none;
    display: inline-block;
    top: initial;
    position: initial;
    padding-bottom: 0;
}

#lm_wrapper .table-condensed > thead > tr > th.lm_tableheader.lm_columnheader {
    padding: 30px 12px;
    text-align: center;
    color: #7484ff;
    font-size: 16px;
}

.lm_result .lm_header_toolbar_text {
    margin: 0;
}

#lm_wrapper .table > thead > tr > th, #lm_wrapper .table > tbody > tr > th, #lm_wrapper .table > tfoot > tr > th, #lm_wrapper .table > thead > tr > td, #lm_wrapper .table > tbody > tr > td, #lm_wrapper .table > tfoot > tr > td {
    line-height: inherit;
    padding: 12px;
}

td.lm_td_dato.lm_column_0, td.lm_td_dato.lm_column_2, td.lm_td_dato.lm_column_5 {
    text-align: center;
}

.lm_order.lm_selectable.glyphicon:hover {
    color: #333;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
}

th.lm_tableheader.lm_columnheader.lm_column_6, td.lm_td_dato.lm_column_6, th.lm_tableheader.lm_columnheader.lm_column_3, td.lm_td_dato.lm_column_3 {
    display: none !important;
}

#lm_wrapper .table-responsive>.table>thead>tr>th, #lm_wrapper .table-responsive>.table>tbody>tr>th, #lm_wrapper .table-responsive>.table>tfoot>tr>th, #lm_wrapper .table-responsive>.table>thead>tr>td, #lm_wrapper .table-responsive>.table>tbody>tr>td, #lm_wrapper .table-responsive>.table>tfoot>tr>td {
    white-space: inherit;
}

/*---simular---*/
.container-fluid {
    padding-top: 50px;
}


.result-item-inner .content {
    margin-top: 50px;
    margin: 0 auto!important;
}


.bg-blue {
    display: inline-block;
    margin: 35px auto 15px auto;
	padding: 5px 10px 5px;
}


/*-------填答總覽色彩修改--------*/

table.quizes-table th {
    background: #808080;
    border: solid 1px #999!important;
    color: #fff;
    font-weight: bold;
}

table.quizes-table tbody tr td {
    border: solid 1px #999!important;
}

table.quizes-table .options {
	color: #5a69de;
    padding-left: 10px!important;
}/*子題目的答案*/



/*.quizes-table tr td:nth-child(1){
    color: #08c;
    font-weight: bold;
}主題目的答案*/

.quizes-table tr td:nth-child(2){
    font-weight: bold;
	border: solid 1px #999!important;
}/*主題目*/

.quizes-table tr td.text-left:nth-child(1){
    color: #666;
	font-weight: bold;
	padding-left: 15px;
	border: solid 1px #999!important;
	text-align: left;
}/*子題目*/

table.quizes-table th.text-center:nth-child(1) {
    background: #808080!important;
	border: solid 1px #999!important;
}

table.quizes-table th:nth-child(1) {
    background: #f75656!important;
	border: solid 1px #f75656!important;
}/*第一個標頭欄的顏色*/


table.quizes-table th:nth-child(2) {
text-align: center;
}/*第二個標頭欄的置中*/

table.quizes-table tbody tr td:nth-child(1){
	border: solid 1px #999!important;
	text-align: center;
	color: #5a69de;
    font-weight: bold;
}/*第一欄的框線顏色*/

.bg-w-blue {
    background: #5a69de!important;
}



/*----for table----*/
@media (max-width: 580px){
table.quizes-table tbody tr td {
    display: table-cell !important;
    width: auto !important;
}
  tr.lm_trwhite {
    background: #f2f2f2;
  }
}


/*@media (max-width: 467px){
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}*/

.title-inner-result {
	padding-top:5px;
}


.custom_size {
	font-size:20px;
}


p.poll-title {
    font-size: 30px!important;	
    margin-bottom: 0.5em!important;	
}

/*----for pdf foot----*/
.row-fluid.pdf-foot {
    padding: 50px 0 0 0;
    text-align: left;
    display: none;
}

/*---for related source----*/
.lm_td_dato.lm_column_4 p, .lm_td_dato.lm_column_5 p{
font-size: 13px;
} 

/*----------------------------for PDF-----------------------------*/
@media print{

/*@font-face {
  font-family: 'Microsoft JhengHei'!important;
  src: url(http://demo.simular.in/easy2go/msjh.ttf)!important; 
}*/

 a[href]:after {
    content: none !important;
  }

.container-fluid {
    padding-top: 10px!important;
}



p.poll-title {
    font-size: 24px!important;		
    margin-bottom: 0.2em!important;	
    font-family: 'Microsoft JhengHei' !important;	
    color: black!important; 
    margin-top: 40px!important;
}

.row-fluid.ntquizes {
	padding-top:10px!important;
}



body{
   font-family: 'Microsoft JhengHei' !important;  
   color: black!important;  
}

.ntquizes .poll-number {
    padding: 0 10px;
    text-align: justify;
    min-height: 200px!important;
}

.ntquizes-container {
    border: solid 1px #999!important;
}

.ntquizes .title-block {
    background: #999!important;
}

.title-block {
    color: #ffffff!important;
    font-weight: bold!important;
 }

 .title-inner-result {
    color: #ffffff!important;
}

.poll-number.text-center.ht-line {
	font-family: 'Microsoft JhengHei' !important; 
    color: black!important; 
    font-size: 12px!important;
    height: 310px!important;
}

.poll-number.text-center  {
	font-family: 'Microsoft JhengHei', sans-serif !important; 
    color: black!important; 
    font-size: 12px!important;
    height: 310px!important;
}

.options {
    color: #f75656!important;
    padding-left: 10px!important;
}

	#gkTop,#gkBreadcrumb,#gkFooter{
		display:none;
	}
	
	#gkPageContentWrap{
		padding-top:0px!important;
		margin-top:-100px!important;
	}

.img-pad img {

    width: 100px!important;
}	
	
	.img-pad .img-bottom {
    width: 80px!important;
    height: 72px!important;
    margin: 0 auto;
    background-image: url("http://demo.simular.in/easy2go/components/com_poll/images/score.png") !important;
	background-size: 80%!important;
    background-repeat: no-repeat!important;
}

.img-pad .img-bottom.low {
    background-position: 11px -149px !important;
	background-repeat: no-repeat!important;
}

.img-pad .img-bottom.medium {
    background-position: 11px -77px !important;
	background-repeat: no-repeat!important;
}

.img-pad .img-bottom.high {
    background-position: 10px -2px !important;
	background-repeat: no-repeat!important;
}

.ntquizes-content.text-left {
	padding-top:0px !important;
}

.allquiz-item-inner{
	padding-top:30px !important;
}

.bg-w-blue {
    font-size: 18px !important;
}

.text-center.result{
		display:none;
}

.row-fluid.ntquizes .span4.poll.row {
	display:block;
	float:left!important;
	width:32%!important;
	margin-left:1%!important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#ntquizes-suggestion .row-fluid.margin-top-15 .span6.bord.text-center{
	display:block;
	float:left!important;
	width:48%!important;
	margin-left:1%!important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.span6.right-border {
	display:block;
	float:left!important;
	width:48%!important;
	margin-left:1%!important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.ntquizes-content.text-left {
	page-break-before: always !important;
}





/*for 縣市能力*/
.poll-circle.circle-success .circle-text {
    border-color: rgba(58, 199, 58, 0) !important;
}

.poll-circle.circle-warning .circle-text {
    border-color: rgba(248, 215, 64, 0) !important;
}

.poll-circle.circle-danger .circle-text {
    border-color: rgba(249, 70, 70, 0)!important;
}

.head-circle {
	margin-bottom:160px!important;
}

.row-fluid.des-icon {
    margin-bottom:80px!important;
}


.circle-for-print i.circle-success {
    background: none !important;
    border-bottom: solid 10px #3ac73a;
}


.circle-for-print i.circle-warning {
    background: none !important;
    border-bottom: solid 10px #f8d740;
}


.circle-for-print i.circle-danger {
    background: none !important;
    border-bottom: solid 10px #f94646;
}

/*canvas {
    display: none !important;
}

ul.circles {
    margin-bottom: 50px !important;
}

span.circle-text {
	line-height: 0px !important;
    font-size: 38px !important;
}*/

i.green {
    background: #3ac73a !important;
}


i.yellow {
    background: #f8d740 !important;
}

i.red {
    background: #f94646 !important;
}

i.color-icon {
    width: 20px !important;
    height: 20px !important;
    margin: -4px 10px -4px 0 !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100% !important;
    display: inline-block;
}

p.level-rank {
    margin: 0.5em 0 0.5em !important;
}

.progress .bar, .progress {
    border-radius: 10px !important;
}

.progress-success .bar, .progress .bar-success {
    background-color: #3ac73a !important;
}

.progress-warning .bar, .progress .bar-warning {
  background: #f8d740 !important;
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #f94646 !important;
}


td#td-1 {
	width:50%!important;
}

td#td-2{
	width:20%!important;
}

td#td-3{
	width:30%!important;
}

.progress {
    overflow: visible !important;
	width: 100% !important;
}

.progress .bar {
    float: left !important;
    height: 100% !important;
    font-size: 12px;
    color: #fff;
    text-align: center;
}


/*.progress .bar {
-webkit-transition:width 0s ease!important;
-moz-transition:width 0s ease!important;
-o-transition:width 0s ease!important;
transition:width 0s ease!important;
}*/

#summary-suggestion li:before {
background: none !important;
}

#summary-suggestion li {
    list-style-type: disc !important;
}


.related-image-link img {
    display: none !important;
}


.related-image-link {
    background: #999 !important;
    color: #fff !important;
}

.related-content a {
	text-decoration: none !important;
    color: #7484ff !important;
}

.bg-blue {
    color: #fff !important;
    background: #999 !important;
}

.result-item-inner .content:nth-child(1) {
    page-break-before: always !important;
}

/*---填答總覽for PDF---*/
/*-------填答總覽色彩修改--------*/

table.quizes-table th {
    background: #808080!important;
    border: solid 1px #999!important;
    color: #fff!important;
    font-weight: bold;
}

table.quizes-table tbody tr td {
    border: solid 1px #999!important;
}

table.quizes-table .options {
	color: #5a69de!important;
    padding-left: 10px!important;
}/*子題目的答案*/



/*.quizes-table tr td:nth-child(1){
    color: #08c;
    font-weight: bold;
}主題目的答案*/

.quizes-table tr td:nth-child(2){
	color: #666!important;
    font-weight: bold;
	border: solid 1px #999!important;
}/*主題目*/

.quizes-table tr td.text-left:nth-child(1){
    color: #666!important;
	font-weight: bold!important;
	padding-left: 15px;
	border: solid 1px #999!important;
	text-align: left;
}/*子題目*/

table.quizes-table th.text-center:nth-child(1) {
    background: #808080!important;
	border: solid 1px #999!important;
}

table.quizes-table th:nth-child(1) {
    background: #f75656!important;
	border: solid 1px #f75656!important;
}/*第一個標頭欄的顏色*/


table.quizes-table th:nth-child(2) {
text-align: center;
}/*第二個標頭欄的置中*/

table.quizes-table tbody tr td:nth-child(1){
	border: solid 1px #999!important;
	text-align: center;
	color: #5a69de!important;
    font-weight: bold;
}/*第一欄的框線顏色*/

.bg-w-blue {
    background: #999!important;
	color:#ffffff!important;
}

.allquiz-item.item {
	page-break-before: always !important;
}

/*----page foot----*/
.row-fluid.pdf-foot {
    padding: 50px 0 0 0;
    text-align: left;
    display: block!important;
}

 .row-fluid.pdf-foot p{
    font-size: 10px!important;
    margin: 0.5em 0 0.5em!important;
}

.row-fluid.pdf-foot .span2.poll.row {
    display:block;
    float:left!important;
    width:14%!important;
    margin-left:0%!important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.row-fluid.pdf-foot .span10.poll.row {
    display:block;
    float:left!important;
    width:82%!important;
    margin-left:0%!important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/*---end page foot----*/

}

/*-----End of PDF print----*/


/*----評估報告三欄對齊-----*/
.poll-number.text-center.ht-line {
    height: 365px;
}

.ntquizes .poll-number {
    padding: 0 10px;
    text-align: justify;
    min-height: 230px!important;
}


/*----for Homepage RWD---by Enyi------*/
area[href^="#"]{
        display: none;
    }

@media screen and (max-width: 1090px){
    .custom.norez img{
        width: 100%;
        max-width: 1090px;
    }
}

@media screen and (max-width: 760px){
    .custom.norez img{
        width: 100%;
        max-width: 760px;
    }

    .custom.norez.jmoddiv {
    	display:none !important;
    }

    .custom.norez.mobile.jmoddiv {
    	display:block !important;
    }
}

@media screen and (min-width: 760px){
 .custom.norez.mobile.jmoddiv {
    	display:none !important;
    }
}

@media screen and (max-width: 480px) {

    #gkHeader02 td,#gkHeader05 td{
        display: block;
    }
    .abo1,.abo3{
        display: block;
        width: 100%!important;
        text-align: center!important;
        margin: 0;
        padding: 0;
    }
    
    .abo2{
        display: none!important;
    }
    .abo4{
        width: 100%!important;
    }
    .abo5{
        width: 100%!important;
        text-align: center!important;
    }
    .abo5 img{
        float: none!important;
    }
    tbody tr td p{
        margin: 10px;
        padding: 0px 10px;
    }
    #gkBottom2{
        display: none;
    }
    #gkFooter,.gkPage{
        display: block;
    }
    
    tbody tr td{
            padding: 10px 0;
    }
    .custom.norez img{
        width: 100%;
        max-width: 480px;
    }

    .custom.norez div{
        margin: -10px 0!important;
    }

    .custom.norez area{
        cursor: inherit!important;
    }
	
	th.lm_tableheader.lm_columnheader.lm_column_0,
	th.lm_tableheader.lm_columnheader.lm_column_1,
	th.lm_tableheader.lm_columnheader.lm_column_2,
	th.lm_tableheader.lm_columnheader.lm_column_3,
	th.lm_tableheader.lm_columnheader.lm_column_4,
	th.lm_tableheader.lm_columnheader.lm_column_5{
		    width: 100%;
			display: block;		    
	}

	td.lm_td_dato.lm_column_0,
	td.lm_td_dato.lm_column_1.input-small,
	td.lm_td_dato.lm_column_2, 
	td.lm_td_dato.lm_column_4,
	td.lm_td_dato.lm_column_5{
		display: block;
	}
	

}

