td{ padding: 8px;}
table p {padding: 0; margin: 0} td{vertical-align: top !important;} body{font-family: "Roboto", Arial, 微軟æ£é»‘é«”; font-size: 12pt} .js-slide{width: 16.6%;}
a {
color: rgb(0, 0, 204);}
a:focus, a:hover {
color: rgb(0, 0, 204);
}
#home{padding-top:0px;}
.phgo{display: none}
.reg{text-align: center;
float: left;
width: 30%;}
.ar{ float: left;
width: 5%;}
.pc{display: block}
.ph{display: none}
@media (max-width: 768px)
{h2, .h2 {
font-size: 30px;
}
.pc{display: none}
.ph{display: block}
.ar{ display: none}
.reg{text-align: center;
float: none;
width: 100%;}
.phgo{display: block}.pcgo{display: none}
.js-slide{width: 50%;}
}.g-theme-bg-blue-dark-v1-opacity-0_9 {
background-color: #f29300 !important;
}
.g-theme-bg-blue-dark-v1 {
background-color: #1455a0 !important;
}.g-theme-bg-blue-dark-v2 {
background-color: #083e7d !important;
}
.g-brd-primary {
border-color: #efefef !important
}
}a {
color: #ffffff;
}
h2{color: #f29300 !important;}
.span3{color: #ffc800;
/* position: absolute; */
bottom: 0;
width: 100%;
text-align: center;
font-size: 14pt;
font-weight: bold;
text-shadow: 0px 0px 15px #232323;
line-height: 80px;}
.span3 span{font-size: 40pt;
color: #FFF; }
.table-striped tbody tr:nth-of-type(2n+1) {
background-color:#f1ebff;
}
.logoo{ position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: rgba(255, 255, 255, 0.92);
padding: 15px;
text-align: center;
box-shadow: 0px -5px 10px #00000021;
z-index: 10;}
.gogo{position: fixed;transition: all 0.2s ease-in-out;
right: 5px;
top: 50%;
z-index: 11;
margin-top: -70px;
cursor: pointer;border-radius: 50%;
background: -o-linear-gradient(left, #24a7cc, #9173ba);
content: "";
display: block;
width: 150px;
height: auto;
}
.gogo img{width: 100%;height:auto}
.gogo:before {
content: "";
display: block;
position: absolute;
right: 15px;
top: 43%;
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
width: 29px;
height: 2px;
background: #fff;
}
.g-absolute-centered{top: 45% !important;}
.u-go-to-v1 {
background-color: rgb(253, 166, 45);
color: #fff;}
.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
background-color: #ffc911;
}
.logoo img{ margin-right: 10px;}
.col-md-2-4 {max-width:25%; padding: 15px;float: left; min-height: 385px}
.col-md-2-4 img{width:100%;height:auto;margin-bottom: 15px;}
.col-md-2-4 div{font-size: 13pt;font-weight: bold;}
.col-md-2-4 p { font-size: 10pt;}
.col-center{ width:12.5%;float: left}
@media (max-width: 768px){
.share{float:left !important}
.col-center{ display:none}
.g-absolute-centered{top: 50% !important;}
.col-md-2-4 {max-width:50%;}
.span3 span{font-size: 30pt; }
.span3 {font-size: 10pt;}
.ok1{font-size: 27pt;}
.ok2{font-size: 22pt;margin: 0;}
.ok3{font-size: 11pt;padding: 10px;}
.ok4{font-size: 14pt;}
.ok5{
font-size: 14pt;
max-width: 300px;
margin: 0 auto;}
.logoo span{display: block;
margin: 10px 0 0px}
.logoo{position: inherit;text-align: left;}
body {
padding-bottom: 0;
}
.logoo img {
max-width: 80px;
height: auto;
margin-right: 20px;
}
.gogo{display: none;}
}
h2>span{font-size: 19pt;
display: block;
text-transform: capitalize;}
.h4, h4 {
font-size: 20PT;
COLOR: #f29300 !IMPORTANT;}
@media (min-width: 992px){
.container {
max-width: 860px;
} }
@media (min-width: 1200px){
.container {
max-width: 960px
}}
// stylelint-disable selector-max-type, selector-max-compound-selectors, selector-max-combinators, no-duplicate-selectors
//
// Panels
// --------------------------------------------------
// Base class
.panel {
margin-bottom: @line-height-computed;
background-color: @panel-bg;
border: 1px solid transparent;
border-radius: @panel-border-radius;
.box-shadow(0 1px 1px rgba(0, 0, 0, .05));
}
// Panel contents
.panel-body {
padding: @panel-body-padding;
&:extend(.clearfix all);
}
// Optional heading
.panel-heading {
padding: @panel-heading-padding;
border-bottom: 1px solid transparent;
.border-top-radius((@panel-border-radius - 1));
> .dropdown .dropdown-toggle {
color: inherit;
}
}
// Within heading, strip any `h*` tag of its default margins for spacing.
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: ceil((@font-size-base * 1.125));
color: inherit;
> a,
> small,
> .small,
> small > a,
> .small > a {
color: inherit;
}
}
// Optional footer (stays gray in every modifier class)
.panel-footer {
padding: @panel-footer-padding;
background-color: @panel-footer-bg;
border-top: 1px solid @panel-inner-border;
.border-bottom-radius((@panel-border-radius - 1));
}
// List groups in panels
//
// By default, space out list group content from panel headings to account for
// any kind of custom content between the two.
.panel {
> .list-group,
> .panel-collapse > .list-group {
margin-bottom: 0;
.list-group-item {
border-width: 1px 0;
border-radius: 0;
}
// Add border top radius for first one
&:first-child {
.list-group-item:first-child {
border-top: 0;
.border-top-radius((@panel-border-radius - 1));
}
}
// Add border bottom radius for last one
&:last-child {
.list-group-item:last-child {
border-bottom: 0;
.border-bottom-radius((@panel-border-radius - 1));
}
}
}
> .panel-heading + .panel-collapse > .list-group {
.list-group-item:first-child {
.border-top-radius(0);
}
}
}
// Collapse space between when there's no additional content.
.panel-heading + .list-group {
.list-group-item:first-child {
border-top-width: 0;
}
}
.list-group + .panel-footer {
border-top-width: 0;
}
// Tables in panels
//
// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
// watch it go full width.
.panel {
> .table,
> .table-responsive > .table,
> .panel-collapse > .table {
margin-bottom: 0;
caption {
padding-right: @panel-body-padding;
padding-left: @panel-body-padding;
}
}
// Add border top radius for first one
> .table:first-child,
> .table-responsive:first-child > .table:first-child {
.border-top-radius((@panel-border-radius - 1));
> thead:first-child,
> tbody:first-child {
> tr:first-child {
border-top-left-radius: (@panel-border-radius - 1);
border-top-right-radius: (@panel-border-radius - 1);
td:first-child,
th:first-child {
border-top-left-radius: (@panel-border-radius - 1);
}
td:last-child,
th:last-child {
border-top-right-radius: (@panel-border-radius - 1);
}
}
}
}
// Add border bottom radius for last one
> .table:last-child,
> .table-responsive:last-child > .table:last-child {
.border-bottom-radius((@panel-border-radius - 1));
> tbody:last-child,
> tfoot:last-child {
> tr:last-child {
border-bottom-right-radius: (@panel-border-radius - 1);
border-bottom-left-radius: (@panel-border-radius - 1);
td:first-child,
th:first-child {
border-bottom-left-radius: (@panel-border-radius - 1);
}
td:last-child,
th:last-child {
border-bottom-right-radius: (@panel-border-radius - 1);
}
}
}
}
> .panel-body + .table,
> .panel-body + .table-responsive,
> .table + .panel-body,
> .table-responsive + .panel-body {
border-top: 1px solid @table-border-color;
}
> .table > tbody:first-child > tr:first-child th,
> .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
> .table-bordered,
> .table-responsive > .table-bordered {
border: 0;
> thead,
> tbody,
> tfoot {
> tr {
> th:first-child,
> td:first-child {
border-left: 0;
}
> th:last-child,
> td:last-child {
border-right: 0;
}
}
}
> thead,
> tbody {
> tr:first-child {
> td,
> th {
border-bottom: 0;
}
}
}
> tbody,
> tfoot {
> tr:last-child {
> td,
> th {
border-bottom: 0;
}
}
}
}
> .table-responsive {
margin-bottom: 0;
border: 0;
}
}
// Collapsible panels (aka, accordion)
//
// Wrap a series of panels in `.panel-group` to turn them into an accordion with
// the help of our collapse JavaScript plugin.
.panel-group {
margin-bottom: @line-height-computed;
// Tighten up margin so it's only between panels
.panel {
margin-bottom: 0;
border-radius: @panel-border-radius;
+ .panel {
margin-top: 5px;
}
}
.panel-heading {
border-bottom: 0;
+ .panel-collapse > .panel-body,
+ .panel-collapse > .list-group {
border-top: 1px solid @panel-inner-border;
}
}
.panel-footer {
border-top: 0;
+ .panel-collapse .panel-body {
border-bottom: 1px solid @panel-inner-border;
}
}
}
// Contextual variations
.panel-default {
.panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
}
.panel-primary {
.panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
}
.panel-success {
.panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
}
.panel-info {
.panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
}
.panel-warning {
.panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
}
.panel-danger {
.panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
}