Difference between revisions of "Template:CCU Taiwan"

Line 160: Line 160:
 
box-sizing: border-box;
 
box-sizing: border-box;
 
}
 
}
/*******************1119*****************/
 
/* Containers */
 
 
.container {
 
margin-left: auto;
 
margin-right: auto;
 
}
 
 
.container.\31 25\25 {
 
width: 100%;
 
max-width: 1750px;
 
min-width: 1400px;
 
}
 
 
.container.\37 5\25 {
 
width: 1050px;
 
}
 
 
.container.\35 0\25 {
 
width: 700px;
 
}
 
 
.container.\32 5\25 {
 
width: 350px;
 
}
 
 
.container {
 
width: 1400px;
 
}
 
 
@media screen and (max-width: 1680px) {
 
 
.container.\31 25\25 {
 
width: 100%;
 
max-width: 1500px;
 
min-width: 1200px;
 
}
 
 
.container.\37 5\25 {
 
width: 900px;
 
}
 
 
.container.\35 0\25 {
 
width: 600px;
 
}
 
 
.container.\32 5\25 {
 
width: 300px;
 
}
 
 
.container {
 
width: 1200px;
 
}
 
 
}
 
 
@media screen and (max-width: 1280px) {
 
 
.container.\31 25\25 {
 
width: 100%;
 
max-width: 125%;
 
min-width: 100%;
 
}
 
 
.container.\37 5\25 {
 
width: 75%;
 
}
 
 
.container.\35 0\25 {
 
width: 50%;
 
}
 
 
.container.\32 5\25 {
 
width: 25%;
 
}
 
 
.container {
 
width: 100%;
 
}
 
 
}
 
 
@media screen and (max-width: 960px) {
 
 
.container.\31 25\25 {
 
width: 100%;
 
max-width: 125%;
 
min-width: 100%;
 
}
 
 
.container.\37 5\25 {
 
width: 75%;
 
}
 
 
.container.\35 0\25 {
 
width: 50%;
 
}
 
 
.container.\32 5\25 {
 
width: 25%;
 
}
 
 
.container {
 
width: 100%;
 
}
 
 
}
 
 
@media screen and (max-width: 840px) {
 
 
.container.\31 25\25 {
 
width: 100%;
 
max-width: 125%;
 
min-width: 100%;
 
}
 
 
.container.\37 5\25 {
 
width: 75%;
 
}
 
 
.container.\35 0\25 {
 
width: 50%;
 
}
 
 
.container.\32 5\25 {
 
width: 25%;
 
}
 
 
.container {
 
width: 100% !important;
 
}
 
 
}
 
 
@media screen and (max-width: 736px) {
 
 
.container.\31 25\25 {
 
width: 100%;
 
max-width: 125%;
 
min-width: 100%;
 
}
 
 
.container.\37 5\25 {
 
width: 75%;
 
}
 
 
.container.\35 0\25 {
 
width: 50%;
 
}
 
 
.container.\32 5\25 {
 
width: 25%;
 
}
 
 
.container {
 
width: 100% !important;
 
}
 
 
}
 
 
/* Grid */
 
 
.row {
 
border-bottom: solid 1px transparent;
 
-moz-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
box-sizing: border-box;
 
}
 
 
.row > * {
 
float: left;
 
-moz-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
box-sizing: border-box;
 
}
 
 
.row:after, .row:before {
 
content: '';
 
display: block;
 
clear: both;
 
height: 0;
 
}
 
 
.row.uniform > * > :first-child {
 
margin-top: 0;
 
}
 
 
.row.uniform > * > :last-child {
 
margin-bottom: 0;
 
}
 
 
.row.\30 \25 > * {
 
padding: 0px 0 0 0px;
 
}
 
 
.row.\30 \25 {
 
margin: 0px 0 -1px 0px;
 
}
 
 
.row.uniform.\30 \25 > * {
 
padding: 0px 0 0 0px;
 
}
 
 
.row.uniform.\30 \25 {
 
margin: 0px 0 -1px 0px;
 
}
 
 
.row > * {
 
padding: 48px 0 0 48px;
 
}
 
 
.row {
 
margin: -48px 0 -1px -48px;
 
}
 
 
.row.uniform > * {
 
padding: 48px 0 0 48px;
 
}
 
 
.row.uniform {
 
margin: -48px 0 -1px -48px;
 
}
 
 
.row.\32 00\25 > * {
 
padding: 96px 0 0 96px;
 
}
 
 
.row.\32 00\25 {
 
margin: -96px 0 -1px -96px;
 
}
 
 
.row.uniform.\32 00\25 > * {
 
padding: 96px 0 0 96px;
 
}
 
 
.row.uniform.\32 00\25 {
 
margin: -96px 0 -1px -96px;
 
}
 
 
.row.\31 50\25 > * {
 
padding: 72px 0 0 72px;
 
}
 
 
.row.\31 50\25 {
 
margin: -72px 0 -1px -72px;
 
}
 
 
.row.uniform.\31 50\25 > * {
 
padding: 72px 0 0 72px;
 
}
 
 
.row.uniform.\31 50\25 {
 
margin: -72px 0 -1px -72px;
 
}
 
 
.row.\35 0\25 > * {
 
padding: 24px 0 0 24px;
 
}
 
 
.row.\35 0\25 {
 
margin: -24px 0 -1px -24px;
 
}
 
 
.row.uniform.\35 0\25 > * {
 
padding: 24px 0 0 24px;
 
}
 
 
.row.uniform.\35 0\25 {
 
margin: -24px 0 -1px -24px;
 
}
 
 
.row.\32 5\25 > * {
 
padding: 12px 0 0 12px;
 
}
 
 
.row.\32 5\25 {
 
margin: -12px 0 -1px -12px;
 
}
 
 
.row.uniform.\32 5\25 > * {
 
padding: 12px 0 0 12px;
 
}
 
 
.row.uniform.\32 5\25 {
 
margin: -12px 0 -1px -12px;
 
}
 
 
.\31 2u, .\31 2u\24 {
 
width: 100%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 1u, .\31 1u\24 {
 
width: 91.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 0u, .\31 0u\24 {
 
width: 83.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\39 u, .\39 u\24 {
 
width: 75%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\38 u, .\38 u\24 {
 
width: 66.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\37 u, .\37 u\24 {
 
width: 58.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\36 u, .\36 u\24 {
 
width: 50%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\35 u, .\35 u\24 {
 
width: 41.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\34 u, .\34 u\24 {
 
width: 33.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\33 u, .\33 u\24 {
 
width: 25%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\32 u, .\32 u\24 {
 
width: 16.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 u, .\31 u\24 {
 
width: 8.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 2u\24 + *,
 
.\31 1u\24 + *,
 
.\31 0u\24 + *,
 
.\39 u\24 + *,
 
.\38 u\24 + *,
 
.\37 u\24 + *,
 
.\36 u\24 + *,
 
.\35 u\24 + *,
 
.\34 u\24 + *,
 
.\33 u\24 + *,
 
.\32 u\24 + *,
 
.\31 u\24 + * {
 
clear: left;
 
}
 
 
.\-11u {
 
margin-left: 91.66667%;
 
}
 
 
.\-10u {
 
margin-left: 83.33333%;
 
}
 
 
.\-9u {
 
margin-left: 75%;
 
}
 
 
.\-8u {
 
margin-left: 66.66667%;
 
}
 
 
.\-7u {
 
margin-left: 58.33333%;
 
}
 
 
.\-6u {
 
margin-left: 50%;
 
}
 
 
.\-5u {
 
margin-left: 41.66667%;
 
}
 
 
.\-4u {
 
margin-left: 33.33333%;
 
}
 
 
.\-3u {
 
margin-left: 25%;
 
}
 
 
.\-2u {
 
margin-left: 16.66667%;
 
}
 
 
.\-1u {
 
margin-left: 8.33333%;
 
}
 
 
@media screen and (max-width: 1680px) {
 
 
.row > * {
 
padding: 48px 0 0 48px;
 
}
 
 
.row {
 
margin: -48px 0 -1px -48px;
 
}
 
 
.row.uniform > * {
 
padding: 48px 0 0 48px;
 
}
 
 
.row.uniform {
 
margin: -48px 0 -1px -48px;
 
}
 
 
.row.\32 00\25 > * {
 
padding: 96px 0 0 96px;
 
}
 
 
.row.\32 00\25 {
 
margin: -96px 0 -1px -96px;
 
}
 
 
.row.uniform.\32 00\25 > * {
 
padding: 96px 0 0 96px;
 
}
 
 
.row.uniform.\32 00\25 {
 
margin: -96px 0 -1px -96px;
 
}
 
 
.row.\31 50\25 > * {
 
padding: 72px 0 0 72px;
 
}
 
 
.row.\31 50\25 {
 
margin: -72px 0 -1px -72px;
 
}
 
 
.row.uniform.\31 50\25 > * {
 
padding: 72px 0 0 72px;
 
}
 
 
.row.uniform.\31 50\25 {
 
margin: -72px 0 -1px -72px;
 
}
 
 
.row.\35 0\25 > * {
 
padding: 24px 0 0 24px;
 
}
 
 
.row.\35 0\25 {
 
margin: -24px 0 -1px -24px;
 
}
 
 
.row.uniform.\35 0\25 > * {
 
padding: 24px 0 0 24px;
 
}
 
 
.row.uniform.\35 0\25 {
 
margin: -24px 0 -1px -24px;
 
}
 
 
.row.\32 5\25 > * {
 
padding: 12px 0 0 12px;
 
}
 
 
.row.\32 5\25 {
 
margin: -12px 0 -1px -12px;
 
}
 
 
.row.uniform.\32 5\25 > * {
 
padding: 12px 0 0 12px;
 
}
 
 
.row.uniform.\32 5\25 {
 
margin: -12px 0 -1px -12px;
 
}
 
 
.\31 2u\28wide\29, .\31 2u\24\28wide\29 {
 
width: 100%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 1u\28wide\29, .\31 1u\24\28wide\29 {
 
width: 91.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 0u\28wide\29, .\31 0u\24\28wide\29 {
 
width: 83.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\39 u\28wide\29, .\39 u\24\28wide\29 {
 
width: 75%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\38 u\28wide\29, .\38 u\24\28wide\29 {
 
width: 66.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\37 u\28wide\29, .\37 u\24\28wide\29 {
 
width: 58.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\36 u\28wide\29, .\36 u\24\28wide\29 {
 
width: 50%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\35 u\28wide\29, .\35 u\24\28wide\29 {
 
width: 41.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\34 u\28wide\29, .\34 u\24\28wide\29 {
 
width: 33.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\33 u\28wide\29, .\33 u\24\28wide\29 {
 
width: 25%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\32 u\28wide\29, .\32 u\24\28wide\29 {
 
width: 16.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 u\28wide\29, .\31 u\24\28wide\29 {
 
width: 8.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 2u\24\28wide\29 + *,
 
.\31 1u\24\28wide\29 + *,
 
.\31 0u\24\28wide\29 + *,
 
.\39 u\24\28wide\29 + *,
 
.\38 u\24\28wide\29 + *,
 
.\37 u\24\28wide\29 + *,
 
.\36 u\24\28wide\29 + *,
 
.\35 u\24\28wide\29 + *,
 
.\34 u\24\28wide\29 + *,
 
.\33 u\24\28wide\29 + *,
 
.\32 u\24\28wide\29 + *,
 
.\31 u\24\28wide\29 + * {
 
clear: left;
 
}
 
 
.\-11u\28wide\29 {
 
margin-left: 91.66667%;
 
}
 
 
.\-10u\28wide\29 {
 
margin-left: 83.33333%;
 
}
 
 
.\-9u\28wide\29 {
 
margin-left: 75%;
 
}
 
 
.\-8u\28wide\29 {
 
margin-left: 66.66667%;
 
}
 
 
.\-7u\28wide\29 {
 
margin-left: 58.33333%;
 
}
 
 
.\-6u\28wide\29 {
 
margin-left: 50%;
 
}
 
 
.\-5u\28wide\29 {
 
margin-left: 41.66667%;
 
}
 
 
.\-4u\28wide\29 {
 
margin-left: 33.33333%;
 
}
 
 
.\-3u\28wide\29 {
 
margin-left: 25%;
 
}
 
 
.\-2u\28wide\29 {
 
margin-left: 16.66667%;
 
}
 
 
.\-1u\28wide\29 {
 
margin-left: 8.33333%;
 
}
 
 
}
 
 
@media screen and (max-width: 1280px) {
 
 
.row > * {
 
padding: 36px 0 0 36px;
 
}
 
 
.row {
 
margin: -36px 0 -1px -36px;
 
}
 
 
.row.uniform > * {
 
padding: 36px 0 0 36px;
 
}
 
 
.row.uniform {
 
margin: -36px 0 -1px -36px;
 
}
 
 
.row.\32 00\25 > * {
 
padding: 72px 0 0 72px;
 
}
 
 
.row.\32 00\25 {
 
margin: -72px 0 -1px -72px;
 
}
 
 
.row.uniform.\32 00\25 > * {
 
padding: 72px 0 0 72px;
 
}
 
 
.row.uniform.\32 00\25 {
 
margin: -72px 0 -1px -72px;
 
}
 
 
.row.\31 50\25 > * {
 
padding: 54px 0 0 54px;
 
}
 
 
.row.\31 50\25 {
 
margin: -54px 0 -1px -54px;
 
}
 
 
.row.uniform.\31 50\25 > * {
 
padding: 54px 0 0 54px;
 
}
 
 
.row.uniform.\31 50\25 {
 
margin: -54px 0 -1px -54px;
 
}
 
 
.row.\35 0\25 > * {
 
padding: 18px 0 0 18px;
 
}
 
 
.row.\35 0\25 {
 
margin: -18px 0 -1px -18px;
 
}
 
 
.row.uniform.\35 0\25 > * {
 
padding: 18px 0 0 18px;
 
}
 
 
.row.uniform.\35 0\25 {
 
margin: -18px 0 -1px -18px;
 
}
 
 
.row.\32 5\25 > * {
 
padding: 9px 0 0 9px;
 
}
 
 
.row.\32 5\25 {
 
margin: -9px 0 -1px -9px;
 
}
 
 
.row.uniform.\32 5\25 > * {
 
padding: 9px 0 0 9px;
 
}
 
 
.row.uniform.\32 5\25 {
 
margin: -9px 0 -1px -9px;
 
}
 
 
.\31 2u\28normal\29, .\31 2u\24\28normal\29 {
 
width: 100%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 1u\28normal\29, .\31 1u\24\28normal\29 {
 
width: 91.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 0u\28normal\29, .\31 0u\24\28normal\29 {
 
width: 83.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\39 u\28normal\29, .\39 u\24\28normal\29 {
 
width: 75%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\38 u\28normal\29, .\38 u\24\28normal\29 {
 
width: 66.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\37 u\28normal\29, .\37 u\24\28normal\29 {
 
width: 58.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\36 u\28normal\29, .\36 u\24\28normal\29 {
 
width: 50%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\35 u\28normal\29, .\35 u\24\28normal\29 {
 
width: 41.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\34 u\28normal\29, .\34 u\24\28normal\29 {
 
width: 33.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\33 u\28normal\29, .\33 u\24\28normal\29 {
 
width: 25%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\32 u\28normal\29, .\32 u\24\28normal\29 {
 
width: 16.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 u\28normal\29, .\31 u\24\28normal\29 {
 
width: 8.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 2u\24\28normal\29 + *,
 
.\31 1u\24\28normal\29 + *,
 
.\31 0u\24\28normal\29 + *,
 
.\39 u\24\28normal\29 + *,
 
.\38 u\24\28normal\29 + *,
 
.\37 u\24\28normal\29 + *,
 
.\36 u\24\28normal\29 + *,
 
.\35 u\24\28normal\29 + *,
 
.\34 u\24\28normal\29 + *,
 
.\33 u\24\28normal\29 + *,
 
.\32 u\24\28normal\29 + *,
 
.\31 u\24\28normal\29 + * {
 
clear: left;
 
}
 
 
.\-11u\28normal\29 {
 
margin-left: 91.66667%;
 
}
 
 
.\-10u\28normal\29 {
 
margin-left: 83.33333%;
 
}
 
 
.\-9u\28normal\29 {
 
margin-left: 75%;
 
}
 
 
.\-8u\28normal\29 {
 
margin-left: 66.66667%;
 
}
 
 
.\-7u\28normal\29 {
 
margin-left: 58.33333%;
 
}
 
 
.\-6u\28normal\29 {
 
margin-left: 50%;
 
}
 
 
.\-5u\28normal\29 {
 
margin-left: 41.66667%;
 
}
 
 
.\-4u\28normal\29 {
 
margin-left: 33.33333%;
 
}
 
 
.\-3u\28normal\29 {
 
margin-left: 25%;
 
}
 
 
.\-2u\28normal\29 {
 
margin-left: 16.66667%;
 
}
 
 
.\-1u\28normal\29 {
 
margin-left: 8.33333%;
 
}
 
 
}
 
 
@media screen and (max-width: 960px) {
 
 
.row > * {
 
padding: 32px 0 0 32px;
 
}
 
 
.row {
 
margin: -32px 0 -1px -32px;
 
}
 
 
.row.uniform > * {
 
padding: 32px 0 0 32px;
 
}
 
 
.row.uniform {
 
margin: -32px 0 -1px -32px;
 
}
 
 
.row.\32 00\25 > * {
 
padding: 64px 0 0 64px;
 
}
 
 
.row.\32 00\25 {
 
margin: -64px 0 -1px -64px;
 
}
 
 
.row.uniform.\32 00\25 > * {
 
padding: 64px 0 0 64px;
 
}
 
 
.row.uniform.\32 00\25 {
 
margin: -64px 0 -1px -64px;
 
}
 
 
.row.\31 50\25 > * {
 
padding: 48px 0 0 48px;
 
}
 
 
.row.\31 50\25 {
 
margin: -48px 0 -1px -48px;
 
}
 
 
.row.uniform.\31 50\25 > * {
 
padding: 48px 0 0 48px;
 
}
 
 
.row.uniform.\31 50\25 {
 
margin: -48px 0 -1px -48px;
 
}
 
 
.row.\35 0\25 > * {
 
padding: 16px 0 0 16px;
 
}
 
 
.row.\35 0\25 {
 
margin: -16px 0 -1px -16px;
 
}
 
 
.row.uniform.\35 0\25 > * {
 
padding: 16px 0 0 16px;
 
}
 
 
.row.uniform.\35 0\25 {
 
margin: -16px 0 -1px -16px;
 
}
 
 
.row.\32 5\25 > * {
 
padding: 8px 0 0 8px;
 
}
 
 
.row.\32 5\25 {
 
margin: -8px 0 -1px -8px;
 
}
 
 
.row.uniform.\32 5\25 > * {
 
padding: 8px 0 0 8px;
 
}
 
 
.row.uniform.\32 5\25 {
 
margin: -8px 0 -1px -8px;
 
}
 
 
.\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
 
width: 100%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
 
width: 91.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
 
width: 83.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\39 u\28narrow\29, .\39 u\24\28narrow\29 {
 
width: 75%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\38 u\28narrow\29, .\38 u\24\28narrow\29 {
 
width: 66.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\37 u\28narrow\29, .\37 u\24\28narrow\29 {
 
width: 58.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\36 u\28narrow\29, .\36 u\24\28narrow\29 {
 
width: 50%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\35 u\28narrow\29, .\35 u\24\28narrow\29 {
 
width: 41.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\34 u\28narrow\29, .\34 u\24\28narrow\29 {
 
width: 33.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\33 u\28narrow\29, .\33 u\24\28narrow\29 {
 
width: 25%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\32 u\28narrow\29, .\32 u\24\28narrow\29 {
 
width: 16.6666666667%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 u\28narrow\29, .\31 u\24\28narrow\29 {
 
width: 8.3333333333%;
 
clear: none;
 
margin-left: 0;
 
}
 
 
.\31 2u\24\28narrow\29 + *,
 
.\31 1u\24\28narrow\29 + *,
 
.\31 0u\24\28narrow\29 + *,
 
.\39 u\24\28narrow\29 + *,
 
.\38 u\24\28narrow\29 + *,
 
.\37 u\24\28narrow\29 + *,
 
.\36 u\24\28narrow\29 + *,
 
.\35 u\24\28narrow\29 + *,
 
.\34 u\24\28narrow\29 + *,
 
.\33 u\24\28narrow\29 + *,
 
.\32 u\24\28narrow\29 + *,
 
.\31 u\24\28narrow\29 + * {
 
clear: left;
 
}
 
 
.\-11u\28narrow\29 {
 
margin-left: 91.66667%;
 
}
 
 
.\-10u\28narrow\29 {
 
margin-left: 83.33333%;
 
}
 
 
.\-9u\28narrow\29 {
 
margin-left: 75%;
 
}
 
 
.\-8u\28narrow\29 {
 
margin-left: 66.66667%;
 
}
 
 
.\-7u\28narrow\29 {
 
margin-left: 58.33333%;
 
}
 
 
.\-6u\28narrow\29 {
 
margin-left: 50%;
 
}
 
 
.\-5u\28narrow\29 {
 
margin-left: 41.66667%;
 
}
 
 
.\-4u\28narrow\29 {
 
margin-left: 33.33333%;
 
}
 
 
.\-3u\28narrow\29 {
 
margin-left: 25%;
 
}
 
 
.\-2u\28narrow\29 {
 
margin-left: 16.66667%;
 
}
 
 
.\-1u\28narrow\29 {
 
margin-left: 8.33333%;
 
}
 
 
}
 
 
 
/*******************1119*****************/
 
/*******************1119*****************/
 
@media screen and (max-width: 840px) {
 
@media screen and (max-width: 840px) {
Line 1,654: Line 591:
 
}
 
}
  
/* Basic */
+
/*******************1549****************/
 
+
body {
+
background: #f0f4f4;
+
color: #5b5b5b;
+
font-size: 15pt;
+
line-height: 1.85em;
+
font-family: 'Source Sans Pro', sans-serif;
+
font-weight: 300;
+
}
+
 
+
body.is-loading *, body.is-loading *:after, body.is-loading *:before {
+
-moz-transition: none !important;
+
-webkit-transition: none !important;
+
-ms-transition: none !important;
+
transition: none !important;
+
-moz-animation: none !important;
+
-webkit-animation: none !important;
+
-ms-animation: none !important;
+
animation: none !important;
+
}
+
 
+
input, textarea, select {
+
font-size: 15pt;
+
line-height: 1.85em;
+
font-family: 'Source Sans Pro', sans-serif;
+
font-weight: 300;
+
}
+
 
+
h1, h2, h3, h4, h5, h6 {
+
font-weight: 400;
+
color: #483949;
+
line-height: 1.25em;
+
}
+
 
+
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+
color: inherit;
+
text-decoration: none;
+
border-bottom-color: transparent;
+
}
+
 
+
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
+
font-weight: 600;
+
}
+
 
+
h2 {
+
font-size: 2.85em;
+
}
+
 
+
h3 {
+
font-size: 1.25em;
+
}
+
 
+
h4 {
+
font-size: 1em;
+
margin: 0 0 0.25em 0;
+
}
+
 
+
strong, b {
+
font-weight: 400;
+
color: #483949;
+
}
+
 
+
em, i {
+
font-style: italic;
+
}
+
 
+
a {
+
color: inherit;
+
border-bottom: solid 1px rgba(128, 128, 128, 0.15);
+
text-decoration: none;
+
-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+
-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+
-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+
}
+
 
+
a:hover {
+
color: #ef8376;
+
border-bottom-color: transparent;
+
}
+
 
+
sub {
+
position: relative;
+
top: 0.5em;
+
font-size: 0.8em;
+
}
+
 
+
sup {
+
position: relative;
+
top: -0.5em;
+
font-size: 0.8em;
+
}
+
 
+
blockquote {
+
border-left: solid 0.5em #ddd;
+
padding: 1em 0 1em 2em;
+
font-style: italic;
+
}
+
 
+
p, ul, ol, dl, table {
+
margin-bottom: 1em;
+
}
+
 
+
p {
+
text-align: justify;
+
}
+
 
+
br.clear {
+
clear: both;
+
}
+
 
+
hr {
+
position: relative;
+
display: block;
+
border: 0;
+
top: 4.5em;
+
margin-bottom: 9em;
+
height: 6px;
+
border-top: solid 1px rgba(128, 128, 128, 0.2);
+
border-bottom: solid 1px rgba(128, 128, 128, 0.2);
+
}
+
 
+
hr:before, hr:after {
+
content: '';
+
position: absolute;
+
top: -8px;
+
display: block;
+
width: 1px;
+
height: 21px;
+
background: rgba(128, 128, 128, 0.2);
+
}
+
 
+
hr:before {
+
left: -1px;
+
}
+
 
+
hr:after {
+
right: -1px;
+
}
+
 
+
.timestamp {
+
color: rgba(128, 128, 128, 0.75);
+
font-size: 0.8em;
+
}
+
 
+
/* Sections/Article */
+
 
+
section, article {
+
margin-bottom: 3em;
+
}
+
 
+
section > :last-child, section:last-child, article > :last-child, article:last-child {
+
margin-bottom: 0;
+
}
+
 
+
section.special > header, section.special > footer, article.special > header, article.special > footer {
+
text-align: center;
+
}
+
 
+
.row > section, .row > article {
+
margin-bottom: 0;
+
}
+
 
+
header {
+
margin: 0 0 1em 0;
+
}
+
 
+
header > p {
+
display: block;
+
font-size: 1.5em;
+
margin: 1em 0 2em 0;
+
line-height: 1.5em;
+
text-align: inherit;
+
}
+
 
+
footer {
+
margin: 2.5em 0 0 0;
+
}
+
 
+
/* Image */
+
 
+
.image {
+
position: relative;
+
display: inline-block;
+
border: 0;
+
outline: 0;
+
}
+
 
+
.image img {
+
display: block;
+
width: 100%;
+
}
+
 
+
.image.fit {
+
display: block;
+
width: 100%;
+
}
+
 
+
.image.featured {
+
display: block;
+
width: 100%;
+
margin: 0 0 4em 0;
+
}
+
 
+
.image.left {
+
float: left;
+
margin: 0 2em 2em 0;
+
}
+
 
+
.image.centered {
+
display: block;
+
margin: 0 0 2em 0;
+
}
+
 
+
.image.centered img {
+
margin: 0 auto;
+
width: auto;
+
}
+
 
+
/* List */
+
 
+
ul.default {
+
list-style: disc;
+
padding-left: 1em;
+
}
+
 
+
ul.default li {
+
padding-left: 0.5em;
+
}
+
 
+
ul.actions {
+
margin: 3em 0 0 0;
+
}
+
 
+
form ul.actions {
+
margin-top: 0;
+
}
+
 
+
ul.actions li {
+
display: inline-block;
+
margin: 0 0.75em 0 0.75em;
+
}
+
 
+
ul.actions li:first-child {
+
margin-left: 0;
+
}
+
 
+
ul.actions li:last-child {
+
margin-right: 0;
+
}
+
 
+
ul.divided li {
+
border-top: solid 1px rgba(128, 128, 128, 0.2);
+
padding-top: 1.5em;
+
margin-top: 1.5em;
+
}
+
 
+
ul.divided li:first-child {
+
border-top: 0;
+
padding-top: 0;
+
margin-top: 0;
+
}
+
 
+
ul.menu {
+
height: 1em;
+
line-height: 1em;
+
}
+
 
+
ul.menu li {
+
display: inline-block;
+
border-left: solid 1px rgba(128, 128, 128, 0.2);
+
padding-left: 1.25em;
+
margin-left: 1.25em;
+
}
+
 
+
ul.menu li:first-child {
+
border-left: 0;
+
padding-left: 0;
+
margin-left: 0;
+
}
+
 
+
ul.icons {
+
position: relative;
+
background: rgba(128, 128, 128, 0.05);
+
border-radius: 4em;
+
display: inline-block;
+
padding: 0.35em 0.75em 0.35em 0.75em;
+
font-size: 1.25em;
+
cursor: default;
+
}
+
 
+
ul.icons li {
+
display: inline-block;
+
}
+
 
+
ul.icons li a {
+
display: inline-block;
+
background: none;
+
width: 2.5em;
+
height: 2.5em;
+
line-height: 2.5em;
+
text-align: center;
+
border-radius: 100%;
+
border: 0;
+
color: inherit;
+
}
+
 
+
ul.icons li a:hover {
+
color: #ef8376;
+
}
+
 
+
ol.default {
+
list-style: decimal;
+
padding-left: 1.25em;
+
}
+
 
+
ol.default li {
+
padding-left: 0.25em;
+
}
+
 
+
/* Form */
+
 
+
form label {
+
display: block;
+
font-weight: 400;
+
color: #483949;
+
margin: 0 0 1em 0;
+
}
+
 
+
form input[type="text"],
+
form input[type="email"],
+
form input[type="password"],
+
form select,
+
form textarea {
+
-webkit-appearance: none;
+
display: block;
+
border: 0;
+
background: #fafafa;
+
width: 100%;
+
border-radius: 0.5em;
+
border: solid 1px #E5E5E5;
+
padding: 1em;
+
-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+
-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+
-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+
transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+
}
+
 
+
form input[type="text"]:focus,
+
form input[type="email"]:focus,
+
form input[type="password"]:focus,
+
form select:focus,
+
form textarea:focus {
+
background: #fff;
+
border-color: #df7366;
+
}
+
 
+
form input[type="text"],
+
form input[type="email"],
+
form input[type="password"],
+
form select {
+
line-height: 1em;
+
}
+
 
+
form textarea {
+
min-height: 9em;
+
}
+
 
+
form .formerize-placeholder {
+
color: #555 !important;
+
}
+
 
+
form ::-webkit-input-placeholder {
+
color: #555 !important;
+
}
+
 
+
form :-moz-placeholder {
+
color: #555 !important;
+
}
+
 
+
form ::-moz-placeholder {
+
color: #555 !important;
+
}
+
 
+
form :-ms-input-placeholder {
+
color: #555 !important;
+
}
+
 
+
form ::-moz-focus-inner {
+
border: 0;
+
}
+
 
+
/* Table */
+
 
+
table {
+
width: 100%;
+
}
+
 
+
table.default {
+
width: 100%;
+
}
+
 
+
table.default tbody tr {
+
border-top: solid 1px #e5e5e5;
+
}
+
 
+
table.default tbody tr:first-child {
+
border-top: 0;
+
}
+
 
+
table.default tbody tr:nth-child(2n+1) {
+
background: #fafafa;
+
}
+
 
+
table.default td {
+
padding: 0.5em 1em 0.5em 1em;
+
}
+
 
+
table.default th {
+
text-align: left;
+
font-weight: 400;
+
padding: 0.5em 1em 0.5em 1em;
+
}
+
 
+
table.default thead {
+
border-bottom: solid 2px #e5e5e5;
+
}
+
 
+
table.default tfoot {
+
border-top: solid 2px #e5e5e5;
+
}
+
 
+
/*******************1983****************/
+
  
  

Revision as of 13:31, 25 July 2017

CCU_Taiwan