/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart.css
Don't edit the file if you want HTML KickStart to be upgradeable.
Instead, copy any CSS selectors you want to modify to your style.css file.
// Colors
blue: #4D99E0;
*/
@font-face{
font-family: 'IcoMoon';
src: url('../fonts/base/icomoon-webfont.eot');
src: url('../fonts/base/icomoon-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/base/icomoon-webfont.woff') format('woff'),
url('../fonts/base/icomoon-webfont.ttf') format('truetype'),
url('../fonts/base/icomoon-webfont.svg#IcoMoonBase') format('svg');
}
@font-face{
font-family: 'IcoMoonSocial';
src: url('../fonts/social/icomoonsocial-webfont.eot');
src: url('../fonts/social/icomoonsocial-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/social/icomoonsocial-webfont.woff') format('woff'),
url('../fonts/social/icomoonsocial-webfont.ttf') format('truetype'),
url('../fonts/social/icomoonsocial-webfont.svg#IcoMoonSocial') format('svg');
}
/*---------------------------------
BLOCKQUOTES 段落
-----------------------------------*/
blockquote{
font-size:1.5em;
font-style: italic;
color:#888;
margin:30px 30px 30px 0;
padding:0 0 0 20px;
border-left:1px solid #ccc;
}
blockquote span{font-size:0.7em;color:#000;display:block;}
blockquote.small{font-size:1.2em;}
/*---------------------------------
LISTS 列表
-----------------------------------*/
ul.checks{
padding:0;
margin:0 0 20px 0;
}
ul.checks li{
list-style-type:none;
margin:0;
background:url(../ui/icon-check.png) no-repeat 5px 0.5em;
padding-left:30px;
}
ul.alt{
padding:0;
margin:0 0 20px 0;
}
ul.alt li{
list-style-type:none;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin:0 0 -1px 0;
background:url(../ui/icon-arrow-right.png) no-repeat 5px 0.7em;
padding-left:20px;
}
/*---------------------------------
TABLES 表格
-----------------------------------*/
/* striped */
table.striped{}
table.striped tr.alt{background:#f5f5f5;}
table.striped thead th{background:#fff;}
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
table.striped tbody tr.alt th{background:#efefef;}
/* tight */
table.tight{}
table.tight th, .tight td{padding:2px 10px;}
/* sortable */
table.sortable{border:1px solid #ddd;}
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
table.sortable thead th:hover{background:#efefef;}
table.sortable span.arrow{border-style:solid;border-width:5px;
display:block;position:absolute;top:50%;right:5px;font-size:0;
border-color:#ccc transparent transparent transparent;
line-height:0;height:0;width:0;margin-top:-2px;}
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
/*---------------------------------
TABS 標籤
-----------------------------------*/
ul.tabs{
padding: 0;
width: 100%;
border-bottom: 1px solid #e5e5e5;
float: left;
margin-top: 20px;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
}
ul.tabs.left{text-align:left;}
ul.tabs.center{text-align:center;}
ul.tabs.right{text-align:right;}
ul.tabs li{
list-style-type: none;
padding: 0;
display: inline-block;
*display:inline;/*IE ONLY*/
position: relative;
top: 0;
left: 0;
*top:1px;/*IE 7 ONLY*/
zoom: 1;
margin-top: 0;
margin-right: 1px;
margin-bottom: 0;
margin-left: 0;
}
ul.tabs li a{
text-decoration: none;
color: #666;
display: inline-block;
padding: 9px 15px;
position: relative;
top: 0;
left: 0;
line-height: 100%;
background: #f5f5f5;
box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
font-size: 12px;
zoom: 1;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
ul.tabs li a:hover{
background:#fff;
}
ul.tabs li.current a{
position: relative;
top: 1px;
left: 0;
background: #fff;
box-shadow: none;
color: #1B82B4;
}
.tab-content{
border: 1px solid #CCCCCC;
clear: both;
padding: 20px;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
}
/* w/icon */
ul.tabs .icon{
margin:-3px 7px -3px -5px;
position:relative;
top:-2px;
left:0;
}
/*---------------------------------
BREADCRUMBS 網站導引
-----------------------------------*/
.breadbg{
width: 100%;
}
ul.breadcrumbs {
padding: 0;
line-height: 0%;
font-size: 0;
float: left;
margin-left: 10px;
}
ul.breadcrumbs li {
list-style-type: none;
padding: 0;
display: inline-block;
*display:inline; /* IE ONLY*/
/* position:relative;*/
zoom: 1;
line-height: 100%;
font-family: 'Open Sans', '微軟正黑體', sans-serif;
font-size: 18px; /* 0.8em default to override font-size:0; on parent*/
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
ul.breadcrumbs li a {
display: inline-block;
*display:inline; /* IE ONLY*/
position: relative;
font-size: 18px;
zoom: 1;
margin: 0;
background: url(../ui/icon-arrow-right02.png) no-repeat right center;
color: #9addff;
padding-top: 5px;
padding-right: 32px;
padding-bottom: 5px;
padding-left: 5px;
}
ul.breadcrumbs li.last a {
color: #fff;
cursor: default;
text-decoration: none;
background: none;
color: #999;
}
ul.breadcrumbs li.last a:hover{
text-decoration: none;
color: #0086C9;
}
/* Alternative Style */
ul.breadcrumbs.alt1{
border:1px solid transparent;
font-size:0;
}
ul.breadcrumbs.alt1 li a {
padding:10px 25px 10px 15px;
background:url(../ui/breadcrumbs-bg.gif) no-repeat right center;
text-decoration:none;
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
font-size:12px;
}
ul.breadcrumbs.alt1 a:hover {
text-decoration:underline;
}
ul.breadcrumbs.alt1 li.first a {
border-left:1px solid #efefef;
}
ul.breadcrumbs.alt1 li.last a {
background:none;
border-right:1px solid #efefef;
}
/*---------------------------------
IMAGES 圖片
-----------------------------------*/
/*
for img .style1, .style2, .style3
view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
display:inline-block;
zoom:1;
}
img.align-left{float:left;margin:0 10px 5px 0;}
img.align-right{float:right;margin:0 0 5px 10px;}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
span.img-wrap{
display:inline-block;
position: relative;
top:0;
left:0;
zoom: 1;
}
span.img-inner{
display:block;
position:absolute;
top:0;
left:0;
width: 100%;
height:100%;
}
span.img-wrap img{
display:block;
padding:0;
margin:0;
}
img.style1{/* DON'T Style This */}
.img-wrap.style1{
border:1px solid #ddd;
padding:3px;
background-color:#fff;
margin-left:-3px;
margin-top:-3px;
margin-bottom:-3px;
}
img.style2{/* DON'T Style This */}
.img-wrap.style2{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
overflow: hidden;
}
img.style3{/* DON'T Style This */}
.img-wrap.style3{
margin-left:-3px;
margin-top:-3px;
margin-bottom:-3px;
border:3px solid #efefef;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
overflow: hidden;
-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
div.caption{
background:#f5f5f5;
border:1px solid #ddd;
padding:3px;
}
div.caption img{
display:block;
padding:0;
margin:0;
}
div.caption span{
display:block;
margin-top:3px;
font-size:0.8em;
color:#666;
padding:0px 5px;
}
.gallery{}
.gallery a{
display:inline-block;
position:relative;
border:1px solid #ddd;
background:#fff;
padding:3px;
margin:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.gallery a img{
display: block;
position: relative;
margin:0;
padding:0;
}
/*---------------------------------
SLIDESHOW2 跑馬燈
-----------------------------------*/
.slideshow-wrap{
clear:both;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
overflow:hidden;
clear:both;
}
.slideshow-inner{
overflow:hidden;
clear:both;
position:relative;
top:0;
left:0;
border:1px solid #efefef;
}
.slideshow{
clear:both;
margin:0;
padding:0;
width:auto;
height:auto;
overflow:hidden;
}
.slideshow li{
list-style-type:none;
margin:0;
padding:0;
float:left;
display:block;
}
.slideshow img{vertical-align: bottom;}
.slideshow-buttons{
text-align:right;
margin:3px 0 0 0;
padding:0;
}
.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
.slideshow-buttons li.current a{background:#ddd;}
.slideshow-buttons a{
display:inline;
position:relative;
top:0;
left:0;
padding:1px 3px;
margin:0 1px;
line-height:100%;
border:1px solid #efefef;
text-decoration:none;
font-size:0.8em;
}
/*---------------------------------
BUTTONS 按鈕
-----------------------------------*/
button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"]{
position: relative;
top: 0;
left: 0;
vertical-align: middle;
margin: 0;
line-height: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
width: auto;
overflow: visible;
font-weight: normal;
font-size: 12px; /*Pixels for consistancy*/
text-shadow: 0 1px 0 #fff;
color: #01abe8;
text-decoration: none;
vertical-align: middle;
box-sizing: border-box;
display: inline-block;
*display:inline;/*IE ONLY*/
zoom: 1;
border: 1px solid #01abe8;
padding-top: 6px;
padding-right: 13px;
padding-bottom: 6px;
padding-left: 13px;
}
button:active,
a.btn:active,
a.btn:visited:active,
a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);}
button[disabled],.disabled:active{box-shadow:none;}
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{*padding:5px 10px;}/*IE 7 ONLY*/
a.btn,a.button{}/*overrides*/
button.small, a.btn.small, a.button.small{font-size:0.8em;padding:5px 10px;}
button.medium, a.btn.medium, a.button.medium{}/*default*/
button.large, a.btn.large, a.button.large{font-size:1.3em;padding:10px 20px;}
button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:#efefef;}
button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;}
button:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
border: 1px solid #01abe8;
color: #FFF;
background-color: #01abe8;
text-shadow: 0 0px 0 #fff;
}
button img,
a.btn img,
a.button img,
input[type="submit"] img,
input[type="reset"] img,
input[type="button"] img{
display: inline;
vertical-align: middle;
padding: 0;
margin-top: 2px;
margin-right: -7px;
margin-bottom: 0;
margin-left: 6px;
}
.small img{margin:-3px 5px -3px -3px;}
.medium img{margin:-10px 10px -5px -5px;}
.large img{margin:-10px 10px -10px -10px;}
.icon-only{padding:7px 10px;}
.icon-only img{margin:0;display:block;padding:0;}
.icon-only .icon{margin:-5px -6px -8px -6px;}
/* icons */
button .icon,
a.btn .icon,
a.button .icon,
input[type="submit"] .icon,
input[type="reset"] .icon,
input[type="button"] .icon{
vertical-align: middle;
margin:-5px 3px -7px -2px;
*margin:-5px 3px -10px 0px;/*IE 7 ONLY*/
}
button .icon.medium,
a.btn .icon.medium,
a.button .icon.medium,
input[type="submit"] .icon.medium,
input[type="reset"] .icon.medium,
input[type="button"] .icon.medium{
margin-left:-5px;
*left:-5px;
*top:0px;
}
button .icon.large,
a.btn .icon.large,
a.button .icon.large,
input[type="submit"] .icon.large,
input[type="reset"] .icon.large,
input[type="button"] .icon.large{
margin-left:-10px;
*left:-10px;
*top:0px;
}
/*---------------------------------
BUTTON BAR 按鈕BAR
-----------------------------------*/
ul.button-bar{
display:inline-block;
*display:inline;
margin:0;
padding:0;
font-size:0;
position:relative;
top:0;
left:0;
zoom:1;
border:0;
background:0;
}
ul.button-bar li{
display:inline-block;
*display:inline;
position:relative;
top:0;
left:0;
zoom:1;
margin:0 -1px 0 0;
padding:0;
line-height:100%;
font-size:0px;
border:1px solid #ccc;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}
ul.button-bar li a{
margin:0;
display:inline-block;
*display:inline;
padding:7px 10px;
position:relative;
top:0;
left:0;
zoom:1;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
line-height:100%;
border-left:1px solid #fff;
}
ul.button-bar li.first,
ul.button-bar li.first a{
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-background-clip:content-box;
-webkit-background-clip: border;
background-clip: content-box;
}
ul.button-bar li.last,
ul.button-bar li.last a{
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-background-clip:
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-background-clip:content-box;
-webkit-background-clip: border;
background-clip: content-box;
}
ul.button-bar li a .icon{
position:relative;
top:-1px;
left:0;
margin:-5px 0;
}
ul.button-bar li a:hover{
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
}
ul.button-bar li a:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}
/*---------------------------------
STYLES 按鈕形狀
-----------------------------------*/
.pill{border-radius:200em;}
.pop{box-shadow:0px 1px 5px rgba(0,0,0,0.2);}
.inset{box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);}
.square{-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;}
/*---------------------------------
ORANGE 按鈕-橘色
-----------------------------------*/
button.orange,
a.btn.orange,
a.button.orange,
input[type=submit].orange,
input[type=reset].orange,
input[type=button].orange{
text-shadow:0 -1px 0 #FC730A;
color:#fff;
border:1px solid #FC730A;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
button.orange:hover,
a.btn.orange:hover,
a.button.orange:hover{
text-shadow:0 1px 0 #FC730A;
border:1px solid #FC730A;
background: rgb(249,191,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
BLUE 按鈕-藍色
-----------------------------------*/
button.blue,
a.btn.blue,
a.button.blue,
input[type=submit].blue,
input[type=reset].blue,
input[type=button].blue{
text-shadow:0 -1px 0 #1D6DC1;
color:#fff;
border:1px solid #1D6DC1;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
button.blue:hover,
a.btn.blue:hover,
a.button.blue:hover{
text-shadow:0 1px 0 #1D6DC1;
border:1px solid #1D6DC1;
background: rgb(155,205,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
PINK 按鈕-粉紅
-----------------------------------*/
button.pink,
a.btn.pink,
a.button.pink,
input[type=submit].pink,
input[type=reset].pink,
input[type=button].pink{
text-shadow:0 -1px 0 #EF0251;
color:#fff;
border:1px solid #EF0251;
background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}
button.pink:hover,
a.btn.pink:hover,
a.button.pink:hover{
text-shadow:0 1px 0 #EF0251;
border:1px solid #EF0251;
background: rgb(255,169,213); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
GREEN 按鈕-綠
-----------------------------------*/
button.green,
a.btn.green,
a.button.green,
input[type=submit].green,
input[type=reset].green,
input[type=button].green{
text-shadow:0 -1px 0 #669E00;
color:#fff;
border:1px solid #669E00;
background: rgb(143,196,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
}
button.green:hover,
a.btn.green:hover,
a.button.green:hover{
text-shadow:0 1px 0 #669E00;
border:1px solid #669E00;
background: rgb(198,226,120); /* Old browsers */
background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
RED 按鈕-紅
-----------------------------------*/
button.red,
a.btn.red,
a.button.red,
input[type=submit].red,
input[type=reset].red,
input[type=button].red{
text-shadow:0 -1px 0 #B21203;
color:#fff;
border:1px solid #B21203;
background: rgb(229,60,22); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
button.red:hover,
a.btn.red:hover,
a.button.red:hover{
text-shadow:0 1px 0 #B21203;
border:1px solid #B21203;
background: rgb(238,106,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
FORMS 表單
-----------------------------------*/
form{
padding:0;
margin:0;
}
fieldset{
border: 1px solid #C5AC73;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
top: 0;
left: 0;
float: left;
padding-top: 10px;
padding-right: 5%;
padding-bottom: 25px;
padding-left: 5%;
background-color: #FFFFFF;
margin-right: 10px;
margin-left: 10px;
}
legend{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #C5AC73;
margin: 0;
display: block;
position: relative;
top: 0;
left: 0;
color: #FFFFFF;
font-size: 20px;
background-color: #C5AC73;
font-family: 'Play', sans-serif;
padding-top: 2px;
padding-right: 15px;
padding-bottom: 2px;
padding-left: 15px;
}
/*IE ONLY - I know, this is a stop gap*/
.msie fieldset{padding-top:25px;}
.msie legend{position:absolute;top:-0.7em;left:10px;}
label{
display:inline-block;
*display:inline;
vertical-align: middle;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
zoom:1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
label.inline{
display:inline;
margin:0;
}
label span{
color:#999;
font-size:0.9em;
}
label span.right{
position:absolute;
bottom:0;
right:0;
text-align:right;
display:inline-block;
*display:inline;
}
label.disabled{
color:#ccc;
}
input{
font-family: "微軟正黑體", 'Open Sans', sans-serif;
display: inline-block;
*display:inline;
vertical-align: middle;
zoom: 1;
margin: 0;
font-size: 13px;
background: #fff;
box-sizing: border-box;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #D9D9D9;
border-right-color: #D9D9D9;
border-bottom-color: #D9D9D9;
border-left-color: #D9D9D9;
padding: 5px;
text-indent: 3;
}
input::-webkit-input-placeholder,
input:-moz-placeholder,
.placeholder{
color:#333;
}
input::-moz-focus-inner {border:0;}
input[disabled="disabled"], input.disabled{
color:#333;
background:#f5f5f5;
-moz-box-shadow:inset 0px 0px 2px #ddd;
-webkit-box-shadow:inset 0px 1px 2px #ddd;
box-shadow:inset 0px 1px 2px #ddd;
}
/* FOCUS STATES */
input[type="text"]:focus,
textarea:focus,
button:focus,
a.button:focus,
select:focus,
input[type="file"]:focus,
input[type="password"]:focus,
.rte-editor:focus,
textarea.rte:focus{
-webkit-box-shadow: 0 0 7px #6DB9FF;
-moz-box-shadow : 0 0 7px #6DB9FF;
-o-box-shadow : 0 0 7px #6DB9FF;
box-shadow : 0 0 7px #6DB9FF;
border: 1px solid #50B1FE;
outline: none;
}
/* TRANSITION */
input[type="text"],
textarea,
button,
a.button,
a,
input[type="file"]{
transition: box-shadow 0.5s, border 0.5s, background 0.5s;
-moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;
-o-transition: -o-box-shadow 0.5s, border 0.5s, background 0.5s;
}
input.checkbox,
input[type="checkbox"]{
display:inline;
width:auto;
margin:0;
padding:0;
border:0;
background:none;
vertical-align:center;
*vertical-align: top;
}
input.radio,
input[type="radio"]{
display:inline;
width:auto;
margin:0;
padding:0;
border:0;
background:none;
vertical-align:center;
*vertical-align: top;
}
input[type="radio"]:focus,
input[ type="checkbox"]:focus{
-webkit-box-shadow: 0 0 5px #6DB9FF;
-moz-box-shadow : 0 0 5px #6DB9FF;
-o-box-shadow : 0 0 5px #6DB9FF;
box-shadow : 0 0 5px #6DB9FF;
outline-color: #6DB9FF;
}
input.file,
input[type="file"]{
font-size:0.8em;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
select{
display: inline;
width: auto;
margin: 0;
line-height: 100%;
padding: 5px;
vertical-align: middle;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
textarea{
width:auto;
border:1px solid #D9D9D9;
padding:5px;
vertical-align: middle;
font-family:inherit;
font-size:0.9em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*---------------------------------
RTE
-----------------------------------*/
.rte-wrap{
width:100%;
position:relative;
top:0;
left:0;
margin:0 0 10px 0;
}
.rte-toolbar{
border:1px solid #ccc;
border-bottom:0;
background:#f5f5f5;
z-index:50;
position: relative;
top:0;
left:0;
}
.rte-toolbar ul{
margin:0;
padding:0;
display:inline;
float:left;
}
.rte-toolbar li{
list-style-type:none;
margin:0;
padding:0;
float:left;
display:block;
}
.rte-toolbar li.html-toggle{
position:absolute;
top:-16px;
right:-1px;
font-size:10px;
line-height:100%;
width:auto;
}
.rte-toolbar li.html-toggle a{
background:#efefef;
border:1px solid #ddd;
border-bottom:1px solid #ccc;
width:auto;
height:10px;
padding:2px;
}
.rte-toolbar li a{
display:block;
float:left;
padding:0;
/*border-right:1px solid #ddd;
border-left:1px solid #fff;
border-top:1px solid #fff;*/
width:20px;
height:20px;
text-align:center;
text-decoration:none;
color:inherit;
color:#777;
text-shadow:0px 1px 0px #fff;
}
a.rte-bold {background:url(../ui/rte/text_bold.png) no-repeat center center;}
a.rte-italic {background:url(../ui/rte/text_italic.png) no-repeat center center;}
a.rte-ul {background:url(../ui/rte/text_list_bullets.png) no-repeat center center;}
a.rte-ol {background:url(../ui/rte/text_list_numbers.png) no-repeat center center;}
a.rte-img {background:url(../ui/rte/picture_empty.png) no-repeat center center;}
a.rte-link {background:url(../ui/rte/link.png) no-repeat center center;}
a.rte-unlink {background:url(../ui/rte/link_break.png) no-repeat center center;}
a.rte-justifyleft {background:url(../ui/rte/text_align_left.png) no-repeat center center;}
a.rte-justifycenter {background:url(../ui/rte/text_align_center.png) no-repeat center center;}
a.rte-justifyright {background:url(../ui/rte/text_align_right.png) no-repeat center center;}
a.rte-sub {background:url(../ui/rte/text_subscript.png) no-repeat center center;}
a.rte-sup {background:url(../ui/rte/text_superscript.png) no-repeat center center;}
.rte-toolbar li a:hover{color:#333;background-color:#efefef;}
/* show/hide tools */
.rte-wrap .rte-toolbar li{display:none;}
.rte-wrap.editmode .rte-toolbar li{display:block;}
.rte-wrap .rte-toolbar li.html-toggle,
.rte-wrap.editmode .rte-toolbar li.html-toggle{display:block;}
.rte-toolbar select.inline{
float:left;
display:inline;
width:50px;
height:17px;
margin:1px 3px 0 1px;
bordeR:1px solid #ccc;
}
textarea.rte,
.rte-editor{
width:100%;
margin:0;
border:1px solid #ccc;
padding:5px;
overflow:auto;
vertical-align: middle;
font-family:inherit;
font-size:0.9em;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
z-index:40;
}
textarea.rte{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
}
.rte-editor ul li,
.rte-editor ol li{
padding:0;
}
/*---------------------------------
FORMS VERTICAL
-----------------------------------*/
form.vertical{
}
form.vertical label{display:block;}
form.vertical input,
form.vertical select,
form.vertical textarea{width:100%;display:block;margin-bottom:10px;}
form.vertical .chzn-container{display:block;margin-bottom:10px;}
form.vertical .chzn-choices{display:block;margin-bottom:10px;}
/* radios & checks */
form.vertical input.checkbox,
form.vertical input[type="checkbox"],
form.vertical input.radio,
form.vertical input[type="radio"],
form.vertical label.inline{display:inline;width:auto;margin:0;}
/*---------------------------------
FORM VALIDATION
-----------------------------------*/
label.error{color:red;}
input.error{border:1px solid red;}
/*---------------------------------
NOTICES 警告
-----------------------------------*/
.notice{
border:1px solid gold;
background:lightyellow;
padding:10px 20px 10px 10px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#DEAE00;
line-height:120%;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;
}
.notice.warning{}/*default*/
.notice.error{border:1px solid red;background:pink;color:red;}
.notice.success{border:1px solid green;background:lightgreen;color:green;}
.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
.notice a.icon.close,
.notice a.icon.close:active,
.notice a.icon.close:visited{font-size:12px;position:absolute;top:5px;right:-5px;left:auto;color:inherit;}
/*---------------------------------
MENU LAYOUT 選項
DO NOT EDIT This Section 勿動
-----------------------------------*/
.menu{margin:0;padding:0;line-height:100%;
font-size:0; /* Kill white space gap between LI elements */
position:relative;z-index:99;}
.menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.menu li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit;
top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */}
.menu li a{margin:0;padding:0;display:block;display:inline;display:inline-block;position:relative;zoom:1;line-height:100%;top:0;left:0;}
/*--------------Sub Menus-------------------*/
/*.menu li:hover > ul{display:block;}*/
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width:170px;max-width:150%;*width:170px;}
.menu ul li{display:block;width:100%;}
.menu ul li a{display:block;}
.menu ul ul{top:0;left:100%;}
/*--------------Dividers-------------------*/
.menu ul li.divider{border-top:1px solid #ccc;}
.menu ul li.divider a{border-top:1px solid #fff;}
/*--------------Arrows-------------------*/
/*--------------Vertical Menu Layout-------------------*/
.menu.vertical{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.menu.vertical li{
display: block;
font-size: 12px;
}
.menu.vertical li a{display:block;}
.menu.vertical ul{top:0;left:100%;}
.menu.vertical li.has-menu span.arrow{margin-top:-4px;}
/*--------------Vertical Right Menu Layout-------------------*/
.menu.vertical.right{text-align:left;}
.menu.vertical.right ul{top:0;right:100%;left:auto;}
.menu.vertical.right li a{padding-left:25px;padding-right:20px;}
.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}
/*---------------------------------
MENU STYLES 選項
EDIT BELOW THIS LINE TO CUSTOMIZE 自訂樣式
-----------------------------------*/
.menu{
}
.menu li{}
.menu li a{
text-decoration: none;
font-size: 15px;
color: #333;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 26px;
padding-left: 15px;
font-family: 'Merriweather Sans', sans-serif;
margin-right: 0px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
}
.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a{
color: #fff;
text-shadow: 0px 1px 1px #fff;
cursor: default;
background-color: #005AAA;
}
.menu li a:hover,
.menu li.hover>a{
color: #00AAE8;
}
/* sub menus */
.menu ul{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-image: url(../white-opacity-80.png);
margin-top: 0px;
padding-top: 0px;
padding-bottom: 5px;
}
.menu ul li{}
.menu ul li a{
font-size: 13px;
text-transform: capitalize;
color: #FFF;
margin: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-shadow: 0px 0px 0px #fff;
line-height: 18px;
padding-top: 8px;
padding-right: 15px;
padding-bottom: 8px;
padding-left: 15px;
}
.menu ul li a:hover{
font-size: 13px;
text-transform: capitalize;
color: #FFFFFF;
background-image: url(../0.gif);
background-color: #0086C9;
}
/* sub-sub menus */
.menu ul ul{
}
.menu ul ul li{}
.menu ul ul li a{}
/* arrows */
/* arrow down */ .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
/* arrow left */ .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
{border-color-left:#ccc;border-color:transparent transparent transparent #ccc;}
/* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;}
/* dividers */ .menu ul li.divider{border-top:1px solid #ccc;}
.menu ul li.divider a{border-top:1px solid #fff;}
/* icons */
.menu .icon{margin:-10px 7px -10px -5px;vertical-align: middle;}
.menu ul .icon{margin-left:-10px;}
/*---------------------------------
COLUMN SIZES 網格
-----------------------------------*/
label.col_1,
label.col_2,
label.col_3,
label.col_4,
label.col_5,
label.col_6,
label.col_7,
label.col_8,
label.col_9,
label.col_10,
label.col_11,
label.col_12{float:none;display:inline-block;*display:inline;margin-bottom:0;
*margin-left: 0.5%;*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */
}
/*---------------------------------
GRID/COLUMNS 文字欄位寬度
-----------------------------------
tinyfluidgrid.com
& girlfriendnyc.com
with changes by 99Lime
-----------------------------------*/
/*
& Columns : 12
& Gutter %: 20%
& MinWidth: 960px
& MaxWidth: 1080px
*/
/* Padding/Margin/Colors */
.tcolor {
color: #003399 !important;
}
.gray { color: #a1a1a1;}
.black { color: #161616 !important;}
.white { color: #fff;}
.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.fleft { float: left;}
.fright { float: right;}
.inline-block { display: inline-block;}
.block { display: block;}
.italic { font-style: italic;}
.rounded { border-radius: 50%;}
.width100 { width: 100%;}
.thin-shadow { box-shadow: 0 1px 1px rgba(0,0,0,0.15);}
.relative { position: relative !important;}
.weight300 { font-weight: 300;}
.size17 { font-size: 17px !important; line-height: 22px !important;}
.size18 { font-size: 18px !important;}
.size20 { font-size: 20px !important;}
.l30 { line-height: 30px;}
.bg-white { background-color: #fff !important;}
.ptop5 { padding-top: 5px;}
.ptop20 { padding-top: 20px;}
.ptop50 { padding-top: 50px;}
.ptop100 { padding-top: 100px;}
.pbottom50 { padding-bottom: 50px;}
.pbottom70 { padding-bottom: 70px;}
.pbottom80 { padding-bottom: 80px;}
.pright0 { padding-right: 0;}
.pright30 { padding-right: 30px;}
.pleft0 { padding-left: 0;}
.mauto { margin: 0 auto;}
.m0 { margin: 0 !important;}
.mtop5 { margin-top: 5px;}
.mtop20 { margin-top: 20px;}
.mtop25 { margin-top: 25px;}
.mtop30 { margin-top: 30px;}
.mtop40 { margin-top: 40px;}
.mtop50 { margin-top: 50px;}
.mtop70 { margin-top: 70px;}
.mtop100 { margin-top: 100px !important;}
.mtop106 { margin-top: 106px !important;}
.mtop130 { margin-top: 130px !important;}
.mbottom0 { margin-bottom: 0 !important;}
.mbottom5 { margin-bottom: 5px !important;}
.mbottom10 { margin-bottom: 10px !important;}
.mbottom15 { margin-bottom: 15px !important;}
.mbottom20 { margin-bottom: 20px !important;}
.mbottom25 { margin-bottom: 25px !important;}
.mbottom30 { margin-bottom: 30px !important;}
.mbottom35 { margin-bottom: 35px !important;}
.mbottom40 { margin-bottom: 40px !important;}
.mbottom50 { margin-bottom: 50px !important;}
.mbottom60 { margin-bottom: 60px !important;}
.mbottom70 { margin-bottom: 70px !important;}
.mbottom80 { margin-bottom: 80px !important;}
.mbottom90 { margin-bottom: 90px !important;}
.mbottom100 { margin-bottom: 100px !important;}
.mleft5 { margin-left: 5px;}
.mleft10 { margin-left: 10px;}
.mleft15 { margin-left: 15px;}
.mleft20 { margin-left: 20px;}
.mleft30 { margin-left: 30px;}
.mleft50 { margin-left: 50px;}
.mleft60 { margin-left: 60px;}
.mleft65 { margin-left: 65px;}
.mleft80 { margin-left: 80px;}
.mleft85 { margin-left: 85px;}
.mleft90 { margin-left: 90px;}
.mleft160 { margin-left: 160px;}
.mleft240 { margin-left: 240px;}
.mright5 { margin-right: 5px;}
.mright10 { margin-right: 10px;}
.mright25 { margin-right: 25px;}
.mleft230 { margin-left: 230px;}
.mright15 { margin-right: 15px;}
.line {display: inline-block; width: 50px; border: solid 1px #DCCA61; margin-bottom: 50px;}
.radius50 { border-radius: 50%;}
.animation {-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;}
.spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.separator {
display: block;
border: 1px dotted #CCCCCC;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col_1 { width: 6.6666666666667%; }
.col_2 { width: 15%; }
.col_3 { width: 23.333333333333%; }
.col_4 { width: 31.666666666667%; }
.col_5 { width: 40%; }
.col_6 { width: 48.333333333333%; }
.col_7 { width: 56.666666666667%; }
.col_8 { width: 65%; }
.col_9 { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6,
.col_7,
.col_8,
.col_9,
.col_10,
.col_11,
.col_12 {
margin-left: 0.833333%;
margin-right: 0.833333%;
margin-bottom: 15px;
float: left;
display: block;
}
.alpha{margin-left:0px;}
.omega{margin-right:0px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}
/* Viewable Grids
To view your grids, add the class .visible to any grid container.
This will add a background color so you can see the layout of your grids.
*/
.col_1.visible,
.col_2.visible,
.col_3.visible,
.col_4.visible,
.col_5.visible,
.col_6.visible,
.col_7.visible,
.col_8.visible,
.col_9.visible,
.col_10.visible,
.col_11.visible,
.col_12.visible {
background:#efefef;
}
/* Default .inner Padding
The inside of a column is automatically wrapped with div.inner by Javascript.
This allows for more flexible styling and layout without breaking your columns.
*/
.column .inner{
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
}
.icon{
height:0.8em;
width:0.8em;
display:inline-block;
font-size:21px;
color:inherit;
text-decoration:none;
vertical-align:middle;
text-align:center;
line-height:120%;
padding:0;
margin:0;
font-family: 'IcoMoon', arial, sans-serif;
position:relative;
top:-3px;
left:0;
-webkit-font-smoothing: antialiased;
zoom:1;
display:none;
}
.msie .icon{top:-1px;}/* IE ONLY - I know :P */
.icon span{position:relative;top:-49%;left:0.017em;color:inherit;display:inline-block;zoom:1;}
.icon.small{font-size:21px;} /* default */
.icon.medium{font-size:31px;}
.icon.large{font-size:41px;}
.icon.x-large{font-size:61px;}
.icon.social{font-family: 'IcoMoonSocial', arial, sans-serif;}
.icon.social span{top:-23%;}
/* colors (starting point) */
.icon.gray{color:#999;}
.icon.darkgray{color:#666;}
.icon.black{color:#000;}
.icon.white{color:#fff;}
.icon.red{color:#CA2200;}
.icon.blue{color:#3EBDFF;}
.icon.green{color:#A7C210;}
.icon.pink{color:#E9236E;}
/* @group Base */
.chzn-container {
font-size: 13px;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
}
.chzn-container .chzn-drop {
background: #fff;
border: 1px solid #aaa;
border-top: 0;
position: absolute;
top: 29px;
left: 0;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
box-shadow : 0 4px 5px rgba(0,0,0,.15);
z-index: 999;
}
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
-webkit-border-radius: 5px;
-moz-border-radius : 5px;
border-radius : 5px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
border: 1px solid #aaaaaa;
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 23px;
line-height: 24px;
padding: 0 0 0 8px;
color: #444444;
text-decoration: none;
}
.chzn-container-single .chzn-single span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
display: block;
position: absolute;
right: 26px;
top: 6px;
width: 12px;
height: 13px;
font-size: 1px;
background: url(../ui/chosen-sprite.png) right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
background-position: right -11px;
}
.chzn-container-single .chzn-single div {
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.chzn-container-single .chzn-single div b {
background: url('../ui/chosen-sprite.png') no-repeat 0 0;
display: block;
width: 100%;
height: 100%;
}
.chzn-container-single .chzn-search {
padding: 3px 4px;
position: relative;
margin: 0;
white-space: nowrap;
z-index: 1010;
}
.chzn-container-single .chzn-search input {
background: #fff url('../ui/chosen-sprite.png') no-repeat 100% -22px;
background: url('../ui/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('../ui/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing:content-box;
}
.chzn-container-single .chzn-drop {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
border-radius : 0 0 4px 4px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
}
/* @end */
.chzn-container-single-nosearch .chzn-search input {
position: absolute;
left: -9000px;
}
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
border: 1px solid #aaa;
margin: 0;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
display:inline-block;
*display:inline;
}
.chzn-container-multi .chzn-choices li {
display:inline-block;
*display:inline;
list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
white-space: nowrap;
margin: 0;
padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
color: #666;
background: transparent !important;
border: 0 !important;
font-family: sans-serif;
font-size: 100%;
height: 15px;
padding: 5px;
margin: 1px 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow : none;
-o-box-shadow : none;
box-shadow : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
-webkit-border-radius: 3px;
-moz-border-radius : 3px;
border-radius : 3px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
color: #333;
border: 1px solid #aaaaaa;
line-height: 13px;
padding: 3px 20px 3px 5px;
margin: 3px 0 3px 5px;
position: relative;
cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
display: block;
position: absolute;
right: 3px;
top: 4px;
width: 12px;
height: 13px;
font-size: 1px;
background: url(../ui/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
background-position: right -11px;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
margin: 0 4px 4px 0;
max-height: 240px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.chzn-container-multi .chzn-results {
margin: -1px 0 0;
padding: 0;
}
.chzn-container .chzn-results li {
display: none;
line-height: 15px;
padding: 5px 6px;
margin: 0;
list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
background-color: #3875d7;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chzn-container .chzn-results li em {
background: #feffde;
font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
background: transparent;
}
.chzn-container .chzn-results .no-results {
background: #f4f4f4;
display: list-item;
}
.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.chzn-container .chzn-results .group-option {
padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
display: none;
}
.chzn-container .chzn-results-scroll {
background: white;
margin: 0 4px;
position: absolute;
text-align: center;
width: 321px; /* This should by dynamic with js */
z-index: 1;
}
.chzn-container .chzn-results-scroll span {
display: inline-block;
height: 17px;
text-indent: -5000px;
width: 9px;
}
.chzn-container .chzn-results-scroll-down {
bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
background: url('../ui/chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
background: url('../ui/chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */
/* @group Active */
.chzn-container-active .chzn-single {
-webkit-box-shadow: 0 0 5px #6DB9FF;
-moz-box-shadow : 0 0 5px #6DB9FF;
-o-box-shadow : 0 0 5px #6DB9FF;
box-shadow : 0 0 5px #6DB9FF;
border: 1px solid #50B1FE;
}
.chzn-container-active .chzn-single-with-drop {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow : 0 1px 0 #fff inset;
-o-box-shadow : 0 1px 0 #fff inset;
box-shadow : 0 1px 0 #fff inset;
background-color: #eee;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
-webkit-border-bottom-left-radius : 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
background: transparent;
border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px #6DB9FF;
-moz-box-shadow : 0 0 5px #6DB9FF;
-o-box-shadow : 0 0 5px #6DB9FF;
box-shadow : 0 0 5px #6DB9FF;
border: 1px solid #50B1FE;
}
.chzn-container-active .chzn-choices .search-field input {
color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
cursor: default;
opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
cursor: default;
}
/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
left: 26px;
right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
background: #fff url('../ui/chosen-sprite.png') no-repeat -38px -22px;
background: url('../ui/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background: url('../ui/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
background: url('../ui/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
/* @end */
/*
TipTip CSS 提示框 - Version 1.2
http://code.drewwilson.com/entry/tiptip-jquery-plugin
*/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background:#212121;
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
*background:#212121;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}
.pagination {
display: inline-block;
padding-left: 0;
border-radius: 4px;
margin-top: 20px;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #4D8E42;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #4D8E42;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #4D8E42;
border-color: #4D8E42;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/*--按鈕--*/
.index_btn_class {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
border-radius: 5px;
border: 1px solid #dcdcdc;
background-color: #e8ecee;
background-image: url(../icon_bluearrow.png);
background-repeat: no-repeat;
background-position: right center;
padding-top: 6px;
padding-right: 24px;
padding-bottom: 6px;
padding-left: 12px;
color: #6a747b;
}
.index_btn_class:hover {
background-color: #DCF1F5;
color: #6D7070;
border: 1px solid #DCF1F5;
}
.index_btn_class:active {
position:relative;
top:1px;
}
.btn_class02 {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
border-radius: 4px;
border: 1px solid #2DC0F9;
background-color: #FFFFFF;
background-image: url(../icon_bluearrow.png);
background-repeat: no-repeat;
background-position: right center;
padding-top: 6px;
padding-right: 24px;
padding-bottom: 6px;
padding-left: 12px;
color: #0B99D8;
}
.btn_class02:hover {
background-color: #E6F7FF;
color: #0099CC;
border: 1px solid #E6F7FF;
}
.btn_class02:active {
position:relative;
top:1px;
}