a:link     { text-decoration: none; color: #267B6C;}
a:visited  { text-decoration: none; color: #267B6C; outline:none;}
a:active   { text-decoration: none; color: #267B6C;}
a:hover    { text-decoration: none; color: #084F58;}



/*========================================================
          固定會用到的，ex 字體大小、顏色、按鈕、各間距
=========================================================*/
.Cur_p { cursor: pointer;}

.f12{font-size: 12px!important;}
.f13{font-size: 13px!important;}
.f15{font-size: 15px!important;}

.lh140{line-height: 140%}



.aflex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-inline_a .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .pull-right_D {
        float: right!important;
    }
    .pull-left_D {
        float: left!important;
    }
    .aflex_D {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}









/*========================================================
             padding  margin  width
=========================================================*/







/*========================================================
                       btn
=========================================================*/




/*========================================================
                新型新增頁add-表格 table-row
=========================================================*/
div.table-row .txt { padding-top: 9px;}

div.table-row.TD2 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; padding: 16px 8px 8px 8px; font-weight: bold; }
div.table-row.TD2 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; padding: 9px 8px 8px 8px;}
div.table-row.TD4 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; padding: 16px 8px 8px 8px; font-weight: bold;}
div.table-row.TD4 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; padding: 9px 8px 8px 8px;}


@media (min-width: 768px) {
	div.table-row {
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	div.table-row .th {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	div.table-row.TD2 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; flex: 1; padding: 16px 8px 8px 8px;}
	div.table-row.TD2 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; flex: 3; padding: 9px 8px 8px 8px;}
	div.table-row.TD4 .th { background: #F2F2F2; border-bottom: 1px #D2D2D2 solid; flex: 2; padding: 16px 16px 8px 16px;}
	div.table-row.TD4 .td { background: #FCFCFC; border-bottom: 1px #D2D2D2 solid; flex: 2; padding: 9px 8px 8px 8px;}
}
@media (min-width: 992px) {
	div.table-row.TD2 .th { flex: 1;}
	div.table-row.TD2 .td { flex: 5;}
	div.table-row.TD4 .th { flex: 1.9;}
	div.table-row.TD4 .td { flex: 4;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	div.table-row {
		display: flex;
		flex-wrap: wrap;
	}
	div.table-row.TD2 .th { width: 20%; text-align: center;}
	div.table-row.TD2 .td { width: 80%;}
	div.table-row.TD4 .th { width: 20%; text-align: center;}
	div.table-row.TD4 .td { width: 80%;}
}
@media (max-width: 575px) {
	div.table-row.TD2 .th { text-align: center;}
	div.table-row.TD2 .td { }
	div.table-row.TD4 .th { text-align: center;}
	div.table-row.TD4 .td { }
}



/*========================================================
                       Hr  border
=========================================================*/
hr.style01 {
	height: 6px;
	background: url(../images/hr_01.png) repeat-x 0 0;
    border: 0;
}

hr.style02 { 
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

hr.style03 {
    height: 3px;
    border: none;
    border-top: 3px double #789B9A;
    margin-bottom: 50px;
}

hr.style04 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #D9D9D9 inset;
}











/*========================================================
                     notice
=========================================================*/
.notice {
    padding: 10px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}







/*========================================================
                CSS scott style pagination
=========================================================*/
div.scott {
	padding: 3px; margin: 10px 0 0 0; text-align: center; width: 100%;
}
div.scott a {
    border: #ddd 1px solid; padding: 2px 8px; text-decoration: none; margin-bottom: 5px; display: inline-block; color: #267B6C;
}
div.scott a:hover {
	border: #1ebd87 1px solid; color: #638425; background: #ddffd9;
}
div.scott a:active {
	border: #1ebd87 1px solid; color: #638425; background: #ddffd9;
}
div.scott span.current {
	border: #17a2b8 1px solid; padding: 2px 8px; font-weight: bold; color: #fff; margin-right: 2px; background: #17a2b8; display: inline-block;
}
div.scott span.disabled {
	border: #f3f3f3 1px solid; padding: 2px 8px; color: #ccc; margin-right: 2px; display: inline-block;
}











/*========================================================
                        按鈕
=========================================================*/
.btnC {
    text-decoration: none;
    color: #fff;
    padding: 4px 30px 2px 30px;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom: 4px solid rgba(0,0,0,0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgb(0 0 0 / 15%);
}

/* Gradient - ugly css is ugly */
.btnC.cyan {
	background: rgba(27,188,194,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
	background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btnC.red{ 
	background: rgba(250,90,90,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
	background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
a.btnC.red { color: #fff;}
a.btnC.red:hover { color: #FFFF00;}

.btnC.orange {
	background: rgba(255,105,30,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
	background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btnC.blue {
	background: rgba(102,152,203,1);
	background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
	background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btnC.purple { 
	background: rgba(203,153,197,1);
	background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
	background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btnC.yellow {
	background: rgba(240,210,100,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
	background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btnC.green {
	background: rgba(130,200,160,1);
	background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
	background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btnC.red:active    { background: #E35252;}
.btnC.orange:active { background: #E8601B;}
.btnC.cyan:active 	{ background: #169499;}
.btnC.blue:active 	{ background: #608FBF;}
.btnC.purple:active { background: #BD8EB7;}
.btnC.yellow:active { background: #DBC05B;}
.btnC.green:active  { background: #72B08E;}