﻿body{padding-top:70px;font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
a{color:#666;text-decoration:none;}
a:hover{color:#666;text-decoration:none;}
::selection {color:#000;background-color:#00ccff;}
::-moz-selection {color:#000;background-color:#00ccff;}
::-webkit-scrollbar{width:12px;height:15px}
::-webkit-scrollbar-track {background-color:#e2e2e2}
::-webkit-scrollbar-thumb{height:5px;background-color:#c6c6c6;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7}
::-webkit-scrollbar-thumb:hover{background-color:#666666}
::-webkit-scrollbar-thumb:active{width:5px;background-color:#cbcbcb;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7}
.text-right{border:1px solid #DDD}
.container{width:1200px;}
.col-lg-4{width:300px;margin:10px 0px 10px 0;padding: 10px 15px 10px 8px;}
.glyphicon{margin-right:10px;}
.text-ico{background: url(../images/icons.png) no-repeat -999px -999px #fff;}
.core-box .text-ico .text-hd{float:left;margin-right:10px;}
.text-category{float:right;}
.links{font-family:方正大黑简体;font-size:0.8em;}
.text-desc{border-top:1px solid #DDD;margin:5px 5px 0px 5px;padding: 10px 0;}
.padding-right{text-align:right;margin:0 10px 10px 0;}
.padding-right .link{float:left;margin-top:3px;color:#999;}
.panel-green{
  /*background-color: #1fbba6;
  position: relative;
  background-color: #1fbba6 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#23d1b9 0px), to(#1fbba6 100%));
  background-image: -webkit-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
  background-image: -moz-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
  background-image: -ms-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
  background-image: -o-linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
  background-image: linear-gradient(top, #23d1b9 0px, #1fbba6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#23d1b9 0px', endColorStr='#1fbba6 100%');
  color: white;*/
  border:2px solid #CCC;
  -webkit-border-top-left-radius:0em;
-webkit-border-top-right-radius:0em;
-webkit-border-bottom-right-radius:0em;
-webkit-border-bottom-left-radius:0em;
-moz-border-radius-topleft:0em;
-moz-border-radius-topright:0em;
-moz-border-radius-bottomright:0em;
-moz-border-radius-bottomleft:0em;
border-top-left-radius:0em;
border-top-right-radius:0em;
border-bottom-right-radius:0em;
border-bottom-left-radius:0em;
}
/*Other*/
#web{position:relative;margin-top:15%;}
#websos,#websos2{position:absolute;font-family:'Vrinda','Segoe UI','Microsoft Jhenghei','微软雅黑',tahoma,'Hiragino Sans GB W3';-webkit-font-smoothing:antialiased;font-weight:normal;font-size:145px;left:50%;top:0%;margin:0px 0 0 -320px;text-shadow:0px 1px 3px #333;width:640px;}
.websos1{color:white;}
.websos2,.websos2 a{color:#666;text-decoration:none;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.0)),color-stop(100%,rgba(0,0,0,1)));}
/*.footer{padding-top:19px;color:#777;border-top:1px solid #e5e5e5;text-align:center;}*/
.footer{color:#999;text-align:center;padding:30px 0;margin-top:10px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f5f5f5;}
.footer a{color:#999;}
#toTop{display:none;position:fixed;bottom:100px;right:5px;width:64px;height:64px;background-image:url('top.png');background-repeat:no-repeat;opacity:0.4;filter:alpha(opacity=40);}
#toTop:hover{opacity:0.8;filter:alpha(opacity=80);/* For IE8 and earlier */}
.tooltip {font-size: 12px;position: absolute;padding: 5px;z-index: 100000;opacity: 0.8; font-family:Microsoft Yahei}
.tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 6px dashed #000;top: 0px;left: 20%;margin-left: -5px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-arrow-n {border-bottom-color: #00aff0;}
.tipsy-inner {background-color: #00aff0;color: #FFF;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;border-radius: 3px;}

/* * Off Canvas */
@media screen and (max-width:767px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}
.row-offcanvas-right{right:0;}
.row-offcanvas-left{left:0;}
.row-offcanvas-right .sidebar-offcanvas{right:-50%;/* 6 columns */
}
.row-offcanvas-left .sidebar-offcanvas{left:-50%;/* 6 columns */
}
.row-offcanvas-right.active{right:50%;/* 6 columns */
}
.row-offcanvas-left.active{left:50%;/* 6 columns */
}
.sidebar-offcanvas{position:absolute;top:0;width:50%;/* 6 columns */
}
}

/** 「載入中」動畫 **/
#circle {
    background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
    opacity:.9;
    border-right:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 35px #2187e7;
    z-index:1000;
    width:50px;
    height:50px;
        margin:0 auto;       
    position:fixed;
        left:30px;
        bottom:30px;
    -moz-animation:spinPulse 1s infinite ease-in-out;
    -webkit-animation:spinPulse 1s infinite ease-in-out;
    -o-animation:spinPulse 1s infinite ease-in-out;
    -ms-animation:spinPulse 1s infinite ease-in-out;
}
#circle1 {
    background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
    opacity:.9;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 15px #2187e7; 
    z-index:1000;
    width:30px;
    height:30px;
        margin:0 auto;
        position:fixed;
        left:40px;
        bottom:40px;
    -moz-animation:spinoffPulse 1s infinite linear;
    -webkit-animation:spinoffPulse 1s infinite linear;
    -o-animation:spinoffPulse 1s infinite linear;
    -ms-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
    0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050;}
    50% { -moz-transform:rotate(145deg); opacity:1; }
    100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
    50% { -webkit-transform:rotate(145deg); opacity:1;}
    100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-o-keyframes spinPulse {
    0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
    50% { -o-transform:rotate(145deg); opacity:1;}
    100% { -o-transform:rotate(-320deg); opacity:0; }
}
@-o-keyframes spinoffPulse {
    0% { -o-transform:rotate(0deg); }
    100% { -o-transform:rotate(360deg); }
}
@-ms-keyframes spinPulse {
    0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; }
    50% { -ms-transform:rotate(145deg); opacity:1;}
    100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes spinoffPulse {
    0% { -ms-transform:rotate(0deg); }
    100% { -ms-transform:rotate(360deg); }
}
